:root{color:#1f2a35;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#edf5fb;font-family:Instrument Sans,Avenir Next,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button,input,textarea,select{font:inherit;box-sizing:border-box}button{cursor:pointer}.admin-root{--bg-main:#ecf5ff;--bg-accent:#dcedff;--bg-shell:#f8fbffb3;--surface-sidebar:#d6e8f8f0;--surface-card:#ffffffe0;--surface-card-strong:#f6fafffa;--surface-input:#fafcfff5;--text-main:#213243;--text-soft:#485d72;--text-faint:#62788d;--line-soft:#52759133;--line-strong:#52759157;--accent:#4a8fe0;--accent-strong:#326db0;--accent-soft:#4a8fe02e;--surface-control:#ffffff9e;--surface-control-strong:#ffffffe6;--shadow:0 24px 60px #4c769c26;--nav-active:#ffffffb3;--card-shadow-soft:0 12px 30px #55749114;--radius-shell:34px;--radius-card:24px;--radius-soft:18px;--radius-pill:999px;--space-xs:6px;--space-sm:10px;--space-md:14px;--space-lg:20px;--space-xl:28px;min-height:100vh;color:var(--text-main);background:radial-gradient(circle at top left, #badcffcc, transparent 28%), linear-gradient(180deg, var(--bg-main), #f5f9fd 100%);padding:18px}.admin-root[data-theme=green]{--bg-main:#eef8f3;--bg-accent:#deefe5;--bg-shell:#f8fcf9b8;--surface-sidebar:#dcece2f2;--surface-card:#ffffffe6;--surface-card-strong:#f5faf7fa;--surface-input:#fafdfbf5;--text-main:#24342d;--text-soft:#475b53;--text-faint:#62786d;--line-soft:#597a6c2e;--line-strong:#597a6c4d;--accent:#63a98a;--accent-strong:#4a856c;--accent-soft:#63a98a2e;--surface-control:#ffffff9e;--surface-control-strong:#ffffffe6;--shadow:0 24px 60px #688d7826;--nav-active:#ffffffb8;--card-shadow-soft:0 12px 30px #688d7814}.admin-root[data-theme=orange]{--bg-main:#fdf4ec;--bg-accent:#f7e4d6;--bg-shell:#fffaf6b8;--surface-sidebar:#f7e5d6f0;--surface-card:#ffffffe6;--surface-card-strong:#fdf8f3fa;--surface-input:#fffcf9f5;--text-main:#3a2d28;--text-soft:#634f47;--text-faint:#806b63;--line-soft:#8764552e;--line-strong:#8764554d;--accent:#d58b4d;--accent-strong:#b56f35;--accent-soft:#d58b4d2e;--surface-control:#ffffff9e;--surface-control-strong:#ffffffe6;--shadow:0 24px 60px #976f4e26;--nav-active:#ffffffb8;--card-shadow-soft:0 12px 30px #976f4e14}.app-shell,.login-shell{border-radius:var(--radius-shell);background:var(--bg-shell);min-height:calc(100vh - 36px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #fff9}.app-shell{grid-template-columns:260px minmax(0,1fr);display:grid;overflow:hidden}.sidebar,.workspace-shell,.screen-section,.screen-grid,.card,.sidebar-card,.list-row,.topbar,.section-head,.quiet-banner,.login-card{min-width:0}.sidebar{gap:var(--space-lg);background:var(--surface-sidebar);border-right:1px solid #ffffff80;grid-template-rows:auto auto auto 1fr;padding:20px;display:grid}.brand{align-items:center;gap:12px;display:flex}.brand-mark{width:44px;height:44px;color:var(--accent-strong);background:linear-gradient(145deg, #ffffffc7, var(--bg-accent));letter-spacing:.08em;border-radius:16px;place-items:center;font-weight:700;display:grid;box-shadow:inset 0 1px 1px #fffc}.brand h1,.topbar h2,.section-head h3,.login-header h1{letter-spacing:-.04em;margin:0;font-family:Manrope,Avenir Next,Segoe UI,Helvetica Neue,Arial,sans-serif}.brand h1{font-size:.98rem}.eyebrow,.section-kicker,.detail-item span,.field span,.tiny{color:var(--text-soft);font-size:.76rem}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.1em}.nav-list{gap:8px;display:grid}.nav-item,.theme-switcher button,.segmented-control button,.ghost-button,.primary-button{border:none;transition:background .2s,color .2s,border-color .2s,transform .2s}.nav-item{color:var(--text-soft);background:0 0;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:.95rem;display:flex}.nav-item.active{color:var(--text-main);background:var(--nav-active);box-shadow:inset 0 0 0 1px #ffffffb3}.sidebar-card,.card,.login-card{border-radius:var(--radius-card);background:var(--surface-card);box-shadow:var(--card-shadow-soft);border:1px solid #ffffffbf}.sidebar-card{padding:16px}.mini-stats{gap:12px;margin-top:14px;display:grid}.mini-stats strong{font-size:1.4rem;line-height:1;display:block}.mini-stats span{color:var(--text-soft);font-size:.84rem}.workspace-shell{gap:16px;min-width:0;padding:18px;display:grid}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;padding:6px 6px 2px;display:flex}.topbar h2{font-size:clamp(1.35rem,2.2vw,1.95rem)}.screen-section,.screen-grid{gap:14px;display:grid}.screen-grid-home{grid-template-columns:1.3fr .7fr}.screen-grid-wide{grid-template-columns:.78fr 1fr}.screen-grid-wide>:last-child{grid-column:1/-1}.screen-grid-stack{grid-template-columns:1fr;align-items:start}.screen-grid-stack>:last-child{grid-column:auto}.screen-grid-two{grid-template-columns:1fr 1fr}.card{padding:18px}.spacious-card{min-height:280px}.hero-title{letter-spacing:-.05em;margin:10px 0 0;font-size:clamp(1.7rem,3.3vw,2.35rem);line-height:1.02}.lead{max-width:60ch;color:var(--text-soft);margin:14px 0 0;font-size:.94rem;line-height:1.6}.lead.compact{max-width:48ch}.action-row,.section-head,.login-footer,.quiet-banner,.topbar-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.action-row{justify-content:flex-start;margin-top:20px}.quiet-banner{border-top:1px solid var(--line-soft);align-items:flex-start;margin-top:22px;padding-top:16px}.list{gap:10px;margin-top:14px;display:grid}.list-row{border-radius:var(--radius-soft);background:var(--surface-card-strong);border:1px solid var(--line-soft);text-align:left;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:12px 14px;display:flex}.list-row.selected{background:var(--accent-soft);border-color:var(--line-strong)}.list-row strong,.detail-item strong{display:block}.list-row span{color:var(--text-soft);font-size:.86rem}.list-row strong{font-size:.94rem}.pill{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent-soft) 72%, white);min-width:64px;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line-soft);justify-content:center;align-items:center;padding:6px 9px;font-size:.7rem;display:inline-flex}.pill.real,.pill.mock{background:var(--accent-soft)}.pill.disabled{color:#9a3b3b;background:#b45a5a1f}.theme-picker{gap:8px;display:grid;position:relative}.theme-trigger{border:1px solid var(--line-strong);background:var(--surface-control-strong);width:82px;height:32px;color:var(--text-main);text-align:center;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;line-height:1;display:inline-flex;box-shadow:0 8px 18px #0000000a}.theme-trigger.active{border-color:color-mix(in srgb, var(--text-main) 30%, white)}.theme-trigger-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-main);font-size:.75rem;font-weight:600;transform:translateY(-.5px)}.theme-options{z-index:20;grid-template-columns:82px;gap:6px;display:grid;position:absolute;top:0;right:calc(100% + 8px);transform:none}.theme-choice{border:1px solid var(--line-soft);background:var(--surface-control-strong);width:82px;height:32px;color:var(--text-main);text-align:center;text-transform:uppercase;letter-spacing:.08em;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 8px 18px #0000000a}.theme-choice-blue{color:#335270;background:linear-gradient(#f8fbff 0%,#edf5ff 100%);border-color:#5c88b23d}.theme-choice-green{color:#456457;background:linear-gradient(#fbfdfb 0%,#eef7f1 100%);border-color:#6289743d}.theme-choice-orange{color:#7b5740;background:linear-gradient(#fffaf6 0%,#f8ece1 100%);border-color:#a5744c3d}.theme-choice.active{border-color:var(--line-strong);background:color-mix(in srgb, var(--accent-soft) 45%, white)}.theme-switcher,.segmented-control{background:0 0;flex-wrap:wrap;gap:10px;max-width:100%;padding:0;display:flex}.theme-switcher button,.segmented-control button{border-radius:var(--radius-pill);background:var(--surface-control);color:var(--text-main);border:1px solid var(--line-soft);text-align:center;flex:0 auto;min-width:0;padding:10px 14px;font-weight:500}.theme-switcher button.active,.segmented-control button.active{color:var(--text-main);background:var(--surface-control-strong);border-color:var(--line-strong);box-shadow:0 1px #fffc,0 6px 18px #0000000a}.primary-button,.ghost-button,.icon-button{border-radius:12px;padding:10px 14px;font-size:.92rem}.primary-button{background:var(--accent);color:#fff}.ghost-button{color:var(--text-main);border:2px solid color-mix(in srgb, var(--line-strong) 70%, var(--text-main));background:0 0}.icon-button{background:var(--surface-control-strong);width:40px;height:40px;color:var(--text-main);border:3px solid color-mix(in srgb, var(--text-main) 46%, white);border-radius:999px;flex:0 0 40px;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:0 8px 18px #0000000a}.icon-button:hover{background:color-mix(in srgb, var(--surface-control-strong) 88%, var(--accent-soft));border-color:color-mix(in srgb, var(--text-main) 34%, white)}.power-icon{width:22px;height:22px;display:block;transform:translate(.35px,.7px)}.topbar-actions .icon-button{border:1px solid color-mix(in srgb, #9a3b3b 50%, var(--line-strong));background:color-mix(in srgb, #9a3b3b 15%, var(--surface-control-strong));border-radius:8px;flex:0 0 32px;width:32px;height:32px}.topbar-actions .icon-button:hover{background:color-mix(in srgb, #9a3b3b 20%, var(--surface-control-strong));border-color:color-mix(in srgb, #9a3b3b 60%, var(--line-strong))}.topbar-actions .power-icon{width:18px;height:18px;transform:none}.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}.outline-block{gap:12px;margin-top:18px;display:grid}.outline-part{border-radius:var(--radius-soft);background:var(--surface-card-strong);padding:14px}.outline-part ul{color:var(--text-soft);margin:10px 0 0;padding-left:20px}.reading-block{border-radius:var(--radius-soft);background:var(--surface-card-strong);color:var(--text-main);margin-top:18px;padding:18px;line-height:1.75}.compact-block{margin-bottom:18px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.detail-item{border-radius:var(--radius-soft);background:var(--surface-card-strong);padding:12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.page-chip{border:1px solid var(--line-soft);background:var(--surface-card-strong);min-width:38px;height:38px;color:var(--text-main);border-radius:12px;padding:0 10px}.page-chip.active{background:var(--accent-soft);border-color:var(--line-strong);color:var(--accent-strong)}.field{gap:8px;display:grid}.field-wide{grid-column:1/-1}.field input,.field textarea,.field select{border:1px solid var(--line-soft);background:var(--surface-input);width:100%;color:var(--text-main);appearance:none;border-radius:12px;padding:10px 12px;box-shadow:inset 0 1px #ffffffbf}.field input::placeholder,.field textarea::placeholder{color:var(--text-faint)}.login-shell{place-items:center;padding:20px;display:grid}.login-card{width:min(560px,100%);padding:24px}.login-header{grid-template-columns:auto 1fr;align-items:start;gap:14px;display:grid}.login-header h1{margin-top:6px;font-size:clamp(1.7rem,4vw,2.3rem)}.login-footer{grid-column:1/-1;margin-top:18px}@media (width<=1100px){.screen-grid-home,.screen-grid-wide,.screen-grid-two{grid-template-columns:1fr}.screen-grid-wide>:last-child{grid-column:auto}}@media (width<=1280px){.screen-grid-home{grid-template-columns:1fr}}@media (width<=880px){.admin-root{padding:12px}.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #ffffff8c;border-right:none}.topbar,.section-head,.login-footer,.quiet-banner,.topbar-actions{flex-direction:column;align-items:flex-start}.detail-grid{grid-template-columns:1fr}.theme-options{grid-template-columns:1fr;width:100%;position:static}.theme-trigger,.theme-choice{width:100%}}@media (width<=520px){.form-grid{grid-template-columns:1fr}}.screen-grid-admins{--admin-list-column-email:31%;--admin-list-column-name:13%;--admin-list-column-role:11%;--admin-list-column-phone:14%;--admin-list-column-status:13%;--admin-list-column-last-login:18%}.admin-list-card{align-content:start;display:grid}.screen-grid-admins .card:last-child{max-width:none}.admin-list-table th:first-child,.admin-list-table td:first-child{width:var(--admin-list-column-email)}.admin-list-table .admin-row-link{color:inherit;font:inherit;text-align:left;background:0 0;border:none;padding:0;text-decoration:none}.admin-list-table .admin-row-link:hover,.admin-list-table .admin-row-link:focus-visible{text-decoration:underline}.admin-list-table tbody tr{cursor:default}.admin-list-table th:nth-child(2),.admin-list-table td:nth-child(2){width:var(--admin-list-column-name)}.admin-list-table th:nth-child(3),.admin-list-table td:nth-child(3){width:var(--admin-list-column-role)}.admin-list-table th:nth-child(4),.admin-list-table td:nth-child(4){width:var(--admin-list-column-phone)}.admin-list-table th:nth-child(5),.admin-list-table td:nth-child(5){width:var(--admin-list-column-status)}.admin-list-table th:nth-child(6),.admin-list-table td:nth-child(6){width:var(--admin-list-column-last-login)}.admin-form-error{color:var(--color-danger,#c0392b);margin-bottom:.5rem}.admin-form-error-top{margin-top:8px}:root{--list-table-row-min-height:46px;--list-toolbar-gap:12px;--list-section-gap:14px}.list-toolbar{gap:var(--list-toolbar-gap);grid-template-columns:minmax(0,1fr) minmax(112px,160px);align-items:end;margin-top:16px;display:grid}.list-meta{margin-top:var(--list-section-gap);flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.list-table-shell{margin-top:var(--list-section-gap);border-radius:var(--radius-soft);border:1px solid var(--line-soft);background:var(--surface-card-strong);overflow:auto}.list-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:720px}.list-table th,.list-table td{text-align:left;border-bottom:1px solid var(--line-soft);vertical-align:top;padding:12px 14px;font-size:.88rem}.list-table td{overflow-wrap:anywhere}.list-table th{background:color-mix(in srgb, var(--surface-card-strong) 92%, white)}.list-sort-button{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;text-align:left;background:0 0;border:none;justify-content:flex-start;align-items:center;gap:6px;padding:0;font-size:.74rem;font-weight:700;display:inline-flex}.list-sort-button.active{color:var(--text-main)}.list-sort-button:disabled{cursor:default;color:var(--text-soft);opacity:.72}.list-sort-arrow{width:10px;color:var(--accent-strong);opacity:0;justify-content:center;align-items:center;display:inline-flex}.list-sort-button.active .list-sort-arrow{opacity:1}.list-sort-icon{opacity:1;width:14px}.list-table tbody tr{cursor:pointer;transition:background .2s}.list-table tbody tr:hover{background:color-mix(in srgb, var(--accent-soft) 35%, white)}.list-table tbody tr.selected{background:color-mix(in srgb, var(--accent-soft) 58%, white)}.list-table tbody tr:last-child td{border-bottom:none}.list-table-message-row td{text-align:center;border-bottom:none;padding:32px 18px}.list-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.boolean-state-pill.disabled{background:color-mix(in srgb, var(--surface-card-strong) 70%, #d84f61 30%);color:#8b2130}@media (width<=880px){.list-toolbar{grid-template-columns:1fr 1fr}.list-toolbar-search{grid-column:1/-1}.list-meta,.list-pagination{flex-direction:column;align-items:flex-start}}@media (width<=520px){.list-toolbar{grid-template-columns:1fr}.list-toolbar-search{grid-column:auto}.list-table{min-width:0}.list-table thead{display:none}.list-table tbody,.list-table tr,.list-table td{width:100%;display:block}.list-table tbody tr{border-bottom:1px solid var(--line-soft);padding:12px 14px}.list-table td{border:none;padding:0}.list-table td+td{margin-top:8px}.list-table td:before{content:attr(data-label);color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:.72rem;display:block}}