/* AULIX STUDIO v5.3 – compact administration, scoped to the admin page. */
.admin-page { --bg:#f3f4f2; --line:#e2e4df; --radius:16px; --muted:#646a60; background:var(--bg); }
.admin-page .dashboard-content { width:min(1360px,calc(100% - 64px)); padding:0 0 28px; }
.admin-page .admin-topbar { position:static; padding:17px 32px; background:#171a16; border:0; }
.admin-page .brand-copy strong { font-size:14px; font-weight:500; color:#c8cec4; }
.admin-page .brand-copy span { letter-spacing:.16em; }
.admin-page .brand-logo { width:132px; }
.admin-page .admin-userbox { flex-wrap:wrap; justify-content:flex-end; }
.admin-nav { display:flex; gap:28px; border-bottom:1px solid #daddd6; margin-bottom:30px; overflow-x:auto; }
.admin-nav button { padding:22px 0 18px; border:0; border-bottom:3px solid transparent; background:transparent; color:#6c7267; white-space:nowrap; font-weight:650; font-size:14px; }
.admin-nav button span { font-size:10px; margin-right:6px; opacity:.5; }
.admin-nav button[aria-current="page"] { color:#161a14; border-color:#abb200; }
.page-intro { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:24px; }
.page-intro h1 { font-size:32px; letter-spacing:-.045em; margin:8px 0; font-weight:750; }
.page-intro p { margin:0; color:var(--muted); font-size:14px; line-height:1.5; }
.admin-page .section-kicker { color:#767c70; font-size:10px; letter-spacing:.14em; }
.admin-page .primary-button { background:#e8ee57; color:#222610; border:1px solid #d9df46; border-radius:10px; box-shadow:none; padding:12px 18px; font-weight:750; }
.admin-page .primary-button:hover { background:#dae440; }
.admin-page .secondary-button { border-radius:9px; padding:10px 14px; font-size:12px; font-weight:650; }
.admin-page button:disabled { opacity:.5; cursor:wait; }
.admin-page :is(button,a,summary,input,select):focus-visible { outline:3px solid #7a8600; outline-offset:3px; }
.admin-page .filter-card { padding:20px 24px 16px; box-shadow:none; margin-bottom:22px; }
.admin-page .filter-header { align-items:center; gap:12px; }
.admin-page .filter-header h2 { font-size:14px; }
.admin-page .filter-header p { font-size:12px; margin-top:4px; }
.admin-page .quick-filters { gap:4px; }
.admin-page .quick-filters button { border:0; background:#f4f5f1; color:#61665c; padding:8px 10px; font-size:11px; }
.admin-page .quick-filters button[aria-pressed="true"] { background:#e8ee57; color:#212611; }
.admin-page .simple-filter-grid { grid-template-columns:1fr 1fr 1.6fr; margin-top:18px; gap:16px; }
.admin-page label { font-size:12px; color:#50564a; }
.admin-page :is(input,select) { border-radius:9px; min-height:42px; background:#fafbf8; border-color:#dfe3d9; color:#1e251a; }
.advanced-filters { margin-top:14px; border-top:1px solid #edf0e7; padding-top:12px; }
.advanced-filters summary,.data-details summary { cursor:pointer; font-size:12px; font-weight:650; color:#535b49; padding:4px 0; }
.advanced-filters summary span { margin-left:8px; padding:3px 7px; border-radius:6px; background:#eef2c0; font-size:10px; }
.advanced-filter-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:14px; }
.advanced-filters p { font-size:12px; color:var(--muted); line-height:1.5; }
.admin-page .filter-actions { margin-top:14px; flex-wrap:wrap; }
.admin-page .load-state { font-size:11px; line-height:1.5; }
.admin-page .stats-grid { grid-template-columns:repeat(auto-fit,minmax(175px,1fr)); gap:12px; margin:0 0 22px; }
.admin-page .stat-card { padding:19px; min-height:140px; border-radius:14px; }
.admin-page .stat-card::after { display:none; }
.admin-page .stat-card:first-child { background:#20281b; border-color:#20281b; color:white; }
.admin-page .stat-card:first-child .stat-label { color:#c6d0bf; }
.admin-page .stat-card:first-child .stat-note { color:#aebfa1; }
.admin-page .stat-card:first-child .stat-value { color:#ebf26e; }
.admin-page .stat-label { font-size:11px; font-weight:600; }
.admin-page .stat-value { font-size:38px; margin-top:15px; }
.admin-page .stat-note { color:#747d6c; font-size:10px; line-height:1.5; }
.admin-page .panel { border-radius:16px; box-shadow:none; }
.admin-page .panel-heading h2 { font-size:16px; letter-spacing:-.02em; }
.admin-page .charts-grid { grid-template-columns:minmax(0,1.6fr) minmax(360px,1fr); gap:20px; }
.admin-page .comparison-charts-grid { grid-template-columns:1fr 1fr; }
.admin-page .daily-chart { height:250px; }
.admin-page .daily-bar { background:#b5c167; border-radius:4px 4px 0 0; }
.admin-page .daily-bar:hover { background:#8b9b37; }
.admin-page .donut-layout { min-height:270px; gap:20px; grid-template-columns:minmax(130px,170px) 1fr; }
.admin-page .donut-chart::after { font-size:23px; }
.admin-page .legend-name { font-size:11px; color:#59634e; }
.overview-footer { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.overview-footer p { font-size:12px; color:var(--muted); }
.records-toolbar { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:16px; flex-wrap:wrap; }
.record-tabs { display:flex; gap:4px; flex-wrap:wrap; padding:4px; background:#e7eae3; border-radius:11px; }
.record-tabs button { background:transparent; border:0; border-radius:8px; font-size:12px; color:#67705d; padding:9px 12px; }
.record-tabs button[aria-pressed="true"] { background:white; color:#1f2718; box-shadow:0 2px 5px #1825120a; }
.admin-page .table-panel { padding:0; margin-top:0; }
.admin-page .table-wrap { max-height:540px; }
.admin-page th { background:#f6f8f2; color:#707963; font-size:10px; text-transform:none; letter-spacing:0; }
.admin-page td { font-size:12px; padding:14px 16px; }
.admin-page tbody tr:nth-child(even) { background:#fafbf8; }
.admin-page tbody tr:hover { background:#f0f4e6; }
.admin-page .table-note { font-size:11px; }
.admin-page .comparison-panel { margin-bottom:20px; }
.admin-page .comparison-grid { margin-top:20px; }
.admin-page .historical-import-panel { background:white; margin-top:20px; }
.admin-page .historical-import-actions { min-width:240px; max-width:380px; }
.admin-page .import-state { color:#576448; font-weight:600; }
.admin-page .backfill-panel { margin-top:0; }
.data-details { margin-top:18px; border-top:1px solid #e4e8de; padding-top:14px; }
.data-details .table-wrap { margin-top:16px; }
.legacy-details { padding:20px 24px; background:white; border:1px solid var(--line); border-radius:16px; }
.legacy-details summary { font-size:14px; }
.legacy-details summary span { font-size:11px; color:var(--muted); margin-left:12px; font-weight:400; }
.legacy-details .historical-import-panel { border:0; padding:12px 0 0; }
.admin-footer { display:flex; justify-content:space-between; color:#939b88; border-top:1px solid #dfe3d8; margin-top:32px; padding-top:18px; font-size:10px; letter-spacing:.08em; }
@media(max-width:1100px) {
 .admin-page .filter-header { align-items:flex-start; flex-direction:column; }
 .admin-page .quick-filters { justify-content:flex-start; }
 .admin-page .charts-grid { grid-template-columns:1fr; }
 .admin-page .donut-layout { grid-template-columns:170px 1fr; min-height:230px; }
}
@media(max-width:720px) {
 .admin-page .dashboard-content { width:calc(100% - 28px); }
 .admin-page .admin-topbar { padding:15px 18px; gap:12px; }
 .admin-page .brand-logo { width:110px; }
 .admin-page .admin-userbox { width:100%; justify-content:flex-start; }
 .admin-page .admin-userbox>span { flex-basis:100%; overflow-wrap:anywhere; }
 .admin-nav { gap:22px; margin-bottom:22px; }
 .admin-nav button { font-size:12px; padding-top:18px; }
 .admin-nav button span { display:none; }
 .page-intro { align-items:flex-start; }
 .page-intro h1 { font-size:26px; }
 .page-intro>.primary-button { font-size:11px; padding:10px; white-space:nowrap; }
 .admin-page .filter-card { padding:16px; }
 .admin-page .simple-filter-grid { grid-template-columns:1fr 1fr; gap:12px; }
 .simple-filter-grid label:last-child { grid-column:1/-1; }
 .advanced-filter-grid { grid-template-columns:1fr; }
 .admin-page .load-state { flex-basis:100%; margin-left:0; }
 .admin-page .stats-grid { grid-template-columns:1fr 1fr; gap:10px; }
 .admin-page .stat-card:first-child { grid-column:1/-1; }
 .admin-page .stat-card { padding:16px; min-height:125px; }
 .admin-page .stat-value { font-size:34px; }
 .admin-page .panel { padding:18px; }
 .admin-page .table-panel { padding:0; }
 .admin-page .donut-layout { grid-template-columns:130px 1fr; gap:14px; }
 .admin-page .legend-name { overflow-wrap:anywhere; }
 .admin-page .historical-import-heading { flex-direction:column; }
 .admin-page .historical-import-actions { min-width:0; max-width:none; align-items:flex-start; }
 .admin-page .import-state { text-align:left; }
 .overview-footer { flex-direction:column; align-items:flex-start; }
}
@media(prefers-reduced-motion:reduce) { .admin-page * { transition:none!important; animation:none!important; } }