:root{--blue-50:#eef4ff;--blue-100:#dbe6fe;--blue-200:#bfd3fe;--blue-300:#93b4fd;--blue-400:#608bfa;--blue-500:#3b66f5;--blue-600:#2451e6;--blue-700:#1d40c4;--blue-800:#1e3a9f;--blue-900:#1e357e;--slate-25:#fcfcfd;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--slate-950:#020617;--green-50:#ecfdf5;--green-500:#10b981;--green-600:#059669;--green-700:#047857;--amber-50:#fffbeb;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--red-50:#fef2f2;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--violet-500:#8b5cf6;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,"SF Mono","SFMono-Regular","Roboto Mono",Menlo,Consolas,monospace;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--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;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:999px;--ease:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--dur-fast:120ms;--dur:200ms;--dur-slow:320ms;--sidebar-w:256px;--topbar-h:64px;--maxw:1320px}:root,:root[data-theme=light]{--accent:var(--blue-600);--accent-hover:var(--blue-700);--accent-soft:var(--blue-50);--accent-border:var(--blue-200);--accent-contrast:#fff;--bg:var(--slate-50);--bg-elevated:#fff;--surface:#fff;--surface-2:var(--slate-50);--surface-hover:var(--slate-100);--sidebar-bg:#fff;--text:var(--slate-900);--text-muted:var(--slate-500);--text-subtle:var(--slate-400);--text-on-accent:#fff;--border:var(--slate-200);--border-strong:var(--slate-300);--success:var(--green-600);--success-bg:var(--green-50);--warning:var(--amber-600);--warning-bg:var(--amber-50);--danger:var(--red-600);--danger-bg:var(--red-50);--info:var(--blue-600);--info-bg:var(--blue-50);--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;--shadow:0 4px 12px #0f172a0f,0 2px 4px #0f172a0a;--shadow-md:0 10px 24px #0f172a14,0 4px 8px #0f172a0a;--shadow-lg:0 20px 48px #0f172a1f;--ring:0 0 0 3px #2451e62e;--overlay:#0f172a73;color-scheme:light}:root[data-theme=dark]{--accent:var(--blue-400);--accent-hover:var(--blue-300);--accent-soft:#608bfa1f;--accent-border:#608bfa52;--accent-contrast:var(--slate-950);--bg:var(--slate-950);--bg-elevated:var(--slate-900);--surface:var(--slate-900);--surface-2:#0b1324;--surface-hover:var(--slate-800);--sidebar-bg:#0a1222;--text:var(--slate-100);--text-muted:var(--slate-400);--text-subtle:var(--slate-500);--text-on-accent:var(--slate-950);--border:#1e2a44;--border-strong:#2b3a5c;--success:#34d399;--success-bg:#10b9811f;--warning:#fbbf24;--warning-bg:#f59e0b1f;--danger:#f87171;--danger-bg:#ef44441f;--info:var(--blue-400);--info-bg:#608bfa1f;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006;--shadow:0 4px 12px #00000073;--shadow-md:0 10px 24px #00000080;--shadow-lg:0 20px 48px #0009;--ring:0 0 0 3px #608bfa4d;--overlay:#02061799;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--accent:var(--blue-400);--accent-hover:var(--blue-300);--accent-soft:#608bfa1f;--accent-border:#608bfa52;--accent-contrast:var(--slate-950);--bg:var(--slate-950);--bg-elevated:var(--slate-900);--surface:var(--slate-900);--surface-2:#0b1324;--surface-hover:var(--slate-800);--sidebar-bg:#0a1222;--text:var(--slate-100);--text-muted:var(--slate-400);--text-subtle:var(--slate-500);--text-on-accent:var(--slate-950);--border:#1e2a44;--border-strong:#2b3a5c;--success:#34d399;--success-bg:#10b9811f;--warning:#fbbf24;--warning-bg:#f59e0b1f;--danger:#f87171;--danger-bg:#ef44441f;--info:var(--blue-400);--info-bg:#608bfa1f;--shadow-sm:0 1px 3px #0006;--shadow:0 4px 12px #00000073;--shadow-md:0 10px 24px #00000080;--shadow-lg:0 20px 48px #0009;--ring:0 0 0 3px #608bfa4d;--overlay:#02061799;color-scheme:dark}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.55;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}#root,body{min-height:100vh}h1,h2,h3,h4,h5{color:var(--text);font-weight:var(--fw-semibold);letter-spacing:-.01em;line-height:1.2}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}button,input,select,textarea{color:inherit;font-family:inherit;font-size:inherit}.icon{display:inline-block;vertical-align:middle}.mono{font-feature-settings:none;font-family:var(--font-mono);font-variant-ligatures:none}:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--ring);outline:none}::selection{background:var(--accent-soft);color:var(--text)}*{scrollbar-color:var(--border-strong) #0000;scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.app-shell{background:var(--bg);display:flex;min-height:100vh}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;inset:0 auto 0 0;position:fixed;transition:transform var(--dur-slow) var(--ease-out);width:var(--sidebar-w);z-index:60}.sidebar-brand{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:var(--space-3);height:var(--topbar-h);padding:0 var(--space-5)}.brand-mark{background:linear-gradient(135deg,var(--blue-500),var(--blue-700));border-radius:9px;box-shadow:var(--shadow-sm);color:#fff;display:grid;font-size:15px;font-weight:var(--fw-bold);height:34px;letter-spacing:-.02em;place-items:center;width:34px}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text strong{color:var(--text);font-size:var(--text-md);letter-spacing:-.02em}.brand-text span{color:var(--text-muted);font-size:11px;font-weight:var(--fw-medium);letter-spacing:.06em;text-transform:uppercase}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:var(--space-4) var(--space-3)}.sidebar-section-label{color:var(--text-subtle);font-size:11px;font-weight:var(--fw-semibold);letter-spacing:.07em;padding:var(--space-4) var(--space-3) var(--space-2);text-transform:uppercase}.nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius);color:var(--text-muted);display:flex;font-size:var(--text-base);font-weight:var(--fw-medium);gap:var(--space-3);padding:10px var(--space-3);position:relative;text-align:left;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);width:100%}.nav-item:hover{background:var(--surface-hover);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:var(--fw-semibold)}.nav-item.active:before{background:var(--accent);border-radius:var(--radius-full);content:"";height:20px;left:-12px;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-item .icon{color:currentColor}.sidebar-foot{border-top:1px solid var(--border);padding:var(--space-3)}.main-col{display:flex;flex:1 1;flex-direction:column;margin-left:var(--sidebar-w);min-width:0}.topbar{align-items:center;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);background:color-mix(in srgb,var(--bg) 80%,#0000);border-bottom:1px solid var(--border);display:flex;gap:var(--space-3);height:var(--topbar-h);padding:0 var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar-title{font-size:var(--text-lg);font-weight:var(--fw-semibold);letter-spacing:-.015em}.topbar-spacer{flex:1 1}.icon-btn{background:#0000;border:1px solid #0000;border-radius:var(--radius);color:var(--text-muted);display:inline-grid;height:40px;place-items:center;transition:all var(--dur-fast) var(--ease);width:40px}.icon-btn:hover{background:var(--surface-hover);border-color:var(--border);color:var(--text)}.user-chip{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);display:flex;gap:var(--space-3);padding:6px 6px 6px 14px}.user-chip .u-meta{display:flex;flex-direction:column;line-height:1.15;text-align:right}.user-chip .u-name{font-size:var(--text-sm);font-weight:var(--fw-semibold)}.user-chip .u-role{color:var(--text-muted);font-size:11px;text-transform:capitalize}.avatar{background:linear-gradient(135deg,var(--blue-500),var(--blue-700));border-radius:var(--radius-full);color:#fff;display:grid;font-size:13px;font-weight:var(--fw-semibold);height:32px;place-items:center;width:32px}.content{flex:1 1;padding:var(--space-8) var(--space-6) var(--space-16)}.content-inner{animation:fadeIn var(--dur) var(--ease);margin:0 auto;max-width:var(--maxw)}.mobile-menu-btn,.scrim{display:none}.page-header{align-items:flex-end;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.page-header h2{font-size:var(--text-2xl);letter-spacing:-.02em}.page-header .subtitle{color:var(--text-muted);font-size:var(--text-base);margin-top:2px}.header-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius);display:inline-flex;font-size:var(--text-base);font-weight:var(--fw-semibold);gap:8px;height:40px;justify-content:center;padding:0 var(--space-4);transition:all var(--dur-fast) var(--ease);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.55}.btn.primary{background:var(--accent);box-shadow:var(--shadow-xs);color:var(--text-on-accent)}.btn.primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-sm)}.btn.secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn.secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--slate-400)}.btn.ghost{background:#0000;color:var(--text-muted)}.btn.ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.btn.danger{background:var(--danger);color:#fff}.btn.danger:hover:not(:disabled){filter:brightness(.94)}.btn.success{background:var(--success);color:#fff}.btn.small{font-size:var(--text-sm);gap:6px;height:32px;padding:0 12px}.btn.block{width:100%}.btn.icon-only{padding:0;width:40px}.btn.small.icon-only{width:32px}.card,.section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.section{margin-bottom:var(--space-6)}.card-pad,.section{padding:var(--space-6)}.card-title,.section>h3{align-items:center;display:flex;font-size:var(--text-lg);gap:var(--space-2);letter-spacing:-.015em;margin-bottom:var(--space-4)}.stats-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:var(--space-8)}.stat-card{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-4);padding:var(--space-5);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius);display:grid;flex-shrink:0;height:48px;place-items:center;width:48px}.stat-icon.blue{background:var(--accent-soft);color:var(--accent)}.stat-icon.green{background:var(--success-bg);color:var(--success)}.stat-icon.purple{background:color-mix(in srgb,var(--violet-500) 14%,#0000);color:var(--violet-500)}.stat-icon.orange{background:var(--warning-bg);color:var(--warning)}.stat-icon.red{background:var(--danger-bg);color:var(--danger)}.stat-icon.gray{background:var(--surface-2);color:var(--text-muted)}.stat-info{min-width:0}.stat-info h3{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--fw-medium);margin-bottom:4px}.stat-info p{color:var(--text);font-size:var(--text-2xl);font-weight:var(--fw-bold);letter-spacing:-.02em}.quick-actions h3{font-size:var(--text-lg);margin-bottom:var(--space-4)}.actions-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.action-btn{align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);color:var(--text);display:flex;flex-direction:column;font-size:var(--text-base);font-weight:var(--fw-semibold);gap:var(--space-3);padding:var(--space-5);text-align:left;transition:all var(--dur) var(--ease-out)}.action-btn:hover{border-color:var(--accent-border);box-shadow:var(--shadow);transform:translateY(-2px)}.action-btn .icon-chip{background:var(--accent-soft);border-radius:var(--radius);color:var(--accent);display:grid;height:40px;place-items:center;width:40px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-4)}.field-label,.form-group>label{color:var(--text);font-size:var(--text-sm);font-weight:var(--fw-semibold)}.form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.form-row.cols-3{grid-template-columns:repeat(3,1fr)}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);font-size:var(--text-md);height:42px;padding:0 var(--space-3);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);width:100%}textarea{height:auto;line-height:1.5;min-height:88px;padding:var(--space-3);resize:vertical}input::placeholder,textarea::placeholder{color:var(--text-subtle)}input:hover,select:hover,textarea:hover{border-color:var(--slate-400)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}input:disabled,select:disabled{background:var(--surface-2);color:var(--text-muted);cursor:not-allowed}select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.input-icon{position:relative}.input-icon>.icon{color:var(--text-subtle);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-icon input{padding-left:38px}.field-hint{color:var(--text-muted);font-size:var(--text-xs)}.inline-form{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-3)}.check-row{align-items:center;display:flex;gap:var(--space-2)}.check-row input[type=checkbox]{accent-color:var(--accent);height:18px;width:18px}.table-container,.table-wrap{-webkit-overflow-scrolling:touch;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto}table{border-collapse:collapse;min-width:640px;width:100%}thead th{background:var(--surface-2);color:var(--text-muted);font-size:11px;font-weight:var(--fw-semibold);letter-spacing:.05em;padding:12px var(--space-4);position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}tbody td,thead th{border-bottom:1px solid var(--border)}tbody td{color:var(--text);font-size:var(--text-base);padding:14px var(--space-4);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--dur-fast) var(--ease)}tbody tr:hover{background:var(--surface-hover)}.customer-name,.product-name,.reseller-name{color:var(--text);font-weight:var(--fw-semibold)}.mono,.serial-number{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-sm)}td.good{color:var(--success)}td.bad,td.good{font-weight:var(--fw-semibold)}td.bad{color:var(--danger)}.action-buttons{display:flex;gap:var(--space-2)}.empty-state{color:var(--text-muted);padding:var(--space-16) var(--space-6)!important;text-align:center}.empty-state .icon{color:var(--text-subtle);margin-bottom:var(--space-3)}.empty-state-title{color:var(--text);font-weight:var(--fw-semibold);margin-bottom:4px}.badge,.role-badge,.status-badge,.type-badge{align-items:center;border:1px solid #0000;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--fw-semibold);gap:5px;padding:3px 10px;text-transform:capitalize;white-space:nowrap}.badge.gray,.status-badge.returned{background:var(--surface-2);border-color:var(--border);color:var(--text-muted)}.badge.green,.status-badge.available,.status-badge.fully_paid{background:var(--success-bg);color:var(--success)}.badge.red,.status-badge.sold,.status-badge.unpaid{background:var(--danger-bg);color:var(--danger)}.badge.amber,.status-badge.partially_paid{background:var(--warning-bg);color:var(--warning)}.badge.blue,.role-badge.admin{background:var(--accent-soft);color:var(--accent)}.role-badge.sales{background:var(--surface-2);border-color:var(--border);color:var(--text-muted)}.partial-amount{color:var(--text-muted);display:block;font-size:11px;margin-top:2px}.alert,.error-message,.success-message{align-items:flex-start;animation:slideUp var(--dur) var(--ease-out);border:1px solid #0000;border-radius:var(--radius);display:flex;font-size:var(--text-base);font-weight:var(--fw-medium);gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.alert.danger,.error-message{background:var(--danger-bg);border-color:color-mix(in srgb,var(--danger) 25%,#0000);color:var(--danger)}.alert.success,.success-message{background:var(--success-bg);border-color:color-mix(in srgb,var(--success) 25%,#0000);color:var(--success)}.alert.info{background:var(--info-bg);border-color:color-mix(in srgb,var(--info) 25%,#0000);color:var(--info)}.alert.warning{background:var(--warning-bg);border-color:color-mix(in srgb,var(--warning) 25%,#0000);color:var(--warning)}.modal-backdrop,.modal-overlay{animation:fadeIn var(--dur-fast) var(--ease);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:var(--overlay);display:grid;inset:0;padding:var(--space-4);place-items:center;position:fixed;z-index:100}.modal,.modal-content{animation:scaleIn var(--dur) var(--ease-out);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-height:90vh;max-width:520px;overflow-y:auto;width:100%}.modal-head{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--space-5) var(--space-6)}.modal-head h3{font-size:var(--text-lg)}.modal-body{padding:var(--space-6)}.modal-foot{border-top:1px solid var(--border);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6)}.spinner{animation:spin .7s linear infinite;border:2px solid var(--accent-soft);border-radius:50%;border-top-color:var(--accent);height:18px;width:18px}.loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-16)}.loading .spinner{border-width:3px;height:28px;width:28px}.skeleton{animation:shimmer 1.4s ease infinite;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-hover) 37%,var(--surface-2) 63%);background-size:400% 100%;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.tabs{border-bottom:1px solid var(--border);display:flex;gap:4px;margin-bottom:var(--space-6);overflow-x:auto}.tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-muted);font-size:var(--text-base);font-weight:var(--fw-semibold);margin-bottom:-1px;padding:10px var(--space-4);transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);white-space:nowrap}.tab:hover{color:var(--text)}.tab.active{border-bottom-color:var(--accent);color:var(--accent)}.login-page{background:radial-gradient(1200px 600px at 50% -10%,var(--accent-soft),#0000 60%),var(--bg);display:grid;min-height:100vh;padding:var(--space-6);place-items:center}.login-container{animation:scaleIn var(--dur-slow) var(--ease-out);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:420px;padding:var(--space-10) var(--space-8);width:100%}.login-brand{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8);text-align:center}.login-brand .brand-mark{border-radius:14px;font-size:20px;height:52px;width:52px}.login-header h1{font-size:var(--text-xl);letter-spacing:-.02em}.login-header h2{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--fw-semibold);letter-spacing:.08em;margin-top:2px;text-transform:uppercase}.login-header p{color:var(--text-muted);font-size:var(--text-base);margin-top:var(--space-2)}.login-btn{height:46px;margin-top:var(--space-2);width:100%}.divider{background:var(--border);border:none;height:1px;margin:var(--space-5) 0}.muted{color:var(--text-muted)}.row-between{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.cluster{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.customer-header,.reseller-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-4)}.customer-balance,.reseller-balance{text-align:right}.customer-balance .amount,.reseller-balance .amount{color:var(--danger);font-size:var(--text-2xl);font-weight:var(--fw-bold);letter-spacing:-.02em}.balance-label{color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}.report-summary{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-6)}.report-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.report-controls .btn{align-self:flex-end;height:42px}.report-controls .form-group{margin-bottom:0}@media (max-width:1024px){.sidebar{box-shadow:var(--shadow-lg);transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-col{margin-left:0}.mobile-menu-btn{display:inline-grid}.scrim.show{animation:fadeIn var(--dur-fast) var(--ease);background:var(--overlay);display:block;inset:0;position:fixed;z-index:55}}@media (max-width:768px){html{font-size:15px}.content{padding:var(--space-5) var(--space-4) var(--space-12)}.topbar{padding:0 var(--space-4)}.page-header{align-items:stretch;flex-direction:column}.header-actions{width:100%}.header-actions .btn{flex:1 1}.form-row,.form-row.cols-3{grid-template-columns:1fr}.report-controls{grid-gap:var(--space-3);align-items:end;display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}.report-controls .form-group{margin-bottom:0;min-width:0}.report-controls .input-icon,.report-controls input,.report-controls select{min-width:0;width:100%}.report-controls .form-group:has(.input-icon){grid-column:1/-1}.report-controls .btn{grid-column:1/-1;width:100%}.user-chip .u-meta{display:none}.action-btn,.btn,.nav-item,input,select,textarea{min-height:44px}input,select,textarea{font-size:16px}.customer-header,.reseller-header{flex-direction:column}.customer-balance,.reseller-balance{text-align:left}.inline-form{align-items:stretch;flex-direction:column}.inline-form .btn{width:100%}}@media (max-width:480px){.content{padding:var(--space-4) var(--space-3) var(--space-10)}.card-pad,.section{padding:var(--space-4)}.action-buttons{flex-direction:column}.modal-foot{flex-direction:column-reverse}.modal-foot .btn{width:100%}}@media print{.btn,.header-actions,.mobile-menu-btn,.sidebar,.topbar{display:none!important}.main-col{margin-left:0}.content{padding:0}.card,.section,.table-container{border-color:#ddd;box-shadow:none}}.bulk-resellers,.credit-customers,.inventory,.reports,.sales,.settings,.supplier-reports{animation:fadeIn var(--dur) var(--ease);margin:0 auto;max-width:var(--maxw)}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4)}.section-header h3{font-size:var(--text-lg)}.customer-info-card,.debt-card,.form-container,.item-card,.payment-card,.report-details-card,.report-results,.reseller-info-card,.selected-customer-card,.selected-sale-details,.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);padding:var(--space-6)}.form-section{margin-bottom:var(--space-6)}.form-section>h3,.form-section>h4{color:var(--text);font-size:var(--text-md);margin-bottom:var(--space-3)}.form-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.form-actions .btn{min-width:120px}.full-width{grid-column:1/-1}.form-tip,.info-message{background:var(--info-bg);border:1px solid color-mix(in srgb,var(--info) 22%,#0000);border-radius:var(--radius);color:var(--info);margin-top:var(--space-3)}.form-tip,.info-message,.warning-message{align-items:flex-start;display:flex;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-3) var(--space-4)}.warning-message{background:var(--warning-bg);border:1px solid color-mix(in srgb,var(--warning) 22%,#0000);border-radius:var(--radius);color:var(--warning);margin:var(--space-3) 0}.checkbox-group{align-items:center;display:flex;gap:var(--space-2);padding:var(--space-2) 0}.checkbox-group input[type=checkbox]{accent-color:var(--accent);height:18px;width:18px}.debt-row,.detail-row,.item-row,.total-row{align-items:center;border-bottom:1px solid var(--border);display:flex;font-size:var(--text-base);gap:var(--space-3);justify-content:space-between;padding:10px 0}.debt-row:last-child,.detail-row:last-child,.item-row:last-child{border-bottom:none}.detail-row .label,.item-row .label,.label{color:var(--text-muted);font-weight:var(--fw-medium)}.detail-row .value,.value{color:var(--text);font-weight:var(--fw-semibold)}.grand-total,.total-row{align-items:center;border-top:2px solid var(--border);display:flex;font-size:var(--text-lg);font-weight:var(--fw-bold);justify-content:space-between;margin-top:var(--space-2);padding-top:var(--space-3)}.grand-total .value,.grand-total span:last-child{color:var(--accent)}.balance-amount,.outstanding,.price{font-weight:var(--fw-semibold)}.balance-amount,.outstanding{color:var(--danger)}.profit,.profit-amount{color:var(--success);font-weight:var(--fw-semibold)}.profit-info{align-items:center;display:flex;gap:var(--space-2)}.existing-balance,.profit-info{color:var(--text-muted);font-size:var(--text-sm)}.paid-count{color:var(--success);font-weight:var(--fw-semibold)}.menu-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.menu-card{align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);color:var(--text);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);text-align:left;transition:all var(--dur) var(--ease-out);width:100%}.menu-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-3px)}.menu-card h3{font-size:var(--text-md)}.menu-card p{color:var(--text-muted);font-size:var(--text-sm)}.menu-icon{background:var(--accent-soft);border-radius:var(--radius-lg);color:var(--accent);display:grid;height:52px;place-items:center;width:52px}.success-container{animation:scaleIn var(--dur-slow) var(--ease-out);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:var(--space-10) auto;max-width:480px;padding:var(--space-10) var(--space-8);text-align:center}.success-icon{background:var(--success-bg);border-radius:var(--radius-full);color:var(--success);display:grid;height:72px;margin:0 auto var(--space-5);place-items:center;width:72px}.success-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-6)}.stats-row{display:flex;flex-wrap:wrap;gap:var(--space-5)}.stat,.summary-card .stat{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);flex:1 1;min-width:160px;padding:var(--space-4)}.balance-label,.stat-label{color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.stat-value{font-size:var(--text-xl);font-weight:var(--fw-bold);letter-spacing:-.02em}.debt-items,.debts-list{display:flex;flex-direction:column;gap:var(--space-4)}.debt-card{padding:var(--space-5)}.debt-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-3)}.debt-details{color:var(--text-muted);font-size:var(--text-sm)}.debt-item{align-items:flex-start;border-bottom:1px dashed var(--border);display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-3) 0}.debt-item:last-child{border-bottom:none}.debt-item-main{font-weight:var(--fw-semibold)}.debt-item-serial{font-family:var(--font-mono)}.debt-item-serial,.debt-item-specs{color:var(--text-muted);font-size:var(--text-sm)}.debt-totals{margin-top:var(--space-3)}.sale-id{font-family:var(--font-mono);font-weight:var(--fw-semibold)}.note-cell,.sale-date,.sale-note,.sale-note-display{color:var(--text-muted);font-size:var(--text-sm)}.note-cell,.sale-note,.sale-note-display{font-style:italic}.sale-summary,.sale-totals{margin-top:var(--space-4)}.sale-item-detail{background:var(--surface-2);border-radius:var(--radius);margin-bottom:var(--space-2);padding:var(--space-3)}.specs{color:var(--text-muted);font-size:var(--text-sm)}.faults-section{margin-top:var(--space-4)}.fault-row{grid-gap:var(--space-3);border-bottom:1px solid var(--border);display:grid;gap:var(--space-3);grid-template-columns:1fr auto;padding:var(--space-3) 0}.fault-desc{color:var(--text)}.fault-count{color:var(--danger);font-weight:var(--fw-bold)}.notes-section{border-top:1px solid var(--border);margin-top:var(--space-4);padding-top:var(--space-4)}.notes-section p{color:var(--text-muted);line-height:1.6}.customer-search-container{position:relative}.customer-dropdown{animation:scaleIn var(--dur-fast) var(--ease-out);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);left:0;max-height:280px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 6px);z-index:30}.dropdown-item{border-bottom:1px solid var(--border);cursor:pointer;padding:var(--space-3) var(--space-4);transition:background var(--dur-fast) var(--ease)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--surface-hover)}.no-results{color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-4);text-align:center}.selected-customer-card,.selected-customer-info{align-items:center;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:var(--radius);display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.customer-phone{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-sm)}.branch-filter{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.branch-tag,.not-assigned-badge{align-items:center;background:var(--accent-soft);border-radius:var(--radius-full);color:var(--accent);display:inline-flex;font-size:var(--text-xs);font-weight:var(--fw-semibold);gap:5px;padding:3px 10px}.not-assigned-badge,.unassigned{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted)}.assign-branch-section{align-items:center;background:var(--surface-2);border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-4)}.status-select{font-size:var(--text-sm);height:34px;padding:0 30px 0 10px}.payment-form{display:flex;flex-direction:column}.login-form,.payment-form{gap:var(--space-4)}.item-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-2)}.item-header .product-name{font-size:var(--text-md)}.app-switch-pill{align-items:center;background:var(--slate-900);border:1px solid #ffffff1f;border-radius:var(--radius-full);bottom:16px;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--fw-semibold);gap:8px;left:16px;padding:9px 16px;position:fixed;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease);z-index:200}.app-switch-pill:hover{transform:translateY(-2px)}.app-switch-pill:hover,:root[data-theme=dark] .app-switch-pill{background:var(--accent)}:root[data-theme=dark] .app-switch-pill:hover{background:var(--accent-hover)}@media print{.app-switch-pill{display:none!important}}.perm-matrix{display:flex;flex-direction:column;gap:var(--space-5)}.perm-group{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.perm-group-head{background:var(--surface-2);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--fw-semibold);letter-spacing:.04em;text-transform:uppercase}.perm-group-head,.perm-row{padding:10px var(--space-4)}.perm-row{align-items:center;border-top:1px solid var(--border);display:flex;gap:var(--space-3);justify-content:space-between}.perm-row:first-child{border-top:none}.perm-row .perm-label{font-size:var(--text-base)}.perm-row .perm-key{color:var(--text-subtle);font-family:var(--font-mono);font-size:11px}.toggle{flex-shrink:0;height:24px;position:relative;width:42px}.toggle input{height:0;opacity:0;width:0}.toggle .track{background:var(--border-strong);border-radius:var(--radius-full);cursor:pointer;inset:0;position:absolute;transition:background var(--dur-fast) var(--ease)}.toggle .track:before{background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform var(--dur-fast) var(--ease);width:18px}.toggle input:checked+.track{background:var(--accent)}.toggle input:checked+.track:before{transform:translateX(18px)}.dot{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.dot.on{background:var(--success)}.dot.off{background:var(--text-subtle)}.app-switch{grid-gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);display:grid;gap:4px;grid-template-columns:1fr 1fr;margin-bottom:var(--space-6);padding:4px}.app-switch-opt{background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--fw-semibold);padding:9px 12px;transition:all var(--dur-fast) var(--ease)}.app-switch-opt:hover{color:var(--text)}.app-switch-opt.active{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--accent)}.grid-2{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.card-subtitle{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-sm);font-weight:var(--fw-semibold);gap:8px;margin:0 0 var(--space-3)}.badge.violet{background:var(--accent-soft);color:var(--accent)}.summary-line{align-items:baseline;border-bottom:1px dashed var(--border);display:flex;font-size:var(--text-base);justify-content:space-between;padding:6px 0}.summary-line:last-child{border-bottom:none}.summary-line.total{border-bottom:2px solid var(--border-strong);font-size:var(--text-lg);margin-bottom:2px;padding-bottom:8px}.text-danger{color:var(--danger)}.list-pick{background:#0000;border:none;border-bottom:1px solid var(--border);color:var(--text);cursor:pointer;display:block;font-size:var(--text-sm);padding:9px var(--space-3);text-align:left;width:100%}.list-pick:last-child{border-bottom:none}.list-pick:hover{background:var(--surface-hover)}.search-trigger{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);display:inline-flex;font-size:var(--text-sm);gap:8px;height:36px;padding:0 10px 0 12px;transition:all var(--dur-fast) var(--ease)}.search-trigger:hover{border-color:var(--slate-400);color:var(--text)}.search-trigger kbd{background:var(--surface);border:1px solid var(--border);border-radius:5px;color:var(--text-subtle);font-family:var(--font-mono);font-size:11px;padding:1px 6px}@media (max-width:640px){.search-trigger kbd,.search-trigger span{display:none}.search-trigger{justify-content:center;padding:0;width:36px}}.search-overlay{align-items:flex-start;background:color-mix(in srgb,var(--bg) 55%,#0006);display:flex;inset:0;justify-content:center;padding:10vh 16px 16px;position:fixed;z-index:200}.search-palette{animation:fadeIn var(--dur-fast) var(--ease);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:76vh;max-width:620px;overflow:hidden;width:100%}.search-head{align-items:center;border-bottom:1px solid var(--border);color:var(--text-muted);display:flex;gap:10px;padding:12px 14px}.search-head input{background:#0000;border:none;color:var(--text);flex:1 1;font-size:var(--text-lg);height:32px;padding:0}.search-head input:focus{box-shadow:none;outline:none}.search-type{font-size:var(--text-sm);height:34px;width:auto}.search-body{overflow-y:auto;padding:6px}.search-group{margin-bottom:4px}.search-group-label{color:var(--text-subtle);font-size:11px;font-weight:var(--fw-semibold);letter-spacing:.06em;padding:8px 10px 4px;text-transform:uppercase}.search-result{align-items:center;background:#0000;border:none;border-radius:var(--radius);color:var(--text);cursor:pointer;display:flex;gap:12px;padding:9px 10px;text-align:left;width:100%}.search-result:hover{background:var(--surface-hover)}.search-result-icon{background:var(--accent-soft);border-radius:8px;color:var(--accent);display:grid;flex-shrink:0;height:30px;place-items:center;width:30px}.search-result-text{display:flex;flex:1 1;flex-direction:column;min-width:0}.search-result-title{font-size:var(--text-sm);font-weight:var(--fw-semibold)}.search-result-sub,.search-result-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-sub{color:var(--text-muted);font-size:var(--text-xs)}.search-foot{border-top:1px solid var(--border);font-size:11px;padding:8px 14px}.ai-chat{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4);max-height:56vh;min-height:320px;overflow-y:auto;padding:var(--space-4)}.ai-welcome{margin:auto;max-width:520px;padding:24px 12px;text-align:center}.ai-bot-avatar{background:var(--accent-soft);border-radius:50%;color:var(--accent);display:grid;height:44px;margin:0 auto 10px;place-items:center;width:44px}.ai-bot-avatar.sm{flex-shrink:0;height:28px;margin:0;width:28px}.ai-msg{align-items:flex-start;display:flex;gap:8px}.ai-msg.user{justify-content:flex-end}.ai-bubble{border-radius:14px;font-size:var(--text-sm);line-height:1.5;max-width:80%;padding:10px 14px;white-space:pre-wrap;word-break:break-word}.ai-msg.user .ai-bubble{background:var(--accent);border-bottom-right-radius:4px;color:var(--text-on-accent)}.ai-msg.assistant .ai-bubble{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:4px}.ai-input{display:flex;gap:8px;margin-top:var(--space-3)}.ai-input input{flex:1 1}.btn-link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:var(--text-xs);font-weight:var(--fw-semibold);padding:0}.btn-link:hover{text-decoration:underline}.btn-link:disabled{color:var(--text-subtle);cursor:default}.sidebar-nav{padding-bottom:84px}.ai-fab{background:var(--accent);border:none;border-radius:50%;bottom:20px;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:grid;height:54px;place-items:center;position:fixed;right:20px;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease);width:54px;z-index:300}.ai-fab:hover{background:var(--accent-hover);transform:translateY(-2px)}.ai-fab-badge{background:var(--danger);border:2px solid var(--surface);border-radius:10px;color:#fff;display:grid;font-size:11px;font-weight:700;height:20px;min-width:20px;padding:0 5px;place-items:center;position:absolute;right:-2px;top:-2px}.ai-pop{animation:fadeIn var(--dur-fast) var(--ease);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);bottom:84px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:70vh;max-width:calc(100vw - 32px);overflow:hidden;position:fixed;right:20px;width:360px;z-index:300}.ai-pop-head{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:8px;justify-content:space-between;padding:10px 14px;text-transform:capitalize}.ai-pop-feed{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:10px}.ai-feed-item{align-items:flex-start;border-radius:12px;display:flex;font-size:var(--text-sm);gap:8px;line-height:1.45;padding:9px 11px}.ai-feed-item.tip{background:var(--surface-2);color:var(--text-muted)}.ai-feed-item.nudge{background:var(--warning-bg);color:var(--warning)}.ai-feed-item.comment{background:var(--accent-soft);color:var(--accent)}.ai-feed-item.user{align-self:flex-end;background:var(--accent);border-bottom-right-radius:4px;color:var(--text-on-accent);max-width:85%}.ai-feed-item.bot{background:var(--surface-2);border:1px solid var(--border);border-bottom-left-radius:4px;max-width:90%;white-space:pre-wrap}.ai-feed-item .icon{flex-shrink:0;margin-top:2px}.ai-pop-input{border-top:1px solid var(--border);display:flex;gap:6px;padding:10px}.ai-pop-input input{flex:1 1;height:38px}@media (max-width:480px){.ai-pop{bottom:80px;left:12px;right:12px;width:auto}.ai-fab{bottom:16px;right:16px}}@media print{.ai-fab,.ai-pop{display:none!important}}.chip{background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--fw-semibold);padding:6px 14px;transition:all var(--dur-fast) var(--ease);white-space:nowrap}.chip:hover{border-color:var(--text-subtle);color:var(--text)}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.insight-line{align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;font-size:var(--text-base);gap:10px;line-height:1.45;padding:12px 14px}.insight-line svg{flex:0 0 auto;margin-top:1px}.insight-line.good{border-left:3px solid var(--success)}.insight-line.good svg{color:var(--success)}.insight-line.warn{border-left:3px solid var(--warning)}.insight-line.warn svg{color:var(--warning)}.insight-line.bad{border-left:3px solid var(--danger)}.insight-line.bad svg{color:var(--danger)}.insight-line.neutral{border-left:3px solid var(--accent)}.insight-line.neutral svg{color:var(--accent)}.sec-session{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.sec-session .dev{font-weight:var(--fw-semibold)}.sec-session .meta{color:var(--text-muted);font-size:var(--text-xs)}.sec-dot{background:var(--success);border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.toggle-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:10px 0}.toggle-row:last-child{border-bottom:none}.toggle-row .tr-label{font-weight:var(--fw-medium)}.toggle-row .tr-hint{color:var(--text-muted);font-size:var(--text-xs)}.temp-pass{background:var(--surface-2);border:1px dashed var(--accent);border-radius:var(--radius-md);color:var(--accent);font-family:monospace;font-family:var(--font-mono,monospace);font-size:var(--text-lg);font-weight:700;letter-spacing:1px;padding:10px 14px;text-align:center}.btn.sm{border-radius:var(--radius-sm);padding:5px 10px}.btn.sm,.meta{font-size:var(--text-xs)}.meta{color:var(--text-muted)}.switch{display:inline-block;flex:0 0 auto;height:24px;position:relative;width:42px}.switch input{height:0;opacity:0;width:0}.switch .slider{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;cursor:pointer;inset:0;position:absolute;transition:background var(--dur-fast) var(--ease)}.switch .slider:before{background:#fff;border-radius:50%;box-shadow:0 1px 2px #00000040;content:"";height:18px;left:2px;position:absolute;top:2px;transition:transform var(--dur-fast) var(--ease);width:18px}.switch input:checked+.slider{background:var(--accent);border-color:var(--accent)}.switch input:checked+.slider:before{transform:translateX(18px)}
/*# sourceMappingURL=main.4cccf6db.css.map*/