:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f6f6f4;--panel:#fff;--panel-soft:#f0f0ed;--text:#111;--muted:#666;--line:#deded9;--accent:#111;--public-accent:#73c245;--danger:#c93232;--warn:#9a7114;--radius:8px;background:#f6f6f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);gap:16px;width:min(420px,100%);padding:28px;display:grid;box-shadow:0 24px 80px #00000014}.login-panel h1,.topbar h1,.panel h2{letter-spacing:0;margin:0}.login-panel p{color:var(--muted);margin:0}.brand-mark{color:#fff;background:#111;border-radius:6px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}label{color:var(--muted);gap:7px;font-size:13px;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;min-height:38px;color:var(--text);background:#fff;border-radius:6px;outline:none;padding:8px 10px}textarea{resize:vertical;min-height:84px}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary-button,.button{border:1px solid var(--line);min-height:36px;color:var(--text);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;text-decoration:none;display:inline-flex}.primary-button{color:#fff;background:#111;border-color:#111}.button.danger{color:var(--danger);border-color:#c9323259}.button svg,.primary-button svg{flex:none}.as-link{width:fit-content}.admin-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:24px;height:100vh;padding:20px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:12px;display:flex}.sidebar-brand span,.compact-row span,.data-table span{color:var(--muted);font-size:12px;display:block}.sidebar nav{gap:4px;display:grid}.nav-item{color:#333;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;min-height:42px;padding:0 10px;display:flex}.nav-item.active{color:#fff;background:#111}.content-shell{grid-template-rows:auto 1fr;min-width:0;display:grid}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6f6f4e0;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:18px 28px;display:flex;position:sticky;top:0}.section-kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.topbar-user{color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.icon-button{border:1px solid var(--line);color:#111;background:#fff;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.content{min-width:0;padding:28px}.stack{gap:18px;display:grid}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.kpi-card,.panel,.detail-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.kpi-card{gap:8px;min-height:96px;padding:16px;display:grid}.kpi-card span{color:var(--muted);text-transform:uppercase;font-size:12px}.kpi-card strong{font-size:clamp(22px,3vw,36px);line-height:1}.kpi-card em{color:var(--muted);font-size:12px;font-style:normal}.revenue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.toolbar-row h2{margin:0}.toolbar-row select{width:min(220px,100%)}.two-columns{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px;display:grid}.panel,.detail-panel{min-width:0;overflow:hidden}.detail-panel{max-height:calc(100vh - 124px);overflow-y:auto}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:14px 16px;display:flex}.filters,.button-row,.row-actions,.pager{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.panel-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.list-summary,.pager span,.detail-section small{color:var(--muted);font-size:12px}.segmented{border:1px solid var(--line);background:#fff;border-radius:8px;gap:4px;width:fit-content;padding:4px;display:inline-flex}.segmented button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.segmented button.active{color:#fff;background:#111}.search-box{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:8px;min-width:220px;padding:0 9px;display:flex}.search-box input{border:0;padding-inline:0}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:12px 16px}.data-table th{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover,.selected-row{background:var(--panel-soft)}.badge{border:1px solid var(--line);color:#333;text-transform:uppercase;background:#fff;border-radius:999px;align-items:center;min-height:22px;margin-right:4px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.badge-good{color:#2f6e18;border-color:#73c24599}.badge-warn{color:var(--warn);border-color:#9a711473}.badge-danger{color:var(--danger);border-color:#c932326b}.split-view{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:18px;display:grid}.detail-panel{gap:14px;padding:0 16px 16px;display:grid;position:sticky;top:104px}.detail-panel .panel-header{margin-inline:-16px}.detail-section{border-top:1px solid var(--line);gap:6px;padding-top:12px;display:grid}.detail-section h3,.detail-section p{margin:0}.detail-line{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.detail-line>div,.compact-row>div,.mini-row span{min-width:0}.detail-line span,.mini-row span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.compact-list,.bar-list,.mini-list{display:grid}.compact-row,.bar-row,.mini-row{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 16px;display:grid}.mini-row{color:inherit;text-decoration:none}.bar-row{grid-template-columns:minmax(0,1fr) auto}.trend-chart{grid-template-columns:repeat(auto-fit,minmax(10px,1fr));align-items:end;gap:6px;min-height:260px;padding:18px 16px 12px;display:grid}.trend-bar{grid-template-rows:minmax(0,1fr) auto;align-items:end;gap:7px;min-width:0;height:220px;display:grid}.trend-bar span{background:#111;border-radius:4px 4px 0 0;width:100%;display:block}.trend-bar small{color:var(--muted);text-align:center;font-size:10px}.compact-row strong,.bar-row span,.data-table strong,.data-table a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compact-row em{color:var(--muted);font-size:12px;font-style:normal}.empty-state{color:var(--muted);text-align:center;padding:28px 16px}.warning-banner,.form-error,.inline-notice{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:6px;padding:10px 12px}.form-error{color:var(--danger);border-color:#c932326b}.inline-notice{margin:10px 16px}.warning-banner{color:var(--warn);border-color:#9a711459}.loader{border:2px solid #00000029;border-top-color:#111;border-radius:50%;width:22px;height:22px;margin:28px auto;animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:40;background:#00000080;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.preview-modal{border-radius:var(--radius);background:#fff;grid-template-rows:auto minmax(0,1fr);width:min(920px,100%);max-height:min(760px,92vh);display:grid;overflow:hidden}.metadata-modal{border-radius:var(--radius);background:#fff;grid-template-rows:auto minmax(0,1fr);width:min(760px,100%);max-height:min(700px,90vh);display:grid;overflow:hidden}.metadata-modal header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.metadata-modal pre{color:#f6f6f4;white-space:pre-wrap;background:#111;margin:0;padding:16px;font-size:12px;line-height:1.5;overflow:auto}.preview-modal header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.preview-modal header span{color:var(--muted);font-size:12px;display:block}.preview-body{background:#f7f7f5;place-items:center;min-height:360px;padding:16px;display:grid}.preview-body img,.preview-body video,.preview-body iframe{object-fit:contain;border:0;width:100%;max-height:680px}.preview-body audio{width:min(520px,100%)}.mobile-tabs{display:none}@media (width<=1100px){.admin-shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:18px 14px 86px}.topbar{padding:14px}.kpi-grid,.two-columns,.split-view{grid-template-columns:1fr}.detail-panel{max-height:none;position:static}.mobile-tabs{z-index:30;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-radius:10px;grid-template-columns:repeat(7,1fr);gap:4px;padding:6px;display:grid;position:fixed;bottom:10px;left:10px;right:10px;box-shadow:0 18px 60px #00000029}.mobile-tab{color:#555;background:0 0;border:0;border-radius:7px;place-items:center;min-height:42px;display:grid}.mobile-tab.active{color:#fff;background:#111}}@media (width<=760px){.topbar-user span{display:none}.panel-header{flex-direction:column;align-items:stretch}.filters,.search-box,.filters input,.filters select{width:100%;min-width:0}.panel-footer{flex-direction:column;align-items:stretch}.pager{justify-content:space-between;width:100%}.data-table{white-space:nowrap;display:block;overflow-x:auto}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.revenue-grid{grid-template-columns:1fr}.toolbar-row{flex-direction:column;align-items:stretch}}