:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f6f7fb;--color-surface:#fff;--color-border:#e4e6ee;--color-border-strong:#d3d6e3;--color-text:#14161f;--color-text-muted:#6b7080;--color-text-faint:#9a9fb0;--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-soft:#eef0fe;--color-primary-soft-border:#d9dcfb;--color-success:#1e8a4c;--color-success-soft:#e6f6ec;--color-success-soft-border:#bfe8cf;--color-warning:#92660a;--color-warning-soft:#fff6dd;--color-warning-soft-border:#f5dd9e;--color-danger:#c0392b;--color-danger-soft:#fdeceb;--color-danger-soft-border:#f6c9c4;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--shadow-sm:0 1px 2px #14161f0d;--shadow-md:0 4px 16px #14161f12;--shadow-lg:0 12px 32px #14161f1f;--font-size-sm:.85em;--font-size-xs:.75em;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,h4{margin:0 0 var(--space-2);letter-spacing:-.01em;font-weight:650}p{margin:0 0 var(--space-2);color:var(--color-text)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.55}button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);padding:9px 16px;font-size:.95em;font-weight:550;transition:background .12s,border-color .12s,box-shadow .12s;display:inline-flex}button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}button[type=submit]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}button[type=submit]:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}input,select,textarea{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:8px 10px;font-family:inherit;font-size:.95em;transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}input::placeholder,textarea::placeholder{color:var(--color-text-faint)}.login-page,.role-choice-page{max-width:420px;padding:var(--space-6) var(--space-5);text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:12vh auto 0}.role-choice-options{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.cabinet-layout{flex-direction:column;min-height:100vh;display:flex}.cabinet-header{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex}.cabinet-header .logo{color:var(--color-primary);letter-spacing:-.01em;font-size:1.05em;font-weight:750}.cabinet-header .role-badge{color:var(--color-text-muted);font-size:var(--font-size-sm);flex:1}.cabinet-body{flex:1;display:flex}.cabinet-nav{background:var(--color-surface);border-right:1px solid var(--color-border)}.cabinet-nav ul{padding:var(--space-4) var(--space-2);flex-direction:column;gap:2px;width:220px;margin:0;list-style:none;display:flex}.cabinet-nav a{padding:9px var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.94em;font-weight:500;display:block}.cabinet-nav a:hover{background:var(--color-bg);color:var(--color-text);text-decoration:none}.cabinet-nav a.active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:650}.cabinet-content{padding:var(--space-5);flex:1;max-width:1200px}.empty-state{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;color:var(--color-text-muted);background:var(--color-surface)}.content-list{margin:var(--space-4) 0 0;gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.content-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-sm)}.content-item h3{margin:0}.content-item p{margin:var(--space-2) 0 0;color:var(--color-text-muted)}.content-item-header{align-items:center;gap:var(--space-2);display:flex}.content-item-date{margin-top:var(--space-2);color:var(--color-text-faint);font-size:var(--font-size-sm);display:block}.placeholder-badge{font-size:var(--font-size-xs);color:var(--color-warning);background:var(--color-warning-soft);border:1px solid var(--color-warning-soft-border);border-radius:var(--radius-pill);padding:2px 10px;font-weight:650}.hint{color:var(--color-text-muted);font-size:var(--font-size-sm)}.error{color:var(--color-danger);font-size:var(--font-size-sm)}.seller-header-info{gap:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm);align-items:baseline;display:flex}.registration-form{gap:var(--space-3);max-width:380px;margin-top:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.registration-form label{gap:var(--space-1);text-align:left;color:var(--color-text-muted);flex-direction:column;font-size:.88em;font-weight:550;display:flex}.registration-form input,.registration-form select,.registration-form textarea{padding:9px 10px}.registration-form-actions{gap:var(--space-2);margin-top:var(--space-1);display:flex}.settings-toggle{align-items:center;gap:var(--space-2);margin:var(--space-2) 0;display:flex}.add-client-form{padding:var(--space-3);border:none;border-bottom:1px solid var(--color-border);box-shadow:none;border-radius:0;max-width:none;margin-top:0}.data-table{border-collapse:collapse;width:100%;margin:var(--space-4) 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:10px 14px;font-size:.92em}.data-table th{background:var(--color-bg);color:var(--color-text-muted);font-weight:650;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--color-bg)}.status-badge{border-radius:var(--radius-pill);font-size:var(--font-size-xs);border:1px solid #0000;padding:3px 10px;font-weight:650;display:inline-block}.status-past{background:var(--color-bg);color:var(--color-text-muted);border-color:var(--color-border-strong)}.status-active{background:var(--color-success-soft);color:var(--color-success);border-color:var(--color-success-soft-border)}.status-planned{background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary-soft-border)}.status-none{background:var(--color-bg);color:var(--color-text-faint);border-color:var(--color-border)}.status-offer-pending{background:var(--color-warning-soft);color:var(--color-warning);border-color:var(--color-warning-soft-border)}.status-offer-approved{background:var(--color-success-soft);color:var(--color-success);border-color:var(--color-success-soft-border)}.status-offer-rejected{background:var(--color-danger-soft);color:var(--color-danger);border-color:var(--color-danger-soft-border)}.back-link{margin-bottom:var(--space-4);font-weight:550;font-size:var(--font-size-sm);display:inline-block}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.product-card-header{align-items:center;gap:var(--space-4);display:flex}.product-photo{object-fit:cover;border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border);width:64px;height:64px}.product-card-actions{margin:var(--space-3) 0;gap:var(--space-2);display:flex}.totals-row{gap:var(--space-6);margin:var(--space-4) 0;padding:var(--space-4);background:var(--color-bg);border-radius:var(--radius-md);display:flex}.totals-value{letter-spacing:-.02em;font-size:1.5em;font-weight:700}.progress-bar{background:var(--color-border);border-radius:var(--radius-pill);vertical-align:middle;width:80px;height:8px;margin-right:var(--space-2);display:inline-block;overflow:hidden}.progress-bar-fill{background:var(--color-primary);height:100%;display:block}.inline-form{gap:var(--space-2);align-items:center;display:flex}.inline-form input{width:90px;padding:6px 8px}.scroll-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);margin:var(--space-5) 0;box-shadow:var(--shadow-sm)}.scroll-panel-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.scroll-panel-header h3{margin:0;font-size:1em}.scroll-panel-body{max-height:360px;padding:0 var(--space-4);overflow-y:auto}.scroll-panel-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border)}.scroll-panel-fullscreen{z-index:100;border-radius:0;flex-direction:column;margin:0;display:flex;position:fixed;inset:0}.scroll-panel-fullscreen .scroll-panel-body{flex:1;max-height:none}.chats-layout{gap:var(--space-4);grid-template-columns:320px 1fr 300px;height:calc(100vh - 120px);display:grid}.chats-area-2,.chats-area-3,.chats-area-4{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.chats-toolbar{gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.chats-toolbar input[type=search]{flex:1}.chats-empty-action{margin-top:var(--space-4);text-align:center}.chats-list{flex:1;overflow-y:auto}.chat-list{margin:0;padding:0;list-style:none}.chat-list-item{border-bottom:1px solid var(--color-bg);align-items:center;display:flex}.chat-list-item-main{align-items:center;gap:var(--space-3);padding:10px var(--space-3);text-align:left;background:0 0;border:none;border-radius:0;flex:1;font-weight:400;display:flex}.chat-list-item-main:hover{background:var(--color-bg);color:inherit;border-color:#0000}.chat-list-item-active .chat-list-item-main{background:var(--color-primary-soft)}.chat-list-item-unread{background:var(--color-bg);font-weight:650}.chat-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.chat-avatar-initials{background:var(--color-primary);color:#fff;justify-content:center;align-items:center;font-size:.9em;font-weight:700;display:flex}.chat-list-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chat-list-item-name{font-size:.95em;font-weight:600}.chat-list-item-preview{color:var(--color-text-muted);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-list-item-time{color:var(--color-text-faint);font-size:var(--font-size-xs);white-space:nowrap}.chat-pin-toggle{padding:var(--space-2);background:0 0;border:none;font-size:1em}.chat-pin-toggle:hover{background:var(--color-bg);border-color:#0000}.chat-window{padding:var(--space-3);flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-messages{gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-message{max-width:70%;padding:8px var(--space-3);border-radius:var(--radius-md)}.chat-message p{margin:0}.chat-message-seller{background:var(--color-primary-soft);align-self:flex-end}.chat-message-buyer{background:var(--color-bg);align-self:flex-start}.chat-message-time{margin-top:var(--space-1);color:var(--color-text-faint);font-size:.7em;display:block}.chat-compose{gap:var(--space-2);margin-top:var(--space-3);display:flex}.chat-compose input{flex:1}.client-card{padding:var(--space-4);overflow-y:auto}.client-card-header{align-items:center;gap:var(--space-3);display:flex}.client-card-header h3{margin:0}.client-card-avatar{width:48px;height:48px}.client-card-tabs{gap:var(--space-1);margin:var(--space-4) 0 var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.client-card-tabs button{padding:var(--space-2) 2px;color:var(--color-text-muted);margin-right:var(--space-3);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;font-weight:550}.client-card-tabs button:hover{border-color:#0000;border-bottom-color:var(--color-border-strong);color:var(--color-text);background:0 0}.client-card-tabs button.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:650}.client-card-purchase-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.client-card-purchase-list li{align-items:center;gap:var(--space-2);display:flex}.client-card-purchase-list img{object-fit:cover;border-radius:var(--radius-sm);width:32px;height:32px}.client-card-flag{margin:var(--space-3) 0;padding:10px var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);gap:var(--space-2);flex-direction:column;display:flex}.client-card-flag-active{border-color:var(--color-warning-soft-border);background:var(--color-warning-soft)}.client-card-flag textarea{width:100%}.toolbar{gap:var(--space-3);margin:var(--space-3) 0;display:flex}.filters-bar{gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex}.filters-bar label{gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-direction:column;font-weight:550;display:flex}.filters-bar input,.filters-bar select{padding:6px 8px;font-size:.9em}.pagination-bar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.page-size-select{gap:var(--space-1);display:flex}.page-size-select button{padding:5px 12px;font-size:.88em;font-weight:550}.page-size-select button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.page-nav{align-items:center;gap:var(--space-3);display:flex}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#14161f73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);width:440px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);box-shadow:var(--shadow-lg);overflow-y:auto}.dropzone{border:2px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;margin:var(--space-3) 0;color:var(--color-text-muted);background:var(--color-bg);transition:border-color .12s,background .12s}.dropzone-active{border-color:var(--color-primary);background:var(--color-primary-soft)}.file-picker{margin-top:var(--space-2);border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;padding:6px 14px;font-size:.9em;font-weight:550;display:inline-flex}.file-picker:hover{background:var(--color-primary-soft)}.import-result .data-table{max-height:320px;display:block;overflow-y:auto}.star-rating{gap:2px;display:inline-flex}.star-rating .star{color:var(--color-border-strong);background:0 0;border:none;padding:0;font-size:1.3em}.star-rating .star:hover{color:inherit;background:0 0;border-color:#0000}.star-rating .star:disabled{cursor:default}.star-rating .star-filled{color:#f0ad4e}.review-form{gap:var(--space-2);margin:var(--space-3) 0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;display:flex}.review-form textarea{width:100%}.review-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.review-list li{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.review-list li p{margin:var(--space-1) 0 0}.seller-profile{gap:var(--space-4);flex-direction:column;display:flex}.seller-profile-header{align-items:center;gap:var(--space-3);display:flex}.seller-profile-header img{object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border);width:56px;height:56px}.seller-profile-rating{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.rating-chart-bar{justify-content:space-between;gap:var(--space-3);margin:var(--space-2) 0;display:flex}.rating-chart-positive{color:var(--color-success);font-weight:650}.rating-chart-negative{color:var(--color-danger);font-weight:650}.buyer-notifications{margin-bottom:var(--space-4);padding:10px var(--space-3);border:1px solid var(--color-primary-soft-border);background:var(--color-primary-soft);border-radius:var(--radius-md)}.buyer-notifications ul{margin:var(--space-2) 0 0;gap:var(--space-1);flex-direction:column;padding:0;list-style:none;display:flex}.buyer-purchase-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.buyer-purchase-record{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px var(--space-3);background:var(--color-surface)}.buyer-purchase-record-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.payout-retry-notice{margin:var(--space-3) 0;padding:10px var(--space-3);border:1px solid var(--color-warning-soft-border);border-left:3px solid var(--color-warning);border-radius:var(--radius-md);background:var(--color-warning-soft);color:var(--color-warning);gap:var(--space-2);flex-direction:column;display:flex}.payout-retry-notice p{margin:0}.payout-retry-notices{gap:var(--space-2);flex-direction:column;display:flex}.filter-chip{border-radius:var(--radius-pill);align-self:flex-end}.filter-chip.active{background:var(--color-warning-soft);color:var(--color-warning);border-color:var(--color-warning-soft-border)}.import-row-tokenization{flex-direction:column;gap:2px;display:flex}
