:root{color:#0f172a;--bg:#fff;--text:#0f172a;--muted:#64748b;--border:#e5e7eb;--ring:#ad002040;--primary:#ad0020;--primary-700:#8c001a;--accent:#ad0020;--accent-700:#8c001a;--danger:#ef4444;--shadow:0 8px 24px #0f172a0f;--shadow-sm:0 1px 3px #0f172a0f;--surface-subtle:#f8fafc;--surface-page:linear-gradient(180deg, #fafbfc 0%, #fff 48%);--radius:12px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:var(--primary);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:var(--primary-700)}body{background:var(--surface-page);min-width:320px;min-height:100vh;color:var(--text);margin:0}#root{box-sizing:border-box;min-height:100vh}.app-root{min-height:100vh;color:var(--text);background:var(--surface-page);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}.auth-page{box-sizing:border-box;place-items:center;min-height:100vh;padding:clamp(16px,4vw,32px);display:grid}.auth-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow);box-sizing:border-box;padding:clamp(20px,4vw,28px)}.auth-card--narrow{max-width:400px}.page-title{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(1.35rem,3vw,1.6rem);font-weight:700}.page-title--accent{background:linear-gradient(90deg, var(--primary), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text}.info-banner{border:1px solid var(--primary);color:var(--primary-700);background:#fff1f2;border-radius:8px;margin:4px 0 12px;padding:6px 10px;font-size:14px;display:inline-block}.subtitle{color:var(--muted);margin:0 0 18px;font-size:15px;line-height:1.5}.form{flex-direction:column;gap:14px;display:flex}.form label{color:var(--text);flex-direction:column;gap:6px;font-size:14px;font-weight:500;display:flex}.input{box-sizing:border-box;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);padding:10px 12px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);outline:none}.input-affix{width:100%;position:relative}.input-affix .input{padding-right:44px}.affix-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;width:32px;height:32px;padding:6px;transition:background .15s,color .15s;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.affix-btn:hover{background:var(--surface-subtle);color:var(--text)}.affix-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.btn{cursor:pointer;border:1px solid var(--border);color:var(--text);background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:10px 16px;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s,border-color .2s,box-shadow .2s,transform .1s;display:inline-flex}.btn:disabled{opacity:.65;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary-700)}.btn-primary:hover:not(:disabled){background:var(--primary-700)}.btn-primary:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.btn-secondary{background:var(--surface-subtle);border-color:var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){background:#f1f5f9}.btn-block{width:100%}.btn-ghost{color:var(--muted);background:0 0;border:none;padding:8px 12px;font-weight:500}.btn-ghost:hover:not(:disabled){color:var(--primary);background:#ad00200f}.help-text{color:var(--muted);text-align:center;margin:8px 0 0;font-size:12px}.error{color:#dc2626;margin:0;font-size:14px}.error[role=alert]{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 10px}.qr-wrap{border:1px solid var(--border);background:#fff;border-radius:8px;justify-content:center;margin:8px 0 20px;padding:16px;display:flex}.mfa-code-input{text-align:center;letter-spacing:.35em;font-variant-numeric:tabular-nums;padding-left:1rem;padding-right:1rem;font-family:ui-monospace,Consolas,monospace;font-size:1.35rem}.step-pill{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:600;display:inline-flex}.step-pill span{background:var(--surface-subtle);border:1px solid var(--border);color:var(--primary);border-radius:999px;padding:4px 10px}.home-shell{box-sizing:border-box;max-width:960px;margin:0 auto;padding:clamp(16px,3vw,28px)}.home-hero{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:28px;padding:clamp(20px,4vw,32px)}.home-hero .page-title{font-size:clamp(1.5rem,4vw,1.85rem)}.home-user{border:1px solid var(--border);background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-radius:12px;align-items:center;gap:14px;margin-top:18px;padding:14px 16px;display:flex}.home-user-avatar{background:var(--bg);border:1px solid var(--border);color:#475569;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:17px;font-weight:700;display:grid}.home-user-details{flex-direction:column;gap:4px;min-width:0;display:flex}.home-user-name{color:var(--text);margin:0;font-size:1.05rem;font-weight:700;line-height:1.3}.home-user-email{color:#475569;word-break:break-all;margin:0;font-size:14px}.home-lead{color:var(--muted);max-width:52ch;margin:16px 0 0;font-size:15px;line-height:1.6}.home-lead strong{color:var(--text);font-weight:600}.home-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.home-header h1{color:var(--text);margin:0;font-size:1.25rem;font-weight:700}.home-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.app-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.app-card{text-align:left;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);cursor:pointer;font:inherit;color:inherit;flex-direction:column;gap:6px;padding:1.15rem 1.25rem;transition:box-shadow .2s,border-color .2s,transform .1s;display:flex}.app-card:hover{box-shadow:var(--shadow);border-color:#cbd5e1;transform:translateY(-1px)}.app-card--with-icon{text-align:left;flex-direction:row;align-items:flex-start;gap:14px}.app-card-icon{border:1px solid var(--border);color:#64748b;background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-radius:10px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.app-card-icon--sijelas{color:#0369a1;background:linear-gradient(145deg,#e0f2fe,#f0f9ff);border-color:#7dd3fc}.app-card-icon--clms{color:#9f1239;background:linear-gradient(145deg,#fff1f2,#ffe4e6);border-color:#fecdd3}.app-card-icon--sosmed{color:#7c3aed;background:linear-gradient(145deg,#ede9fe,#f5f3ff);border-color:#c4b5fd}.app-card-icon--tally{color:#b45309;background:linear-gradient(145deg,#fffbeb,#fef3c7);border-color:#fcd34d}.app-card-icon--fina{color:#047857;background:linear-gradient(145deg,#ecfdf5,#d1fae5);border-color:#6ee7b7}.app-card-icon--ocr{color:#0e7490;background:linear-gradient(145deg,#ecfeff,#cffafe);border-color:#67e8f9}.app-card-icon--ads{color:#c2410c;background:linear-gradient(145deg,#fff7ed,#ffedd5);border-color:#fdba74}.app-card-icon--archive{color:#4f46e5;background:linear-gradient(145deg,#eef2ff,#e0e7ff);border-color:#a5b4fc}.app-card--migrating{cursor:not-allowed;opacity:.92;background:var(--surface-subtle)}.app-card--migrating:hover{border-color:var(--border);box-shadow:none;transform:none}.app-card-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app-card-badge{letter-spacing:.04em;text-transform:uppercase;color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:999px;padding:2px 8px;font-size:.65rem;font-weight:700}.home-migration-banner{margin-bottom:16px}.app-card-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}@media (prefers-reduced-motion:reduce){.app-card:hover{transform:none}}.app-card-title{color:var(--text);font-size:1.05rem;font-weight:600}.app-card-meta{color:var(--muted);font-size:.8rem}.app-card-opening{color:var(--accent);margin-top:8px;font-size:.8125rem;font-weight:600;display:block}.token-hint{color:var(--muted);margin:0 0 16px;font-size:13px}.token-hint code{background:var(--surface-subtle);border:1px solid var(--border);border-radius:6px;padding:2px 8px;font-size:12px}.empty-state{text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface-subtle);padding:24px}.muted{color:var(--muted)}.loading-line{color:var(--muted);align-items:center;gap:8px;font-size:15px;display:inline-flex}@keyframes pulse-soft{50%{opacity:.65}}.loading-line--pulse{animation:1.2s ease-in-out infinite pulse-soft}.admin-shell{box-sizing:border-box;max-width:960px;margin:0 auto;padding:clamp(16px,3vw,28px)}.admin-shell--users{max-width:1040px}.admin-svg{flex-shrink:0;display:block}.admin-breadcrumb{margin-bottom:16px}.admin-breadcrumb-link{color:var(--muted);align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.admin-breadcrumb-link:hover{color:var(--primary)}.admin-surface-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:20px 22px 18px}.admin-card-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;padding-bottom:18px;display:flex}.admin-card-title-row{align-items:center;gap:14px;min-width:0;display:flex}.admin-card-icon-badge{width:48px;height:48px;color:var(--primary);background:linear-gradient(135deg,#fff1f2 0%,#ffe4e6 100%);border:1px solid #fecdd3;border-radius:12px;place-items:center;display:grid}.admin-card-title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.35rem;font-weight:700}.admin-card-subtitle{color:var(--muted);margin:4px 0 0;font-size:14px;line-height:1.45}.admin-search-field{position:relative}.admin-search-icon{color:var(--muted);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.admin-search-input{padding-left:40px}.btn-sm{border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600}.btn-inline-icon{align-items:center;gap:8px;display:inline-flex}.admin-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-back{color:var(--muted);font-size:14px;font-weight:500;text-decoration:none}.admin-back:hover{color:var(--primary)}.admin-table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);box-shadow:var(--shadow-sm);overflow:auto}.admin-table-wrap--panel{box-shadow:var(--shadow);border-radius:12px}.admin-empty-state{flex-direction:column;align-items:center;margin-top:8px;padding:32px 20px;display:flex}.admin-empty-icon{color:var(--muted);opacity:.45}.admin-table--comfortable .admin-th-actions,.admin-table--comfortable .admin-td-actions{text-align:right;white-space:nowrap;width:56px}.admin-user-cell{align-items:center;gap:12px;min-width:0;display:flex}.admin-user-avatar{border:1px solid var(--border);color:#475569;background:linear-gradient(145deg,#f1f5f9,#e2e8f0);border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:grid}.admin-user-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.admin-email-cell{color:#475569;word-break:break-all;font-size:13px}.admin-pill{text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;max-width:100%;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.admin-pill--super{color:#5b21b6;background:#f5f3ff;border-color:#ddd6fe}.admin-pill--admin{color:#9f1239;background:#fff1f2;border-color:#fecdd3}.admin-pill--user{color:#334155;background:#f8fafc;border-color:#e2e8f0}.admin-status{text-transform:lowercase;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.admin-status--on{color:#047857;background:#ecfdf5;border:1px solid #6ee7b7}.admin-status--off{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.admin-mfa-badge{border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 8px;font-size:12px;font-weight:600;display:inline-flex}.admin-mfa-badge--on{color:#047857;background:#ecfdf5;border:1px solid #6ee7b7}.admin-mfa-badge--off{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.admin-pagination--footer{margin-top:24px;padding-top:8px}.admin-pagination-meta{font-size:13px}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 14px}.admin-table th{background:var(--surface-subtle);color:var(--text);font-weight:600}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table-row{cursor:pointer;transition:background .12s}.admin-table-row:hover{background:#f8fafc}.admin-table-row:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.admin-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.modal-overlay{z-index:1000;box-sizing:border-box;background:#0f172a73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-overlay--stacked{z-index:1200}.modal-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow);box-sizing:border-box;padding:24px}.modal-card--wide{max-width:520px;max-height:min(90vh,720px);overflow-y:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.admin-kebab{border-radius:var(--radius);color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;padding:4px 10px;font-size:1.25rem;line-height:1}.admin-kebab:hover{background:var(--surface-subtle);border-color:var(--border)}.admin-dropdown-fixed{z-index:1100;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);min-width:200px;max-height:min(320px,100vh - 16px);box-shadow:var(--shadow);padding:6px 0;position:fixed;overflow-y:auto}.admin-dropdown-item{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;padding:10px 14px;font-size:14px;display:block}.admin-dropdown-item--with-icon{align-items:center;gap:10px;display:flex}.admin-dropdown-item:hover:not(:disabled){background:var(--surface-subtle)}.admin-dropdown-item:disabled{opacity:.6;cursor:not-allowed}.admin-dropdown-item--danger{color:var(--danger)}.admin-toast{z-index:3000;border-radius:var(--radius);border:1px solid var(--border);max-width:min(420px,100vw - 32px);box-shadow:var(--shadow);box-sizing:border-box;align-items:flex-start;gap:12px;padding:14px 16px;font-size:14px;line-height:1.45;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.admin-toast--success{color:#065f46;background:#ecfdf5;border-color:#6ee7b7}.admin-toast--error{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.admin-toast-dismiss{cursor:pointer;color:inherit;opacity:.65;background:0 0;border:none;border-radius:4px;flex-shrink:0;margin:-4px -6px -4px 0;padding:4px 8px;font-size:1.25rem;line-height:1}.admin-toast-dismiss:hover{opacity:1;background:#0000000f}.home-nav-btn--active{color:var(--primary);background:#ad002014;border-color:#ad002038}.admin-shell--apps{max-width:1080px}.admin-table--apps .admin-app-icon{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:inline-grid}.admin-app-name{color:var(--text);font-weight:600}.admin-app-code{color:#475569;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600}.admin-app-url{color:#0369a1;word-break:break-all;font-size:13px;text-decoration:none}.admin-app-url:hover{text-decoration:underline}.admin-app-updated{color:var(--muted);white-space:nowrap;font-size:13px}.admin-list-footer{margin:14px 2px 0;font-size:13px}.input--mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.app-icon-select{margin-bottom:8px}.app-icon-select-preview{background:var(--surface-subtle);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;margin-top:4px;padding:8px 10px;display:inline-flex}.app-icon-picker-option{align-items:center;gap:8px;display:inline-flex}.app-icon-picker-option__icon{border:1px solid var(--border);background:#fff;border-radius:8px;place-items:center;width:28px;height:28px;display:inline-grid}.admin-advanced-toggle{color:var(--primary);cursor:pointer;text-align:left;background:0 0;border:none;margin:4px 0 8px;padding:0;font-size:13px;font-weight:600}.admin-advanced-panel{background:var(--surface-subtle);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}