@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#171717;--muted:#5f6368;--line:#e4e4e7;--surface:#fff;--canvas:#f6f6f4;--accent:#b28a18;--accent-dark:#8a6810;--success:#16734a;--success-soft:#e9f7f0;--warning:#96620c;--warning-soft:#fff5da;--danger:#b42318;--danger-soft:#fff0ee;--shadow:0 16px 45px #17171714}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{min-height:100vh;color:var(--ink);background:var(--canvas);margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #b28a1847}.auth-shell{background:radial-gradient(circle at top left, #d4af371f, transparent 30%), var(--canvas);place-items:center;min-height:100vh;padding:32px 18px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--line);width:min(100%,440px);box-shadow:var(--shadow);border-radius:22px;padding:34px}.auth-card.wide{width:min(100%,620px)}.brand-mark{width:52px;height:52px;color:var(--ink);background:#f0df9c;border:1px solid #dbc774;border-radius:15px;place-items:center;margin-bottom:26px;display:grid}.brand-mark.small{border-radius:11px;flex:none;width:38px;height:38px;margin:0}.eyebrow{color:var(--accent-dark);letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:700}h1,h2,p{margin-top:0}.auth-card h1{letter-spacing:-.04em;margin-bottom:12px;font-size:clamp(28px,5vw,38px)}.auth-lead{color:var(--muted);margin-bottom:28px;line-height:1.65}.stack-form{gap:18px;display:grid}.stack-form.compact{margin-top:24px}label{color:#333;gap:7px;font-size:13px;font-weight:600;display:grid}label small{color:var(--muted);margin-left:6px;font-weight:400}input{width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #d4d4d8;border-radius:10px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}input:hover{border-color:#a1a1aa}.input-shell{color:#71717a;border:1px solid #d4d4d8;border-radius:10px;align-items:center;gap:9px;min-height:44px;padding-left:12px;display:flex}.input-shell input{border:0;min-height:42px;padding-left:0}.input-shell:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #b28a1821}.input-shell input:focus{box-shadow:none;outline:0}.primary-button,.secondary-button,.text-button,.icon-button{border:0;justify-content:center;align-items:center;gap:8px;transition:color .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.primary-button{color:#fff;background:var(--ink);border-radius:10px;min-height:44px;padding:10px 16px;font-weight:700}.primary-button:hover{background:#333;box-shadow:0 7px 20px #17171729}.primary-button.fit{width:fit-content}.secondary-button{border:1px solid var(--line);color:#333;background:#fff;border-radius:9px;min-height:40px;padding:8px 13px;font-weight:600}.secondary-button:hover{background:#fafafa;border-color:#a1a1aa}.text-button{color:#3f3f46;background:0 0;padding:6px 4px;font-size:13px;font-weight:600}.text-button:hover{color:#000}.text-button.accent{color:var(--accent-dark)}.icon-button{color:#52525b;background:0 0;border-radius:9px;width:36px;height:36px}.icon-button:hover{color:#000;background:#f4f4f5}.form-error{color:var(--danger);background:var(--danger-soft);border-radius:9px;margin:0;padding:11px 12px;font-size:13px;line-height:1.4}.totp-grid{grid-template-columns:260px 1fr;align-items:center;gap:24px;display:grid}.qr-code{border:1px solid var(--line);border-radius:14px;width:260px;height:260px}.field-note{color:var(--muted);margin-bottom:8px;font-size:13px}.secret-code{overflow-wrap:anywhere;background:#f4f4f5;border-radius:9px;padding:12px;font-size:13px;display:block}.skeleton-block{color:var(--muted);text-align:center;background:#f4f4f5;border-radius:14px;padding:48px 24px}.dashboard-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#fffffff5;justify-content:space-between;align-items:center;gap:20px;height:72px;padding:0 max(20px,50vw - 700px);display:flex}.brand-row,.admin-row{align-items:center;gap:11px;display:flex}.brand-row div{gap:2px;display:grid}.brand-row strong{font-size:14px}.brand-row span,.admin-row span{color:var(--muted);font-size:12px}.page-wrap{width:min(1400px,100% - 40px);margin:0 auto;padding:42px 0 70px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-heading h1{letter-spacing:-.045em;margin-bottom:8px;font-size:clamp(30px,4vw,46px)}.page-heading p:not(.eyebrow){color:var(--muted);margin-bottom:0}.notice{border:1px solid;border-radius:11px;align-items:center;gap:10px;margin-bottom:20px;padding:13px 15px;font-size:13px;font-weight:600;display:flex}.notice.success{color:var(--success);background:var(--success-soft);border-color:#b9dfcd}.notice.error{color:var(--danger);background:var(--danger-soft);border-color:#f0c7c2}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric-card{border:1px solid var(--line);background:var(--surface);border-radius:15px;align-items:center;gap:14px;min-height:100px;padding:18px;display:flex}.metric-icon{color:#3f3f46;background:#f4f4f5;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.metric-icon.success{color:var(--success);background:var(--success-soft)}.metric-icon.warning{color:var(--warning);background:var(--warning-soft)}.metric-card div{gap:2px;display:grid}.metric-card strong{font-size:25px;line-height:1}.metric-card span:last-child{color:var(--muted);font-size:12px}.panel{border:1px solid var(--line);background:var(--surface);border-radius:16px;margin-top:18px;overflow:hidden}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:18px 20px;display:flex}.panel-heading h2{margin-bottom:4px;font-size:17px}.panel-heading p{color:var(--muted);margin-bottom:0;font-size:12px}.panel-actions,.form-actions,.row-actions{align-items:center;gap:10px;display:flex}.add-panel{border-color:#d9c77d;box-shadow:0 12px 35px #5d480b12}.inline-form{grid-template-columns:1fr 1.3fr 1.2fr auto;align-items:end;gap:14px;padding:20px;display:grid}.form-note{color:var(--muted);align-self:center;font-size:12px;line-height:1.45}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:900px}th{color:#71717a;border-bottom:1px solid var(--line);letter-spacing:.04em;text-align:left;text-transform:uppercase;background:#fafafa;padding:11px 16px;font-size:11px}td{vertical-align:middle;border-bottom:1px solid #eeeeef;padding:14px 16px;font-size:13px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fdfcf8}.check-cell{text-align:center;width:42px;padding-right:0}.check-cell input{width:16px;height:16px;min-height:auto;accent-color:var(--accent-dark)}.actions-cell{text-align:right}.row-actions{white-space:nowrap;justify-content:flex-end}.account-cell{align-items:center;gap:11px;display:flex}.account-avatar{color:#5d490e;background:#f4e8b8;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.account-cell div{gap:3px;display:grid}.account-cell span:last-child,.row-note{color:var(--muted);font-size:11px}.status-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:5px 8px;font-size:11px;font-weight:700;display:flex}.status-pill.success{color:var(--success);background:var(--success-soft)}.status-pill.pending{color:#3f3f46;background:#f0f0f1}.status-pill.warning{color:var(--warning);background:var(--warning-soft)}.status-pill.danger{color:var(--danger);background:var(--danger-soft)}.status-pill.neutral{color:#52525b;background:#f4f4f5}.row-note{text-overflow:ellipsis;white-space:nowrap;max-width:250px;margin-top:6px;display:block;overflow:hidden}.date-main{font-weight:600;display:block}.empty-state{min-height:220px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:8px;display:grid}.empty-state strong{color:var(--ink)}.task-list{display:grid}.task-row{border-bottom:1px solid #eeeeef;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 20px;display:grid}.task-row:last-child{border-bottom:0}.task-dot{background:#a1a1aa;border-radius:50%;width:9px;height:9px}.task-dot.running{background:var(--warning);box-shadow:0 0 0 4px var(--warning-soft)}.task-dot.completed{background:var(--success)}.task-dot.failed,.task-dot.completed_with_errors{background:var(--danger)}.task-row div{gap:3px;display:grid}.task-row strong{font-size:13px}.task-row span{color:var(--muted);font-size:11px}.task-status{background:#f4f4f5;border-radius:7px;padding:4px 7px;font-weight:600}.empty-inline{color:var(--muted);margin:0;padding:24px 20px;font-size:13px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:980px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-form{grid-template-columns:1fr 1fr}.form-actions{grid-column:1/-1;justify-content:flex-end}}@media (max-width:640px){.topbar{height:auto;padding:13px 16px}.brand-row span,.admin-row>span{display:none}.page-wrap{width:min(100% - 24px,1400px);padding-top:28px}.page-heading{flex-direction:column;align-items:stretch}.page-heading .primary-button{width:100%}.metric-grid{grid-template-columns:1fr}.panel-heading,.panel-actions{flex-direction:column;align-items:stretch}.panel-actions button{width:100%}.inline-form{grid-template-columns:1fr}.form-actions{grid-column:auto}.auth-card{padding:26px 20px}.totp-grid{grid-template-columns:1fr}.qr-code{width:min(100%,260px);height:auto;margin:0 auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}