/* Dashboard layout adapted from the provided App1 reference; local SVG icons by Lucide. */
:root{--ink:#172033;--muted:#6b7688;--blue:#2563eb;--blue-dark:#1d4ed8;--ice:#f7f9fc;--line:#e3e8ef;--cyan:#eaf1fb;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}.ui-icon{width:19px;height:19px;display:block;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.workspace{grid-template-columns:236px minmax(0,1fr)}.sidebar{padding:28px 18px 25px}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding:0 11px}.sidebar .wordmark{font-size:28px}.sidebar-caption{padding:0 11px;margin-top:12px;margin-bottom:34px;font-size:11px}.sidebar nav{margin:0;gap:5px}.nav-item{padding:12px 13px;font-size:13px;font-weight:500;gap:12px;border-radius:7px;color:#607086}.nav-item>span{width:19px;height:19px;display:block}.nav-item>b{font-size:10px;line-height:1.4;min-width:24px;padding:2px 5px;border-radius:5px;background:#edf1f7;color:#6b7688;text-align:center}.nav-item.selected{background:#edf3ff;color:#2257c6}.nav-item.selected>b{color:#2257c6;background:#dfeaff}.sidebar-bottom{margin-left:11px;margin-right:11px}.sidebar-bottom p{font-size:11px}.sidebar-bottom small{font-size:10px}.server-indicator{font-size:11px}.main-area{padding-left:30px;padding-right:30px}.topbar{height:67px;position:sticky;top:0;z-index:8;background:#f7f9fcf5;backdrop-filter:blur(10px);font-size:12px}.breadcrumb{display:flex;align-items:center;gap:12px}.breadcrumb>.ui-icon,.breadcrumb>[data-icon]{color:#8190a5}.breadcrumb-separator{margin:0 10px;color:#adb8c7}.topbar-actions{display:flex;align-items:center;gap:24px}.header-search{border:0;background:none;color:#758298;display:flex;align-items:center;gap:8px;padding:5px;font-size:11px}.header-search .ui-icon{width:16px;height:16px}.account{font-size:11px;gap:9px}.account>span{width:31px;height:31px;font-size:11px;font-weight:600;background:#e7eefb}.account>b{font-weight:500}.primary,.secondary{border-radius:7px;font-size:12px;padding:10px 14px}.primary .ui-icon,.secondary .ui-icon{width:16px;height:16px}.page-heading{padding:32px 0 25px}.page-heading h1{font-size:27px;letter-spacing:-.8px;font-weight:650}.page-heading p{font-size:12px}.summary-strip{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px 18px;font-size:11px}.toolbar{margin-top:20px}.site-table-wrap{border-radius:9px}.site-table th{font-size:10px;background:#fafbfd}.site-table td{font-size:12px;padding-top:16px;padding-bottom:16px}.site-name strong{font-size:12px}.copy-button{font-size:10px}.site-link{font-size:10px}.date{font-size:9px}.settings-section{padding:24px 0}.settings-section h2{font-size:18px}.dash-view{padding:30px 0 5px}.dash-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.dash-heading h1{font-size:27px;font-weight:650;letter-spacing:-.8px;margin-bottom:7px}.dash-heading p{font-size:12px;margin:0}.dash-controls{display:flex;gap:9px;align-items:center}.dash-controls select{height:37px;width:auto;margin:0;padding:7px 30px 7px 11px;font-size:11px;border-radius:7px}.dash-controls .secondary{padding:9px 12px;gap:7px;font-size:11px}.dash-controls .ui-icon{width:14px;height:14px}.dash-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.dash-stat{position:relative;min-width:0;padding:20px 20px 15px;min-height:161px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 1px 2px #16203103;overflow:hidden}.dash-stat-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;color:#7c8899}.dash-stat-label h2{font-size:11px;font-weight:500;letter-spacing:0;color:#536176;margin:0}.dash-stat-label .ui-icon{width:17px;height:17px;stroke-width:1.6}.dash-stat>strong{font-size:29px;line-height:1.15;letter-spacing:-.9px;font-weight:650;font-variant-numeric:tabular-nums;display:block}.dash-stat>p{font-size:10px;margin:8px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-mini-summary{display:flex;gap:6px;align-items:center;font-size:10px;margin-top:17px;color:#586b81}.live-dot{display:inline-block;width:6px;height:6px;background:#2c9b74;border-radius:50%;flex-shrink:0}.dash-meter{height:5px;background:#edf1f8;border-radius:4px;overflow:hidden;margin-top:20px}.dash-meter>span{height:100%;width:0;display:block;background:#789bee;border-radius:inherit;transition:width .3s}.dash-meter.is-warning>span{background:#d5993f}.dash-spark{height:27px;color:#6d91e3;margin-top:4px}.dash-spark svg{display:block;width:100%;height:100%;overflow:visible}.dash-card{background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 1px 2px #16203103;min-width:0}.dash-card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 22px 0;margin-bottom:16px}.dash-card-heading h2{font-size:14px;font-weight:600;letter-spacing:-.15px;margin:0 0 5px}.dash-card-heading p{font-size:11px;margin:0}.dash-card-heading>.ui-icon,.dash-card-heading>[data-icon]{color:#8190a5}.dash-chart-key{display:flex;align-items:center;gap:6px;color:#65768a;font-size:10px;white-space:nowrap}.dash-chart-key i{height:3px;width:15px;background:var(--blue);border-radius:2px}.dash-traffic-chart{height:249px;min-width:0;margin:0 17px 0 11px;position:relative;overflow:hidden}.dash-traffic-chart>svg{display:block;width:100%;height:100%;overflow:visible}.dash-traffic-chart circle:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.dash-chart-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;text-align:center;background:repeating-linear-gradient(0deg,transparent,transparent 47px,#edf1f6 48px,transparent 49px);border-radius:6px}.dash-chart-empty>.ui-icon{height:34px;width:34px;color:#a3b4cb;margin-bottom:12px;stroke-width:1.3;background:#fff}.dash-chart-empty strong{font-size:13px;font-weight:500;background:#fff;padding:0 10px}.dash-chart-empty p{font-size:11px;margin:6px 0 0;background:#fff;padding:0 12px;max-width:400px}.dash-chart-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #edf0f5;margin-top:8px;padding:13px 22px;font-size:10px;color:#7a8798}.dash-chart-footer .text-button{font-size:10px;white-space:nowrap;font-weight:500}.dash-bottom-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:23px;margin-top:23px}.dash-neutral-badge{background:#f4f6fa;border:1px solid #e8ecf2;border-radius:5px;padding:3px 7px;color:#6b7688;font-size:9px;white-space:nowrap}.dash-ranking{padding:0 22px 14px}.dash-rank-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #f0f2f6}.dash-rank-row:last-child{border:0}.dash-rank-position{font-size:10px;color:#97a5b9;align-self:flex-start;padding-top:3px;min-width:18px;font-variant-numeric:tabular-nums}.dash-rank-body{flex:1;min-width:0}.dash-rank-name{background:none;border:0;padding:0;color:#24354b;font-size:11px;font-weight:500;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.dash-rank-name:hover{color:var(--blue)}.dash-rank-track{height:4px;background:#f1f4f9;border-radius:4px;overflow:hidden;margin-top:9px}.dash-rank-track span{display:block;height:100%;background:#80a3f0;border-radius:inherit}.dash-rank-count{text-align:right;min-width:66px;font-variant-numeric:tabular-nums}.dash-rank-count strong{font-size:13px;font-weight:600;display:block}.dash-rank-count small{font-size:9px;color:#8a96a6}.dash-ranking-empty{min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px 18px}.dash-ranking-empty>.ui-icon{width:32px;height:32px;color:#b0bfd3;stroke-width:1.3;margin-bottom:14px}.dash-ranking-empty strong{font-weight:500;font-size:12px}.dash-ranking-empty p{font-size:11px;max-width:290px;margin:7px 0 16px}.dash-ranking-empty .secondary{font-size:10px;padding:8px 12px}.dash-activity{padding:0 22px;margin:0;list-style:none}.dash-activity li{display:flex;gap:11px;align-items:flex-start;padding:11px 0}.dash-activity-avatar{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;background:#edf2fb;color:#6c87b4;border:1px solid #e3eaf5;border-radius:50%;font-size:10px;font-weight:500}.dash-activity li>div{min-width:0}.dash-activity li p{font-size:11px;line-height:1.4;margin:1px 0 2px;color:#3f4e63}.dash-activity li strong{font-weight:500}.dash-activity-target{display:block;font-size:10px;color:#6d7e94;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-bottom:2px}.dash-activity time{display:block;font-size:9px;color:#97a2b1}.dash-card-link{margin:9px 22px 19px;padding:0;background:none;border:0;font-size:10px;color:var(--blue)}.dash-server-footer{display:flex;gap:20px;align-items:center;color:#8995a6;font-size:10px;padding:19px 1px 0}.dash-server-footer>span:first-child{display:flex;align-items:center;gap:6px}.dash-server-footer>time{margin-left:auto}.dash-server-footer .not-ready .live-dot{background:#c99c45}.dash-error{font-size:12px;background:#fff4ee;color:#935331;border:1px solid #edd9c8;border-radius:7px;padding:12px 16px;margin:0 0 18px}.sidebar-brand>#navigation-toggle{display:none}
@media(min-width:1550px){.main-area{padding-left:40px;padding-right:40px}.dash-stat{padding:23px;min-height:175px}.dash-stat>strong{font-size:32px}.dash-traffic-chart{height:270px}}@media(max-width:1120px){.workspace{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding-left:13px;padding-right:13px}.sidebar-brand{padding:0 8px}.nav-item{font-size:12px;padding:12px 10px}.main-area{padding-left:23px;padding-right:23px}.dash-stats{gap:12px}.dash-stat{padding:17px 14px;min-height:157px}.dash-stat>strong{font-size:25px}.dash-stat-label h2{font-size:10px}.dash-stat-label .ui-icon{width:15px;height:15px}.dash-stat>p{font-size:9px}.dash-bottom-grid{gap:18px}.dash-card-heading{padding-left:19px;padding-right:19px}.dash-ranking{padding-left:19px;padding-right:19px}.header-search>span:last-child{display:none}.dash-chart-key{font-size:9px}.dash-server-footer{gap:14px}}@media(max-width:950px) and (min-width:761px){.dash-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-stat{min-height:145px}.dash-bottom-grid{grid-template-columns:1fr}.dash-heading{align-items:flex-start}.dash-controls .secondary>span:last-child{display:none}.dash-server-footer{flex-wrap:wrap}.dash-server-footer>time{margin-left:0}.dash-heading p{font-size:11px}.dash-heading h1{font-size:25px}.dash-controls select{max-width:140px}.dash-chart-footer{gap:10px}}@media(max-width:760px){.workspace{display:block}.sidebar{padding:19px 17px 17px;position:static;height:auto}.sidebar-brand{padding:0}.sidebar .wordmark{font-size:27px}.sidebar-brand>#navigation-toggle{display:block;padding:3px;color:#728298}.sidebar-brand>#navigation-toggle .ui-icon{width:21px;height:21px}.sidebar nav{display:none;flex-direction:column;gap:3px;margin:17px 0 0;overflow:visible}.nav-open .sidebar nav{display:flex}.nav-item{border-radius:7px;padding:11px 12px;font-size:12px}.nav-item>span{display:block}.sidebar-caption,.sidebar-bottom{display:none}.main-area{padding:0 17px 24px}.topbar{height:55px;font-size:10px}.breadcrumb{gap:8px}.breadcrumb .ui-icon{width:15px;height:15px}.breadcrumb-separator{margin:0 6px}.topbar-actions{gap:12px}.account>b{display:none}.account>span{width:27px;height:27px;font-size:10px}.header-search{padding:3px}.header-search>span:last-child{display:none}.header-search .ui-icon{width:16px;height:16px}.dash-view{padding-top:25px}.dash-heading{gap:10px;align-items:flex-start;margin-bottom:20px}.dash-heading h1{font-size:25px;margin-bottom:6px}.dash-heading p{font-size:11px;max-width:180px}.dash-controls{gap:5px}.dash-controls select{font-size:10px;max-width:132px;height:34px;padding:7px 21px 7px 8px}.dash-controls .secondary{padding:9px}.dash-controls .secondary>span:last-child{display:none}.dash-controls .ui-icon{width:13px;height:13px}.dash-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.dash-stat{padding:15px 13px;min-height:145px;border-radius:8px}.dash-stat-label{gap:6px;margin-bottom:13px}.dash-stat-label h2{font-size:10px}.dash-stat-label .ui-icon{width:14px;height:14px}.dash-stat>strong{font-size:26px}.dash-stat>p{font-size:9px;line-height:1.5;white-space:normal;height:27px;overflow:visible;margin-top:7px}.dash-mini-summary{font-size:9px;margin-top:10px;gap:5px}.dash-meter{margin-top:11px;height:4px}.dash-spark{margin-top:-2px;height:25px}.dash-card{border-radius:8px}.dash-card-heading{padding:18px 16px 0;margin-bottom:12px;align-items:flex-start}.dash-card-heading h2{font-size:13px}.dash-card-heading p{font-size:10px;line-height:1.5;max-width:240px}.dash-chart-key{font-size:8px;gap:4px;margin-top:4px}.dash-chart-key i{width:10px}.dash-traffic-chart{height:223px;margin:0 9px 0 3px}.dash-chart-empty{padding:20px 15px}.dash-chart-empty strong{font-size:12px}.dash-chart-empty p{font-size:10px;line-height:1.6;max-width:240px}.dash-chart-footer{padding:12px 16px;font-size:9px;display:block}.dash-chart-footer>span{display:block}.dash-chart-footer .text-button{display:inline-block;margin-top:9px;font-size:10px}.dash-bottom-grid{grid-template-columns:1fr;gap:18px;margin-top:18px}.dash-ranking{padding:0 16px 10px}.dash-ranking-empty{min-height:224px}.dash-rank-name{font-size:11px}.dash-activity{padding:0 16px}.dash-card-link{margin-left:16px}.dash-server-footer{flex-wrap:wrap;gap:7px 16px;font-size:9px}.dash-server-footer>time{margin-left:0;flex-basis:100%}.page-heading h1{font-size:25px}.page-heading>.primary{font-size:11px}.summary-strip{padding:13px 12px;gap:12px}.summary-strip>span:last-of-type{margin-left:0;font-size:9px}.site-name strong{font-size:10px}.site-link{font-size:9px}.site-table td{padding-top:14px;padding-bottom:14px}.site-table .copy-button{font-size:8px}}@media(prefers-reduced-motion:reduce){.dash-meter>span{transition:none}}
@media(max-width:760px){.nav-open .sidebar-bottom{display:block;margin:8px 12px 0;padding-top:12px}.nav-open .sidebar-bottom>:not(#logout){display:none}}

/* Tema escuro padrão em todas as telas e estados do painel. */
:root {
  color-scheme: dark;
  --ink: #e7edf7;
  --muted: #a1aec1;
  --blue: #9dbdff;
  --blue-dark: #bfd3ff;
  --ice: #0e141e;
  --line: #2c394d;
  --cyan: #111d2c;
  --white: #17202e;
  --green: #7cdbb1;
  --red: #ffa1ae;
  --surface: #17202e;
  --surface-low: #111a27;
  --surface-raised: #202d40;
  --subtle: #8fa0b8;
  --action: #4169dc;
  --action-hover: #355dc9;
  --chart-grid: #2b384b;
}

body { background: var(--ice); }
.login-shell { background: var(--surface); }
input:not([type=file]), select, .secondary, .summary-strip, .search,
.site-table-wrap, .copy-button, dialog, .dash-stat, .dash-card,
.login-form-wrap, .row-menu[open] .menu-items { background: var(--surface); }
input::placeholder { color: var(--subtle); }
.sidebar { background: var(--surface-low); }
.topbar { background: #0e141ef2; }
.primary, .lock-mark { background: var(--action); color: #fff; }
.primary:hover { background: var(--action-hover); }
.secondary:hover, .copy-button:hover, .menu-items button:hover {
  background: var(--surface-raised);
}
.copy-button:hover { border-color: #6283b7; }
.nav-item { color: var(--muted); }
.nav-item:hover { background: #1a2739; }
.nav-item.selected { background: #233753; color: var(--blue); }
.nav-item>b, .account>span, .dash-activity-avatar {
  background: #24344d;
  color: #b7ceff;
}
.nav-item.selected>b { background: #304a70; color: #d1e0ff; }
.breadcrumb>.ui-icon, .breadcrumb>[data-icon], .header-search,
.sidebar-brand>#navigation-toggle, .breadcrumb-separator { color: var(--subtle); }
.storage-line, .dash-meter, .dash-rank-track, .progress-track { background: #29374c; }
.storage-line span, .dash-meter>span, .dash-rank-track span { background: #88aaff; }
.live-dot, .server-indicator>span { background: #63cea1; }
.dash-meter.is-warning>span { background: #e1b466; }
.dash-spark { color: #8caeff; }
.site-table th { background: #141d2b; }
.site-table td, .dash-rank-row, .folder-art>div { border-color: #29364a; }
.folder-icon, .folder-icon:before { background: #283e60; color: #a9c7ff; }
.badge, .folder-art b { background: #1b3a32; color: var(--green); }
.badge.paused { background: #3b301c; color: #f2cd80; }
.badge.trash { background: #422630; color: var(--red); }
.row-menu[open] .menu-items { box-shadow: 0 12px 32px #0007; }
.secret { background: #223653; }
dialog { box-shadow: 0 24px 90px #0008; }
dialog::backdrop { background: #030710bd; }
.drop-zone { background: #121e30; border-color: #536d93; }
.folder-symbol { color: #a7c5ff; }
.toast { background: #2a3b55; color: var(--ink); box-shadow: 0 6px 26px #0006; }
.folder-art, .folder-art>span { background: var(--surface); border-color: #3a4a61; }
.folder-art { box-shadow: 8px 12px 0 #050b1470; }
.dash-stat, .dash-card { box-shadow: 0 1px 3px #0002; }
.dash-stat-label, .dash-stat-label h2, .dash-mini-summary,
.dash-chart-key, .dash-chart-footer, .dash-rank-position,
.dash-rank-count small, .dash-activity-target, .dash-activity time,
.dash-server-footer { color: var(--muted); }
.dash-stat-label .ui-icon, .dash-card-heading>.ui-icon,
.dash-card-heading>[data-icon] { color: var(--subtle); }
.dash-chart-empty {
  background: repeating-linear-gradient(0deg,transparent,transparent 47px,var(--chart-grid) 48px,transparent 49px);
}
.dash-chart-empty>.ui-icon, .dash-chart-empty strong, .dash-chart-empty p {
  background: var(--surface);
}
.dash-chart-empty>.ui-icon, .dash-ranking-empty>.ui-icon { color: #a2b7d6; }
.dash-chart-footer { border-color: var(--line); }
.dash-neutral-badge { background: #223047; border-color: #3a4b65; color: #b9c8dd; }
.dash-rank-name, .dash-activity li p { color: var(--ink); }
.dash-rank-name:hover { color: var(--blue); }
.dash-activity-avatar { border-color: #385073; }
.dash-server-footer .not-ready .live-dot { background: #dfba74; }
.dash-error { background: #3b281e; color: #ffd1aa; border-color: #74513b; }
.project-publish{margin-bottom:22px}.project-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:150px;padding:25px;text-align:center;background:#142135;border:1px dashed #536b91;border-radius:10px;cursor:pointer}.project-drop>.ui-icon,.project-drop>[data-icon] .ui-icon{width:30px;height:30px;color:var(--blue);margin-bottom:3px}.project-drop>strong{font-size:14px;font-weight:550}.project-drop>span:last-of-type{font-size:12px;font-weight:400;color:var(--muted)}.project-drop>input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.project-drop:hover,.project-drop.is-dragging,.drop-zone.is-dragging{background:#1d3150;border-color:#a4c3ff}.project-drop:focus-within{outline:3px solid #84aaf3;outline-offset:3px}.project-drop.is-reading{opacity:.7;cursor:wait}.project-backup-note{margin:12px 0 0;font-size:10px}.mirror-banner{font-size:11px;margin:10px 0 0;color:#99ceba}.mirror-banner.has-error{color:#f2cd80}.mirror-state{display:block;font-size:9px;margin-top:6px;color:var(--subtle)}.mirror-state.done{color:var(--green)}.mirror-state.error{color:#f2cd80}.totp-qr{display:block;background:#fff;border:8px solid #fff;border-radius:8px;max-width:100%;height:auto;margin:16px 0}.page-heading>#backup-download{white-space:nowrap}@media(max-width:760px){.project-drop{min-height:145px;padding:22px 16px}.project-drop>strong{font-size:13px}.project-drop>span:last-of-type{font-size:10px}.page-heading>#backup-download{font-size:10px;padding:10px}.mirror-banner{font-size:10px}.project-backup-note{font-size:9px;line-height:1.6}}