:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #07090d;--body-bg: linear-gradient(180deg, #05070a 0%, #0b0f15 54%, #07090d 100%);--surface: #10151d;--surface-raised: #151b24;--sidebar-bg: #080b10;--control-bg: #121923;--control-hover: #1a2330;--input-bg: #0b1118;--modal-footer-bg: #0c1118;--border: #27313e;--border-strong: #3a4655;--text: #f3f7fb;--muted: #94a3b4;--primary: #23c6a8;--primary-hover: #18aa91;--primary-contrast: #03100e;--blue: #7ab0ff;--green: #45d483;--amber: #efb84f;--red: #ff7474;--nav-text: #b6c1ce;--nav-hover-bg: #121923;--nav-active-bg: #122820;--nav-active-text: #effffb;--accent-border: rgba(35, 198, 168, .32);--accent-soft: rgba(35, 198, 168, .1);--secondary-text: #9cc2ff;--secondary-bg: rgba(122, 176, 255, .1);--secondary-border: rgba(122, 176, 255, .28);--secondary-hover: rgba(122, 176, 255, .16);--ghost-text: #d2d9e2;--ghost-bg: #121923;--ghost-hover: #1a2330;--success-soft: rgba(69, 212, 131, .12);--success-border: rgba(69, 212, 131, .28);--success-text: #8ff0b8;--warning-soft: rgba(239, 184, 79, .13);--warning-border: rgba(239, 184, 79, .3);--warning-text: #ffd58a;--danger-soft: rgba(255, 116, 116, .13);--danger-border: rgba(255, 116, 116, .3);--danger-text: #ffaaaa;--neutral-soft: #1b2430;--neutral-text: #c2ccd7;--modal-backdrop: rgba(2, 6, 11, .74);--shadow: 0 18px 54px rgba(0, 0, 0, .34)}:root[data-theme=light]{color-scheme:light;--bg: #f5f7f8;--body-bg: linear-gradient(180deg, #ffffff 0%, #f5f7f8 100%);--surface: #ffffff;--surface-raised: #ffffff;--sidebar-bg: #ffffff;--control-bg: #ffffff;--control-hover: #f1f5f6;--input-bg: #ffffff;--modal-footer-bg: #f8fafb;--border: #d9e0e4;--border-strong: #b8c4cb;--text: #172026;--muted: #667680;--primary: #0f766e;--primary-hover: #115e59;--primary-contrast: #ffffff;--blue: #2563eb;--green: #15803d;--amber: #a16207;--red: #b91c1c;--nav-text: #334047;--nav-hover-bg: #f1f5f6;--nav-active-bg: rgba(15, 118, 110, .1);--nav-active-text: #0d5954;--accent-border: rgba(15, 118, 110, .24);--accent-soft: rgba(15, 118, 110, .08);--secondary-text: #1d4ed8;--secondary-bg: rgba(37, 99, 235, .08);--secondary-border: rgba(37, 99, 235, .24);--secondary-hover: rgba(37, 99, 235, .14);--ghost-text: #42515a;--ghost-bg: #ffffff;--ghost-hover: #f5f7f8;--success-soft: rgba(21, 128, 61, .08);--success-border: rgba(21, 128, 61, .22);--success-text: #166534;--warning-soft: rgba(161, 98, 7, .12);--warning-border: rgba(161, 98, 7, .24);--warning-text: #854d0e;--danger-soft: rgba(185, 28, 28, .08);--danger-border: rgba(185, 28, 28, .22);--danger-text: #991b1b;--neutral-soft: #eef2f3;--neutral-text: #475569;--modal-backdrop: rgba(15, 23, 28, .48);--shadow: 0 12px 30px rgba(24, 38, 45, .08)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;color:var(--text);background:var(--body-bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}input,select,textarea{width:100%;min-width:0;border:1px solid var(--border);border-radius:7px;color:var(--text);background:var(--input-bg);outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}input{height:40px;padding:0 11px}select{height:40px;padding:0 34px 0 11px}textarea{min-height:120px;resize:vertical;padding:10px 11px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-soft)}.login-page{display:grid;min-height:100vh;place-items:center;padding:24px}.login-panel{width:min(100%,430px);border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);padding:28px}.login-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:26px}.login-brand{margin-bottom:0}.app-shell{display:grid;min-height:100vh;grid-template-columns:260px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--border);background:var(--sidebar-bg);padding:22px 16px}.brand{display:flex;align-items:center;gap:12px}.brand h1,.brand p,.topbar h2,.topbar p,.section-header h3{margin:0}.brand h1{font-size:1.08rem;line-height:1.15}.brand-mark{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border:1px solid var(--accent-border);border-radius:8px;color:var(--primary);background:var(--accent-soft)}.eyebrow{color:var(--muted);font-size:.74rem;font-weight:700;text-transform:uppercase}.sidebar-nav{display:grid;gap:22px;margin-top:30px}.sidebar-section{display:grid;gap:8px}.nav-section-label{margin:0;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.nav-list{display:grid;gap:6px}.nav-item{display:flex;width:100%;min-height:42px;align-items:center;gap:10px;border:1px solid transparent;border-radius:7px;color:var(--nav-text);background:transparent;padding:0 12px;text-align:left;text-decoration:none}.nav-item:hover{background:var(--nav-hover-bg)}.nav-item.active{border-color:var(--accent-border);color:var(--nav-active-text);background:var(--nav-active-bg);font-weight:700}.main-content{min-width:0;padding:24px}.topbar{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.topbar-copy{min-width:0}.topbar-copy .eyebrow{overflow:hidden;max-width:min(72vw,920px);text-overflow:ellipsis;white-space:nowrap}.topbar h2{font-size:1.45rem;line-height:1.2}.account{display:flex;min-width:0;align-items:center;gap:10px;color:var(--muted)}.account .theme-switch{flex:0 0 auto}.account span{overflow:hidden;max-width:180px;text-overflow:ellipsis;white-space:nowrap}.content-grid{display:grid;gap:16px}.content-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.surface{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);padding:18px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.section-header h3{font-size:1rem}.section-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.section-actions .row-actions{flex-wrap:wrap}.stack{display:grid;gap:14px}@media(max-width:1050px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:16px}.sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid.two-columns{grid-template-columns:1fr}}@media(max-width:720px){.login-heading{align-items:flex-start;flex-direction:column}.main-content{padding:16px}.topbar{align-items:flex-start;flex-direction:column}.account{width:100%;justify-content:space-between}.sidebar-nav,.nav-list{grid-template-columns:1fr}.nav-item{justify-content:flex-start}.section-header{align-items:flex-start;flex-direction:column}.section-actions{width:100%;justify-content:flex-start}}.field{display:grid;min-width:0;gap:6px;color:var(--muted);font-size:.82rem;font-weight:700}.field input,.field textarea{color:var(--text);font-weight:500}.inline-form{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr)) auto;align-items:end;gap:12px}.inline-form.three-fields{grid-template-columns:repeat(3,minmax(160px,1fr)) auto}.subscription-form{grid-template-columns:minmax(150px,1.2fr) minmax(120px,.8fr) repeat(2,minmax(180px,1fr)) auto auto}.search-form{grid-template-columns:minmax(280px,520px) auto;justify-content:start}.device-picker{display:grid;min-width:0;gap:8px}.device-picker-select{min-width:0}.checkbox-field{display:flex;height:40px;align-items:center;gap:9px;color:var(--muted);font-size:.9rem;font-weight:700;white-space:nowrap}.checkbox-field input{width:18px;height:18px;accent-color:var(--primary)}@media(max-width:1050px){.inline-form,.inline-form.three-fields,.subscription-form{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media(max-width:720px){.inline-form,.inline-form.three-fields,.subscription-form,.search-form{grid-template-columns:1fr}}table{width:100%;min-width:860px;border-collapse:collapse;background:var(--surface)}th,td{border-bottom:1px solid var(--border);padding:12px 14px;text-align:left;vertical-align:middle}th{color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;background:var(--control-bg)}td{font-size:.93rem}tbody tr:hover td{background:var(--control-hover)}tbody tr.selectable-row{cursor:pointer}tbody tr.is-selected td,tbody tr.is-selected:hover td{background:var(--secondary-bg)}tr:last-child td{border-bottom:0}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.actions-cell{text-align:right}.empty-cell{height:88px;color:var(--muted);text-align:center}.edit-stack{display:grid;min-width:220px;gap:8px}.pagination,.pagination-pages{display:flex;align-items:center;gap:6px}.pagination{flex-wrap:nowrap}.pagination-pages{flex-wrap:wrap}.pagination-page{width:36px;height:36px;border:1px solid var(--border);border-radius:7px;color:var(--ghost-text);background:var(--control-bg);font-weight:800;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.pagination-page:hover{background:var(--control-hover)}.pagination-page.is-active,.pagination-page.is-active:hover{border-color:var(--primary);color:var(--primary-contrast);background:var(--primary)}.pagination-gap{min-width:24px;color:var(--muted);font-weight:800;text-align:center}.detail-list{display:grid;gap:12px;margin:0}.detail-list div{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:16px;align-items:center}.detail-list dt{color:var(--muted);font-size:.82rem;font-weight:700}.detail-list dd{min-width:0;margin:0;overflow-wrap:anywhere}.subscription-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.subscription-detail-block{display:grid;min-width:0;align-content:start;gap:12px}.subscription-detail-block h4{margin:0;color:var(--muted);font-size:.82rem;text-transform:uppercase}@media(max-width:720px){.pagination{width:100%;flex-wrap:wrap}.pagination-pages{min-width:0}.detail-list div{grid-template-columns:1fr;gap:4px}.subscription-detail-grid{grid-template-columns:1fr}}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:7px;font-weight:700;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.button{min-height:40px;gap:8px;padding:0 14px;white-space:nowrap}.button.primary{color:var(--primary-contrast);background:var(--primary)}.button.primary:hover{background:var(--primary-hover)}.button.secondary{border-color:var(--secondary-border);color:var(--secondary-text);background:var(--secondary-bg)}.button.secondary:hover{background:var(--secondary-hover)}.button.ghost{border-color:var(--border);color:var(--ghost-text);background:var(--ghost-bg)}.button.ghost:hover{background:var(--ghost-hover)}.button.danger-button{border-color:var(--danger-border);color:var(--danger-text);background:var(--danger-soft)}.button.danger-button:hover{background:var(--danger-border)}.button.full-width{width:100%}.icon-button{width:36px;height:36px;flex:0 0 36px;border-color:var(--border);color:var(--ghost-text);background:var(--control-bg)}.icon-button:hover{background:var(--control-hover)}.icon-button.success{border-color:var(--success-border);color:var(--success-text);background:var(--success-soft)}.icon-button.warning{border-color:var(--warning-border);color:var(--warning-text);background:var(--warning-soft)}.icon-button.danger{border-color:var(--danger-border);color:var(--danger-text);background:var(--danger-soft)}.button-row,.row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.row-actions{flex-wrap:nowrap;justify-content:flex-end}.notice{border-radius:7px;margin:0 0 14px;padding:10px 12px;font-size:.9rem;font-weight:650}.notice.success{border:1px solid var(--success-border);color:var(--success-text);background:var(--success-soft)}.notice.error{border:1px solid var(--danger-border);color:var(--danger-text);background:var(--danger-soft)}.notice.info{border:1px solid var(--secondary-border);color:var(--secondary-text);background:var(--secondary-bg)}.status-pill{display:inline-flex;min-height:24px;align-items:center;border-radius:999px;padding:0 10px;font-size:.78rem;font-weight:800;text-transform:capitalize;white-space:nowrap}.status-pill.success{color:var(--success-text);background:var(--success-soft)}.status-pill.warning{color:var(--warning-text);background:var(--warning-soft)}.status-pill.danger{color:var(--danger-text);background:var(--danger-soft)}.status-pill.neutral{color:var(--neutral-text);background:var(--neutral-soft)}.secret-panel{border-color:var(--accent-border)}.secret-list{display:grid;gap:12px}.secret-item{display:grid;gap:7px}.secret-label-row{display:flex;min-height:36px;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.82rem;font-weight:800}.monospace{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.84rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;overflow-y:auto;background:var(--modal-backdrop);padding:24px}.modal-panel{width:min(100%,620px);max-height:min(720px,calc(100vh - 48px));overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 24px 70px #00000057}.modal-header,.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px}.modal-header{border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:1rem}.modal-body{overflow-y:auto;max-height:calc(100vh - 190px);padding:18px}.modal-footer{justify-content:flex-end;border-top:1px solid var(--border);background:var(--modal-footer-bg)}.modal-form{display:grid;gap:14px}.date-time-picker{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:10px}.date-picker-trigger{width:100%;justify-content:flex-start;overflow:hidden}.date-picker-trigger span{overflow:hidden;text-overflow:ellipsis}.time-input{min-width:0}.shadcn-popover-content{z-index:70;width:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised);box-shadow:var(--shadow);padding:12px}.shadcn-calendar{color:var(--text)}.shadcn-calendar-months{display:flex}.shadcn-calendar-caption{position:relative;display:flex;min-height:34px;align-items:center;justify-content:center;margin-bottom:8px}.shadcn-calendar-caption-label{font-size:.9rem;font-weight:800}.shadcn-calendar-nav{display:flex;align-items:center;gap:4px}.shadcn-calendar-nav-button{position:absolute;top:0;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:7px;color:var(--ghost-text);background:var(--control-bg)}.shadcn-calendar-nav-button:hover{background:var(--control-hover)}.shadcn-calendar-nav-button-previous{left:0}.shadcn-calendar-nav-button-next{right:0}.shadcn-calendar-table{width:100%;min-width:0;border-collapse:collapse;background:transparent}.shadcn-calendar-table th,.shadcn-calendar-table td{width:38px;height:36px;border:0;padding:0;text-align:center}.shadcn-calendar-table th{color:var(--muted);background:transparent;font-size:.72rem;font-weight:800;text-transform:none}.shadcn-calendar-row:hover td{background:transparent}.shadcn-calendar-day{padding:1px}.shadcn-calendar-day-button{width:34px;height:34px;border:0;border-radius:7px;color:var(--text);background:transparent;font-weight:700}.shadcn-calendar-day-button:hover{background:var(--control-hover)}.shadcn-calendar-day-selected .shadcn-calendar-day-button,.shadcn-calendar-day-selected .shadcn-calendar-day-button:hover{color:var(--primary-contrast);background:var(--primary)}.shadcn-calendar-day-today .shadcn-calendar-day-button{outline:1px solid var(--accent-border)}.shadcn-calendar-day-outside .shadcn-calendar-day-button,.shadcn-calendar-day-disabled .shadcn-calendar-day-button{color:var(--muted);opacity:.48}.shadcn-alert-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:var(--modal-backdrop)}.shadcn-alert-content{position:fixed;top:50%;left:50%;z-index:81;width:min(calc(100vw - 32px),460px);transform:translate(-50%,-50%);border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 24px 70px #00000057;padding:20px}.shadcn-alert-header{display:grid;gap:10px}.shadcn-alert-title{margin:0;color:var(--text);font-size:1.05rem}.shadcn-alert-description{margin:0;color:var(--muted);font-size:.92rem}.shadcn-alert-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.confirm-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--warning-border);border-radius:8px;color:var(--warning-text);background:var(--warning-soft)}.theme-switch{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));height:36px;overflow:hidden;border:1px solid var(--border);border-radius:7px;background:var(--control-bg)}.theme-switch button{display:inline-flex;min-width:82px;align-items:center;justify-content:center;gap:6px;border:0;color:var(--muted);background:transparent;padding:0 10px;font-size:.8rem;font-weight:800}.theme-switch button:hover{background:var(--control-hover)}.theme-switch button.active{color:var(--primary-contrast);background:var(--primary)}@media(max-width:720px){.button,.theme-switch{width:100%}.account .theme-switch{width:auto}.modal-backdrop{align-items:end;padding:0}.modal-panel{max-height:92vh;border-radius:8px 8px 0 0}.modal-footer{flex-direction:column-reverse}.date-time-picker{grid-template-columns:1fr}.shadcn-alert-footer{flex-direction:column-reverse}}