:root{--text:#94a3b8;--text-h:#e2e8f0;--bg:#0b1628;--surface:#112240;--surface-raised:#1a3055;--border:#1e3a5f;--code-bg:#152a45;--accent:#3b82f6;--accent-hover:#2563eb;--accent-bg:#3b82f626;--accent-border:#3b82f673;--social-bg:#1a305599;--shadow:#00000073 0 10px 15px -3px, #0000004d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}body{background:var(--bg);margin:0}#root{text-align:center;box-sizing:border-box;background:var(--bg);flex-direction:column;width:100%;max-width:none;min-height:100svh;margin:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.dashboard-shell{background:var(--bg);width:100%;min-height:100svh;display:flex}.dashboard-sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:248px;padding:28px 18px 20px;display:flex;overflow:hidden}.sidebar-brand{text-align:left;align-items:center;margin-bottom:36px;padding:0 4px;display:flex}.sidebar-brand-title{letter-spacing:.12em;color:var(--text-h);margin:0;font-size:26px;font-weight:700}.sidebar-section-label{letter-spacing:.08em;text-transform:uppercase;color:#64748b;text-align:left;margin:0 0 14px 4px;font-size:11px;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:6px;margin-right:-4px;padding-right:4px;display:flex;overflow-y:auto}.sidebar-nav-item{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:12px;padding:12px 14px;font-size:14px;transition:background .2s,color .2s;display:flex}.sidebar-nav-item:hover{color:var(--text-h);background:#3b82f614}.sidebar-nav-item.active{background:var(--surface-raised);color:var(--text-h);box-shadow:inset 3px 0 0 var(--accent)}.sidebar-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.sidebar-nav-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.sidebar-footer{text-align:left;margin-top:auto;padding-top:24px}.sidebar-logout{color:#f87171;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0;font-size:15px;display:flex}.sidebar-logout:disabled{opacity:.6;cursor:not-allowed}.sidebar-logout svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.sidebar-copyright{color:#64748b;margin:18px 0 0;font-size:11px;line-height:1.4}.dashboard-main{flex-direction:column;flex:1;min-width:0;display:flex}.dashboard-topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:flex-end;align-items:center;gap:16px;padding:18px 28px;display:flex}.topbar-profile{border:1px solid var(--border);background:var(--surface-raised);color:var(--text-h);border-radius:999px;align-items:center;gap:12px;padding:8px 10px 8px 18px;font-size:14px;font-weight:500;display:flex}.topbar-profile-badge{color:#fff;background:linear-gradient(135deg,#1d4ed8,#3b82f6);border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:flex}.dashboard-content{text-align:left;flex:1;min-width:0;padding:28px;overflow:hidden auto}.page-in-progress{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;margin:0;padding:20px 24px;font-size:16px}.dashboard-page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.dashboard-page-header h2{color:var(--text-h);margin:0;font-size:34px;font-weight:700}@media (width<=900px){.dashboard-shell{flex-direction:column}.dashboard-sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%}.sidebar-nav{flex-flow:wrap}.sidebar-footer{margin-top:20px}}.user-management-toolbar{justify-content:flex-end;margin-bottom:16px;display:flex}.page-title-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-title-toolbar-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.page-title-toolbar h2{color:var(--text-h);margin:0;font-size:34px;font-weight:700}.page-title-with-back{align-items:center;gap:12px;display:flex}.page-back-btn{border:1px solid var(--border);background:var(--surface-raised);width:40px;height:40px;color:var(--text-h);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.page-back-btn:hover{border-color:var(--accent-border);color:#7dd3fc}.page-back-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.master-data-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.master-data-panel-full{grid-column:1/-1}.master-data-panel{border:1px solid var(--border);background:var(--surface);border-radius:12px;min-width:0;padding:16px}.master-data-panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.master-data-panel-header h3{color:var(--text-h);margin:0;font-size:16px;font-weight:700}.master-data-panel-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.master-data-icon-btn{border:1px solid var(--border);background:var(--surface-raised);width:34px;height:34px;color:var(--text-h);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.master-data-icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.master-data-icon-btn:hover,.master-data-icon-btn.active{border-color:var(--accent-border);color:#7dd3fc;background:#38bdf81f}.master-data-search{margin-bottom:12px}.master-data-search-input{border:1px solid var(--border);background:var(--surface-raised);width:100%;color:var(--text-h);font:inherit;border-radius:8px;padding:10px 12px;font-size:14px}.master-data-search-input:focus-visible{border-color:var(--accent-border);outline:none}.master-data-search-status{color:#64748b;margin:8px 0 0;font-size:13px}.master-data-row-highlight td{color:#e0f2fe;background:#38bdf82e}.master-data-value-cell{justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;display:flex}.master-data-value-text{white-space:normal;word-break:break-word;overflow-wrap:anywhere;flex:1;min-width:0}.master-data-row-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.master-data-edit-btn{border:1px solid var(--border);background:var(--surface);color:#94a3b8;cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.master-data-edit-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.master-data-edit-btn:hover{border-color:var(--accent-border);color:#7dd3fc;background:#38bdf81f}.master-data-delete-btn{border:1px solid var(--border);background:var(--surface);color:#94a3b8;cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.master-data-delete-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.master-data-delete-btn:hover{color:#fca5a5;background:#dc26261f;border-color:#f87171}.tracking-stock-table{--table-col-width:140px}.tracking-stock-modal{overscroll-behavior:contain;width:min(100%,480px);max-height:90vh;overflow-y:auto}.tracking-stock-hint{color:#fbbf24;margin:-4px 0 12px;font-size:13px}.master-data-table-wrap{max-height:320px}@media (width<=1100px){.master-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.master-data-grid{grid-template-columns:1fr}}.data-management-actions{flex-wrap:wrap;gap:12px;display:flex}.data-management-sections{flex-direction:column;gap:16px;display:flex}.data-management-section{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:20px}.data-management-section h3{color:var(--text-h);margin:0 0 16px;font-size:18px;font-weight:700}.data-management-error{margin:12px 0 0}.data-management-btn{font:inherit;cursor:pointer;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600}.data-management-btn.secondary{border:1px solid var(--border);background:var(--surface-raised);color:var(--text-h)}.data-management-btn.secondary:hover{border-color:var(--accent-border);color:#7dd3fc}.maintenance-filters{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:16px;padding:16px;display:flex}.maintenance-filter-field{flex-direction:column;gap:8px;min-width:220px;display:flex}.maintenance-filter-field .field-label-row span{letter-spacing:.04em;text-transform:uppercase;color:#64748b;font-size:13px;font-weight:600}.field-label-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.maintenance-filter-field input,.maintenance-filter-field select{font:inherit;border:1px solid var(--border);background:var(--surface-raised);color:var(--text-h);border-radius:8px;padding:10px 12px}.maintenance-filter-field select{cursor:pointer;min-width:220px}.searchable-select{width:100%;min-width:220px;position:relative}.searchable-select-trigger{border:1px solid var(--border);background:var(--surface-raised);width:100%;min-height:48px;color:var(--text-h);font:inherit;text-align:left;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:15px;display:flex}.searchable-select-trigger.placeholder{color:#64748b}.searchable-select-trigger.disabled,.searchable-select-trigger:disabled{cursor:not-allowed;opacity:.65;background:#f1f5f9}.searchable-select-trigger.open,.searchable-select-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.searchable-select-chevron{color:#64748b;font-size:12px}.searchable-select-menu{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;display:flex;box-shadow:0 12px 32px #00000059}.searchable-select-menu-fixed{overflow:hidden}.searchable-select-search{border:none;border-bottom:1px solid var(--border);background:var(--surface-raised);width:100%;color:var(--text-h);font:inherit;padding:12px 14px;font-size:15px}.searchable-select-search:focus-visible{outline:none}.searchable-select-list{overscroll-behavior:contain;margin:0;padding:6px;list-style:none;overflow-y:auto}.searchable-select-option{width:100%;color:var(--text-h);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:12px 14px;font-size:15px;display:block}.searchable-select-option:hover,.searchable-select-option.active{color:#7dd3fc;background:#38bdf81f}.searchable-select-empty{color:#64748b;padding:12px;font-size:14px}.searchable-select-validator{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.maintenance-clear-filters-btn{border:1px solid var(--border);background:var(--surface-raised);color:var(--text-h);font:inherit;cursor:pointer;border-radius:8px;padding:10px 14px;font-size:14px}.maintenance-clear-filters-btn:hover{border-color:var(--accent-border);color:#7dd3fc}.maintenance-export-error{margin:-8px 0 16px}.table-row-edit-btn{border:1px solid var(--border);background:var(--surface-raised);color:var(--text-h);font:inherit;cursor:pointer;white-space:nowrap;border-radius:6px;padding:6px 12px;font-size:13px}.table-row-edit-btn:hover{border-color:var(--accent-border);color:#7dd3fc}.user-table .table-row-edit-btn{min-width:56px}.table-row-actions{white-space:nowrap;align-items:center;gap:8px;display:flex}.table-row-delete-btn{border:1px solid var(--border);background:var(--surface-raised);color:#fca5a5;font:inherit;cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px}.table-row-delete-btn:hover{color:#fecaca;background:#dc26261f;border-color:#f87171}.create-user-btn{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600}.create-user-btn:hover{background:var(--accent-hover)}.user-table-wrap{overscroll-behavior:contain;border:1px solid var(--border);background:var(--surface);-webkit-overflow-scrolling:touch;border-radius:12px;width:100%;min-width:0;max-width:100%;max-height:calc(100svh - 280px);overflow:auto}.master-data-table-wrap.user-table-wrap{max-height:275px}.user-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}.user-table thead th{z-index:1;background:var(--surface-raised);position:sticky;top:0}.user-table th,.user-table td{width:var(--table-col-width,160px);min-width:var(--table-col-width,160px);max-width:var(--table-col-width,160px);text-align:left;border-bottom:1px solid var(--border);white-space:normal;word-break:break-word;overflow-wrap:anywhere;vertical-align:top;padding:14px 18px;overflow:hidden}.user-table td.access-empty{white-space:normal;text-align:center;width:auto;min-width:100%;max-width:none}.user-table th{letter-spacing:.04em;text-transform:uppercase;color:#64748b;background:var(--surface-raised);box-shadow:inset 0 -1px 0 var(--border);font-size:13px;font-weight:600}.user-table tbody tr:last-child td{border-bottom:none}.user-table td{color:var(--text-h);font-size:15px}.master-data-table.user-table{table-layout:fixed;width:100%;min-width:0}.master-data-table.user-table th,.master-data-table.user-table td{word-break:normal;overflow-wrap:break-word;width:auto;min-width:0;max-width:none}.master-data-table.user-table .master-data-col-value{min-width:160px}.master-data-table.user-table th.master-data-col-value{white-space:nowrap}.master-data-table.user-table td.master-data-col-value{white-space:normal}.master-data-table.user-table .master-data-col-id{white-space:nowrap;text-align:right;color:#94a3b8;font-variant-numeric:tabular-nums;width:44px;min-width:44px;max-width:44px;padding:10px 8px}.master-data-table.user-table .master-data-col-flag{white-space:nowrap;text-align:center;width:104px;min-width:104px;max-width:104px;padding-left:8px;padding-right:8px}.master-data-table.user-table .master-data-col-actions{white-space:nowrap;text-align:center;width:68px;min-width:68px;max-width:68px;padding-left:8px;padding-right:8px}.master-data-col-actions .master-data-row-actions{justify-content:center}.master-data-check-mark{color:#64748b;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;font-weight:700;display:inline-flex}.master-data-check-mark.checked{color:#4ade80}.master-data-checkbox-field{flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:16px}.master-data-checkbox-field span{white-space:nowrap}.master-data-checkbox-field input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);background:0 0;border:none;flex-shrink:0;margin:0;padding:0}.user-password-value{font-family:var(--mono);letter-spacing:.08em}.password-cell{align-items:center;gap:10px;display:flex}.access-cell{flex-wrap:wrap;gap:6px;display:flex}.access-badge{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--text-h);border-radius:999px;padding:4px 10px;font-size:12px;line-height:1.3;display:inline-block}.access-badge.admin{color:#86efac;background:#22c55e26;border-color:#22c55e66}.access-empty{color:#64748b;font-size:14px}.created-cell{color:var(--text);white-space:nowrap;font-size:14px}.action-menu-wrap{display:inline-block;position:relative}.action-menu-btn{border:1px solid var(--border);background:var(--surface-raised);width:34px;height:34px;color:var(--text-h);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.action-menu-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:18px;height:18px}.action-menu-btn:hover{border-color:var(--accent-border);color:#7dd3fc}.action-menu{border:1px solid var(--border);background:var(--surface-raised);min-width:180px;box-shadow:var(--shadow);border-radius:10px;padding:6px}.action-menu-fixed{z-index:100;position:fixed}.action-menu button{width:100%;color:var(--text-h);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:14px;display:block}.action-menu button:hover{background:#3b82f61f}.password-toggle{border:1px solid var(--border);background:var(--surface-raised);width:34px;height:34px;color:var(--text-h);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.password-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.password-toggle:hover{border-color:var(--accent-border);color:#7dd3fc}.user-management-error{color:#f87171;margin:0}.password-modal-backdrop{z-index:1000;background:#020817b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.password-modal{border:1px solid var(--border);background:var(--surface);width:100%;max-width:420px;box-shadow:var(--shadow);border-radius:12px;padding:24px}.password-modal.lhp-modal{max-width:720px;max-height:90vh;overflow-y:auto}.password-modal.request-bahan-modal{max-width:900px;max-height:90vh;overflow-y:auto}.request-bahan-table-wrap{overflow-x:auto}.request-bahan-table{min-width:2200px}.request-bahan-table th,.request-bahan-table td{white-space:nowrap}.form-field-autofill input:disabled,.form-field-autofill input[readonly]{color:#94a3b8;opacity:1;cursor:not-allowed;background:#0f172aa6;border:1px dashed #64748bb3}.form-section-divider{background:var(--border);height:1px;margin:4px 0 20px}.lhp-palletes-section{border:1px solid var(--border);background:#0f172a59;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px;display:flex}.lhp-palletes-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.lhp-palletes-header>span{color:var(--text-h);font-size:14px;font-weight:400}.lhp-palletes-title{margin-bottom:0}.lhp-add-pallete-btn,.lhp-remove-pallete-btn{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface-raised);color:var(--text-h);border-radius:8px;padding:8px 12px;font-size:14px}.lhp-add-pallete-btn:hover,.lhp-remove-pallete-btn:hover{border-color:var(--accent-border)}.lhp-pallete-row{grid-template-columns:minmax(0,1.2fr) minmax(0,.7fr) minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.lhp-pallete-field{margin-bottom:0}.lhp-pallete-total{color:var(--text);margin:0;font-size:.95rem}.lhp-pallete-total.mismatch{color:#f87171}@media (width<=640px){.lhp-palletes-header{flex-direction:column;align-items:stretch}.lhp-pallete-row{grid-template-columns:1fr}}.password-modal-field input[type=time]{font:inherit;border:1px solid var(--border);background:var(--surface-raised);color:var(--text-h);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:8px;padding:10px 12px}.password-modal-field input[type=time]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.password-modal-field input:disabled,.password-modal-field input[readonly]{opacity:.85;cursor:not-allowed}.form-field-autofill input:disabled,.form-field-autofill input[readonly]{opacity:1}.password-modal h3{color:var(--text-h);margin:0 0 8px;font-size:22px}.password-modal-text{color:var(--text);margin:0 0 20px;font-size:15px}.password-modal-field{color:var(--text-h);flex-direction:column;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.password-modal-field.master-data-checkbox-field{flex-direction:row;justify-content:flex-start;align-items:center}.password-modal-field input,.password-modal-field select{font:inherit;border:1px solid var(--border);background:var(--surface-raised);color:var(--text-h);border-radius:8px;padding:10px 12px}.password-modal-field input:focus-visible,.password-modal-field select:focus-visible,.password-modal-field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.maintenance-textarea{font:inherit;border:1px solid var(--border);background:var(--surface-raised);color:var(--text-h);resize:vertical;border-radius:8px;min-height:96px;padding:10px 12px}.today-date-btn{border:1px solid var(--border);background:var(--surface-raised);color:var(--text-h);font:inherit;cursor:pointer;border-radius:8px;padding:4px 10px;font-size:12px}.today-date-btn:hover{border-color:var(--accent-border);color:#7dd3fc}.password-modal-error{color:#f87171;margin:0 0 16px;font-size:14px}.password-modal-actions{justify-content:flex-end;gap:10px;display:flex}.password-modal-btn{font:inherit;cursor:pointer;border-radius:8px;padding:10px 16px;font-size:14px}.password-modal-btn.secondary{border:1px solid var(--border);color:var(--text-h);background:0 0}.password-modal-btn.primary{background:var(--accent);color:#fff;border:none}.password-modal-btn.primary:disabled{opacity:.65;cursor:not-allowed}.password-modal-btn.primary.danger{background:#dc2626}.permission-section-label{color:var(--text-h);margin:0 0 12px;font-size:14px;font-weight:600}.permission-checklist{border:1px solid var(--border);background:var(--surface-raised);border-radius:8px;flex-direction:column;gap:10px;margin-bottom:18px;padding:14px;display:flex}.permission-check{color:var(--text-h);cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.permission-check input{width:16px;height:16px;accent-color:var(--accent)}.permission-check input:disabled+span{opacity:.5}.admin-check{margin-bottom:20px}.auth-page{flex-grow:1;justify-content:center;align-items:center;padding:48px 20px;display:flex}.auth-card{border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow);text-align:left;background:var(--surface);border-radius:12px;padding:32px}.auth-card h1{color:#f1f5f9;margin:0 0 8px;font-size:36px}.auth-subtitle{color:var(--text);margin-bottom:28px}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-field{color:var(--text-h);flex-direction:column;gap:8px;font-size:16px;display:flex}.auth-field input{font:inherit;border:1px solid var(--border);background:var(--surface-raised);color:var(--text-h);border-radius:8px;padding:10px 12px}.auth-field input::placeholder{color:#64748b}.auth-field input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent-border)}.auth-button{font:inherit;color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:10px 16px;font-size:16px;transition:background .2s}.auth-button:hover:not(:disabled){background:var(--accent-hover)}.auth-button:disabled{opacity:.65;cursor:not-allowed}.auth-button-secondary{border:1px solid var(--border);color:var(--text-h);background:0 0;margin-top:24px}.auth-button-secondary:hover:not(:disabled){background:var(--surface-raised)}.auth-error{color:#f87171;margin:0;font-size:15px}.success-card{max-width:520px}.api-status{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--text-h);border-radius:8px;gap:8px;margin-bottom:24px;padding:12px 14px;display:flex}.users-panel h2{margin-bottom:12px}.users-panel ul{color:var(--text-h);margin:0;padding-left:20px}.users-panel li+li{margin-top:8px}