[data-theme=cloud]{--text: #1a202c;--text-strong: #0d1117;--bg: #f6f7f9;--bg-subtle: #f8fafd;--surface: #ffffff;--surface-muted: #f0f4f8;--border: #d1d9e0;--border-subtle: #e8edf2;--muted: #5c6c7a;--primary: #0972d3;--primary-hover: #065dbf;--primary-subtle: #e8f1fb;--primary-text: #ffffff;--code-bg: #f0f4f8;--code-text: #0972d3;--input-bg: #ffffff;--focus-ring: #0972d3;--shadow: 0 1px 2px rgba(26, 32, 44, .05), 0 8px 28px rgba(26, 32, 44, .08);--login-gradient: linear-gradient(165deg, #ffffff 0%, #f0f4f8 50%, #e1eaf5 100%);--success-bg: #ecf6ee;--success-text: #1d6832;--success-border: #c6dfc9;--error-bg: #fdf0f0;--error-text: #c0392b;--error-border: #f5c6c2;--warning-bg: #fdf9ec;--warning-text: #8a6020;--warning-border: #f0de9c;--info-bg: #e8f1fb;--info-text: #0972d3;--info-border: #c5d9f5;--badge-bg: var(--primary-subtle);--badge-text: #065dbf;--table-stripe: #f8fafd;--modal-overlay: rgba(26, 32, 44, .3);--btn-disabled-bg: #e8edf2;--btn-disabled-text: #8896a3;--secondary-hover: #f0f4f8;--topbar-bg: #14161a;--topbar-text: #ffffff;--topbar-text-muted: #cfd3da;--topbar-btn-border: #565c68;--topbar-btn-hover-border: #7a8090;--topbar-btn-hover-bg: rgba(255, 255, 255, .08);--secret-bg: #1a1d24;--secret-text: #e4e7ec}[data-theme=dark]{--text: #e5e5e5;--text-strong: #f5f5f5;--bg: #1a1a1a;--bg-subtle: #222222;--surface: #242424;--surface-muted: #2a2a2a;--border: #3a3a3a;--border-subtle: #2e2e2e;--muted: #a3a3a3;--primary: #3b9eff;--primary-hover: #5eadff;--primary-subtle: #0d2d4a;--primary-text: #0d1117;--code-bg: #2a2a2a;--code-text: #5eadff;--input-bg: #2a2a2a;--focus-ring: #0972d3;--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 8px 28px rgba(0, 0, 0, .45);--login-gradient: linear-gradient(165deg, #1f1f1f 0%, #1a1a1a 50%, #141414 100%);--success-bg: #1a2e22;--success-text: #8fd4a8;--success-border: #2d4a38;--error-bg: #3a2220;--error-text: #f0a8a0;--error-border: #5c3834;--warning-bg: #3a3020;--warning-text: #e8c878;--warning-border: #5c4a30;--info-bg: #0d2d4a;--info-text: #5eadff;--info-border: #0d3d6a;--badge-bg: var(--primary-subtle);--badge-text: #5eadff;--table-stripe: #222222;--modal-overlay: rgba(0, 0, 0, .55);--btn-disabled-bg: #2e2e2e;--btn-disabled-text: #6b7280;--secondary-hover: #2a2a2a;--topbar-bg: #101114;--topbar-text: #f5f5f5;--topbar-text-muted: #a3a3a3;--topbar-btn-border: #3a3a3a;--topbar-btn-hover-border: #5eadff;--topbar-btn-hover-bg: rgba(255, 255, 255, .06);--secret-bg: #0d0e12;--secret-text: #f0f2f5}[data-theme=cream]{--text: #3d3832;--text-strong: #2a2622;--bg: #f7f3ed;--bg-subtle: #efe8de;--surface: #fffcf8;--surface-muted: #f5efe6;--border: #e5dcd0;--border-subtle: #efe8de;--muted: #7a7268;--primary: #c17f59;--primary-hover: #a96a48;--primary-subtle: #f3e6dc;--primary-text: #ffffff;--code-bg: #f3ebe2;--code-text: #8b5a3c;--input-bg: #fffcf8;--focus-ring: #e8c4ae;--shadow: 0 1px 2px rgba(61, 56, 50, .05), 0 8px 28px rgba(61, 56, 50, .07);--login-gradient: linear-gradient(165deg, #faf6f0 0%, #efe4d6 45%, #e8d5c4 100%);--success-bg: #edf5ee;--success-text: #3d6b45;--success-border: #c8dcc9;--error-bg: #fdf0ee;--error-text: #a14f42;--error-border: #f0d0cb;--warning-bg: #fdf8ed;--warning-text: #8a6a2e;--warning-border: #f0e2c4;--info-bg: #f0ebe4;--info-text: #6b5d4f;--info-border: #e5dcd0;--badge-bg: var(--primary-subtle);--badge-text: #8b5a3c;--table-stripe: #faf6f0;--modal-overlay: rgba(61, 56, 50, .28);--btn-disabled-bg: #ebe3d8;--btn-disabled-text: #a39a8f;--secondary-hover: #faf6f0;--topbar-bg: #14161a;--topbar-text: #ffffff;--topbar-text-muted: #cfd3da;--topbar-btn-border: #565c68;--topbar-btn-hover-border: #7a8090;--topbar-btn-hover-bg: rgba(255, 255, 255, .08);--secret-bg: #1a1d24;--secret-text: #e4e7ec}[data-theme=mist]{--text: #2f3a45;--text-strong: #1e2830;--bg: #f4f7fb;--bg-subtle: #e8eef5;--surface: #ffffff;--surface-muted: #f0f4f9;--border: #d8e2ec;--border-subtle: #e8eef5;--muted: #6b7d8f;--primary: #4a7caf;--primary-hover: #3d6a96;--primary-subtle: #e4eef7;--primary-text: #ffffff;--code-bg: #e8eef5;--code-text: #3d6a96;--input-bg: #ffffff;--focus-ring: #b8d4eb;--shadow: 0 1px 2px rgba(30, 40, 48, .05), 0 8px 28px rgba(30, 40, 48, .07);--login-gradient: linear-gradient(165deg, #f8fafc 0%, #e8eef5 50%, #d8e6f2 100%);--success-bg: #ecf7f1;--success-text: #2d6b4a;--success-border: #c5e6d4;--error-bg: #fdf0f0;--error-text: #b44a42;--error-border: #f0d0d0;--warning-bg: #fdf8ee;--warning-text: #8a6f2a;--warning-border: #f0e4c8;--info-bg: #e8f2fa;--info-text: #3d6a96;--info-border: #c5dced;--badge-bg: var(--primary-subtle);--badge-text: #3d6a96;--table-stripe: #f8fafc;--modal-overlay: rgba(30, 40, 48, .3);--btn-disabled-bg: #e8eef5;--btn-disabled-text: #9aa8b8;--secondary-hover: #f8fafc;--topbar-bg: #14161a;--topbar-text: #ffffff;--topbar-text-muted: #cfd3da;--topbar-btn-border: #565c68;--topbar-btn-hover-border: #7a8090;--topbar-btn-hover-bg: rgba(255, 255, 255, .08);--secret-bg: #1a1d24;--secret-text: #e4e7ec}[data-theme=sage]{--text: #2f3632;--text-strong: #1f2622;--bg: #f4f6f3;--bg-subtle: #e8ece8;--surface: #fbfcfa;--surface-muted: #f0f3ef;--border: #d6ddd6;--border-subtle: #e8ece8;--muted: #66706a;--primary: #5f7d6a;--primary-hover: #4e6b58;--primary-subtle: #e4ebe6;--primary-text: #ffffff;--code-bg: #e8efe8;--code-text: #3d5c48;--input-bg: #fbfcfa;--focus-ring: #c5d6cb;--shadow: 0 1px 2px rgba(31, 38, 34, .05), 0 8px 28px rgba(31, 38, 34, .07);--login-gradient: linear-gradient(165deg, #f8faf7 0%, #e8efe8 50%, #d4dfd6 100%);--success-bg: #ecf4ee;--success-text: #2f5c3f;--success-border: #c5dcc9;--error-bg: #faf0ee;--error-text: #a14f42;--error-border: #ecd4cf;--warning-bg: #f8f5eb;--warning-text: #7a6530;--warning-border: #e8dfc8;--info-bg: #eef2ec;--info-text: #46504a;--info-border: #d6ddd6;--badge-bg: var(--primary-subtle);--badge-text: #3d5c48;--table-stripe: #f6f8f6;--modal-overlay: rgba(31, 38, 34, .28);--btn-disabled-bg: #e0e8e2;--btn-disabled-text: #949e97;--secondary-hover: #f6f8f6;--topbar-bg: #14161a;--topbar-text: #ffffff;--topbar-text-muted: #cfd3da;--topbar-btn-border: #565c68;--topbar-btn-hover-border: #7a8090;--topbar-btn-hover-bg: rgba(255, 255, 255, .08);--secret-bg: #1a1d24;--secret-text: #e4e7ec}[data-theme=slate]{--text: #2b3440;--text-strong: #1a222c;--bg: #ffffff;--bg-subtle: #f7f8fa;--surface: #ffffff;--surface-muted: #f1f3f5;--border: #dde1e6;--border-subtle: #eceef1;--muted: #626b76;--primary: #0d5c4f;--primary-hover: #0a4b40;--primary-subtle: #e3f0ed;--primary-text: #ffffff;--code-bg: #f1f3f5;--code-text: #0d5c4f;--input-bg: #ffffff;--focus-ring: #0d5c4f;--shadow: 0 1px 2px rgba(26, 32, 44, .05), 0 8px 28px rgba(26, 32, 44, .08);--login-gradient: linear-gradient(165deg, #ffffff 0%, #f1f3f5 50%, #e3f0ed 100%);--success-bg: #ecf6ee;--success-text: #1d6832;--success-border: #c6dfc9;--error-bg: #fdf0f0;--error-text: #c0392b;--error-border: #f5c6c2;--warning-bg: #fdf9ec;--warning-text: #8a6020;--warning-border: #f0de9c;--info-bg: #e3f0ed;--info-text: #0d5c4f;--info-border: #bfe0d8;--badge-bg: var(--primary-subtle);--badge-text: #0a4b40;--table-stripe: #f7f8fa;--modal-overlay: rgba(26, 32, 44, .3);--btn-disabled-bg: #eceef1;--btn-disabled-text: #8f98a3;--secondary-hover: #f1f3f5;--topbar-bg: #14161a;--topbar-text: #ffffff;--topbar-text-muted: #cfd3da;--topbar-btn-border: #565c68;--topbar-btn-hover-border: #7a8090;--topbar-btn-hover-bg: rgba(255, 255, 255, .08);--secret-bg: #1a1d24;--secret-text: #e4e7ec}:root{color:var(--text);background:var(--bg);font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--radius: 14px;--radius-sm: 10px;--radius-lg: 18px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--content-max: 60rem}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:var(--bg);line-height:1.5}a{color:inherit;text-decoration:none}.shell{max-width:var(--content-max);margin:0 auto;padding:var(--space-6)}header.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--topbar-bg);color:var(--topbar-text);flex-wrap:wrap;row-gap:var(--space-2);column-gap:var(--space-4)}header.topbar h1{font-size:1.125rem;font-weight:700;margin:0;white-space:nowrap}header.topbar nav{display:flex;flex-wrap:wrap;row-gap:var(--space-1);column-gap:var(--space-4)}.topbar-actions{display:flex;align-items:center;gap:var(--space-3)}.brand-logo{height:clamp(35px,2.6vw,40px);width:auto;display:block;overflow:visible}.login-card-logo{height:26px;margin:0 auto var(--space-4);display:block}.brand-logo-auto-ink{fill:#0b1220}.brand-logo-auto-accent{fill:#0972d3}[data-theme=dark] .brand-logo-auto-ink{fill:#eef2f8}[data-theme=dark] .brand-logo-auto-accent{fill:#3b9eff}.brand-logo-topbar-ink{fill:#fff}.brand-logo-topbar-accent{fill:#6cb6ff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.account-menu,.theme-menu{position:relative}.theme-menu-trigger,.account-menu-trigger{display:flex;align-items:center;gap:var(--space-2);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--topbar-text);padding:.4rem .6rem;cursor:pointer;font:inherit;font-weight:600;font-size:.875rem}.theme-menu-trigger{padding:.4rem}.theme-menu-trigger:hover,.account-menu-trigger:hover{background:var(--topbar-btn-hover-bg);border-color:var(--topbar-btn-hover-border)}.theme-menu-trigger[aria-expanded=true],.account-menu-trigger[aria-expanded=true]{background:var(--topbar-btn-hover-bg);border-color:var(--topbar-btn-border)}.theme-menu-trigger svg{color:var(--topbar-text)}.account-menu-avatar{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--primary);color:var(--primary-text);font-weight:700;font-size:.8rem;flex-shrink:0}.account-menu-label{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.account-menu-name{color:var(--topbar-text)}.account-menu-tenant{color:var(--topbar-text-muted);font-weight:400;font-size:.75rem}.account-menu-chevron{color:var(--topbar-text-muted);transition:transform .15s ease;flex-shrink:0}.account-menu-chevron.open{transform:rotate(180deg)}.theme-menu-panel,.account-menu-panel{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:200px;padding:var(--space-2)}.theme-menu-panel{min-width:260px}.account-menu-header{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-1)}.account-menu-header-name{color:var(--text-strong);font-weight:700;font-size:.9rem}.account-menu-header-tenant,.account-menu-header-role{color:var(--muted);font-size:.78rem}.account-menu-item{display:block;width:100%;text-align:left;padding:.55rem var(--space-3);border-radius:var(--radius-sm);background:transparent;border:0;color:var(--text);font:inherit;font-weight:500;font-size:.875rem;cursor:pointer}.account-menu-item:hover{background:var(--secondary-hover)}.account-menu-item-danger{color:var(--error-text)}header.topbar nav a{color:var(--topbar-text-muted);text-decoration:none;font-size:.875rem;white-space:nowrap}header.topbar nav a.active,header.topbar nav a:hover{color:var(--topbar-text)}@media(max-width:800px){header.topbar{justify-content:flex-start}header.topbar nav{flex-basis:100%;order:3}}button,.btn{border:0;border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-text);padding:.6rem 1.1rem;cursor:pointer;font-family:inherit;font-weight:600;font-size:.875rem;white-space:nowrap;transition:background .15s ease,transform .1s ease;text-decoration:none;display:inline-block}button:hover:not(:disabled),.btn:hover{background:var(--primary-hover)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-text);cursor:not-allowed}button.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}button.secondary:hover:not(:disabled){background:var(--secondary-hover)}button.secondary:disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-text);border-color:var(--btn-disabled-bg);cursor:not-allowed}header.topbar button.secondary{color:var(--topbar-text);border-color:var(--topbar-btn-border)}header.topbar button.secondary:hover{background:var(--topbar-btn-hover-bg);border-color:var(--topbar-btn-hover-border)}button.danger{background:var(--error-text);color:#fff;border:1px solid var(--error-text)}button.danger:hover{filter:brightness(.9)}input,textarea,select{width:100%;padding:.6rem .85rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text-strong);font:inherit;font-size:.9rem;transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow)}.form-row{margin-bottom:var(--space-3)}.form-row label{display:block;font-size:.75rem;font-weight:600;margin-bottom:var(--space-1);color:var(--muted)}.table-scroll{overflow-x:auto}table{width:100%;min-width:480px;border-collapse:collapse}th,td{text-align:left;padding:var(--space-2);border-bottom:1px solid var(--border-subtle);font-size:.875rem}.card-heading{margin-top:0}.hint-spaced{margin-top:var(--space-2)}.inline-actions{display:inline-flex;gap:var(--space-2);align-items:center}.status-cell{display:inline-flex;align-items:center;gap:var(--space-2)}.status-cell select{width:auto}.role-select{width:auto;min-width:140px;max-width:200px}.checkbox-label{display:inline-flex;align-items:center;gap:var(--space-2);margin-right:var(--space-3);font-weight:400}.checkbox-input{width:auto}.timeline-list{list-style:none;margin:0;padding:0;position:relative}.timeline-item{position:relative;padding:var(--space-2) 0 var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:.875rem}.timeline-item:last-child{border-bottom:none}.timeline-item:before{content:"";position:absolute;left:3px;top:0;bottom:-1px;width:1px;background:var(--border-subtle)}.timeline-item:last-child:before{bottom:50%}.timeline-dot{position:absolute;left:0;top:calc(var(--space-2) + .35rem);width:7px;height:7px;border-radius:50%;background:var(--muted)}.timeline-dot.success{background:var(--success-text)}.timeline-dot.warning{background:var(--warning-text)}.timeline-dot.danger{background:var(--error-text)}.advanced-section{margin:var(--space-3) 0;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface-muted, var(--bg))}.advanced-section summary{cursor:pointer;font-weight:600;font-size:.875rem;color:var(--muted)}.advanced-section summary:hover{color:inherit}.advanced-section>.form-row:first-of-type,.advanced-section>p.hint-tight{margin-top:var(--space-3)}.form-row-pair{display:flex;gap:var(--space-3)}.form-row-pair .form-row{flex:1;min-width:0}.expanded-row-panel{margin:var(--space-2) 0;padding:var(--space-3);background:var(--surface-muted, var(--bg));border-radius:var(--radius);border-left:3px solid var(--primary)}.expanded-row-panel table{margin-top:var(--space-2)}.expanded-row-panel>*:first-child{margin-top:0}.status-change-panel{margin:var(--space-2) 0 0;padding:var(--space-3);background:var(--surface-muted, var(--bg));border-radius:var(--radius);border-left:3px solid var(--primary);display:flex;flex-direction:column;gap:var(--space-2);max-width:320px}.status-change-panel textarea{width:100%}.list-toolbar{margin-bottom:var(--space-4)}.list-toolbar-controls{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end}.list-toolbar-controls .form-row{min-width:180px;flex:1 1 180px}.list-toolbar-controls .form-row input,.list-toolbar-controls .form-row select{width:100%}.list-toolbar-status{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-2)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-4)}.pagination-status{min-width:9rem;text-align:center}.break-all{overflow-wrap:anywhere;word-break:normal}.skeleton-bar{display:block;height:.85rem;width:70%;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-subtle) 25%,var(--border-subtle) 50%,var(--bg-subtle) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton-bar{animation:none}}.code-chip{display:inline-block;padding:2px 6px;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;overflow-wrap:anywhere}.m-0{margin:0}.mb-0{margin-bottom:0}.hint-tight{margin-top:var(--space-1);margin-bottom:0}.notice-panel{margin:var(--space-3) 0;padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-subtle)}.notice-panel-title{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.audit-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.secret-block{display:block;padding:var(--space-3) var(--space-3);background:var(--secret-bg);color:var(--secret-text);border-radius:var(--radius-sm);-webkit-user-select:all;user-select:all;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.embed-row{display:flex;gap:var(--space-2);align-items:center}.embed-snippet{display:inline-block;flex:1;min-width:0;padding:var(--space-2) var(--space-3);background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;overflow-wrap:anywhere;word-break:break-all}.output-block{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;white-space:pre-wrap;word-break:break-word;max-height:120px;overflow-y:auto;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.badge{display:inline-flex;align-items:center;border-radius:999px;background:var(--badge-bg);color:var(--badge-text);padding:2px var(--space-2);font-size:.75rem;font-weight:600}.badge.success{background:var(--success-bg);color:var(--success-text)}.badge.warning{background:var(--warning-bg);color:var(--warning-text)}.badge.danger{background:var(--error-bg);color:var(--error-text)}.card.success{border-color:var(--success-text)}.card.warning{border-color:var(--warning-text)}.card.danger{border-color:var(--error-text)}.overall-status-card{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-5)}.overall-status-card .badge{font-size:1rem;padding:var(--space-2) var(--space-4)}.overall-status-cta{font-size:.9rem;font-weight:600;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full, 999px);border:1px solid currentColor;text-decoration:none}.overall-status-card.warning .overall-status-cta{color:var(--warning-text)}.overall-status-card.danger .overall-status-cta{color:var(--error-text)}.overall-status-cta:hover{background:#7f7f7f1f}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.stat-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-4);margin-bottom:0}.stat-value{font-size:2rem;font-weight:700;color:var(--text-strong);line-height:1.1}.stat-label{color:var(--muted);font-size:.8rem;margin-top:var(--space-1)}.report-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.error-banner{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4);font-size:.875rem}.login-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-6);background:var(--login-gradient)}.login-card{width:min(420px,100%);border-radius:var(--radius-lg);padding:var(--space-8);background:var(--surface);color:var(--text);box-shadow:var(--shadow);border:1px solid var(--border-subtle);text-align:center}.login-card h1{font-size:1.65rem;line-height:1.25;margin:0 0 var(--space-2);font-weight:700;letter-spacing:-.02em;color:var(--text-strong)}.login-card .page-description{color:var(--muted);margin:0 0 var(--space-6);line-height:1.6}.login-card .btn{width:100%}.login-card .hint{font-size:.85rem;color:var(--muted);margin-top:var(--space-4)}.muted{color:var(--muted);font-size:.8125rem}.theme-picker{display:flex;flex-direction:column;gap:var(--space-2)}.theme-picker-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.theme-option{display:inline-flex;align-items:center;gap:var(--space-2);padding:.55rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:left;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}.theme-option:hover:not(:disabled){background:var(--secondary-hover)}.theme-option.active{border-color:var(--primary);background:var(--primary-subtle);color:var(--text-strong)}.theme-swatch{width:28px;height:28px;border-radius:8px;flex-shrink:0;border:1px solid var(--border)}.theme-option-name{font-size:.85rem;font-weight:600}.dev-test-login{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);width:100%}.dev-test-login .error-banner{width:100%;text-align:left}.plan-meter{margin-bottom:var(--space-4)}.plan-meter:last-child{margin-bottom:0}.plan-meter-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-1);font-size:.875rem}.plan-meter-label{font-weight:600}.plan-meter-value{color:var(--muted)}.plan-meter-bar{height:8px;border-radius:999px;background:var(--surface-muted, var(--bg));overflow:hidden}.plan-meter-bar-fill{height:100%;border-radius:999px;background:var(--primary, #3a7dfa);transition:width .2s ease}.plan-meter-bar-fill.warning{background:var(--warning-text)}.plan-meter-bar-fill.danger{background:var(--error-text)}.plan-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.plan-tier-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4)}.plan-tier-card.current{border-color:var(--primary, #3a7dfa);border-width:2px}.plan-tier-name{font-size:1.1rem;font-weight:700;margin:0}.plan-tier-price{color:var(--muted);font-size:.875rem;margin:var(--space-1) 0 var(--space-3)}.plan-tier-limits{list-style:none;margin:0;padding:0;font-size:.85rem}.plan-tier-limits li{margin-bottom:var(--space-1)}