*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body,html{background:var(--surface-0)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-body);font-size:15px;line-height:1.55;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}a{color:inherit}button{font-family:inherit}.app{background:var(--surface-0);min-height:100vh}.navbar{align-items:center;background:var(--surface-1);border-bottom:var(--hairline);color:var(--text-primary);display:flex;gap:var(--space-4);height:var(--nav-h);justify-content:space-between;padding:0 var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar:after{background:linear-gradient(90deg,#0000,var(--accent-line) 18%,var(--ice-line) 52%,#0000 88%);bottom:-1px;content:"";height:1px;left:0;opacity:.7;pointer-events:none;position:absolute;right:0}.navbar ul{align-items:center;display:flex;gap:var(--space-2);list-style:none}.navbar li{margin-left:0}.navbar a{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:color var(--duration) var(--ease)}.navbar a:hover{color:var(--text-primary)}.navbar .text-xl.font-bold{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.nav-brand{align-items:center;display:flex;gap:var(--space-3);min-width:0;text-decoration:none}.nav-brand-mark{align-items:center;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--radius);box-shadow:var(--glow-accent);color:var(--accent-text);display:inline-flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.nav-brand-mark svg{height:15px;width:15px}.nav-brand-text{display:flex;flex-direction:column;line-height:1.1;min-width:0}.nav-brand-name{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-md);font-weight:700;letter-spacing:.06em}.nav-brand-name,.nav-brand-sub{text-transform:uppercase;white-space:nowrap}.nav-brand-sub{color:var(--text-faint);font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.16em}.nav-cluster{align-items:center;display:flex;gap:var(--space-3);min-width:0}.nav-divider{background:var(--border);flex-shrink:0;height:22px;width:1px}.nav-operator{align-items:center;background:var(--surface-inset);border:var(--hairline);border-radius:var(--radius);display:flex;gap:var(--space-2);min-width:0;padding:5px 10px}.nav-operator-label{color:var(--text-faint);font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.nav-operator-name{color:var(--text-primary);font-size:var(--text-xs);font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-signout{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:10px;font-weight:600;gap:7px;letter-spacing:.1em;padding:6px 12px;text-transform:uppercase;transition:color var(--duration) var(--ease),border-color var(--duration) var(--ease),background-color var(--duration) var(--ease)}.nav-signout:hover{background:var(--surface-3);border-color:var(--danger);color:var(--danger-text)}.nav-signout:focus-visible{box-shadow:0 0 0 2px var(--accent-ring);outline:none}.nav-signout svg{height:13px;width:13px}.container{display:flex;min-height:calc(100vh - var(--nav-h))}.sidebar{background:var(--surface-1);border-right:var(--hairline);flex-shrink:0;height:calc(100vh - var(--nav-h));overflow-y:auto;padding:var(--space-5) var(--space-3) var(--space-6);position:-webkit-sticky;position:sticky;top:var(--nav-h);width:var(--rail-w)}.sidebar ul{display:flex;flex-direction:column;gap:2px;list-style:none;margin-top:var(--space-1)}.sidebar-toggle{display:none}.rail-caption{align-items:center;color:var(--text-faint);display:flex;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;gap:var(--space-2);letter-spacing:.14em;padding:0 var(--space-3) var(--space-3);text-transform:uppercase}.rail-caption .bg-blue-500{border-radius:50%;display:inline-block;flex-shrink:0;height:6px;width:6px}.rail-caption:after{background:var(--border-subtle);content:"";flex:1 1;height:1px}.sidebar a,.sidebar-link{align-items:center;border:1px solid #0000;border-radius:var(--radius);color:var(--text-secondary);display:flex;font-size:var(--text-sm);font-weight:500;gap:10px;padding:9px 12px;position:relative;text-decoration:none;transition:background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease)}.sidebar a:before,.sidebar-link:before{background:var(--accent);border-radius:1px;content:"";height:0;left:-1px;position:absolute;top:50%;transform:translateY(-50%);transition:height var(--duration) var(--ease-out);width:2px}.sidebar a:hover,.sidebar-link:hover{background:var(--surface-2);color:var(--text-primary)}.sidebar a:hover:before,.sidebar-link:hover:before{height:12px}.sidebar a.active,.sidebar-link.active{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-text);font-weight:600}.sidebar a.active:before,.sidebar-link.active:before{box-shadow:0 0 8px var(--accent);height:60%}.sidebar a.active .bg-gray-100,.sidebar-link.active .bg-gray-100{background:var(--accent-soft)!important;color:var(--accent-text)!important}.rail-icon{align-items:center;background:var(--surface-3);border:1px solid var(--border-subtle);border-radius:var(--radius);display:inline-flex;flex-shrink:0;height:26px;justify-content:center;transition:background-color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease);width:26px}.rail-icon svg{height:14px;width:14px}.sidebar a:hover .rail-icon,.sidebar-link:hover .rail-icon{border-color:var(--border)}.sidebar a.active .rail-icon,.sidebar-link.active .rail-icon{background:var(--accent-soft);border-color:var(--accent-line)}.rail-led{background:var(--accent);border-radius:50%;box-shadow:0 0 6px var(--accent);flex-shrink:0;height:5px;width:5px}.rail-divider{background:var(--border-subtle);height:1px;list-style:none;margin:var(--space-3) var(--space-2)}.sidebar a svg{flex-shrink:0;height:17px;width:17px}main{background:var(--surface-0);flex:1 1;min-width:0;overflow-y:auto;padding:var(--space-6) var(--space-8);position:relative}main:before{background-image:linear-gradient(var(--grid-line) 1px,#0000 1px),linear-gradient(90deg,var(--grid-line) 1px,#0000 1px);background-size:48px 48px;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}main>*{position:relative;z-index:1}.auth-form-container{align-items:center;background:var(--surface-0);display:flex;justify-content:center;min-height:100vh;padding:var(--space-5)}.auth-form{background:var(--surface-1);border:var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:440px;padding:var(--space-8);width:100%}@media (max-width:768px){.container{flex-direction:column}.sidebar{border-bottom:var(--hairline);border-right:none;height:auto;padding:var(--space-4) var(--space-3);position:static;width:100%}.sidebar-toggle{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;gap:8px;letter-spacing:.1em;padding:10px 12px;text-transform:uppercase;transition:color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease);width:100%}.sidebar-toggle:hover{border-color:var(--border-strong);color:var(--text-primary)}.sidebar-toggle svg{height:15px;width:15px}.sidebar .rail-caption,.sidebar:not(.open) ul{display:none}.sidebar.open ul{margin-top:var(--space-3)}main{padding:var(--space-5) var(--space-4)}.navbar{padding:0 var(--space-4)}.nav-operator-name{max-width:90px}.auth-form{margin:var(--space-3);padding:var(--space-6) var(--space-5)}}.card{background:var(--surface-1);border:var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-5);padding:var(--space-6);transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card h2{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-md);letter-spacing:.02em;margin-bottom:var(--space-4);margin-top:0;padding-bottom:var(--space-3)}.btn,.card h2{font-weight:600}.btn{border:1px solid #0000;border-radius:var(--radius);font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2);letter-spacing:.01em;line-height:1;padding:9px 16px;text-align:center;text-decoration:none;transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease),color var(--duration) var(--ease),box-shadow var(--duration) var(--ease);white-space:nowrap}.btn:focus-visible{box-shadow:0 0 0 3px var(--accent-ring);outline:none}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--glow-accent)}.btn-success{background:var(--success);border-color:var(--success);color:var(--surface-0)}.btn-success:hover:not(:disabled){filter:brightness(1.08)}.btn-danger{background:var(--danger);border-color:var(--danger);color:var(--surface-0)}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.btn-warning{background:var(--warning);border-color:var(--warning);color:var(--surface-0)}.btn-warning:hover:not(:disabled){filter:brightness(1.08)}.btn-info{background:var(--ice);border-color:var(--ice);color:var(--surface-0)}.btn-info:hover:not(:disabled){filter:brightness(1.08)}.btn-secondary{background:var(--surface-2);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.btn-sm{font-size:var(--text-xs);padding:6px 12px}.btn-block{display:flex;width:100%}.action-buttons{align-items:center;display:inline-flex;flex-wrap:nowrap;gap:6px;justify-content:center}.btn-icon{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);flex-shrink:0;font-size:var(--text-sm);height:30px;padding:0;transition:background-color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease);width:30px}.btn-icon:hover{background:var(--surface-3);border-color:var(--border-strong);color:var(--text-primary)}.btn-icon-primary,.btn-icon-primary:hover{color:var(--accent-text)}.btn-icon-primary:hover{background:var(--accent-soft);border-color:var(--accent-line)}.btn-icon-success,.btn-icon-success:hover{color:var(--success-text)}.btn-icon-success:hover{background:var(--success-soft);border-color:var(--success-line)}.btn-icon-danger,.btn-icon-danger:hover{color:var(--danger-text)}.btn-icon-danger:hover{background:var(--danger-soft);border-color:var(--danger-line)}.btn-icon-warning,.btn-icon-warning:hover{color:var(--warning-text)}.btn-icon-warning:hover{background:var(--warning-soft);border-color:var(--warning-line)}.btn-icon-info,.btn-icon-info:hover{color:var(--ice-text)}.btn-icon-info:hover{background:var(--ice-soft);border-color:var(--ice-line)}.form-group{margin-bottom:var(--space-4)}.form-group label,.form-label{color:var(--text-tertiary);display:block;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.12em;margin-bottom:6px;text-transform:uppercase}.form-control,.form-group input,.form-group select,.form-group textarea{background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);padding:9px 12px;transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease);width:100%}.form-control:hover,.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--border-strong)}.form-control:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--surface-1);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.form-control::placeholder,.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-faint)}.form-control[type=number],.form-group input[type=number]{font-feature-settings:"tnum";font-family:var(--font-mono);font-variant-numeric:tabular-nums}.form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:var(--space-4)}.form-row .form-group{margin-bottom:0}.table{background:var(--surface-1);border:var(--hairline);border-collapse:initial;border-radius:var(--radius-md);border-spacing:0;box-shadow:var(--shadow-sm);margin:var(--space-4) 0;overflow:hidden}.table td,.table th{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--text-sm);padding:12px 16px;text-align:left}.table th{background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.12em;white-space:nowrap}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background-color var(--duration-fast) var(--ease)}.table tbody tr:hover{background:var(--surface-2)}.table td:last-child,.table th:last-child{text-align:right}.dashboard h1{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:.03em;margin-bottom:var(--space-6);text-transform:uppercase}.stats-container{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:var(--space-6)}.stat-card{align-items:flex-start;display:flex;gap:var(--space-4);transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.stat-card:before{opacity:.65}.stat-icon{align-items:center;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);display:inline-flex;flex-shrink:0;font-size:var(--text-md);height:36px;justify-content:center;transition:background-color var(--duration) var(--ease);width:36px}.stat-card:hover .stat-icon{transform:none}.stat-card-blue,.stat-card-purple{--stat:var(--accent)}.stat-card-orange{--stat:var(--warning)}.stat-card-green{--stat:var(--success)}.stat-card-blue:before,.stat-card-purple:before{background:var(--accent)}.stat-card-orange:before{background:var(--warning)}.stat-card-green:before{background:var(--success)}.stat-card-blue .stat-icon,.stat-card-purple .stat-icon{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-text)}.stat-card-orange .stat-icon{background:var(--warning-soft);border-color:var(--warning-line);color:var(--warning-text)}.stat-card-green .stat-icon{background:var(--success-soft);border-color:var(--success-line);color:var(--success-text)}.stat-content{flex:1 1;min-width:0;text-align:left}.stat-label{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.14em;margin-bottom:6px;text-transform:uppercase}.stat-value{font-feature-settings:"tnum","tnum";-webkit-text-fill-color:initial;background:none;color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.01em;line-height:1.1;margin:2px 0}.stat-subtitle{color:var(--text-faint);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.06em;margin-top:4px}.stat-card h3{font-feature-settings:"tnum";color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}.stat-card p{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.14em;text-transform:uppercase}.dashboard-content{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:2fr 1fr}@media (max-width:1024px){.dashboard-content{grid-template-columns:1fr}}.search-container{margin-bottom:var(--space-5)}.search-container input{background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);padding:9px 12px;transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease);width:100%}.search-container input::placeholder{color:var(--text-faint)}.search-container input:focus{background:var(--surface-1);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.loading{color:var(--text-tertiary);padding:var(--space-12) var(--space-6);text-align:center}.loading p{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;margin:0;text-transform:uppercase}.empty-state{padding:var(--space-10) var(--space-6)}.empty-state p{font-size:var(--text-sm);margin:6px 0}.empty-state .text-muted{color:var(--text-faint);font-size:var(--text-xs)}.empty-icon{color:var(--text-faint);font-size:2.25rem;margin-bottom:var(--space-3);opacity:.7}.empty-state h3{color:var(--text-secondary);font-family:var(--font-display);font-size:var(--text-md);font-weight:600;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.mr-2{margin-right:var(--space-2)}.ml-2{margin-left:var(--space-2)}.hide-sm{display:none}@media (min-width:768px){.hide-sm{display:inline}}.page-title{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;gap:10px;letter-spacing:.04em;margin-bottom:var(--space-6);text-transform:uppercase}.section-header{flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.section-header h2{letter-spacing:.03em}.badge{gap:5px}.badge-success{background:var(--success-soft);border-color:var(--success-line);color:var(--success-text)}.badge-warning{background:var(--warning-soft);border-color:var(--warning-line);color:var(--warning-text)}.badge-danger{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger-text)}.badge-info{background:var(--ice-soft);border-color:var(--ice-line);color:var(--ice-text)}.input-group{position:relative}.input-group .input-group-text{color:var(--text-faint);font-size:var(--text-sm);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-group .form-control{padding-left:36px}.sales{padding:0}.sales h1{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;gap:10px;letter-spacing:.03em;margin-bottom:var(--space-6);text-transform:uppercase}.sales-history{margin-top:var(--space-6)}.sales-history h2{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-md);font-weight:600;letter-spacing:.03em;margin-bottom:var(--space-4);padding-bottom:var(--space-3);text-transform:uppercase}.sales-table-container{background:var(--surface-1);border:var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:var(--space-3) 0;overflow:hidden}.sales-table{border-collapse:initial;border-spacing:0;box-shadow:none;margin:0;width:100%}.sales-table thead th{background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.12em;padding:11px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.sales-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background-color var(--duration-fast) var(--ease)}.sales-table tbody tr:hover{background:var(--surface-2)}.sales-table tbody tr.expanded{background:var(--surface-2);box-shadow:inset 2px 0 0 0 var(--accent)}.sales-table td{color:var(--text-primary);font-size:var(--text-sm);padding:12px 16px;vertical-align:middle}.sales-total{font-feature-settings:"tnum";color:var(--success-text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600}.payment-cash,.payment-credit_card,.payment-debit_card,.payment-mobile_payment,.payment-other{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);display:inline-flex;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.1em;padding:3px 9px;text-transform:uppercase}.payment-cash{background:var(--success-soft);border-color:var(--success-line);color:var(--success-text)}.payment-credit_card{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-text)}.payment-debit_card{background:var(--ice-soft);border-color:var(--ice-line);color:var(--ice-text)}.payment-mobile_payment{background:var(--warning-soft);border-color:var(--warning-line);color:var(--warning-text)}.payment-other{background:var(--surface-3);border-color:var(--border);color:var(--text-secondary)}.sale-details-row,.sale-items-detail{background:var(--surface-inset)!important}.sale-items-detail{padding:0!important}.sale-details-content{background:var(--surface-1);border:var(--hairline);border-radius:var(--radius-md);margin:10px;padding:var(--space-5)}.sale-details-title{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;letter-spacing:.06em;margin:0 0 var(--space-3) 0;padding-bottom:10px;text-transform:uppercase}.sale-items-table{background:var(--surface-1);border:1px solid var(--border-subtle);border-collapse:initial;border-radius:var(--radius);border-spacing:0;margin-bottom:var(--space-4);overflow:hidden;width:100%}.sale-items-table thead th{background:var(--surface-2);color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.12em;padding:9px 12px;text-align:left;text-transform:uppercase}.sale-items-table tbody td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--text-xs);padding:9px 12px}.sale-items-table tbody tr:last-child td{border-bottom:none}.sale-summary-bottom{border-top:1px dashed var(--border);margin-top:var(--space-3);padding-top:var(--space-3)}.sale-summary-bottom p{font-feature-settings:"tnum";color:var(--text-secondary);font-size:var(--text-xs);font-variant-numeric:tabular-nums;margin:4px 0}.sale-grand-total{font-feature-settings:"tnum";border-top:1px solid var(--border-subtle);color:var(--success-text);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:700;margin-top:6px;padding-top:6px}.no-sales-message{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;padding:var(--space-12) var(--space-6);text-align:center;text-transform:uppercase}.sale-summary{background:var(--surface-2);border:var(--hairline);border-radius:var(--radius-md);margin:var(--space-5) 0;padding:var(--space-5)}.sale-summary h3{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;letter-spacing:.06em;margin-bottom:10px;margin-top:0;text-transform:uppercase}.sale-summary p{font-feature-settings:"tnum";color:var(--text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;margin:6px 0}.sale-summary strong{color:var(--text-primary)}.current-sale-items{margin:var(--space-5) 0}.current-sale-items h3{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase}.bg-white{background:var(--surface-1)}.bg-gray-100{background:var(--surface-3)}.bg-blue-100,.bg-blue-50{background:var(--accent-soft)}.bg-green-100,.bg-green-50{background:var(--success-soft)}.bg-amber-100,.bg-amber-50{background:var(--warning-soft)}.bg-red-100,.bg-red-50{background:var(--danger-soft)}.text-blue-500,.text-blue-600{color:var(--accent-text)}.text-green-500,.text-green-600{color:var(--success-text)}.text-amber-500,.text-amber-600{color:var(--warning-text)}.text-red-500,.text-red-600{color:var(--danger-text)}.text-gray-400{color:var(--text-faint)}.text-gray-500{color:var(--text-tertiary)}.text-gray-600{color:var(--text-secondary)}.text-gray-800,.text-gray-900{color:var(--text-primary)}.sidebar .bg-blue-500{background:var(--accent);box-shadow:0 0 6px var(--accent)}.sidebar .bg-red-500{background:var(--danger);box-shadow:0 0 6px var(--danger)}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root,[data-theme=dark]{--surface-0:#070810;--surface-1:#0d0f1a;--surface-2:#131624;--surface-3:#1a1e30;--surface-inset:#05060c;--surface-overlay:#04050cb8;--border:#232840;--border-strong:#333a58;--border-subtle:#191d2e;--text-primary:#e9ebf5;--text-secondary:#a5abc7;--text-tertiary:#6d7494;--text-faint:#4c5372;--text-on-accent:#fff;--accent:#7c5cff;--accent-hover:#8f74ff;--accent-active:#6a48f5;--accent-text:#b3a3ff;--accent-soft:#7c5cff24;--accent-line:#7c5cff6b;--accent-ring:#7c5cff57;--ice:#38bdf8;--ice-text:#7dd3fc;--ice-soft:#38bdf821;--ice-line:#38bdf861;--success:#2ee6a8;--success-text:#5eecbc;--success-soft:#2ee6a81f;--success-line:#2ee6a857;--warning:#fbbf24;--warning-text:#fcd34d;--warning-soft:#fbbf241f;--warning-line:#fbbf2457;--danger:#fb5f7a;--danger-text:#fd8098;--danger-soft:#fb5f7a21;--danger-line:#fb5f7a5c;--info:var(--ice);--info-text:var(--ice-text);--info-soft:var(--ice-soft);--info-line:var(--ice-line);--grid-line:rgba(124,92,255,.055);--grid-line-2:hsla(0,0%,100%,.022);--glow-accent:0 0 0 1px #7c5cff2e,0 0 18px #7c5cff29;--glow-ice:0 0 0 1px #38bdf82e,0 0 18px #38bdf824;--bracket:#7c5cff66;--shadow-xs:0 1px 2px #00000080;--shadow-sm:0 1px 2px #00000080,0 2px 6px #00000057;--shadow:0 2px 6px #00000070,0 8px 22px #0006;--shadow-md:0 4px 12px #00000075,0 16px 36px #00000070;--shadow-lg:0 8px 20px #00000080,0 28px 60px #00000080;--shadow-xl:0 12px 28px #0000008c,0 48px 96px #00000094;color-scheme:dark}[data-theme=light]{--surface-0:#eef1f8;--surface-1:#fff;--surface-2:#f7f9fd;--surface-3:#eaeff9;--surface-inset:#f2f5fb;--surface-overlay:#141a2c6b;--border:#d6dcec;--border-strong:#b9c3dc;--border-subtle:#e6eaf5;--text-primary:#0d1120;--text-secondary:#485270;--text-tertiary:#6e7795;--text-faint:#98a0bb;--text-on-accent:#fff;--accent:#6338f0;--accent-hover:#5429e4;--accent-active:#4a20cf;--accent-text:#5326d8;--accent-soft:#6338f017;--accent-line:#6338f042;--accent-ring:#6338f038;--ice:#0284c7;--ice-text:#0369a1;--ice-soft:#0284c717;--ice-line:#0284c73d;--success:#05966a;--success-text:#047854;--success-soft:#05966a1a;--success-line:#05966a3d;--warning:#c2740a;--warning-text:#9a5b06;--warning-soft:#c2740a1a;--warning-line:#c2740a3d;--danger:#d92650;--danger-text:#b81340;--danger-soft:#d9265017;--danger-line:#d926503d;--info:var(--ice);--info-text:var(--ice-text);--info-soft:var(--ice-soft);--info-line:var(--ice-line);--grid-line:rgba(99,56,240,.055);--grid-line-2:rgba(13,17,32,.028);--glow-accent:0 0 0 1px #6338f024,0 2px 10px #6338f01f;--glow-ice:0 0 0 1px #0284c724,0 2px 10px #0284c71a;--bracket:#6338f052;--shadow-xs:0 1px 2px #1018300d;--shadow-sm:0 1px 2px #1018300f,0 2px 6px #1018300d;--shadow:0 2px 6px #1018300f,0 8px 20px #10183012;--shadow-md:0 4px 12px #10183012,0 16px 34px #10183017;--shadow-lg:0 8px 20px #10183014,0 28px 56px #1018301c;--shadow-xl:0 12px 28px #1018301a,0 48px 90px #10183024;color-scheme:light}:root{--font-display:"Chakra Petch","Segoe UI",system-ui,sans-serif;--font-body:"Manrope","Segoe UI",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Consolas","Menlo",monospace;--text-2xs:0.6875rem;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-xs:2px;--radius-sm:3px;--radius:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-pill:9999px;--ease:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--duration-fast:120ms;--duration:200ms;--duration-slow:340ms;--nav-h:60px;--rail-w:252px;--hairline:1px solid var(--border);--hairline-strong:1px solid var(--border-strong);--primary:var(--accent);--primary-dark:var(--accent-hover);--primary-light:var(--accent-soft);--paper:var(--surface-1);--paper-warm:var(--surface-0);--paper-tinted:var(--surface-2);--ink-950:var(--text-primary);--ink-900:var(--text-primary);--ink-800:var(--text-primary);--ink-700:var(--text-secondary);--ink-600:var(--text-secondary);--ink-500:var(--text-tertiary);--ink-400:var(--text-faint);--ink-300:var(--border-strong);--ink-200:var(--border);--ink-150:var(--border-subtle);--ink-100:var(--surface-3);--ink-50:var(--surface-2);--gray-50:var(--surface-2);--gray-100:var(--surface-3);--gray-200:var(--border);--gray-300:var(--border-strong);--gray-400:var(--text-faint);--gray-500:var(--text-tertiary);--gray-600:var(--text-secondary);--gray-700:var(--text-secondary);--gray-800:var(--text-primary);--gray-900:var(--text-primary)}@keyframes slideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.55}}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.telemetry-label{color:#6d7494;color:var(--text-tertiary);font-family:JetBrains Mono,Consolas,Menlo,monospace;font-family:var(--font-mono);font-size:.6875rem;font-size:var(--text-2xs);font-weight:500;letter-spacing:.14em;text-transform:uppercase}.readout{font-feature-settings:"tnum","tnum";font-family:Chakra Petch,Segoe UI,system-ui,sans-serif;font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.bracketed{position:relative}.bracketed:after,.bracketed:before{border-color:#7c5cff66;border-color:var(--bracket);border-style:solid;content:"";height:10px;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--duration) var(--ease);width:10px}.bracketed:before{border-width:1px 0 0 1px;left:-1px;top:-1px}.bracketed:after{border-width:0 1px 1px 0;bottom:-1px;right:-1px}.bracketed:hover:after,.bracketed:hover:before{opacity:1}.status-led{background:#2ee6a8;background:var(--success);border-radius:50%;box-shadow:0 0 6px #2ee6a8;box-shadow:0 0 6px var(--success);flex-shrink:0;height:6px;width:6px}.status-led.idle{background:#4c5372;background:var(--text-faint);box-shadow:none}.status-led.warning{background:#fbbf24;background:var(--warning);box-shadow:0 0 6px #fbbf24;box-shadow:0 0 6px var(--warning)}.status-led.danger{animation:statusBlink 1.6s ease-in-out infinite;background:#fb5f7a;background:var(--danger);box-shadow:0 0 6px #fb5f7a;box-shadow:0 0 6px var(--danger)}.grid-field{isolation:isolate;position:relative}.grid-field:before{background-image:linear-gradient(rgba(124,92,255,.055) 1px,#0000 0),linear-gradient(90deg,rgba(124,92,255,.055) 1px,#0000 0);background-image:linear-gradient(var(--grid-line) 1px,#0000 1px),linear-gradient(90deg,var(--grid-line) 1px,#0000 1px);background-size:48px 48px;content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}.loading-spinner{animation:spin .7s linear infinite;border:2px solid #232840;border-top-color:#7c5cff;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);display:inline-block;height:20px;width:20px}.loading-spinner-lg{border-width:3px;height:40px;width:40px}.skeleton{animation:shimmer 1.4s linear infinite;background:linear-gradient(90deg,#131624,#1a1e30 50%,#131624);background:linear-gradient(90deg,var(--surface-2) 0,var(--surface-3) 50%,var(--surface-2) 100%);background-size:200% 100%;border-radius:3px;border-radius:var(--radius-sm)}.card-modern{background:#0d0f1a;background:var(--surface-1);border:1px solid #232840;border:var(--hairline);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #00000080;box-shadow:var(--shadow-xs);overflow:hidden;position:relative;transition:box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease)}.card-modern:before{background:linear-gradient(90deg,#0000,#7c5cff6b 22%,#7c5cff6b 78%,#0000);background:linear-gradient(90deg,#0000,var(--accent-line) 22%,var(--accent-line) 78%,#0000);content:"";height:1px;left:0;opacity:.7;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.card-modern:hover{border-color:#333a58;border-color:var(--border-strong);box-shadow:0 2px 6px #00000070,0 8px 22px #0006;box-shadow:var(--shadow)}.card-header-modern{background:#131624;background:var(--surface-2);border-bottom:1px solid #232840;border-bottom:var(--hairline);padding:16px 24px;padding:var(--space-4) var(--space-6)}.card-header-modern h2,.card-header-modern h3{color:#a5abc7;color:var(--text-secondary);font-family:Chakra Petch,Segoe UI,system-ui,sans-serif;font-family:var(--font-display);font-size:.8125rem;font-size:var(--text-sm);font-weight:600;letter-spacing:.1em;margin:0;text-transform:uppercase}.card-body-modern{padding:24px;padding:var(--space-6)}.stat-card-modern{--stat:var(--accent);--stat-text:var(--accent-text);--stat-soft:var(--accent-soft);--stat-line:var(--accent-line);background:#0d0f1a;background:var(--surface-1);border:1px solid #232840;border:var(--hairline);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #00000080;box-shadow:var(--shadow-xs);overflow:hidden;padding:20px 20px 16px;padding:var(--space-5) var(--space-5) var(--space-4);position:relative;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1);transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease),background-color var(--duration) var(--ease)}.stat-card-modern:before{background:var(--stat);bottom:0;content:"";left:0;opacity:.85;position:absolute;top:0;width:2px}.stat-card-modern:after{background:radial-gradient(circle,var(--stat-soft),#0000 68%);content:"";height:180px;pointer-events:none;position:absolute;right:-20%;top:-40%;width:180px}.stat-card-modern:hover{border-color:var(--stat-line);box-shadow:0 2px 6px #00000070,0 8px 22px #0006;box-shadow:var(--shadow)}.stat-card-modern.success{--stat:var(--success);--stat-text:var(--success-text);--stat-soft:var(--success-soft);--stat-line:var(--success-line)}.stat-card-modern.warning{--stat:var(--warning);--stat-text:var(--warning-text);--stat-soft:var(--warning-soft);--stat-line:var(--warning-line)}.stat-card-modern.danger{--stat:var(--danger);--stat-text:var(--danger-text);--stat-soft:var(--danger-soft);--stat-line:var(--danger-line)}.stat-card-modern.blue,.stat-card-modern.info{--stat:var(--ice);--stat-text:var(--ice-text);--stat-soft:var(--ice-soft);--stat-line:var(--ice-line)}.stat-card-modern.green{--stat:var(--success);--stat-text:var(--success-text);--stat-soft:var(--success-soft);--stat-line:var(--success-line)}.stat-card-modern.orange{--stat:var(--warning);--stat-text:var(--warning-text);--stat-soft:var(--warning-soft);--stat-line:var(--warning-line)}.stat-card-modern.red{--stat:var(--danger);--stat-text:var(--danger-text);--stat-soft:var(--danger-soft);--stat-line:var(--danger-line)}.stat-card-modern.indigo,.stat-card-modern.purple{--stat:var(--accent);--stat-text:var(--accent-text);--stat-soft:var(--accent-soft);--stat-line:var(--accent-line)}.stat-icon-modern{align-items:center;background:var(--stat-soft);border:1px solid var(--stat-line);border-radius:4px;border-radius:var(--radius);color:var(--stat-text);display:inline-flex;height:32px;justify-content:center;margin-bottom:16px;margin-bottom:var(--space-4);position:relative;width:32px;z-index:1}.stat-icon-modern svg{height:16px;width:16px}.stat-value-modern{font-feature-settings:"tnum","tnum";color:#e9ebf5;color:var(--text-primary);font-family:Chakra Petch,Segoe UI,system-ui,sans-serif;font-family:var(--font-display);font-size:1.75rem;font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.015em;line-height:1.05;position:relative;z-index:1}.stat-label-modern{color:#6d7494;color:var(--text-tertiary);font-family:JetBrains Mono,Consolas,Menlo,monospace;font-family:var(--font-mono);font-size:.6875rem;font-size:var(--text-2xs);font-weight:500;letter-spacing:.14em;margin-top:8px;margin-top:var(--space-2);position:relative;text-transform:uppercase;z-index:1}.btn-modern{align-items:center;border:1px solid #0000;border-radius:4px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:Manrope,Segoe UI,system-ui,-apple-system,sans-serif;font-family:var(--font-body);font-size:.8125rem;font-size:var(--text-sm);font-weight:600;gap:8px;gap:var(--space-2);justify-content:center;letter-spacing:.01em;line-height:1;padding:9px 16px;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .12s cubic-bezier(.4,0,.2,1);transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease),color var(--duration) var(--ease),box-shadow var(--duration) var(--ease),transform var(--duration-fast) var(--ease);white-space:nowrap}.btn-modern:focus-visible{box-shadow:0 0 0 3px #7c5cff57;box-shadow:0 0 0 3px var(--accent-ring);outline:none}.btn-modern:active{transform:translateY(1px)}.btn-modern svg{flex-shrink:0;height:15px;width:15px}.btn-primary-modern{background:#7c5cff;background:var(--accent);border-color:#7c5cff;border-color:var(--accent);color:#fff;color:var(--text-on-accent)}.btn-primary-modern:hover{background:#8f74ff;background:var(--accent-hover);border-color:#8f74ff;border-color:var(--accent-hover);box-shadow:0 0 0 1px #7c5cff2e,0 0 18px #7c5cff29;box-shadow:var(--glow-accent)}.btn-secondary-modern{background:#131624;background:var(--surface-2);border-color:#232840;border-color:var(--border);color:#a5abc7;color:var(--text-secondary)}.btn-secondary-modern:hover{background:#1a1e30;background:var(--surface-3);border-color:#333a58;border-color:var(--border-strong);color:#e9ebf5;color:var(--text-primary)}.btn-success-modern{background:#2ee6a81f;background:var(--success-soft);border-color:#2ee6a857;border-color:var(--success-line);color:#5eecbc;color:var(--success-text)}.btn-success-modern:hover{background:#2ee6a8;background:var(--success);border-color:#2ee6a8;border-color:var(--success);color:#fff;color:var(--text-on-accent)}.btn-danger-modern{background:#fb5f7a21;background:var(--danger-soft);border-color:#fb5f7a5c;border-color:var(--danger-line);color:#fd8098;color:var(--danger-text)}.btn-danger-modern:hover{background:#fb5f7a;background:var(--danger);border-color:#fb5f7a;border-color:var(--danger);color:#fff;color:var(--text-on-accent)}.form-group-modern{margin-bottom:20px;margin-bottom:var(--space-5)}.form-label-modern{color:#6d7494;color:var(--text-tertiary);display:block;font-family:JetBrains Mono,Consolas,Menlo,monospace;font-family:var(--font-mono);font-size:.6875rem;font-size:var(--text-2xs);font-weight:500;letter-spacing:.12em;margin-bottom:8px;margin-bottom:var(--space-2);text-transform:uppercase}.form-input-modern{background:#05060c;background:var(--surface-inset);border:1px solid #232840;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius);color:#e9ebf5;color:var(--text-primary);font-family:Manrope,Segoe UI,system-ui,-apple-system,sans-serif;font-family:var(--font-body);font-size:.9375rem;font-size:var(--text-base);padding:9px 12px;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1);transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease),background-color var(--duration) var(--ease);width:100%}.form-input-modern:hover{border-color:#333a58;border-color:var(--border-strong)}.form-input-modern:focus{background:#0d0f1a;background:var(--surface-1);border-color:#7c5cff;border-color:var(--accent);box-shadow:0 0 0 3px #7c5cff57;box-shadow:0 0 0 3px var(--accent-ring);outline:none}.form-input-modern::placeholder{color:#4c5372;color:var(--text-faint)}.table-modern{border-collapse:initial;border-spacing:0;font-size:.9375rem;font-size:var(--text-base);width:100%}.table-modern thead{background:#131624;background:var(--surface-2)}.table-modern th{border-bottom:1px solid #232840;border-bottom:var(--hairline);color:#6d7494;color:var(--text-tertiary);font-family:JetBrains Mono,Consolas,Menlo,monospace;font-family:var(--font-mono);font-size:.6875rem;font-size:var(--text-2xs);font-weight:500;letter-spacing:.12em;padding:10px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.table-modern td{font-feature-settings:"tnum";border-bottom:1px solid #191d2e;border-bottom:1px solid var(--border-subtle);color:#a5abc7;color:var(--text-secondary);font-variant-numeric:tabular-nums;padding:12px 16px}.table-modern tbody tr{transition:background-color .12s cubic-bezier(.4,0,.2,1);transition:background-color var(--duration-fast) var(--ease)}.table-modern tbody tr:hover{background:#131624;background:var(--surface-2)}.table-modern tbody tr:hover td{color:#e9ebf5;color:var(--text-primary)}.table-modern tbody tr:last-child td{border-bottom:none}.badge-modern{align-items:center;border:1px solid #0000;border-radius:3px;border-radius:var(--radius-sm);display:inline-flex;font-family:JetBrains Mono,Consolas,Menlo,monospace;font-family:var(--font-mono);font-size:.6875rem;font-size:var(--text-2xs);font-weight:500;gap:5px;letter-spacing:.08em;line-height:1.4;padding:3px 9px;text-transform:uppercase;white-space:nowrap}.badge-success-modern{background:#2ee6a81f;background:var(--success-soft);border-color:#2ee6a857;border-color:var(--success-line);color:#5eecbc;color:var(--success-text)}.badge-warning-modern{background:#fbbf241f;background:var(--warning-soft);border-color:#fbbf2457;border-color:var(--warning-line);color:#fcd34d;color:var(--warning-text)}.badge-danger-modern{background:#fb5f7a21;background:var(--danger-soft);border-color:#fb5f7a5c;border-color:var(--danger-line);color:#fd8098;color:var(--danger-text)}.badge-primary-modern{background:#7c5cff24;background:var(--accent-soft);border-color:#7c5cff6b;border-color:var(--accent-line);color:#b3a3ff;color:var(--accent-text)}.badge-info-modern{background:#38bdf821;background:var(--ice-soft);border-color:#38bdf861;border-color:var(--ice-line);color:#7dd3fc;color:var(--ice-text)}.page-header-modern{animation:fadeIn .4s cubic-bezier(.4,0,.2,1) both;animation:fadeIn .4s var(--ease) both;border-bottom:1px solid #232840;border-bottom:var(--hairline);margin-bottom:32px;margin-bottom:var(--space-8);padding-bottom:20px;padding-bottom:var(--space-5);position:relative}.page-header-modern:after{background:#7c5cff;background:var(--accent);bottom:-1px;box-shadow:0 0 8px #7c5cff;box-shadow:0 0 8px var(--accent);content:"";height:1px;left:0;position:absolute;width:64px}.page-header-modern h1{color:#e9ebf5;color:var(--text-primary);font-family:Chakra Petch,Segoe UI,system-ui,sans-serif;font-family:var(--font-display);font-size:1.75rem;font-size:var(--text-2xl);font-weight:700;letter-spacing:.01em;line-height:1.15;margin-bottom:8px;margin-bottom:var(--space-2);text-transform:uppercase}.page-header-modern p{color:#6d7494;color:var(--text-tertiary);font-size:.8125rem;font-size:var(--text-sm);max-width:68ch}.grid-modern{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4)}.grid-cols-2-modern{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3-modern{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4-modern{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1100px){.grid-cols-3-modern,.grid-cols-4-modern{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.grid-cols-2-modern,.grid-cols-3-modern,.grid-cols-4-modern{grid-template-columns:minmax(0,1fr)}.stat-value-modern{font-size:1.375rem;font-size:var(--text-xl)}}.empty-state-modern{color:#6d7494;color:var(--text-tertiary);padding:64px 32px;padding:var(--space-16) var(--space-8);text-align:center}.empty-state-modern-icon{color:#4c5372;color:var(--text-faint);display:block;height:34px;margin:0 auto 16px;margin:0 auto var(--space-4);opacity:.7;width:34px}.Toastify__toast{background:#131624!important;background:var(--surface-2)!important;border:1px solid #232840!important;border:var(--hairline)!important;border-radius:6px!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 12px #00000075,0 16px 36px #00000070!important;box-shadow:var(--shadow-md)!important;color:#e9ebf5!important;color:var(--text-primary)!important;font-family:Manrope,Segoe UI,system-ui,-apple-system,sans-serif!important;font-family:var(--font-body)!important}.Toastify__close-button{color:#6d7494!important;color:var(--text-tertiary)!important;opacity:1!important}.Toastify__progress-bar{background:#7c5cff!important;background:var(--accent)!important}.Toastify__toast--success .Toastify__progress-bar{background:#2ee6a8!important;background:var(--success)!important}.Toastify__toast--error .Toastify__progress-bar{background:#fb5f7a!important;background:var(--danger)!important}.Toastify__toast--warning .Toastify__progress-bar{background:#fbbf24!important;background:var(--warning)!important}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#05060c;background:var(--surface-inset)}::-webkit-scrollbar-thumb{background:#333a58;background:var(--border-strong);border:2px solid #05060c;border:2px solid var(--surface-inset);border-radius:9999px;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#7c5cff;background:var(--accent)}::-webkit-scrollbar-corner{background:#05060c;background:var(--surface-inset)}*{scrollbar-color:#333a58 #05060c;scrollbar-color:var(--border-strong) var(--surface-inset)}::selection{background:#7c5cff;background:var(--accent);color:#fff;color:var(--text-on-accent)}.theme-toggle{align-items:center;background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-pill);display:inline-flex;flex-shrink:0;gap:2px;padding:3px;position:relative}.theme-toggle-thumb{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--radius-pill);bottom:3px;box-shadow:var(--glow-accent);pointer-events:none;position:absolute;top:3px;transition:transform var(--duration) var(--ease-out);width:calc(50% - 3px)}.theme-toggle[data-active=dark] .theme-toggle-thumb{transform:translateX(0)}.theme-toggle[data-active=light] .theme-toggle-thumb{transform:translateX(100%)}.theme-toggle-option{align-items:center;background:none;border:none;border-radius:var(--radius-pill);color:var(--text-tertiary);cursor:pointer;display:inline-flex;flex:1 1;font-family:var(--font-mono);font-size:10px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.1em;padding:5px 12px;position:relative;text-transform:uppercase;transition:color var(--duration) var(--ease-out);z-index:1}.theme-toggle-option:hover{color:var(--text-secondary)}.theme-toggle-option.is-active{color:var(--accent-text)}.theme-toggle-option:focus-visible{box-shadow:0 0 0 2px var(--accent-ring);outline:none}.theme-toggle-icon{flex-shrink:0;height:13px;width:13px}@media (max-width:900px){.theme-toggle-text{display:none}.theme-toggle-option{padding:5px 9px}}.footer{background:var(--surface-1);border-top:var(--hairline);color:var(--text-secondary);margin-top:auto;padding:var(--space-12) var(--space-8) var(--space-6);position:relative}.footer:before{background:linear-gradient(90deg,#0000,var(--accent-line) 30%,var(--ice-line) 70%,#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:-1px}.footer-inner{margin:0 auto;max-width:1400px}.footer-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:var(--space-8)}.footer-brand{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;gap:var(--space-2);letter-spacing:.06em;margin-bottom:var(--space-3);text-transform:uppercase}.footer-brand:before{background:var(--accent);border-radius:50%;box-shadow:0 0 6px var(--accent);content:"";height:6px;width:6px}.footer-desc{color:var(--text-tertiary);font-size:var(--text-xs);line-height:1.65}.footer-heading{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.14em;margin-bottom:var(--space-3);text-transform:uppercase}.footer-list{list-style:none;padding:0}.footer-list li{margin-bottom:var(--space-2)}.footer-link{color:var(--text-tertiary);font-size:var(--text-xs);text-decoration:none;transition:color var(--duration-fast) var(--ease)}.footer-link:hover{color:var(--accent-text)}.footer-static{color:var(--text-tertiary);cursor:default;font-size:var(--text-xs)}.footer-social{display:flex;gap:var(--space-4)}.footer-social-icon{color:var(--text-tertiary);cursor:default;display:inline-flex;font-size:var(--text-xl);transition:color var(--duration-fast) var(--ease)}.footer-social-icon:hover{color:var(--text-primary)}.footer-bottom{align-items:center;border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-top:var(--space-6);padding-top:var(--space-5)}.footer-copy{color:var(--text-faint);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.06em;margin:0}.footer-credit{align-items:center;display:flex;gap:4px}.footer-accent-link{color:var(--accent-text);text-decoration:none;transition:color var(--duration-fast) var(--ease)}.footer-accent-link:hover{color:var(--accent);text-decoration:underline}@media (max-width:640px){.footer{padding:var(--space-8) var(--space-5) var(--space-5)}.footer-grid{gap:var(--space-6)}.footer-bottom{align-items:flex-start;flex-direction:column}}.page-container{background:#0000;padding:0}.page-content{margin:0 auto;max-width:1500px}.page-content .categories,.page-content .inventory,.page-content .products,.page-content .sales{background:#0000;padding:0}.page-content h1{font-size:var(--text-2xl)!important;font-weight:700!important;line-height:1.15!important;margin-bottom:6px!important;text-align:left!important}.page-content h1,.page-content h2{color:var(--text-primary)!important;font-family:var(--font-display)!important;letter-spacing:.03em!important;text-transform:uppercase!important}.page-content h2{font-size:var(--text-md)!important;font-weight:600!important;margin-bottom:14px!important}.page-content .card{background:var(--surface-1)!important;border:var(--hairline)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-sm)!important;margin-bottom:var(--space-6)!important;padding:var(--space-6)!important;position:relative}.page-content .card h2{border-bottom:1px solid var(--border-subtle);color:var(--text-primary)!important;margin-bottom:var(--space-5);padding-bottom:var(--space-3);text-align:left!important;text-shadow:none!important}.page-content .form-group{margin-bottom:var(--space-4)}.page-content .form-group label{color:var(--text-tertiary);display:block;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.12em;margin-bottom:6px;text-transform:uppercase}.page-content .form-control,.page-content input,.page-content select,.page-content textarea{background:var(--surface-inset)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;color:var(--text-primary)!important;font-family:var(--font-body)!important;font-size:var(--text-sm)!important;padding:9px 12px!important;transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease)!important;width:100%}.page-content input::placeholder,.page-content textarea::placeholder{color:var(--text-faint)}.page-content input[type=number]{font-feature-settings:"tnum";font-family:var(--font-mono)!important;font-variant-numeric:tabular-nums}.page-content .form-control:hover,.page-content input:hover,.page-content select:hover,.page-content textarea:hover{border-color:var(--border-strong)!important}.page-content .form-control:focus,.page-content input:focus,.page-content select:focus,.page-content textarea:focus{background:var(--surface-1)!important;border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-ring)!important;outline:none!important}.page-content select option{background:var(--surface-2);color:var(--text-primary)}.page-content .btn,.page-content button[type=button],.page-content button[type=submit]{align-items:center!important;border:1px solid #0000!important;border-radius:var(--radius)!important;cursor:pointer!important;display:inline-flex!important;font-size:var(--text-sm)!important;font-weight:600!important;gap:var(--space-2)!important;justify-content:center!important;line-height:1!important;padding:9px 16px!important;transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease),color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)!important}.page-content .btn-primary,.page-content button[type=submit]{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--text-on-accent)!important}.page-content .btn-primary:hover,.page-content button[type=submit]:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important;box-shadow:var(--glow-accent)!important}.page-content .btn-secondary{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important}.page-content .btn-secondary:hover{background:var(--surface-3)!important;border-color:var(--border-strong)!important}.page-content .btn-danger{background:var(--danger)!important;border-color:var(--danger)!important;color:var(--surface-0)!important}.page-content .btn-danger:hover{filter:brightness(1.08)}.page-content .btn-success{background:var(--success)!important;border-color:var(--success)!important;color:var(--surface-0)!important}.page-content .btn-success:hover{filter:brightness(1.08)}.page-content .table,.page-content table{background:var(--surface-1);border-collapse:initial;border-radius:var(--radius-md);border-spacing:0;overflow:hidden;width:100%}.page-content .table thead,.page-content table thead{background:var(--surface-2)!important;border-bottom:1px solid var(--border)!important}.page-content .table th,.page-content table th{color:var(--text-tertiary)!important;font-family:var(--font-mono)!important;font-size:var(--text-2xs)!important;font-weight:500!important;letter-spacing:.12em!important;padding:11px 16px!important;text-align:left!important;text-transform:uppercase!important;white-space:nowrap}.page-content .table tbody tr,.page-content table tbody tr{border-bottom:1px solid var(--border-subtle)!important;transition:background-color var(--duration-fast) var(--ease)!important}.page-content .table tbody tr:hover,.page-content table tbody tr:hover{background:var(--surface-2)!important}.page-content .table td,.page-content table td{color:var(--text-primary)!important;font-size:var(--text-sm)!important;padding:12px 16px!important}.page-content .search-container{background:var(--surface-1);border:var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);padding:var(--space-5)}.page-content .categories-list,.page-content .inventory-list,.page-content .products-list,.page-content .sales-list{background:var(--surface-1);border:var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6)}.page-content .categories-list h2,.page-content .inventory-list h2,.page-content .products-list h2,.page-content .sales-list h2{border-bottom:1px solid var(--border-subtle);color:var(--text-primary)!important;margin-bottom:var(--space-5);padding-bottom:var(--space-3);text-shadow:none!important}.page-content .badge{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);display:inline-flex;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.1em;line-height:1.3;padding:3px 9px;text-transform:uppercase}.page-content .badge-success{background:var(--success-soft)!important;border-color:var(--success-line)!important;color:var(--success-text)!important}.page-content .badge-danger{background:var(--danger-soft)!important;border-color:var(--danger-line)!important;color:var(--danger-text)!important}.page-content .badge-warning{background:var(--warning-soft)!important;border-color:var(--warning-line)!important;color:var(--warning-text)!important}.page-content .badge-primary{background:var(--accent-soft)!important;border-color:var(--accent-line)!important;color:var(--accent-text)!important}.page-content .btn-icon{background:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;color:var(--text-secondary)!important;cursor:pointer!important;font-size:var(--text-sm)!important;padding:6px!important;transition:background-color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)!important}.page-content .btn-icon:hover{background:var(--surface-3)!important;border-color:var(--border-strong)!important;color:var(--text-primary)!important}.page-content .btn-icon-primary{color:var(--accent-text)!important}.page-content .btn-icon-primary:hover{background:var(--accent-soft)!important;border-color:var(--accent-line)!important;color:var(--accent-text)!important}.page-content .btn-icon-danger{color:var(--danger-text)!important}.page-content .btn-icon-danger:hover{background:var(--danger-soft)!important;border-color:var(--danger-line)!important;color:var(--danger-text)!important}.page-content .btn-icon-success{color:var(--success-text)!important}.page-content .btn-icon-success:hover{background:var(--success-soft)!important;border-color:var(--success-line)!important;color:var(--success-text)!important}.page-content .empty-state{color:var(--text-tertiary);padding:var(--space-16) var(--space-8);text-align:center}.page-content .text-muted{color:var(--text-faint)!important;font-size:var(--text-xs)}.page-content .form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:var(--space-4)}.page-content .action-buttons{align-items:center;display:flex;gap:6px}.page-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);position:relative;text-align:left}.page-header:after{background:linear-gradient(90deg,var(--accent-line),#0000 42%);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.page-header h1{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:.03em;line-height:1.15;margin-bottom:6px;text-shadow:none;text-transform:uppercase}.page-header p{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em}.stats-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:var(--space-6)}.stat-card{background:var(--surface-1);border:var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--space-5);position:relative;transition:box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease)}.stat-card:before{bottom:0;display:block;left:0;opacity:.7;top:0;width:2px}.stat-card:after,.stat-card:before{background:var(--accent);background:var(--stat-color,var(--accent));content:"";position:absolute}.stat-card:after{border-radius:50%;box-shadow:0 0 8px var(--accent);box-shadow:0 0 8px var(--stat-color,var(--accent));height:6px;right:var(--space-5);top:var(--space-5);width:6px}.stat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.stat-card:hover:before{opacity:1}.stat-card-content{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between}.stat-info h3{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.14em;margin-bottom:var(--space-2);text-transform:uppercase}.stat-info .stat-value{font-feature-settings:"tnum","tnum";color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.01em;line-height:1.1}.stat-card .stat-icon{background:none;border:none;color:var(--accent);color:var(--stat-color,var(--accent));font-size:var(--text-lg);height:auto;opacity:.5;width:auto}.stat-card.blue,.stat-card.indigo{--stat-color:var(--accent)}.stat-card.purple{--stat-color:var(--accent-hover)}.stat-card.green{--stat-color:var(--success)}.stat-card.orange{--stat-color:var(--warning)}.stat-card.red{--stat-color:var(--danger)}.content-card{background:var(--surface-1);border:var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);overflow:hidden}.card-header{align-items:center;background:var(--surface-2);border-bottom:var(--hairline);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-4) var(--space-6)}.card-header h2{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-md);font-weight:600;letter-spacing:.04em;margin:0;text-transform:uppercase}.card-header-actions{display:flex;gap:var(--space-2)}.card-body{padding:var(--space-6)}.btn-white{background:var(--surface-1);border:1px solid var(--border);color:var(--text-primary)}.btn-white:hover{background:var(--surface-2);border-color:var(--border-strong)}.data-table{border-collapse:initial;border-spacing:0;width:100%}.data-table thead{background:var(--surface-2)}.data-table th,.data-table thead{border-bottom:1px solid var(--border)}.data-table th{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.12em;padding:11px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table th.text-center{text-align:center}.data-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background-color var(--duration-fast) var(--ease)}.data-table tbody tr:hover{background:var(--surface-2)}.data-table tbody tr:last-child{border-bottom:none}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--text-sm);padding:12px 16px}.badge{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);display:inline-flex;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.1em;line-height:1.3;padding:3px 9px;text-transform:uppercase}.badge.success{background:var(--success-soft);border-color:var(--success-line);color:var(--success-text)}.badge.danger{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger-text)}.badge.warning{background:var(--warning-soft);border-color:var(--warning-line);color:var(--warning-text)}.badge.info{background:var(--ice-soft);border-color:var(--ice-line);color:var(--ice-text)}.badge.primary{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-text)}.modal-overlay{animation:fadeIn var(--duration) var(--ease-out);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--surface-overlay);inset:0;padding:var(--space-5);z-index:50}.modal-content{animation:slideUp .26s var(--ease-out);background:var(--surface-1);border:var(--hairline-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;padding:var(--space-6);position:relative;width:100%}.modal-content:before{background:linear-gradient(90deg,#0000,var(--accent-line),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.modal-header{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:.04em;margin-bottom:var(--space-5);text-transform:uppercase}.modal-actions{border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-5)}.action-btn{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);height:30px;justify-content:center;padding:0;transition:background-color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease);width:30px}.action-btn:hover{background:var(--surface-3);border-color:var(--border-strong);color:var(--text-primary)}.action-btn.edit,.action-btn.edit:hover{color:var(--accent-text)}.action-btn.edit:hover{background:var(--accent-soft);border-color:var(--accent-line)}.action-btn.delete{color:var(--danger-text)}.action-btn.delete:hover{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger-text)}.action-btn.view,.action-btn.view:hover{color:var(--success-text)}.action-btn.view:hover{background:var(--success-soft);border-color:var(--success-line)}.loading-container{align-items:center;background:var(--surface-1);border:var(--hairline);border-radius:var(--radius-md);display:flex;justify-content:center;margin-top:var(--space-6);min-height:320px}.loading-content{text-align:center}.spinner{animation:spin .7s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:32px;margin:0 auto;width:32px}.loading-text{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.14em;margin-top:var(--space-3);text-transform:uppercase}.empty-state{color:var(--text-tertiary);padding:var(--space-16) var(--space-8);text-align:center}.empty-state-icon{color:var(--text-faint);font-size:2.5rem;margin-bottom:var(--space-3);opacity:.7}.empty-state-text{color:var(--text-secondary);font-family:var(--font-display);font-size:var(--text-md);font-weight:600;letter-spacing:.04em;text-transform:uppercase}@media (max-width:768px){.page-content h1,.page-header h1{font-size:var(--text-xl)!important}.stats-grid{grid-template-columns:1fr}.table-wrapper{overflow-x:scroll}.data-table{min-width:720px}.modal-content{padding:var(--space-5)}.card-header{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.form-row{grid-template-columns:1fr!important}}.search-bar{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:12px 16px}.search-input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table thead{background:var(--bg-secondary)}.table th{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:12px 16px}.table tbody tr:hover{background:var(--bg-secondary)}.text-center{text-align:center}.flex{display:flex}.items-center{align-items:center}.gap-1{gap:4px}.gap-2{gap:8px}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.badge-success{background:#10b981;color:#fff}.badge-warning{background:#f59e0b;color:#fff}.badge-danger{background:#ef4444;color:#fff}.badge-info{background:#3b82f6;color:#fff}.badge-secondary{background:#6b7280;color:#fff}.btn-icon{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-edit{background:#3b82f6;color:#fff}.btn-edit:hover{background:#2563eb}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626}.btn-view{background:#10b981;color:#fff}.btn-view:hover{background:#059669}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-lg{max-width:800px}.modal-xl{max-width:1000px}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:24px}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{font-size:20px;gap:12px;margin:0}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.form-group.full-width{grid-column:1/-1}.section-divider{align-items:center;border-top:2px solid var(--border-color);display:flex;justify-content:space-between;margin:24px 0 16px;padding-top:16px}.section-divider h3{font-size:16px;margin:0}.btn-sm{font-size:13px;padding:8px 16px}.order-items-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.order-item-row{grid-gap:12px;align-items:center;background:var(--bg-secondary);border-radius:8px;display:grid;gap:12px;grid-template-columns:2fr 100px 150px auto auto;padding:12px}.item-total{color:var(--text-primary);font-weight:600;min-width:80px;text-align:right}.order-summary{background:var(--bg-secondary);border-radius:8px;margin:20px 0;padding:20px}.summary-row{color:var(--text-secondary);display:flex;justify-content:space-between;padding:8px 0}.summary-row.total{border-top:2px solid var(--border-color);color:var(--text-primary);font-size:18px;font-weight:700;margin-top:8px;padding-top:12px}.progress-bar{background:var(--bg-secondary);border-radius:12px;height:24px;overflow:hidden;position:relative;width:100%}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);height:100%;transition:width .3s ease}.progress-text{color:var(--text-primary);font-size:12px;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.receive-items-list{display:flex;flex-direction:column;gap:12px;margin:20px 0}.receive-item-row{grid-gap:16px;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:grid;gap:16px;grid-template-columns:2fr 150px 200px;padding:16px}.item-info{display:flex;flex-direction:column;gap:4px}.item-details{color:var(--text-secondary);font-size:12px}.item-receive{display:flex;flex-direction:column;gap:8px}.item-receive label{color:var(--text-secondary);font-size:12px;font-weight:600}.alert{border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.alert-info{background:#eff6ff;border:1px solid #3b82f6;color:#1e40af}.text-success{color:#10b981}.text-warning{color:#f59e0b}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.tabs{border-bottom:2px solid var(--border-color);margin-bottom:24px;padding-bottom:0}.tab,.tabs{display:flex;gap:8px}.tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:15px;font-weight:500;margin-bottom:-2px;padding:12px 20px;transition:all .2s}.tab.active,.tab:hover{color:var(--primary-color)}.tab.active{border-bottom-color:var(--primary-color)}.tab-content{max-width:600px}.form{gap:20px}.form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:8px}.label-icon{color:var(--primary-color)}.form-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.form-input:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary)}.btn-secondary:hover{background:var(--border-color)}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.alert-list{list-style-type:disc;margin-left:20px;margin-top:8px}.info-grid{grid-gap:20px;display:grid;gap:20px;margin-bottom:32px}.info-item{background:var(--bg-secondary);border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px}.info-label{color:var(--text-secondary);font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-value{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:500;gap:8px}.info-value.code{background:var(--bg-primary);border-radius:4px;font-family:monospace;font-size:13px;padding:4px 8px}.status-active{color:#10b981}.danger-zone{background:#fef2f2;border:2px solid #dc2626;border-radius:12px;margin-top:32px;padding:24px}.danger-title{align-items:center;color:#dc2626;display:flex;gap:12px;margin-bottom:12px}.danger-text{color:#7f1d1d;font-size:14px;margin-bottom:16px}.text-danger{color:#dc2626}.image-uploader{display:flex;flex-wrap:wrap;gap:10px;margin:.5rem 0}.image-thumb{background:#f3f4f6;border:1px solid #00000014;border-radius:10px;height:88px;overflow:hidden;position:relative;width:88px}.image-thumb img{display:block;height:100%;object-fit:cover;width:100%}.image-thumb.add{align-items:center;background:#0000;border:1.5px dashed #c7cdd6;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:4px;justify-content:center;transition:border-color .15s ease,color .15s ease}.image-thumb.add:hover{border-color:#3b82f6;border-color:var(--accent,#3b82f6);color:#3b82f6;color:var(--accent,#3b82f6)}.image-thumb-badge{border-radius:6px;bottom:4px;font-size:10px;font-weight:600;left:4px;letter-spacing:.3px;padding:2px 6px}.image-thumb-badge,.image-thumb-remove{background:#111827bf;color:#fff;position:absolute}.image-thumb-remove{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;right:4px;top:4px;transition:background .15s ease;width:20px}.image-thumb-remove:hover{background:#dc2626}.product-row-thumb{border:1px solid #0000000f;border-radius:8px;display:block;height:44px;object-fit:cover;width:44px}.product-row-thumb.empty{align-items:center;background:#f3f4f6;color:#9ca3af;display:flex;justify-content:center}[data-theme=dark] .image-thumb{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .image-thumb.add{border-color:#fff3;color:#9ca3af}[data-theme=dark] .product-row-thumb{border-color:#ffffff14}[data-theme=dark] .product-row-thumb.empty{background:#ffffff0a;color:#6b7280}.price-tag-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.price-tag-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;overflow:hidden;width:100%}.price-tag-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.price-tag-modal-header h3{font-size:1.1rem;font-weight:600;margin:0}.price-tag-preview{background:#f5f7fa;display:flex;justify-content:center;padding:24px}.price-tag-sample{align-items:center;background:#fff;border:1px solid #333;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:20mm;justify-content:center;padding:1mm;width:30mm}.tag-product-name{color:#1a202c;font-size:6pt;font-weight:700;margin-bottom:1mm;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.tag-price{align-items:baseline;display:flex;gap:1px;justify-content:center}.tag-currency{color:#667eea;font-size:8pt;font-weight:600}.tag-amount{color:#1a202c;font-size:14pt;font-weight:700}.tag-barcode{margin-top:1mm;text-align:center}.tag-barcode svg{height:8mm;max-width:28mm}.tag-barcode-number{color:#666;font-size:7pt;letter-spacing:1px}.price-tag-info{border-bottom:1px solid #e5e7eb;padding:16px 20px}.price-tag-info p{color:#4a5568;font-size:.9rem;margin:8px 0}.price-tag-actions{display:flex;gap:12px;padding:16px 20px}.price-tag-hint{background:#f0fdf4;border-top:1px solid #e5e7eb;padding:12px 20px}.price-tag-hint p{color:#166534;font-size:.8rem;margin:0}@media print{.price-tag-modal-overlay{display:none}}.import-modal{max-width:780px}.import-modal-head{align-items:flex-start;display:flex;gap:var(--space-3);justify-content:space-between}.import-modal-head .modal-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.import-modal-icon{color:var(--accent-text);height:20px;width:20px}.import-close{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease);width:30px}.import-close:hover{border-color:var(--danger-line);color:var(--danger-text)}.import-close svg{height:15px;width:15px}.import-dropzone{background:var(--surface-inset);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-10) var(--space-6);text-align:center;transition:border-color var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease)}.import-dropzone.is-drag,.import-dropzone:hover{background:var(--accent-soft);border-color:var(--accent)}.import-dropzone-icon{color:var(--accent-text);height:34px;margin:0 auto var(--space-3);width:34px}.import-dropzone-title{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-md);font-weight:600;letter-spacing:.03em}.import-dropzone-hint{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;margin-top:var(--space-2);text-transform:uppercase}.import-help{background:var(--surface-2);border-left:2px solid var(--accent-line);border-radius:0 var(--radius) var(--radius) 0;margin-top:var(--space-4);padding:var(--space-3) var(--space-4)}.import-help-title{color:var(--accent-text);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em;margin-bottom:var(--space-1);text-transform:uppercase}.import-help-body{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.import-stats{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.import-stat{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);display:inline-flex;font-family:var(--font-mono);font-size:var(--text-2xs);gap:6px;letter-spacing:.08em;padding:4px 10px;text-transform:uppercase}.import-stat svg{height:13px;width:13px}.import-stat-file{background:var(--ice-soft);border-color:var(--ice-line);color:var(--ice-text);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-stat-ok{background:var(--success-soft);border-color:var(--success-line);color:var(--success-text)}.import-stat-bad{background:var(--warning-soft);border-color:var(--warning-line);color:var(--warning-text)}.import-preview{border:1px solid var(--border-subtle);border-radius:var(--radius);max-height:320px;overflow-y:auto}.import-table{font-size:var(--text-sm)}.import-table th{position:-webkit-sticky;position:sticky;top:0;z-index:1}.import-row-bad td{background:var(--warning-soft)}.import-status-ok{color:var(--success-text);letter-spacing:.08em}.import-status-bad,.import-status-ok{font-family:var(--font-mono);font-size:var(--text-2xs);text-transform:uppercase}.import-status-bad{color:var(--warning-text);letter-spacing:.06em}.import-more{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;padding:var(--space-2) var(--space-4);text-transform:uppercase}.import-trigger{margin-left:auto}.spin{animation:import-spin 1s linear infinite}@keyframes import-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.product-autocomplete{position:relative;width:100%}.autocomplete-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #00000026;left:0;margin-top:-4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.autocomplete-item{border-bottom:1px solid #f1f5f9;cursor:pointer;padding:12px 16px;transition:background-color .2s ease}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background-color:#f8fafc}.autocomplete-item.selected{background-color:#eff6ff;border-left:3px solid #3b82f6}.autocomplete-item .product-name{color:#1e293b;font-weight:500;margin-bottom:4px}.autocomplete-item .product-details{align-items:center;color:#64748b;display:flex;font-size:.85rem;justify-content:space-between}.autocomplete-item .barcode{background:#f1f5f9;border-radius:4px;font-family:monospace;padding:2px 6px}.autocomplete-item .price{color:#059669;font-weight:600}.autocomplete-no-results{color:#64748b;font-style:italic;padding:16px;text-align:center}.autocomplete-dropdown::-webkit-scrollbar{width:8px}.autocomplete-dropdown::-webkit-scrollbar-track{background:#f1f5f9;border-radius:0 0 8px 0}.autocomplete-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.autocomplete-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.barcode-scanner-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.barcode-scanner-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;width:100%}.scanner-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.scanner-header h3{font-size:1.1rem;font-weight:600;margin:0}.close-btn{font-size:28px;height:36px;width:36px}.scanner-container{padding:20px}.scanner-loading{color:#6b7280;padding:40px;text-align:center}.video-container{aspect-ratio:4/3;background:#000;border-radius:12px;overflow:hidden;position:relative;width:100%}.video-container canvas,.video-container img,.video-container video{object-fit:cover!important}.video-container canvas,.video-container canvas.drawingBuffer,.video-container img,.video-container video{height:100%!important;left:0!important;position:absolute!important;top:0!important;width:100%!important}.scanner-video{height:100%;object-fit:cover;width:100%}.scan-overlay{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.scan-frame{border:2px solid #ffffff80;border-radius:8px;height:40%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%}.corner{border:0 solid #10b981;height:20px;position:absolute;width:20px}.corner.top-left{border-left-width:4px;border-top-width:4px;left:-2px;top:-2px}.corner.top-right{border-right-width:4px;border-top-width:4px;right:-2px;top:-2px}.corner.bottom-left{border-bottom-width:4px;border-left-width:4px;bottom:-2px;left:-2px}.corner.bottom-right{border-bottom-width:4px;border-right-width:4px;bottom:-2px;right:-2px}.scan-line{animation:scan 2s linear infinite;background:linear-gradient(90deg,#0000,#10b981,#0000);height:2px;left:15%;position:absolute;right:15%;top:30%}@keyframes scan{0%{opacity:0;top:30%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:70%}}.scanner-controls{margin-top:20px;text-align:center}.scanner-hint{color:#374151;font-size:.95rem;margin-bottom:16px}.scanner-note{color:#9ca3af;font-size:.8rem;margin-top:12px}.scanner-error{padding:40px 20px;text-align:center}.scanner-error h3{color:#dc2626;margin-bottom:12px}.scanner-error p{color:#6b7280;margin-bottom:20px}@media (max-width:640px){.barcode-scanner-overlay{padding:0}.barcode-scanner-modal{border-radius:0;display:flex;flex-direction:column;height:100%;max-width:100%}.scanner-container{display:flex;flex:1 1;flex-direction:column;justify-content:center}}.receipt-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.receipt-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;overflow:hidden;width:100%}.receipt-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.receipt-modal-header h3{font-size:1.1rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:background .2s;width:32px}.close-btn:hover{background:#fff3}.receipt-preview{background:#f5f7fa;display:flex;justify-content:center;padding:24px}.receipt-sample{background:#fff;border:1px solid #ddd;box-shadow:0 2px 8px #0000001a;font-family:Courier New,monospace;font-size:11px;padding:2mm;text-align:center;width:54mm}.sample-store{font-size:16px;font-weight:700;margin-bottom:5px}.sample-date{color:#666;font-size:10px;margin-bottom:10px}.sample-date,.sample-items{border-bottom:1px dashed #ccc;padding-bottom:10px}.sample-items{margin:10px 0;text-align:left}.sample-item{display:flex;justify-content:space-between;margin:5px 0}.sample-total{font-size:14px;margin-top:10px}.receipt-actions{display:flex;gap:12px;padding:16px 20px}.btn-print{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:transform .2s,box-shadow .2s}.btn-print:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-cancel{background:#e5e7eb;border:none;border-radius:8px;color:#4a5568;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 20px;transition:background .2s}.btn-cancel:hover{background:#d1d5db}.pagination-modern{align-items:center;border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;font-family:var(--font-body);gap:var(--space-4);justify-content:space-between;margin-top:var(--space-2);padding:var(--space-4) 4px 4px}.pagination-meta{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase}.pagination-meta strong{font-feature-settings:"tnum";color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.pagination-list{align-items:center;display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0}.pagination-btn{font-feature-settings:"tnum";align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:500;gap:4px;height:32px;justify-content:center;min-width:32px;padding:0 9px;transition:background-color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.pagination-btn:hover:not(:disabled):not(.is-active){background:var(--surface-3);border-color:var(--border-strong);color:var(--text-primary)}.pagination-btn:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-nav{letter-spacing:.08em;padding:0 11px;text-transform:uppercase}.pagination-nav .pagination-icon{height:14px;width:14px}.pagination-page.is-active{background:var(--accent-soft);border-color:var(--accent-line);box-shadow:var(--glow-accent);color:var(--accent-text);font-weight:700}.pagination-page.is-active:hover{border-color:var(--accent)}.pagination-ellipsis{align-items:flex-end;color:var(--text-faint);display:inline-flex;height:32px;justify-content:center;letter-spacing:.1em;min-width:22px;padding:0 4px;-webkit-user-select:none;user-select:none}@media (max-width:640px){.pagination-modern{align-items:stretch;flex-direction:column;gap:var(--space-3)}.pagination-meta{text-align:center}.pagination-list{justify-content:center}.pagination-nav span{display:none}.pagination-nav{padding:0 9px}}.platform-admin-container{background:#0000;min-height:0;padding:0}.platform-admin-content{margin:0 auto;max-width:1500px}.admin-header{background:#0000;border-radius:0;box-shadow:none;margin-bottom:var(--space-6);padding:0 0 var(--space-5);position:relative;text-align:left}.admin-header:after{background:linear-gradient(90deg,var(--accent-line),#0000 42%);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.admin-header h1{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:.03em;line-height:1.15;margin-bottom:6px;text-transform:uppercase}.admin-header p{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em}.admin-tabs{background:var(--surface-1);border:var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:6px;margin-bottom:var(--space-6);padding:6px;width:-webkit-fit-content;width:fit-content}.tab-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;gap:var(--space-2);padding:9px 18px;transition:background-color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.tab-btn:hover{background:var(--surface-2);color:var(--text-primary)}.tab-btn.active{background:var(--accent);border-color:var(--accent);box-shadow:var(--glow-accent);color:var(--text-on-accent)}.platform-admin-container .stats-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:var(--space-6)}.platform-admin-container .stat-card{background:var(--surface-1);border:var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--space-5);position:relative;transition:box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease)}.platform-admin-container .stat-card:before{bottom:0;left:0;opacity:.7;top:0;width:2px}.platform-admin-container .stat-card:after,.platform-admin-container .stat-card:before{background:var(--accent);background:var(--stat-color,var(--accent));content:"";position:absolute}.platform-admin-container .stat-card:after{border-radius:50%;box-shadow:0 0 8px var(--accent);box-shadow:0 0 8px var(--stat-color,var(--accent));height:6px;right:var(--space-5);top:var(--space-5);width:6px}.platform-admin-container .stat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.platform-admin-container .stat-card:hover:before{opacity:1}.platform-admin-container .stat-card-content{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between}.platform-admin-container .stat-info h3{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.14em;margin-bottom:var(--space-2);text-transform:uppercase}.platform-admin-container .stat-info .stat-value{font-feature-settings:"tnum";color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.platform-admin-container .stat-icon{color:var(--accent);color:var(--stat-color,var(--accent));font-size:var(--text-lg);opacity:.5}.platform-admin-container .stat-card.total{--stat-color:var(--accent)}.platform-admin-container .stat-card.active{--stat-color:var(--success)}.platform-admin-container .stat-card.premium{--stat-color:var(--accent-hover)}.platform-admin-container .stat-card.free{--stat-color:var(--ice)}.tenants-table-container{background:var(--surface-1);border:var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);overflow:hidden}.table-header{background:var(--surface-2);border-bottom:var(--hairline);padding:var(--space-4) var(--space-6)}.table-header h2{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-md);font-weight:600;letter-spacing:.04em;margin:0;text-transform:uppercase}.table-wrapper{overflow-x:auto}.tenants-table{border-collapse:initial;border-spacing:0;width:100%}.tenants-table thead{background:var(--surface-2)}.tenants-table th{border-bottom:1px solid var(--border);color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.12em;padding:11px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.tenants-table th.text-center{text-align:center}.tenants-table tbody tr{transition:background-color var(--duration-fast) var(--ease)}.tenants-table tbody tr:hover{background:var(--surface-2)}.tenants-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--text-sm);padding:12px 16px}.tenants-table tbody tr:last-child td{border-bottom:none}.tenant-name-cell{align-items:center;display:flex;gap:.75rem}.tenant-icon{color:var(--text-faint);flex-shrink:0;font-size:1.25rem}.tenant-name{color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.tenant-subdomain{color:var(--text-tertiary)}.platform-admin-container .badge,.tenant-subdomain{font-family:var(--font-mono);font-size:var(--text-2xs)}.platform-admin-container .badge{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);display:inline-flex;font-weight:500;letter-spacing:.1em;line-height:1.3;padding:3px 9px;text-transform:uppercase;white-space:nowrap}.platform-admin-container .badge.plan-free{background:var(--surface-3);border-color:var(--border);color:var(--text-secondary)}.platform-admin-container .badge.plan-basic{background:var(--ice-soft);border-color:var(--ice-line);color:var(--ice-text)}.platform-admin-container .badge.plan-premium{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-text)}.platform-admin-container .badge.status-active{background:var(--success-soft);border-color:var(--success-line);color:var(--success-text)}.platform-admin-container .badge.status-inactive{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger-text)}.platform-admin-container .action-buttons{align-items:center;display:flex;gap:6px;justify-content:center}.platform-admin-container .action-btn{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);height:30px;justify-content:center;padding:0;transition:background-color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease);width:30px}.platform-admin-container .action-btn:hover{background:var(--surface-3);border-color:var(--border-strong);color:var(--text-primary)}.platform-admin-container .action-btn.edit{color:var(--accent-text)}.platform-admin-container .action-btn.edit:hover{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-text)}.platform-admin-container .action-btn.toggle-active{color:var(--danger-text)}.platform-admin-container .action-btn.toggle-active:hover{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger-text)}.platform-admin-container .action-btn.toggle-inactive{color:var(--success-text)}.platform-admin-container .action-btn.toggle-inactive:hover{background:var(--success-soft);border-color:var(--success-line);color:var(--success-text)}.platform-admin-container .modal-overlay{align-items:center;animation:fadeIn var(--duration) var(--ease-out);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--surface-overlay);display:flex;inset:0;justify-content:center;padding:var(--space-5);position:fixed;z-index:50}.platform-admin-container .modal-content{animation:slideUp .26s var(--ease-out);background:var(--surface-1);border:var(--hairline-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;padding:var(--space-6);position:relative;width:100%}.platform-admin-container .modal-content:before{background:linear-gradient(90deg,#0000,var(--accent-line),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.platform-admin-container .modal-content>h3,.platform-admin-container .modal-header{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:.04em;margin-bottom:var(--space-5);text-transform:uppercase}.platform-admin-container .modal-large{max-width:640px}.modal-form{display:flex;flex-direction:column;gap:var(--space-4)}.platform-admin-container .form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr;margin-bottom:var(--space-4)}.platform-admin-container .form-row:last-of-type{margin-bottom:0}.platform-admin-container .form-group{display:flex;flex-direction:column;margin-bottom:var(--space-4)}.platform-admin-container .form-row .form-group{margin-bottom:0}.platform-admin-container .form-group>label{color:var(--text-tertiary);display:block;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.12em;margin-bottom:6px;text-transform:uppercase}.platform-admin-container .form-group input:not([type=checkbox]),.platform-admin-container .form-group select,.platform-admin-container .form-group textarea{background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);padding:9px 12px;transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease);width:100%}.platform-admin-container .form-group input::placeholder,.platform-admin-container .form-group textarea::placeholder{color:var(--text-faint)}.platform-admin-container .form-group input[type=number]{font-feature-settings:"tnum";font-family:var(--font-mono);font-variant-numeric:tabular-nums}.platform-admin-container .form-group input:not([type=checkbox]):hover,.platform-admin-container .form-group select:hover,.platform-admin-container .form-group textarea:hover{border-color:var(--border-strong)}.platform-admin-container .form-group input:not([type=checkbox]):focus,.platform-admin-container .form-group select:focus,.platform-admin-container .form-group textarea:focus{background:var(--surface-1);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.platform-admin-container .form-group input:disabled{cursor:not-allowed;opacity:.55}.platform-admin-container .form-group select option{background:var(--surface-2);color:var(--text-primary)}.platform-admin-container input[type=checkbox]{accent-color:var(--accent);cursor:pointer;flex-shrink:0;height:18px;margin:0;width:18px}.platform-admin-container input[type=checkbox]:focus-visible{border-radius:var(--radius-sm);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.platform-admin-container .form-group .checkbox-label,.platform-admin-container .form-group.checkbox-group label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;gap:10px;letter-spacing:normal;margin:0;text-transform:none}.platform-admin-container .form-row>.form-group.checkbox-group{justify-content:flex-end;padding-bottom:10px}.platform-admin-container .modal-actions{border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-5)}.platform-admin-container .btn{align-items:center;border:1px solid #0000;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;gap:var(--space-2);justify-content:center;line-height:1;padding:9px 16px;transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease),color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.platform-admin-container .btn-primary{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.platform-admin-container .btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--glow-accent)}.platform-admin-container .btn-secondary{background:var(--surface-2);border-color:var(--border);color:var(--text-primary)}.platform-admin-container .btn-secondary:hover{background:var(--surface-3);border-color:var(--border-strong)}.platform-admin-container .loading-container{align-items:center;background:var(--surface-1);border:var(--hairline);border-radius:var(--radius-md);display:flex;justify-content:center;margin-top:var(--space-6);min-height:320px}.platform-admin-container .loading-content{text-align:center}.platform-admin-container .spinner{animation:spin .7s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:32px;margin:0 auto;width:32px}.platform-admin-container .loading-container p,.platform-admin-container .loading-text{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.14em;margin-top:var(--space-3);text-transform:uppercase}.platform-admin-container .empty-state{color:var(--text-tertiary);padding:var(--space-16) var(--space-8);text-align:center}.platform-admin-container .empty-state-icon{color:var(--text-faint);font-size:2.5rem;margin-bottom:var(--space-3);opacity:.7}.platform-admin-container .empty-state-text{color:var(--text-secondary);font-family:var(--font-display);font-size:var(--text-md);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.subscription-plans-admin{background:var(--surface-1);border:var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6)}.section-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.section-header h2{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-display);font-size:var(--text-md);font-weight:600;gap:var(--space-2);letter-spacing:.04em;margin:0;text-transform:uppercase}.plans-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.plan-card{background:var(--surface-inset);border:var(--hairline);border-radius:var(--radius-md);padding:var(--space-5);position:relative;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.plan-card:hover{border-color:var(--accent-line);box-shadow:var(--glow-accent)}.plan-card.popular{background:linear-gradient(135deg,var(--accent-soft),#0000 60%);border-color:var(--accent-line)}.plan-card.inactive{opacity:.6}.inactive-badge,.popular-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;gap:5px;letter-spacing:.1em;padding:3px 9px;position:absolute;right:1rem;text-transform:uppercase;top:-10px}.inactive-badge{background:var(--danger-soft);border:1px solid var(--danger-line);color:var(--danger-text)}.plan-header{margin-bottom:var(--space-3)}.plan-header h3{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-md);font-weight:700;letter-spacing:.03em;margin-bottom:var(--space-2);text-transform:uppercase}.plan-price{align-items:baseline;display:flex;gap:4px}.plan-price .currency{color:var(--accent-text);font-family:var(--font-mono);font-size:var(--text-md);font-weight:600}.plan-price .amount{font-feature-settings:"tnum";color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.plan-price .period{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase}.plan-description{color:var(--text-secondary);font-size:var(--text-sm)}.plan-description,.plan-features{margin-bottom:var(--space-3)}.plan-features h4{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.12em;margin-bottom:var(--space-2);text-transform:uppercase}.plan-features ul{list-style:none;margin:0;padding:0}.plan-features li{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-2);padding:3px 0}.plan-features li svg{color:var(--success-text);flex-shrink:0}.plan-limits{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-4)}.plan-limits span{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.04em;padding:3px 8px}.plan-actions{display:flex;gap:6px}.platform-admin-container .plan-actions .btn-icon{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);height:30px;justify-content:center;padding:0;transition:background-color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease);width:30px}.platform-admin-container .plan-actions .btn-icon:hover{background:var(--surface-3);border-color:var(--border-strong);color:var(--text-primary)}.platform-admin-container .plan-actions .btn-icon.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger-text)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.platform-admin-container .stats-grid{grid-template-columns:1fr}.table-wrapper{overflow-x:scroll}.tenants-table{min-width:800px}.platform-admin-container .modal-content{padding:var(--space-5)}.platform-admin-container .form-row{grid-template-columns:1fr}.platform-admin-container .form-row>.form-group.checkbox-group{padding-bottom:0}.section-header{align-items:flex-start;flex-direction:column}}.landing-page{background:var(--surface-0);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden;width:100%}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page h4{font-family:var(--font-display);letter-spacing:-.01em}.landing-nav{-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);background:var(--surface-1);border-bottom:var(--hairline);padding:12px 0;position:-webkit-sticky;position:sticky;top:0;z-index:50}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--space-8)}.landing-nav .text-2xl.font-bold{font-family:var(--font-display);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.landing-nav .text-3xl.text-blue-600,.landing-nav .text-blue-600{color:var(--text-primary)!important}.hero{background:radial-gradient(ellipse 80% 60% at 50% 0,var(--accent-soft),#0000 70%),linear-gradient(180deg,var(--surface-1) 0,var(--surface-0) 100%);color:var(--text-primary);overflow:hidden;padding-bottom:var(--space-20);position:relative}.hero:before{background-image:linear-gradient(var(--grid-line) 1px,#0000 1px),linear-gradient(90deg,var(--grid-line) 1px,#0000 1px);background-size:48px 48px;content:"";inset:0;-webkit-mask-image:radial-gradient(ellipse at top,#000 10%,#0000 70%);mask-image:radial-gradient(ellipse at top,#000 10%,#0000 70%);pointer-events:none;position:absolute}.hero-content{grid-gap:var(--space-16);align-items:center;display:grid;gap:var(--space-16);grid-template-columns:1.05fr 1fr;margin:0 auto;max-width:1200px;padding:var(--space-16) var(--space-8) var(--space-8);position:relative}.hero-title{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3.75rem);font-weight:700;line-height:1.05;margin-bottom:var(--space-6)}.hero-title .text-blue-600{color:var(--accent-text)!important}.hero-subtitle{color:var(--text-secondary);font-size:var(--text-lg);line-height:1.6;margin-bottom:var(--space-8);max-width:560px}.hero-buttons{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.hero-note{align-items:center;color:var(--text-tertiary);display:flex;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em}.hero-note .text-green-500{color:var(--success-text)!important}.dashboard-mockup{perspective:1200px}.mockup-window{background:var(--surface-1);border:var(--hairline-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);overflow:hidden;transform:rotateY(-3deg) rotateX(2deg) translateZ(0);transition:transform .4s var(--ease)}.mockup-window:hover{transform:rotateY(0deg) rotateX(0deg)}.mockup-header{align-items:center;background:var(--surface-2);border-bottom:var(--hairline);display:flex;gap:14px;padding:10px 14px}.mockup-dots{display:flex;gap:6px}.mockup-dots span{background:var(--border-strong);border-radius:50%;height:10px;width:10px}.mockup-dots span:first-child{background:var(--danger)}.mockup-dots span:nth-child(2){background:var(--warning)}.mockup-dots span:nth-child(3){background:var(--success)}.mockup-url{background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-tertiary);flex:1 1;font-family:var(--font-mono);font-size:var(--text-xs);padding:4px 12px;text-align:center}.mockup-content{grid-gap:var(--space-3);background:var(--surface-0);display:grid;gap:var(--space-3);padding:var(--space-6)}.mockup-content .stat-card{font-feature-settings:"tnum";background:var(--surface-1);border:var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow-xs);color:var(--text-primary);display:block;font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.04em;padding:16px 20px}.mockup-content .stat-card:after,.mockup-content .stat-card:before{display:none}.features-section{background:var(--surface-1);border-bottom:1px solid var(--border-subtle);border-top:1px solid var(--border-subtle);padding:var(--space-20) 0}.section-container{margin:0 auto;max-width:1200px;padding:0 var(--space-8)}.section-title{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(1.875rem,3.5vw,2.5rem);font-weight:700;letter-spacing:.02em;line-height:1.15;margin-bottom:10px;text-align:center}.section-subtitle{color:var(--text-tertiary);font-size:var(--text-md);margin-bottom:var(--space-12);margin-left:auto;margin-right:auto;max-width:640px;text-align:center}.features-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:var(--surface-1);border:var(--hairline);border-radius:var(--radius-md);padding:var(--space-6);position:relative;transition:border-color .24s var(--ease),box-shadow .24s var(--ease)}.feature-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.feature-card:before{background:linear-gradient(90deg,#0000,var(--accent-line),#0000);content:"";height:1px;left:var(--space-6);opacity:0;position:absolute;right:var(--space-6);top:0;transition:opacity .24s var(--ease)}.feature-card:hover:before{opacity:1}.feature-icon{align-items:center;border:1px solid var(--border);border-radius:var(--radius);display:flex;font-size:var(--text-lg);height:44px;justify-content:center;margin-bottom:var(--space-5);width:44px}.feature-card .feature-icon.bg-blue-100,.feature-card .feature-icon.bg-green-100,.feature-card .feature-icon.bg-indigo-100,.feature-card .feature-icon.bg-orange-100,.feature-card .feature-icon.bg-purple-100,.feature-card .feature-icon.bg-red-100{background:var(--surface-2)!important}.feature-card .feature-icon .text-blue-600,.feature-card .feature-icon .text-green-600,.feature-card .feature-icon .text-indigo-600,.feature-card .feature-icon .text-orange-600,.feature-card .feature-icon .text-purple-600,.feature-card .feature-icon .text-red-600{color:var(--text-primary)!important}.feature-card:nth-child(6n+1) .feature-icon{background:var(--accent-soft)!important;border-color:var(--accent-line)}.feature-card:nth-child(6n+1) .feature-icon svg{color:var(--accent-text)!important}.feature-card:nth-child(6n+2) .feature-icon{background:var(--success-soft)!important;border-color:var(--success-line)}.feature-card:nth-child(6n+2) .feature-icon svg{color:var(--success-text)!important}.feature-card:nth-child(6n+3) .feature-icon{background:var(--accent-soft)!important;border-color:var(--accent-line)}.feature-card:nth-child(6n+3) .feature-icon svg{color:var(--accent-text)!important}.feature-card:nth-child(6n+4) .feature-icon{background:var(--warning-soft)!important;border-color:var(--warning-line)}.feature-card:nth-child(6n+4) .feature-icon svg{color:var(--warning-text)!important}.feature-card:nth-child(6n+5) .feature-icon{background:var(--danger-soft)!important;border-color:var(--danger-line)}.feature-card:nth-child(6n+5) .feature-icon svg{color:var(--danger-text)!important}.feature-card:nth-child(6n+6) .feature-icon{background:var(--ice-soft)!important;border-color:var(--ice-line)}.feature-card:nth-child(6n+6) .feature-icon svg{color:var(--ice-text)!important}.feature-title{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-md);font-weight:600;letter-spacing:.02em;margin-bottom:var(--space-2)}.feature-description{color:var(--text-tertiary);font-size:var(--text-sm);line-height:1.6}.benefits-section{background:var(--surface-0);padding:var(--space-20) 0}.benefits-content{grid-gap:var(--space-16);align-items:center;display:grid;gap:var(--space-16);grid-template-columns:1fr 1fr}.benefits-text .section-subtitle,.benefits-text .section-title{margin-left:0;text-align:left}.benefits-list{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;margin:var(--space-6) 0 0 0;padding:0}.benefits-list li{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-sm);gap:var(--space-3);line-height:1.5}.benefits-list .text-green-500{color:var(--success-text)!important}.benefits-stats{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr}.stat-box{background:var(--surface-1);border:var(--hairline);border-radius:var(--radius-md);padding:var(--space-6);text-align:center}.stat-box .stat-number{font-feature-settings:"tnum";color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-4xl);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.01em;line-height:1;margin-bottom:6px}.stat-box .stat-label{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.14em;text-transform:uppercase}.cta-section{background:#07080d;color:#e9ebf5;overflow:hidden;padding:var(--space-20) 0;position:relative}.cta-section:before{background-image:linear-gradient(#7c5cff12 1px,#0000 0),linear-gradient(90deg,#7c5cff12 1px,#0000 0);background-size:48px 48px;content:"";inset:0;-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,#0000 80%);mask-image:radial-gradient(ellipse at center,#000 20%,#0000 80%);pointer-events:none;position:absolute}.cta-section:after{background:linear-gradient(90deg,#0000,#7c5cff8c,#0000);content:"";height:1px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:60%}.cta-content{margin:0 auto;max-width:640px;position:relative;text-align:center}.cta-title{color:#e9ebf5;font-family:var(--font-display);font-size:clamp(1.875rem,4vw,2.75rem);font-weight:700;letter-spacing:.03em;line-height:1.15;margin-bottom:14px;text-transform:uppercase}.cta-subtitle{color:#e9ebf5b3;font-size:var(--text-md);margin-bottom:var(--space-8)}.cta-note{color:#e9ebf58c;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;margin-top:var(--space-4)}.landing-page .btn-primary{align-items:center;background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);color:var(--text-on-accent);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-2);padding:10px 18px;text-decoration:none;transition:background-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease)}.landing-page .btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--glow-accent)}.landing-page .btn-primary-large{align-items:center;background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-md);box-shadow:var(--glow-accent);color:var(--text-on-accent);display:inline-flex;font-family:var(--font-display);font-size:var(--text-md);font-weight:600;gap:var(--space-2);letter-spacing:.04em;padding:13px 28px;text-decoration:none;text-transform:uppercase;transition:background-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease)}.landing-page .btn-primary-large:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.landing-page .btn-outline{align-items:center;background:#0000;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);display:inline-flex;font-size:var(--text-sm);font-weight:600;padding:10px 18px;text-decoration:none;transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.landing-page .btn-outline:hover{background:var(--surface-2);border-color:var(--border-strong)}.landing-page .btn-outline-large{align-items:center;background:#0000;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);display:inline-flex;font-size:var(--text-md);font-weight:600;padding:13px 28px;text-decoration:none;transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.landing-page .btn-outline-large:hover{background:var(--surface-2);border-color:var(--border-strong)}.cta-section .btn-primary-large{background:#fff;border-color:#fff;box-shadow:0 0 24px #7c5cff59;color:#0a0a0f}.cta-section .btn-primary-large:hover{background:#ffffffeb}.pricing-section{background:var(--surface-1);border-top:1px solid var(--border-subtle);padding:var(--space-20) 0}.pricing-grid{grid-gap:var(--space-5);align-items:stretch;display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:var(--space-12) auto 0;max-width:1200px;padding:0 var(--space-8)}.pricing-card{background:var(--surface-1);border:var(--hairline);border-radius:var(--radius-md);display:flex;flex-direction:column;padding:var(--space-8) var(--space-6);position:relative;transition:border-color .24s var(--ease),box-shadow .24s var(--ease)}.pricing-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.pricing-card.popular{border-color:var(--accent-line);box-shadow:var(--glow-accent),var(--shadow-md)}.pricing-card.popular:hover{border-color:var(--accent);box-shadow:var(--glow-accent),var(--shadow-lg)}.popular-badge{align-items:center;background:var(--accent);border-radius:var(--radius-sm);box-shadow:var(--glow-accent);color:var(--text-on-accent);display:inline-flex;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;gap:6px;left:50%;letter-spacing:.12em;padding:4px 12px;position:absolute;text-transform:uppercase;top:-11px;transform:translateX(-50%);white-space:nowrap}.pricing-header{border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-5);padding-bottom:var(--space-5);text-align:left}.pricing-name{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.pricing-description{color:var(--text-tertiary);font-size:var(--text-xs);line-height:1.5}.pricing-price{align-items:baseline;display:flex;gap:4px;margin-bottom:var(--space-6);text-align:left}.pricing-price .currency{color:var(--text-tertiary);font-family:var(--font-display);font-size:var(--text-lg);font-weight:500}.pricing-price .amount{font-feature-settings:"tnum";color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-4xl);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em;line-height:1}.pricing-price .period{color:var(--text-tertiary);font-size:var(--text-sm)}.pricing-features{flex:1 1;margin-bottom:var(--space-6)}.pricing-features ul{list-style:none;margin:0;padding:0}.pricing-features li{align-items:flex-start;color:var(--text-primary);display:flex;font-size:var(--text-sm);gap:10px;line-height:1.5;padding:8px 0}.pricing-features li:not(:last-child){border-bottom:1px solid var(--border-subtle)}.feature-check{color:var(--success-text);flex-shrink:0;margin-top:2px}.pricing-cta{align-items:center;border-radius:var(--radius);display:flex;font-size:var(--text-sm);font-weight:600;justify-content:center;padding:11px 18px;text-align:center;text-decoration:none;transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease),color var(--duration) var(--ease),box-shadow var(--duration) var(--ease);width:100%}.pricing-cta.btn-primary{background:var(--accent);border:1px solid var(--accent);color:var(--text-on-accent)}.pricing-cta.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--glow-accent)}.pricing-cta.btn-outline{background:var(--surface-2);border:1px solid var(--border);color:var(--text-primary)}.pricing-cta.btn-outline:hover{background:var(--surface-3);border-color:var(--border-strong)}.pricing-empty,.pricing-loading{color:var(--text-tertiary);padding:var(--space-12);text-align:center}.landing-page .spinner{animation:spin .7s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:32px;margin:0 auto var(--space-3);width:32px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.hero-content{padding:var(--space-10) var(--space-5)}.benefits-content,.hero-content{gap:var(--space-10);grid-template-columns:1fr}.benefits-section,.cta-section,.features-section,.pricing-section{padding:var(--space-16) 0}.hero-buttons{align-items:stretch;flex-direction:column}.btn-outline-large,.btn-primary-large{justify-content:center}}.sf-app{background:#f6f7fb;background:var(--surface-0,#f6f7fb);color:#111827;color:var(--text-primary,#111827);display:flex;flex-direction:column;min-height:100vh}.sf-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;background:var(--surface-overlay,#ffffffd9);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-subtle,#e5e7eb);position:-webkit-sticky;position:sticky;top:0;z-index:40}.sf-header-inner{gap:1rem;justify-content:space-between;margin:0 auto;max-width:1100px;padding:.9rem 1.25rem}.sf-brand,.sf-header-inner{align-items:center;display:flex}.sf-brand{color:#111827;color:var(--text-primary,#111827);gap:.6rem;text-decoration:none}.sf-brand-logo{object-fit:cover}.sf-brand-badge,.sf-brand-logo{border-radius:10px;height:34px;width:34px}.sf-brand-badge{align-items:center;background:#7c5cff24;background:var(--accent-soft,#7c5cff24);color:#7c5cff;color:var(--accent-text,#7c5cff);display:inline-flex;justify-content:center}.sf-brand-badge svg{height:18px;width:18px}.sf-brand-name{font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.sf-nav{display:flex;gap:1.5rem}.sf-nav a{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.92rem;font-weight:500;text-decoration:none;transition:color .15s ease}.sf-nav a:hover{color:#111827;color:var(--text-primary,#111827)}.sf-main{flex:1 1}.sf-page{margin:0 auto;max-width:1100px;padding:2rem 1.25rem 4rem}.sf-narrow{max-width:860px}.sf-page-title{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1.25rem}.sf-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-subtle,#e5e7eb);color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:.82rem;padding:1.25rem;text-align:center}.sf-center-screen{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.sf-center-screen h2{color:#111827;color:var(--text-primary,#111827)}.sf-spinner{color:#7c5cff;color:var(--accent,#7c5cff);height:28px;width:28px}.sf-spin,.sf-spinner{animation:sf-rotate 1s linear infinite}.sf-spin{height:16px;width:16px}@keyframes sf-rotate{to{transform:rotate(1turn)}}.sf-empty-icon{height:44px;width:44px}.sf-empty,.sf-empty-icon{color:#9ca3af;color:var(--text-tertiary,#9ca3af)}.sf-empty{align-items:center;display:flex;flex-direction:column;gap:.75rem;padding:4rem 1rem}.sf-empty svg{height:40px;width:40px}.sf-hero{background:#fff;background:var(--surface-1,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-subtle,#e5e7eb);border-radius:16px;margin-bottom:1.75rem;overflow:hidden}.sf-hero-banner{display:block;max-height:260px;object-fit:cover;width:100%}.sf-hero-text{padding:1.25rem 1.5rem}.sf-hero-text h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.sf-hero-text p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.95rem;margin-top:.35rem}.sf-category-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.sf-chip{background:#fff;background:var(--surface-1,#fff);border:1px solid #d1d5db;border:1px solid var(--border,#d1d5db);border-radius:999px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.85rem;font-weight:500;padding:.42rem .95rem;transition:all .15s ease}.sf-chip:hover{border-color:#7c5cff6b;border-color:var(--accent-line,#7c5cff6b);color:#111827;color:var(--text-primary,#111827)}.sf-chip.active{background:#7c5cff;background:var(--accent,#7c5cff);border-color:#7c5cff;border-color:var(--accent,#7c5cff);color:#fff;color:var(--text-on-accent,#fff)}.sf-product-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media (max-width:640px){.sf-product-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.sf-product-body{padding:.65rem .7rem .8rem}.sf-product-name{font-size:.85rem}.sf-product-price{font-size:.9rem}}.sf-product-card{background:#fff;background:var(--surface-1,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-subtle,#e5e7eb);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.sf-product-card:hover{border-color:#c7cbd4;border-color:var(--border-strong,#c7cbd4);box-shadow:0 10px 28px #0000001a;transform:translateY(-2px)}.sf-product-media{aspect-ratio:1/1;background:#f3f4f6;background:var(--surface-2,#f3f4f6);display:block;position:relative}.sf-product-media img{height:100%;object-fit:cover;width:100%}.sf-product-placeholder{align-items:center;color:#c3c7d1;color:var(--text-faint,#c3c7d1);display:flex;height:100%;justify-content:center;width:100%}.sf-product-placeholder svg{height:42px;width:42px}.sf-product-placeholder.large svg{height:64px;width:64px}.sf-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:600;padding:.2rem .6rem}.sf-product-media .sf-badge{left:.6rem;position:absolute;top:.6rem}.sf-badge-danger{background:#ef44441f;background:var(--danger-soft,#ef44441f);color:#ef4444;color:var(--danger-text,#ef4444)}.sf-badge-warning{background:#fbbf2426;background:var(--warning-soft,#fbbf2426);color:#b45309;color:var(--warning-text,#b45309)}.sf-badge-success{background:#2ee6a81f;background:var(--success-soft,#2ee6a81f);color:#059669;color:var(--success-text,#059669)}.sf-badge-info{background:#38bdf821;background:var(--ice-soft,#38bdf821);color:#0284c7;color:var(--ice-text,#0284c7)}.sf-product-body{display:flex;flex:1 1;flex-direction:column;gap:.3rem;padding:.85rem .95rem 1rem}.sf-product-category{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.sf-product-name{color:#111827;color:var(--text-primary,#111827);font-size:.95rem;font-weight:600;line-height:1.35;text-decoration:none}.sf-product-name:hover{color:#7c5cff;color:var(--accent-text,#7c5cff)}.sf-product-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto;padding-top:.5rem}.sf-product-price{font-size:1rem;font-weight:700}.sf-btn{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.92rem;font-weight:600;gap:.5rem;justify-content:center;padding:.7rem 1.25rem;text-decoration:none;transition:all .15s ease}.sf-btn svg{height:16px;width:16px}.sf-btn:disabled{cursor:not-allowed;opacity:.6}.sf-btn-primary{background:#7c5cff;background:var(--accent,#7c5cff);color:#fff;color:var(--text-on-accent,#fff)}.sf-btn-primary:hover:not(:disabled){background:#8f74ff;background:var(--accent-hover,#8f74ff)}.sf-btn-secondary{background:#f3f4f6;background:var(--surface-2,#f3f4f6);border-color:#d1d5db;border-color:var(--border,#d1d5db);color:#111827;color:var(--text-primary,#111827)}.sf-btn-secondary:hover{border-color:#9ca3af;border-color:var(--border-strong,#9ca3af)}.sf-btn-whatsapp{background:#25d366;color:#fff}.sf-btn-whatsapp:hover{background:#1fb958}.sf-btn-block{width:100%}.sf-icon-btn{align-items:center;background:#fff;background:var(--surface-1,#fff);border:1px solid #d1d5db;border:1px solid var(--border,#d1d5db);border-radius:10px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .15s ease;width:36px}.sf-icon-btn svg{height:16px;width:16px}.sf-icon-btn:hover:not(:disabled){border-color:#7c5cff6b;border-color:var(--accent-line,#7c5cff6b);color:#7c5cff;color:var(--accent-text,#7c5cff)}.sf-icon-btn:disabled{cursor:not-allowed;opacity:.4}.sf-add-btn{background:#7c5cff;background:var(--accent,#7c5cff);border:none;color:#fff;color:var(--text-on-accent,#fff)}.sf-add-btn:hover:not(:disabled){background:#8f74ff;background:var(--accent-hover,#8f74ff);color:#fff;color:var(--text-on-accent,#fff)}.sf-remove-btn:hover{border-color:#ef444466;border-color:var(--danger-line,#ef444466);color:#ef4444;color:var(--danger-text,#ef4444)}.sf-back-link{align-items:center;background:none;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-size:.9rem;gap:.4rem;margin-bottom:1.25rem;padding:0;text-decoration:none}.sf-back-link:hover{color:#111827;color:var(--text-primary,#111827)}.sf-product-detail{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1fr 1fr}@media (max-width:760px){.sf-product-detail{grid-template-columns:1fr}}.sf-gallery-main{aspect-ratio:1/1;background:#f3f4f6;background:var(--surface-2,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-subtle,#e5e7eb);border-radius:16px;overflow:hidden}.sf-gallery-main img{height:100%;object-fit:cover;width:100%}.sf-gallery-thumbs{display:flex;gap:.5rem;margin-top:.75rem}.sf-thumb{background:#f3f4f6;background:var(--surface-2,#f3f4f6);border:2px solid #0000;border-radius:10px;cursor:pointer;height:64px;overflow:hidden;padding:0;width:64px}.sf-thumb img{height:100%;object-fit:cover;width:100%}.sf-thumb.active{border-color:#7c5cff;border-color:var(--accent,#7c5cff)}.sf-detail-info h1{font-size:1.7rem;font-weight:700;letter-spacing:-.02em;margin:.25rem 0 .5rem}.sf-detail-price{color:#7c5cff;color:var(--accent-text,#7c5cff);font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.sf-stock-note{color:#059669;color:var(--success-text,#059669);font-size:.88rem;font-weight:500}.sf-detail-description{margin-top:1.5rem}.sf-detail-description h3{font-size:.95rem;font-weight:600;margin-bottom:.4rem}.sf-detail-description p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.94rem;line-height:1.6;white-space:pre-wrap}.sf-detail-actions{align-items:center;display:flex;gap:.75rem;margin-top:1.75rem}.sf-qty-picker{background:#fff;background:var(--surface-1,#fff);border:1px solid #d1d5db;border:1px solid var(--border,#d1d5db);border-radius:10px;gap:.75rem;padding:.35rem .5rem}.sf-qty-picker,.sf-qty-picker button{align-items:center;display:inline-flex}.sf-qty-picker button{background:#f3f4f6;background:var(--surface-2,#f3f4f6);border:none;border-radius:8px;color:#111827;color:var(--text-primary,#111827);cursor:pointer;height:28px;justify-content:center;width:28px}.sf-qty-picker button:hover:not(:disabled){background:#7c5cff24;background:var(--accent-soft,#7c5cff24);color:#7c5cff;color:var(--accent-text,#7c5cff)}.sf-qty-picker button:disabled{cursor:not-allowed;opacity:.4}.sf-qty-picker button svg{height:14px;width:14px}.sf-qty-picker span{font-weight:600;min-width:1.5rem;text-align:center}.sf-cart-fab{align-items:center;background:#7c5cff;background:var(--accent,#7c5cff);border:none;border-radius:999px;bottom:1.25rem;box-shadow:0 8px 24px #00000038;color:#fff;color:var(--text-on-accent,#fff);cursor:pointer;display:flex;height:54px;justify-content:center;position:fixed;right:1.25rem;transition:transform .15s ease;width:54px;z-index:50}.sf-cart-fab:hover{transform:scale(1.06)}.sf-cart-fab svg{height:22px;width:22px}.sf-cart-fab-count{align-items:center;background:#fb5f7a;background:var(--danger,#fb5f7a);border-radius:999px;color:#fff;display:flex;font-size:.72rem;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 5px;position:absolute;right:-4px;top:-4px}.sf-drawer-backdrop{background:#00000073;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:60}.sf-drawer{background:#fff;background:var(--surface-1,#fff);box-shadow:-8px 0 32px #0003;display:flex;flex-direction:column;height:100%;max-width:92vw;width:360px}.sf-drawer-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-subtle,#e5e7eb);display:flex;justify-content:space-between;padding:1.1rem 1.25rem}.sf-drawer-header h3{font-size:1.05rem;font-weight:700}.sf-drawer-items{flex:1 1;overflow-y:auto;padding:.75rem 1.25rem}.sf-drawer-empty{color:#9ca3af;color:var(--text-tertiary,#9ca3af);margin-top:2rem;text-align:center}.sf-drawer-item{grid-gap:.6rem;align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-subtle,#e5e7eb);display:grid;font-size:.9rem;gap:.6rem;grid-template-columns:1fr auto auto;padding:.65rem 0}.sf-drawer-item-name{font-weight:500}.sf-drawer-item-qty{color:#9ca3af;color:var(--text-tertiary,#9ca3af)}.sf-drawer-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-subtle,#e5e7eb);display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem 1.25rem}.sf-drawer-subtotal{display:flex;font-size:.95rem;justify-content:space-between}.sf-cart-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}.sf-cart-item{grid-gap:1rem;align-items:center;background:#fff;background:var(--surface-1,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-subtle,#e5e7eb);border-radius:12px;display:grid;gap:1rem;grid-template-columns:1fr auto auto auto;padding:.9rem 1rem}@media (max-width:640px){.sf-cart-item{grid-template-columns:1fr auto;grid-template-rows:auto auto}}.sf-cart-item-info{display:flex;flex-direction:column;gap:.15rem}.sf-cart-item-name{font-size:.95rem;font-weight:600}.sf-cart-item-unit{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:.8rem}.sf-cart-item-total{font-weight:700;min-width:5.5rem;text-align:right}.sf-cart-summary{background:#fff;background:var(--surface-1,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-subtle,#e5e7eb);border-radius:14px;padding:1.25rem}.sf-summary-row{display:flex;font-size:1.05rem;justify-content:space-between;margin-bottom:.35rem}.sf-summary-note{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:.83rem;margin:.35rem 0 1rem}.sf-checkout-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1.4fr 1fr}@media (max-width:820px){.sf-checkout-grid{grid-template-columns:1fr}}.sf-checkout-form,.sf-checkout-summary{display:flex;flex-direction:column;gap:1rem}.sf-form-card{background:#fff;background:var(--surface-1,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-subtle,#e5e7eb);border-radius:14px;padding:1.25rem}.sf-form-card h3{font-size:1rem;font-weight:700}.sf-field,.sf-form-card h3{margin-bottom:.9rem}.sf-field label{color:#6b7280;color:var(--text-secondary,#6b7280);display:block;font-size:.84rem;font-weight:600;margin-bottom:.35rem}.sf-field input,.sf-field select,.sf-field textarea{background:#fff;background:var(--surface-inset,#fff);border:1px solid #d1d5db;border:1px solid var(--border,#d1d5db);border-radius:10px;color:#111827;color:var(--text-primary,#111827);font-family:inherit;font-size:.92rem;padding:.65rem .8rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.sf-field input:focus,.sf-field select:focus,.sf-field textarea:focus{border-color:#7c5cff;border-color:var(--accent,#7c5cff);box-shadow:0 0 0 3px #7c5cff40;box-shadow:0 0 0 3px var(--accent-ring,#7c5cff40);outline:none}.sf-radio-card{align-items:center;border:1px solid #d1d5db;border:1px solid var(--border,#d1d5db);border-radius:10px;cursor:pointer;display:flex;gap:.7rem;margin-bottom:.55rem;padding:.75rem .9rem;transition:border-color .15s ease,background .15s ease}.sf-radio-card:hover{border-color:#7c5cff6b;border-color:var(--accent-line,#7c5cff6b)}.sf-radio-card input{accent-color:#7c5cff;accent-color:var(--accent,#7c5cff)}.sf-radio-label{align-items:center;display:flex;flex:1 1;font-size:.92rem;font-weight:500;gap:.5rem}.sf-radio-label svg{height:16px;width:16px}.sf-radio-label em,.sf-radio-label svg{color:#9ca3af;color:var(--text-tertiary,#9ca3af)}.sf-radio-label em{font-size:.84rem;font-style:normal;margin-left:auto}.sf-summary-item{color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.9rem;gap:1rem;justify-content:space-between;padding:.28rem 0}.sf-summary-divider{background:#e5e7eb;background:var(--border-subtle,#e5e7eb);height:1px;margin:.5rem 0}.sf-summary-total{color:#111827;color:var(--text-primary,#111827);font-size:1.02rem;font-weight:700}.sf-error{background:#ef44441a;background:var(--danger-soft,#ef44441a);border:1px solid #ef44444d;border:1px solid var(--danger-line,#ef44444d);border-radius:10px;color:#ef4444;color:var(--danger-text,#ef4444);font-size:.86rem;margin:.75rem 0;padding:.6rem .8rem}.sf-success-card{align-items:center;background:#fff;background:var(--surface-1,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-subtle,#e5e7eb);border-radius:16px;display:flex;flex-direction:column;gap:.9rem;padding:2.25rem;text-align:center}.sf-success-icon{align-items:center;background:#2ee6a81f;background:var(--success-soft,#2ee6a81f);border-radius:999px;color:#059669;color:var(--success-text,#059669);display:flex;height:56px;justify-content:center;width:56px}.sf-success-icon svg{height:28px;width:28px}.sf-success-card h1{font-size:1.5rem;font-weight:700}.sf-bank-box{background:#f3f4f6;background:var(--surface-2,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-subtle,#e5e7eb);border-radius:12px;padding:1.1rem 1.25rem;text-align:left;width:100%}.sf-bank-box h3{font-size:.95rem;font-weight:700;margin-bottom:.5rem}.sf-bank-box ul{display:flex;flex-direction:column;font-size:.92rem;gap:.3rem;list-style:none;margin:.5rem 0;padding:0}.sf-success-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.5rem}.sf-track-form{margin-bottom:1.5rem}.sf-track-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.sf-track-header h3{margin:0}.sf-track-list{display:flex;flex-direction:column}.sf-track-list-item{grid-gap:.75rem;align-items:center;background:none;border:none;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-subtle,#e5e7eb);color:#111827;color:var(--text-primary,#111827);cursor:pointer;display:grid;gap:.75rem;grid-template-columns:1fr auto auto auto;padding:.85rem .5rem;text-align:left;transition:background .15s ease;width:100%}.sf-track-list-item:last-child{border-bottom:none}.sf-track-list-item:hover{background:#f3f4f6;background:var(--surface-2,#f3f4f6)}.sf-track-list-main{display:flex;flex-direction:column;gap:.15rem;min-width:0}.sf-track-list-date{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:.78rem}.sf-track-list-total{font-weight:700;white-space:nowrap}.sf-track-list-arrow{color:#9ca3af;color:var(--text-tertiary,#9ca3af);flex-shrink:0;height:16px;width:16px}.sf-track-result .sf-back-link{margin-bottom:.75rem}.sf-timeline{display:flex;justify-content:space-between;margin:1.25rem 0 1.5rem;position:relative}.sf-timeline:before{background:#d1d5db;background:var(--border,#d1d5db);content:"";height:2px;left:8%;position:absolute;right:8%;top:9px}.sf-timeline-step{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.45rem;z-index:1}.sf-timeline-dot{background:#f3f4f6;background:var(--surface-2,#f3f4f6);border:2px solid #d1d5db;border:2px solid var(--border,#d1d5db);border-radius:999px;height:20px;width:20px}.sf-timeline-step.done .sf-timeline-dot{background:#7c5cff;background:var(--accent,#7c5cff);border-color:#7c5cff;border-color:var(--accent,#7c5cff)}.sf-timeline-label{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:.72rem;font-weight:600;text-align:center}.sf-timeline-step.done .sf-timeline-label{color:#111827;color:var(--text-primary,#111827)}.sf-track-items{margin-bottom:.75rem}.auth-page{align-items:center;background:var(--surface-0);color:var(--text-primary);display:flex;font-family:var(--font-body);justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-6);position:relative}.auth-page:before{background-image:linear-gradient(var(--grid-line) 1px,#0000 1px),linear-gradient(90deg,var(--grid-line) 1px,#0000 1px);background-size:44px 44px;inset:0;-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,#0000 72%);mask-image:radial-gradient(ellipse at center,#000 20%,#0000 72%)}.auth-page:after,.auth-page:before{content:"";pointer-events:none;position:absolute}.auth-page:after{background:radial-gradient(circle,var(--accent-soft) 0,#0000 62%);height:720px;left:50%;top:50%;transform:translate(-50%,-50%);width:720px}.auth-container{max-width:440px;position:relative;width:100%;z-index:1}.auth-theme-toggle{position:absolute;right:var(--space-6);top:var(--space-5);z-index:2}@media (max-width:480px){.auth-theme-toggle{right:var(--space-3);top:var(--space-3)}}.auth-card{animation:slideUp .36s var(--ease-out);background:var(--surface-1);border:var(--hairline-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-8);position:relative}.auth-card:before{background:linear-gradient(90deg,#0000,var(--accent-line) 50%,#0000);content:"";height:1px;left:var(--space-8);position:absolute;right:var(--space-8);top:0}.auth-card:after{border:1px solid var(--accent-line);border-radius:var(--radius-lg);content:"";inset:-1px;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-image:linear-gradient(#000 0 0) top left /28px 28px,linear-gradient(#000 0 0) top right /28px 28px,linear-gradient(#000 0 0) bottom left /28px 28px,linear-gradient(#000 0 0) bottom right /28px 28px;mask-image:linear-gradient(#000 0 0) top left /28px 28px,linear-gradient(#000 0 0) top right /28px 28px,linear-gradient(#000 0 0) bottom left /28px 28px,linear-gradient(#000 0 0) bottom right /28px 28px;opacity:.9;pointer-events:none;position:absolute}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:var(--space-6);text-align:center}.auth-logo{align-items:center;display:inline-flex;gap:var(--space-3);margin-bottom:var(--space-5);text-decoration:none}.logo-icon{align-items:center;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--radius);box-shadow:var(--glow-accent);color:var(--accent-text);display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.logo-text{font-size:20px;letter-spacing:.06em}.auth-title,.logo-text{color:var(--text-primary);font-family:var(--font-display);font-weight:700;text-transform:uppercase}.auth-title{font-size:22px;letter-spacing:.05em;line-height:1.2;margin:0 0 8px}.auth-subtitle{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;line-height:1.5;margin:0}.auth-form{gap:var(--space-4)}.auth-card .form-group,.auth-form{display:flex;flex-direction:column}.auth-card .form-group{gap:6px}.auth-card .form-label{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.12em;text-transform:uppercase}.input-wrapper{align-items:center;display:flex}.form-input{background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);padding:11px 13px;transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease);width:100%}.form-input:hover{border-color:var(--border-strong)}.form-input:focus{background:var(--surface-1);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.form-input::placeholder{color:var(--text-faint)}.form-options{align-items:center;display:flex;justify-content:space-between;margin-top:-2px}.checkbox-wrapper{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-input{accent-color:var(--accent);border:1px solid var(--border-strong);border-radius:var(--radius-xs);cursor:pointer;height:15px;width:15px}.checkbox-label{color:var(--text-secondary);font-size:var(--text-xs)}.forgot-link{background:none;border:none;color:var(--accent-text);cursor:pointer;font-size:var(--text-xs);font-weight:600;padding:0;transition:color var(--duration-fast) var(--ease)}.forgot-link:hover{color:var(--accent);text-decoration:underline}.auth-button{align-items:center;background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);color:var(--text-on-accent);cursor:pointer;display:flex;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;gap:10px;justify-content:center;letter-spacing:.08em;margin-top:6px;padding:12px 24px;text-transform:uppercase;transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease);width:100%}.auth-button:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--glow-accent)}.auth-button:active{transform:translateY(1px)}.auth-button:focus-visible{box-shadow:0 0 0 3px var(--accent-ring);outline:none}.button-icon{font-size:15px}.auth-footer{border-top:1px solid var(--border-subtle);margin-top:var(--space-6);padding-top:var(--space-5);text-align:center}.auth-text{color:var(--text-tertiary);font-size:var(--text-xs);margin:0 0 10px}.auth-link{color:var(--accent-text);font-weight:600;text-decoration:none;transition:color var(--duration-fast) var(--ease)}.auth-link:hover{color:var(--accent);text-decoration:underline}.back-link{color:var(--text-faint);font-size:var(--text-xs);text-decoration:none;transition:color var(--duration-fast) var(--ease)}.back-link:hover{color:var(--text-secondary)}.auth-form .row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.terms-wrapper{align-items:flex-start;display:flex;gap:10px;margin-top:4px}.terms-wrapper .checkbox-input{margin-top:2px}.terms-text{color:var(--text-tertiary);font-size:var(--text-xs);line-height:1.5}.terms-link{color:var(--accent-text);font-weight:500;text-decoration:none}.terms-link:hover{text-decoration:underline}@media (max-width:480px){.auth-card{padding:var(--space-6) var(--space-5)}.auth-card:before{left:var(--space-5);right:var(--space-5)}.auth-title{font-size:19px}.logo-text{font-size:17px}.form-options{align-items:flex-start;flex-direction:column;gap:10px}.auth-form .row{grid-template-columns:1fr}}
/*# sourceMappingURL=main.cc44f33a.css.map*/