:root{color-scheme:light;--admin-bg: #f9f9ff;--surface: #ffffff;--surface-muted: #f4f6fb;--ink: #181c21;--ink-muted: #414752;--ink-soft: #5c5f61;--line: #e0e2ea;--line-strong: #cfd4df;--primary: #1976d2;--primary-strong: #005dac;--success: #2e7d32;--warning: #f9a825;--danger: #c62828;--info: #0277bd;--sidebar-width: 260px;--topbar-height: 64px;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--admin-bg);color:var(--ink);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;letter-spacing:0}button,input,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(25,118,210,.28);outline-offset:2px}a{color:var(--primary-strong);text-decoration:none}.btn{align-items:center;border:1px solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;min-height:40px;padding:0 14px;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.btn:disabled{cursor:not-allowed;opacity:.54}.btn:not(:disabled):active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-strong)}.btn-light{background:#fff;border-color:var(--line);color:var(--ink-muted)}.btn-light:hover{border-color:var(--line-strong);color:var(--ink)}.admin-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);min-height:100vh;padding:18px 14px;position:sticky;top:0;z-index:30}.sidebar .brand{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:10px;margin-bottom:14px;padding:2px 8px 18px}.sidebar .brand img{border-radius:8px;height:38px;width:38px}.sidebar .brand strong{color:var(--ink);display:block;font-size:20px;line-height:1.15}.sidebar .brand span{color:var(--ink-soft);font-size:12px;font-weight:700;text-transform:uppercase}.sidebar nav{display:grid;gap:4px}.sidebar a{align-items:center;border-radius:8px;color:var(--ink-muted);display:flex;font-weight:700;gap:10px;min-height:42px;padding:0 10px}.sidebar a svg{color:var(--ink-soft);flex:0 0 auto}.sidebar a:hover{background:var(--surface-muted);color:var(--ink)}.sidebar a.active{background:#1976d21a;color:var(--primary-strong)}.sidebar a.active svg{color:var(--primary-strong)}.shell-main{min-width:0}.topbar{align-items:center;background:#fffffff5;border-bottom:1px solid var(--line);display:grid;gap:14px;grid-template-columns:auto minmax(120px,1fr) minmax(220px,360px) auto auto auto auto;height:var(--topbar-height);padding:0 24px;position:sticky;top:0;z-index:20}.topbar h2{font-size:18px;line-height:1.2;margin:0}.topbar select{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink-muted);height:38px;padding:0 10px}.nav-toggle{background:transparent;border:0;color:var(--ink-muted);cursor:pointer;display:none;padding:8px}.global-search,.search-input{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink-soft);display:flex;gap:8px;min-height:40px;padding:0 12px}.global-search input,.search-input input{background:transparent;border:0;color:var(--ink);min-width:0;outline:0;width:100%}.top-icon,.icon-action,.modal-close{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink-muted);cursor:pointer;display:inline-flex;height:38px;justify-content:center;position:relative;width:38px}.top-icon:hover,.icon-action:hover,.modal-close:hover{border-color:var(--line-strong);color:var(--ink)}.top-icon span{background:var(--danger);border-radius:999px;height:8px;position:absolute;right:9px;top:8px;width:8px}.profile{align-items:center;background:var(--primary);border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:800;height:36px;justify-content:center;width:36px}main{display:grid;gap:22px;margin:0 auto;max-width:1180px;padding:28px 28px 40px}.page-header{align-items:flex-start;display:flex;gap:18px;justify-content:space-between}.page-header h1{font-size:36px;line-height:1.08;margin:0 0 8px}.page-header p{color:var(--ink-soft);font-size:15px;line-height:1.45;margin:0;max-width:720px}.page-header .eyebrow{color:var(--primary-strong);font-size:12px;font-weight:800;margin:0 0 8px;text-transform:uppercase}.page-actions{align-items:center;display:flex;flex:0 0 auto;gap:10px}.kpi-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-card,.panel,.table-card,.login-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px}.kpi-card{display:grid;gap:12px;min-height:128px;padding:18px}.kpi-card strong{font-size:28px;line-height:1}.kpi-card small,.kpi-card span{color:var(--ink-soft)}.kpi-card small.good{color:var(--success)}.kpi-card small.bad{color:var(--danger)}.kpi-top{align-items:center;display:flex;justify-content:space-between}.kpi-top>span{font-size:12px;font-weight:800;text-transform:uppercase}.kpi-icon{align-items:center;background:#1976d21a;border-radius:8px;color:var(--primary-strong);display:inline-flex;height:34px;justify-content:center;width:34px}.chart-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr)}.panel{padding:20px}.panel h2{font-size:20px;line-height:1.2;margin:0}.panel-heading{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px}.panel-heading span{color:var(--ink-soft);font-size:13px}.bar-chart{align-items:end;display:grid;gap:10px;grid-template-columns:repeat(14,minmax(22px,1fr));height:230px;padding-top:12px}.bar-chart div{align-items:center;display:grid;gap:8px;grid-template-rows:minmax(30px,1fr) auto;height:100%}.bar-chart span{align-self:end;background:linear-gradient(180deg,var(--primary),var(--primary-strong));border-radius:7px 7px 3px 3px;display:block;min-height:10px;width:100%;height:var(--value)}.bar-chart small{color:var(--ink-soft);font-size:11px;text-align:center}.donut{align-items:center;aspect-ratio:1;background:radial-gradient(circle at center,#ffffff 0 56%,transparent 57%),conic-gradient(var(--warning) 0 var(--pending),var(--success) var(--pending) 100%);border-radius:999px;display:flex;flex-direction:column;justify-content:center;margin:8px auto 18px;max-width:210px}.donut strong{font-size:34px}.donut span{color:var(--ink-soft);font-weight:700}.legend-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.legend-row span{align-items:center;color:var(--ink-muted);display:inline-flex;gap:6px}.legend-row i{border-radius:999px;display:inline-block;height:10px;width:10px}.legend-row .legend-ok{background:var(--success)}.legend-row .legend-alert{background:var(--warning)}.attention-panel{display:grid;gap:12px}.attention-item{border-left:4px solid var(--line-strong);border-radius:8px;padding:14px 16px}.attention-item strong{display:block;margin-bottom:4px}.attention-item p{color:var(--ink-soft);margin:0}.attention-item.danger{background:#c6282814;border-color:var(--danger)}.attention-item.warning{background:#f9a8251f;border-color:var(--warning)}.attention-item.success{background:#2e7d3214;border-color:var(--success)}.filter-bar{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(240px,1fr) auto}.table-card{overflow:hidden}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:920px;width:100%}table th,table td{border-bottom:1px solid var(--line);padding:13px 16px;text-align:left;vertical-align:middle;white-space:nowrap}table th{background:#fbfcff;color:var(--ink-soft);font-size:12px;font-weight:800;text-transform:uppercase}table td{color:var(--ink-muted)}table tbody tr:hover{background:#fbfcff}.legal-page{color:var(--ink);margin:0 auto;max-width:860px;padding:40px 24px 64px}.legal-page header{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:16px;margin-bottom:28px;padding-bottom:24px}.legal-page header img{border-radius:12px;height:64px;width:64px}.legal-page header p{color:var(--ink-soft);font-size:13px;font-weight:800;margin:0 0 4px;text-transform:uppercase}.legal-page header h1{font-size:34px;line-height:1.1;margin:0}.legal-page section{display:grid;gap:14px}.legal-page h2{font-size:18px;margin:18px 0 0}.legal-page p,.legal-page li{color:var(--ink-muted);font-size:16px;line-height:1.65}.legal-page a{color:var(--primary);font-weight:800}.legal-page .legal-updated{color:var(--ink-soft);font-size:13px;margin-top:20px}.status-badge{align-items:center;background:#eef1f6;border-radius:999px;color:var(--ink-muted);display:inline-flex;font-size:12px;font-weight:800;min-height:26px;padding:0 10px}.status-badge.success{background:#2e7d321a;color:var(--success)}.status-badge.info{background:#0277bd1a;color:var(--info)}.status-badge.warning{background:#f9a82529;color:#8a5d00}.status-badge.danger{background:#c628281a;color:var(--danger)}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.pagination span{color:var(--ink-soft);margin-right:auto}.empty-state,.error-state{align-items:center;color:var(--ink-soft);display:grid;justify-items:center;min-height:190px;padding:28px;text-align:center}.empty-state h3,.error-state h3{color:var(--ink);margin:10px 0 4px}.empty-state p,.error-state p{margin:0}.error-state{align-items:center;background:#c6282814;border:1px solid rgba(198,40,40,.18);border-radius:8px;color:var(--danger);display:flex;justify-content:flex-start;min-height:56px;text-align:left}.skeleton-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.skeleton-grid span{animation:pulse 1.25s ease-in-out infinite;background:linear-gradient(90deg,#eef1f6,#f7f8fc 46%,#eef1f6);border-radius:8px;height:124px}@keyframes pulse{0%{opacity:.65}50%{opacity:1}to{opacity:.65}}.detail-hero{align-items:center;display:flex;gap:20px;justify-content:space-between}.detail-hero h2{font-size:24px;margin:10px 0 4px}.detail-hero p{color:var(--ink-soft);margin:0}.detail-meta{display:grid;gap:6px;min-width:240px;text-align:right}.detail-meta span{color:var(--ink-soft);font-size:12px;font-weight:800;text-transform:uppercase}.detail-meta code{background:var(--surface-muted);border-radius:8px;color:var(--ink-muted);overflow-wrap:anywhere;padding:10px}.tabs-panel{display:grid;gap:16px}.tabs{border-bottom:1px solid var(--line);display:flex;gap:4px;overflow-x:auto}.tabs button{background:transparent;border:0;border-bottom:3px solid transparent;color:var(--ink-soft);cursor:pointer;font-weight:800;padding:12px 16px;white-space:nowrap}.tabs button.active{border-color:var(--primary);color:var(--primary-strong)}.settings-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-form,.admin-actions{display:grid;gap:16px}.admin-form h2,.admin-actions h2{font-size:18px}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.compact{align-items:end;grid-template-columns:minmax(220px,1fr) auto auto auto}.form-grid label{color:var(--ink-muted);display:grid;font-weight:800;gap:7px}.form-grid input,.form-grid select{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:40px;padding:0 10px}.form-grid .check-row{align-items:center;display:flex;gap:8px;min-height:40px}.form-grid .check-row input{min-height:auto;width:auto}.form-actions{display:flex;flex-wrap:wrap;gap:10px}.action-message{background:#1976d214;border:1px solid rgba(25,118,210,.18);border-radius:8px;color:var(--primary-strong);font-weight:800;margin:0;padding:12px 14px}.settings-list,.photo-meta dl{display:grid;gap:12px}.settings-list div,.photo-meta dl div{align-items:start;border-bottom:1px solid var(--line);display:grid;gap:10px;grid-template-columns:minmax(120px,.42fr) minmax(0,1fr);padding-bottom:12px}.settings-list dt,.photo-meta dl dt{color:var(--ink-soft);font-size:12px;font-weight:800;text-transform:uppercase}.settings-list dd,.photo-meta dl dd{color:var(--ink-muted);margin:0;overflow-wrap:anywhere}.modal-backdrop{align-items:center;background:#181c2194;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:60}.photo-modal{background:#fff;border-radius:8px;display:grid;gap:20px;grid-template-columns:minmax(300px,.95fr) minmax(300px,.75fr);max-height:min(760px,100vh - 48px);max-width:1040px;overflow:auto;padding:20px;position:relative;width:min(100%,1040px)}.modal-close{height:34px;padding:0 12px;position:absolute;right:16px;top:16px;width:auto}.photo-stage{align-items:center;aspect-ratio:4/3;background:linear-gradient(135deg,#1976d22e,#2e7d321f),#eef1f6;border-radius:8px;color:var(--primary-strong);display:flex;font-size:64px;font-weight:900;justify-content:center;min-height:300px;overflow:hidden}.photo-stage img{height:100%;object-fit:contain;width:100%}.photo-stage.has-image span{display:none}.photo-meta{padding-right:20px}.photo-meta h2{font-size:22px;margin:0 0 12px;padding-right:78px;overflow-wrap:anywhere}.photo-meta p{color:var(--ink-muted);line-height:1.55}.login-screen{align-items:center;background:linear-gradient(180deg,#f9f9fff0,#f9f9fffa),url(/icon-512.png) center/220px no-repeat;display:flex;justify-content:center;min-height:100vh;padding:24px}.login-panel{display:grid;gap:16px;max-width:420px;padding:30px;width:100%}.login-panel .brand-mark{align-items:center;background:transparent;border-radius:8px;display:inline-flex;height:56px;justify-content:center;overflow:hidden;width:56px}.login-panel .brand-mark img{display:block;height:56px;width:56px}.login-panel h1{font-size:28px;line-height:1.15;margin:0}.login-panel p{color:var(--ink-soft);margin:0}.login-panel label{color:var(--ink-muted);display:grid;font-weight:800;gap:8px}.login-panel .google-login-slot{display:flex;min-height:44px}.login-panel .login-divider{align-items:center;color:var(--ink-soft);display:grid;font-size:12px;font-weight:800;gap:10px;grid-template-columns:1fr auto 1fr;text-transform:uppercase}.login-panel .login-divider:before,.login-panel .login-divider:after{background:var(--line);content:"";height:1px}.login-panel input{border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:42px;padding:0 12px}.login-panel .error-copy{color:var(--danger);font-weight:700}@media(max-width:1100px){.kpi-grid,.dashboard-kpis,.skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid,.settings-grid{grid-template-columns:1fr}.topbar{grid-template-columns:auto minmax(100px,1fr) minmax(160px,260px) auto auto auto}.topbar select{display:none}}@media(max-width:860px){.admin-shell{grid-template-columns:1fr}.sidebar{box-shadow:0 22px 60px #181c2129;height:100vh;left:0;position:fixed;transform:translate(-105%);transition:transform .18s ease;width:var(--sidebar-width)}.admin-shell.nav-open .sidebar{transform:translate(0)}.nav-toggle{display:inline-flex}.topbar{grid-template-columns:auto minmax(80px,1fr) auto auto auto;padding:0 14px}.topbar .global-search{display:none}main{padding:22px 16px 34px}.page-header{display:grid}.page-header h1{font-size:30px}.page-actions{flex-wrap:wrap}.photo-modal{grid-template-columns:1fr}}@media(max-width:620px){.kpi-grid,.dashboard-kpis,.skeleton-grid,.filter-bar{grid-template-columns:1fr}.detail-hero{align-items:flex-start;display:grid}.detail-meta{min-width:0;text-align:left}.settings-list div,.form-grid,.form-grid.compact,.photo-meta dl div{grid-template-columns:1fr}.bar-chart{gap:6px;grid-template-columns:repeat(7,minmax(22px,1fr));overflow-x:auto}}