.dashboard-page{display:flex;flex-direction:column;gap:16px}
.dashboard-header{display:flex;align-items:end;justify-content:space-between;gap:24px}
.dashboard-header h1{margin:2px 0 3px}.dashboard-header>div>span{color:var(--muted);font-size:13px}
.dashboard-filters{display:flex;gap:4px;padding:5px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}
.dashboard-filters a{min-height:38px;padding:9px 13px;border-radius:9px;color:var(--muted);text-decoration:none;font-size:12px;font-weight:800}
.dashboard-filters a:hover{color:var(--text);background:var(--panel-soft)}
.dashboard-filters a[aria-current]{color:white;background:linear-gradient(110deg,var(--accent),var(--accent-deep))}
.dashboard-bell{position:relative;display:grid;place-items:center;width:42px;height:42px;color:var(--text);border:1px solid var(--line);border-radius:50%;background:var(--panel);text-decoration:none}
.dashboard-bell svg{width:20px;height:20px}.dashboard-bell span{position:absolute;right:-3px;top:-5px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;color:white;background:#ef4444;border:2px solid var(--bg);font-size:10px;font-weight:900}
.dashboard-quick-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.dashboard-quick-actions a{min-height:40px;padding:8px 13px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);text-decoration:none;font-size:12px;font-weight:850;transition:.15s ease}
.dashboard-quick-actions a:hover{border-color:rgba(var(--accent-rgb),.42);transform:translateY(-1px)}
.dashboard-quick-actions a span{color:var(--accent);font-size:17px;line-height:1}.dashboard-quick-actions a.primary{color:white;border-color:#22c55e66;background:linear-gradient(110deg,#22c55e,#16a34a)}.dashboard-quick-actions a.primary span{color:white}
.dashboard-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.dashboard-metric{min-height:104px;padding:16px 17px;display:flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:14px;background:var(--panel);text-decoration:none;box-shadow:0 12px 28px #00000012;transition:.15s ease}
.dashboard-metric:hover{border-color:rgba(var(--accent-rgb),.38);transform:translateY(-2px)}
.dashboard-metric span,.dashboard-metric small{color:var(--muted);font-size:11px;font-weight:800}.dashboard-metric strong{color:var(--accent);font-size:22px;line-height:1.15;letter-spacing:-.02em;white-space:nowrap}.dashboard-metric.success strong{color:#22c55e}.dashboard-metric.danger strong{color:#fb5964}.dashboard-metric.warning strong{color:#fbbf24}.dashboard-metric.info strong{color:#38d5e6}
.dashboard-metric .dashboard-trend{width:max-content;max-width:100%;padding:3px 7px;border-radius:999px;background:#94a3b812;font-size:9px;white-space:nowrap}.dashboard-trend.up{color:#34d399;background:#22c55e17}.dashboard-trend.down{color:#fb7185;background:#ef444417}.dashboard-trend.neutral{color:var(--muted)}
.dashboard-insights{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(360px,.9fr);gap:16px;align-items:stretch}.dashboard-insights>section{min-width:0;height:100%}
.dashboard-alert-panel,.dashboard-panel{padding:18px 20px}
.dashboard-panel-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.dashboard-panel-top h2{margin:2px 0 0;font-size:20px}.dashboard-panel-top .eyebrow{margin:0}.dashboard-panel-top>a{color:var(--accent);font-size:12px;font-weight:800;text-decoration:none}.dashboard-panel-top>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--panel-soft);color:var(--accent);font-weight:900}.dashboard-panel-top>small{color:var(--muted);font-size:10px;font-weight:800}
.dashboard-alert-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.dashboard-alert{min-height:68px;padding:11px 13px;display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:11px;background:var(--panel-soft);text-decoration:none}.dashboard-alert i{width:8px;height:8px;border-radius:50%;background:var(--accent)}.dashboard-alert strong,.dashboard-alert span{display:block}.dashboard-alert strong{font-size:12px}.dashboard-alert span{margin-top:2px;color:var(--muted);font-size:10px}.dashboard-alert b{color:var(--muted)}.dashboard-alert.warning i{background:#fbbf24}.dashboard-alert.danger i{background:#fb5964}.dashboard-alert.success i{background:#22c55e}
.dashboard-insights .dashboard-alert-list{grid-template-columns:1fr}.dashboard-insights .dashboard-alert{min-height:58px;padding-block:9px}.dashboard-insights .dashboard-alert:nth-child(n+4){display:none}.dashboard-insights .dashboard-empty{min-height:142px;border:1px dashed var(--line);border-radius:11px}.dashboard-insights .dashboard-empty.success strong{color:#22c55e}
.dashboard-chart-panel{display:flex;flex-direction:column}.dashboard-chart{height:142px;padding:8px 8px 0;display:grid;grid-template-columns:repeat(7,minmax(24px,1fr));gap:10px;align-items:end;border-bottom:1px solid var(--line);background:linear-gradient(to top,var(--accent-04),transparent 55%);border-radius:10px 10px 0 0}.dashboard-chart-day{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:6px;align-items:end;text-align:center}.dashboard-chart-day>div{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px}.dashboard-chart-day i{width:min(15px,35%);min-height:2px;border-radius:5px 5px 1px 1px;display:block;transition:height .2s}.dashboard-chart-day i.entry{background:linear-gradient(to top,var(--accent-deep),var(--accent))}.dashboard-chart-day i.exit{background:linear-gradient(to top,#dc3545,#fb7185)}.dashboard-chart-day span{padding-bottom:5px;color:var(--muted);font-size:9px;font-weight:800}.dashboard-chart-legend{display:flex;align-items:center;justify-content:center;gap:18px;padding-top:10px;color:var(--muted);font-size:10px;font-weight:800}.dashboard-chart-legend span{display:flex;align-items:center;gap:6px}.dashboard-chart-legend i{width:8px;height:8px;border-radius:2px;background:var(--accent)}.dashboard-chart-legend i.exit{background:#fb5964}
.dashboard-chart .bar-step-0{height:2px}.dashboard-chart .bar-step-1{height:10%}.dashboard-chart .bar-step-2{height:20%}.dashboard-chart .bar-step-3{height:30%}.dashboard-chart .bar-step-4{height:40%}.dashboard-chart .bar-step-5{height:50%}.dashboard-chart .bar-step-6{height:60%}.dashboard-chart .bar-step-7{height:70%}.dashboard-chart .bar-step-8{height:80%}.dashboard-chart .bar-step-9{height:90%}.dashboard-chart .bar-step-10{height:100%}
.dashboard-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:16px;align-items:start}.dashboard-column{display:grid;gap:16px;min-width:0}
.dashboard-pending-list,.dashboard-list,.dashboard-stock-list{display:grid;gap:8px}
.dashboard-pending-item,.dashboard-list-item,.dashboard-stock-item{min-height:66px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);text-decoration:none;transition:.15s ease}.dashboard-pending-item:hover,.dashboard-list-item:hover,.dashboard-stock-item:hover{border-color:rgba(var(--accent-rgb),.34);transform:translateX(2px)}
.dashboard-pending-item>div,.dashboard-list-item>div,.dashboard-stock-item>div{min-width:0}.dashboard-pending-item strong,.dashboard-list-item strong,.dashboard-stock-item strong{display:block;font-size:13px;overflow-wrap:anywhere}.dashboard-pending-item p,.dashboard-pending-item small,.dashboard-list-item span,.dashboard-stock-item span{display:block;margin:2px 0 0;color:var(--muted);font-size:11px;overflow-wrap:anywhere}
.dashboard-status{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;max-width:170px;padding:6px 9px;border-radius:999px;font-size:10px;font-style:normal;font-weight:900;text-align:center}.dashboard-status.info{color:#38d5e6;background:#18c7d91c}.dashboard-status.warning{color:#fbbf24;background:#f59e0b1c}.dashboard-status.success{color:#22c55e;background:#22c55e1c}.dashboard-status.danger{color:#fb7185;background:#ef44441c}.dashboard-status.neutral{color:var(--muted);background:#94a3b81c}
.dashboard-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dashboard-status-card{min-height:70px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);text-decoration:none}.dashboard-status-card span{color:var(--muted);font-size:11px;font-weight:800}.dashboard-status-card strong{font-size:21px}.dashboard-status-card.info strong{color:#38d5e6}.dashboard-status-card.warning strong{color:#fbbf24}.dashboard-status-card.success strong{color:#22c55e}.dashboard-status-card.danger strong{color:#fb5964}
.dashboard-profit-list{display:grid;gap:14px}.dashboard-profit-item>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.dashboard-profit-item span{color:var(--muted);font-size:12px;font-weight:850}.dashboard-profit-item strong{font-size:14px}.dashboard-profit-bar{height:7px;border-radius:999px;background:var(--panel-soft);overflow:hidden}.dashboard-profit-bar i{display:block;height:100%;min-width:2px;border-radius:inherit;background:var(--accent)}.dashboard-profit-item.success i{background:#22c55e}.dashboard-profit-item.info i{background:#38d5e6}.dashboard-profit-item.accent i{background:var(--accent)}
.dashboard-profit-bar .bar-step-0{width:2px}.dashboard-profit-bar .bar-step-1{width:10%}.dashboard-profit-bar .bar-step-2{width:20%}.dashboard-profit-bar .bar-step-3{width:30%}.dashboard-profit-bar .bar-step-4{width:40%}.dashboard-profit-bar .bar-step-5{width:50%}.dashboard-profit-bar .bar-step-6{width:60%}.dashboard-profit-bar .bar-step-7{width:70%}.dashboard-profit-bar .bar-step-8{width:80%}.dashboard-profit-bar .bar-step-9{width:90%}.dashboard-profit-bar .bar-step-10{width:100%}
.dashboard-stock-item em{min-width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:var(--accent);background:#18c7d91c;font-style:normal;font-weight:900}.dashboard-stock-item.success em{color:#22c55e;background:#22c55e1c}.dashboard-stock-item.warning em{color:#fbbf24;background:#f59e0b1c}.dashboard-stock-item.danger em{color:#fb5964;background:#ef44441c}
.dashboard-empty{min-height:80px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.dashboard-empty strong{color:var(--text);font-size:13px}.dashboard-empty span{font-size:11px;margin-top:3px}
@media(max-width:1450px){.dashboard-alert-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1180px){.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-insights,.dashboard-workspace{grid-template-columns:1fr}.dashboard-column:not(.wide){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.dashboard-header{align-items:flex-start;flex-direction:column}.dashboard-filters{width:100%;overflow-x:auto}.dashboard-filters a{flex:1;text-align:center;white-space:nowrap}.dashboard-quick-actions{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}.dashboard-quick-actions a{flex:0 0 auto}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-alert-list,.dashboard-column:not(.wide){grid-template-columns:1fr}.dashboard-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.dashboard-metrics{grid-template-columns:1fr}.dashboard-metric{min-height:88px}.dashboard-alert-panel,.dashboard-panel{padding:16px}.dashboard-pending-item,.dashboard-list-item{align-items:flex-start;flex-direction:column}.dashboard-status{max-width:none}}