:root{
  --primary:#087553;--primary-dark:#005f43;--primary-light:#e8f5ef;
  --success:#087553;--warning:#f28723;--danger:#d52b36;
  --bg-page:#f4f7f5;--bg-card:#fff;--text-primary:#15231e;--text-secondary:#6f7d77;
  --border-color:#dfe7e3;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;
  --shadow-card:0 2px 10px rgba(18,56,44,.045);--sidebar-width:250px;
}
@media screen and (min-width:851px){
  #app{grid-template-columns:var(--sidebar-width) minmax(0,1fr);background:var(--bg-page)}
  aside{width:var(--sidebar-width);padding:22px 14px 18px;background:var(--primary-dark);box-shadow:6px 0 22px rgba(0,55,39,.08)}
  aside .brand{padding:0 13px 20px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.09)}
  aside .brand b{font-size:21px;letter-spacing:.02em}aside .brand span{display:block;margin-top:6px;font-size:13px;opacity:.68}
  #nav{gap:3px;overflow-y:auto;scrollbar-width:none}#nav::-webkit-scrollbar{display:none}
  #nav button{min-height:46px;padding:7px 10px!important;border-radius:10px;color:#d8ebe4;font-size:14px;font-weight:650}
  #nav button:hover{background:rgba(255,255,255,.07);color:#fff}#nav button.active{position:relative;background:#0b8562;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
  #nav button.active:after{content:"";position:absolute;left:-14px;top:9px;bottom:9px;width:3px;border-radius:0 4px 4px 0;background:#ff9f24}
  #nav .nav-icon{flex-basis:30px;width:30px;height:30px;border:0;background:transparent;color:#a9d4c6}
  #nav button.active .nav-icon{color:#fff;border:0;background:rgba(255,255,255,.1);box-shadow:none}
  aside .user{padding:15px 8px 0;align-items:center;font-size:13px}
  main{grid-column:2;padding:0 24px 36px;min-width:0;background:var(--bg-page)}
  header{height:76px;margin:0 0 18px;padding:0;border-bottom:1px solid var(--border-color);background:rgba(255,255,255,.94)}
  header h2{font-size:23px;color:var(--text-primary)}.topbar-title{display:flex;align-items:center;gap:18px;min-width:0}.topbar-context{display:flex;align-items:center;gap:16px;padding-left:18px;border-left:1px solid var(--border-color);white-space:nowrap}.topbar-context span{font-weight:650;color:#34443e}.topbar-context small{font-size:13px}
  header .ghost{margin-left:0}.dashboard-header-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.dashboard-v2-active header>#qrBtn{margin-left:0}
}
.dashboard-layout-button,.dashboard-new-sale,.dashboard-link-button{min-height:38px;padding:8px 14px;border:1px solid #9bcbb9;border-radius:9px;background:#fff;color:var(--primary);font-weight:650;cursor:pointer}.dashboard-new-sale{border-color:var(--primary);background:var(--primary);color:#fff}.dashboard-link-button{min-height:34px;padding:6px 12px;font-size:12px}
.dashboard-v2-active #exportBtn,.dashboard-v2-active #backupBtn{display:none}.dashboard-loading{padding:80px;text-align:center;color:var(--text-secondary)}
.dashboard-v2{display:grid;gap:16px;color:var(--text-primary)}.dashboard-v2.module-bounce{animation:none!important}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dashboard-metric-card{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;min-height:124px;padding:18px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-card);text-align:left;cursor:pointer}.dashboard-metric-card:hover{border-color:#c7d8d1}.dashboard-metric-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--primary-light);color:var(--primary)}.dashboard-metric-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dashboard-metric-card.negative .dashboard-metric-icon{background:#fdebed;color:var(--danger)}.dashboard-metric-copy small{font-size:14px;font-weight:700;color:var(--text-primary)}.dashboard-metric-copy strong{display:block;margin-top:6px;color:var(--primary);font-size:25px;line-height:1.2}.dashboard-metric-card.negative strong{color:var(--danger)}.dashboard-metric-copy em{display:block;margin-top:6px;color:var(--text-secondary);font-size:12px;font-style:normal}
.dashboard-todos{padding:0 16px 10px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-card)}.dashboard-todos>h3{margin:13px 0 7px;font-size:16px}.dashboard-todo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.dashboard-todo-card{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:10px;min-height:68px;padding:9px 12px;border:1px solid var(--border-color);border-radius:10px;background:#fff;text-align:left;cursor:pointer}.dashboard-todo-card:hover{background:#f8fbf9;border-color:#bed5cb}.dashboard-todo-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#eaf5f0;color:var(--primary)}.dashboard-todo-card.warning .dashboard-todo-icon{background:#fff0df;color:var(--warning)}.dashboard-todo-card svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dashboard-todo-card small{display:block;color:#475650;font-size:12px}.dashboard-todo-card strong{display:block;margin-top:1px;color:var(--primary);font-size:21px}.dashboard-todo-card.warning strong{color:var(--warning)}.dashboard-todo-card>i{color:#52635c}.dashboard-todo-card>i svg{width:17px}
.dashboard-analysis,.dashboard-operations{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:16px}.dashboard-panel{min-width:0;padding:16px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-card)}.dashboard-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.dashboard-panel-head h3{margin:0;font-size:16px}.dashboard-panel-head p{margin:4px 0 0;color:var(--text-secondary);font-size:12px}.dashboard-chart-legend{display:flex;gap:18px;margin:0 0 4px 4px;color:var(--text-secondary);font-size:12px}.dashboard-chart-legend span:before{content:"";display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:2px;background:var(--primary)}.dashboard-chart-legend .profit:before{background:#75ad62}.dashboard-monthly-chart{display:grid;grid-template-columns:repeat(12,minmax(38px,1fr));gap:7px;height:235px;padding:10px 4px 0;border-bottom:1px solid var(--border-color)}.dashboard-month-column{display:grid;grid-template-rows:1fr auto auto;min-width:0;text-align:center}.dashboard-bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;min-height:170px}.dashboard-bars i{display:block;width:11px;min-height:0;border-radius:3px 3px 0 0;background:var(--primary)}.dashboard-bars i.profit{width:9px;background:#75ad62}.dashboard-month-column b{margin-top:5px;font-size:11px}.dashboard-month-column small{overflow:hidden;color:var(--text-secondary);font-size:9px;text-overflow:ellipsis}
.dashboard-expense-body{display:grid;grid-template-columns:minmax(150px,45%) minmax(0,1fr);align-items:center;gap:12px}.dashboard-donut{position:relative;display:block;width:100%;border:0;background:transparent;cursor:pointer}.dashboard-donut>svg{display:block;width:100%;transform:rotate(-90deg)}.dashboard-donut>span{position:absolute;inset:29%;display:flex;flex-direction:column;align-items:center;justify-content:center}.dashboard-donut small{color:var(--text-secondary);font-size:10px}.dashboard-donut strong{margin-top:4px;color:var(--primary-dark);font-size:17px}.dashboard-expense-list{display:grid}.dashboard-expense-list button{display:grid;grid-template-columns:8px minmax(0,1fr) auto 40px;align-items:center;gap:7px;padding:8px 0;border:0;border-bottom:1px solid #edf1ef;background:transparent;text-align:left;cursor:pointer}.dashboard-expense-list i{width:8px;height:8px;border-radius:50%}.dashboard-expense-list span,.dashboard-expense-list b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.dashboard-expense-list em{color:var(--text-secondary);font-size:10px;font-style:normal;text-align:right}
.dashboard-table-wrap{overflow-x:auto}.dashboard-table-wrap table{font-size:12px}.dashboard-table-wrap th,.dashboard-table-wrap td{padding:9px 8px}.dashboard-table-wrap tbody tr{cursor:pointer}.dashboard-table-wrap tbody tr:hover{background:#f7faf8}.dashboard-table-wrap td strong{color:#253c34}.dashboard-view-all{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;margin-top:7px;padding:7px;border:0;background:transparent;color:var(--primary);font-weight:650;cursor:pointer}.dashboard-view-all svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.dashboard-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dashboard-quick-grid button{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 16px;grid-template-rows:auto auto;column-gap:9px;min-height:70px;padding:12px;border:1px solid var(--border-color);border-radius:10px;background:#fff;text-align:left;cursor:pointer}.dashboard-quick-grid button:hover{background:#f8fbf9}.dashboard-quick-grid button>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e9f5ef;color:var(--primary)}.dashboard-quick-grid .q2>span{background:#fff0df;color:var(--warning)}.dashboard-quick-grid .q3>span{background:#e8f1ff;color:#286cc5}.dashboard-quick-grid .q4>span{background:#f1eafb;color:#8051b6}.dashboard-quick-grid .q5>span{background:#e8f6f3;color:#16806c}.dashboard-quick-grid .q6>span{background:#fff4df;color:#b97818}.dashboard-quick-grid svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.dashboard-quick-grid b{font-size:13px}.dashboard-quick-grid small{color:var(--text-secondary);font-size:10px}.dashboard-quick-grid>button>i{grid-column:3;grid-row:1/3;align-self:center;color:#586b63}.dashboard-quick-grid>button>i svg{width:15px}
.dashboard-ranking-actions{display:flex;gap:8px}.dashboard-ranking-actions select{min-width:95px;padding:7px 10px;border:1px solid var(--border-color);border-radius:8px;background:#fff}.dashboard-ranking-head,.dashboard-ranking-list button{display:grid;grid-template-columns:55px 110px minmax(180px,1fr) 150px 80px;align-items:center;gap:12px}.dashboard-ranking-head{padding:4px 10px 7px;color:var(--text-secondary);font-size:11px}.dashboard-ranking-list button{width:100%;padding:8px 10px;border:0;border-top:1px solid #edf1ef;background:#fff;text-align:left;cursor:pointer}.dashboard-ranking-list button:hover{background:#f8fbf9}.dashboard-ranking-list button>strong{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#e7f3ee;color:var(--primary)}.dashboard-ranking-list button:nth-child(2)>strong{background:#fff1df;color:#e87810}.dashboard-ranking-list button:nth-child(3)>strong{background:#e8f1ff;color:#286cc5}.dashboard-ranking-list button>span{height:6px;border-radius:99px;background:#edf2ef}.dashboard-ranking-list button>span i{display:block;height:100%;border-radius:99px;background:var(--primary)}.dashboard-ranking-list button:nth-child(2)>span i{background:#f39a45}.dashboard-ranking-list button:nth-child(3)>span i{background:#287bb5}.dashboard-ranking-list em{font-style:normal;font-weight:700}.dashboard-ranking-list small{color:var(--text-secondary);text-align:center}.dashboard-empty{padding:25px;text-align:center;color:var(--text-secondary)}
.dashboard-trend-tabs{display:flex;border:1px solid var(--border-color);border-radius:9px;overflow:hidden}.dashboard-trend-tabs button{min-width:54px;padding:8px 15px;border:0;border-right:1px solid var(--border-color);background:#fff;color:#495a53;font-weight:700;cursor:pointer}.dashboard-trend-tabs button:last-child{border-right:0}.dashboard-trend-tabs button.active{background:var(--primary);color:#fff}.dashboard-monthly-panel.is-loading{opacity:.62;pointer-events:none}.dashboard-chart-legend .rate:before{width:15px;height:2px;border-radius:2px;background:#0f9771;vertical-align:4px}.dashboard-trend-plot{position:relative}.dashboard-monthly-chart{grid-template-columns:repeat(var(--trend-count,12),minmax(38px,1fr))}.dashboard-rate-line{position:absolute;inset:8px 0 25px;width:100%;height:202px;overflow:visible;pointer-events:none}.dashboard-rate-line polyline{fill:none;stroke:#0f9771;stroke-width:2.5;vector-effect:non-scaling-stroke}.dashboard-rate-line circle{fill:#fff;stroke:#0f9771;stroke-width:2.5}.dashboard-month-column{grid-template-rows:1fr auto}.dashboard-trend-table{display:grid;margin-top:10px;overflow-x:auto;font-size:10px}.dashboard-trend-table>div{display:grid;grid-template-columns:90px repeat(var(--trend-count,12),minmax(54px,1fr));border-top:1px solid #edf1ef}.dashboard-trend-table b,.dashboard-trend-table span{padding:6px 4px;text-align:center;white-space:nowrap}.dashboard-trend-table b{text-align:left;color:#365047}.dashboard-trend-table>div:nth-child(1) b{color:var(--primary)}.dashboard-trend-table>div:nth-child(2) b{color:#659c55}.dashboard-trend-table>div:nth-child(3) b{color:#0f9771}
@media screen and (min-width:851px) and (max-width:1250px){.dashboard-metrics{grid-template-columns:repeat(2,1fr)}.dashboard-todo-grid{grid-template-columns:repeat(3,1fr)}.dashboard-analysis,.dashboard-operations{grid-template-columns:1fr}.topbar-context{display:none}.dashboard-monthly-chart{grid-template-columns:repeat(12,minmax(46px,1fr));overflow-x:auto}.dashboard-expense-body{grid-template-columns:240px 1fr}.dashboard-quick-grid{grid-template-columns:repeat(3,1fr)}}
@media screen and (max-width:850px){.dashboard-v2{gap:14px}.dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-todo-grid{grid-template-columns:1fr 1fr}.dashboard-analysis,.dashboard-operations{grid-template-columns:1fr}.dashboard-monthly-chart{overflow-x:auto}.dashboard-expense-body{grid-template-columns:1fr}.dashboard-donut{max-width:260px;margin:auto}.dashboard-ranking-panel{overflow-x:auto}.dashboard-ranking-panel>*{min-width:720px}.dashboard-header-actions{display:none!important}.topbar-context{display:none}}
@media screen and (max-width:520px){.dashboard-metrics,.dashboard-todo-grid,.dashboard-quick-grid{grid-template-columns:1fr}.dashboard-metric-card{min-height:105px}.dashboard-monthly-chart{grid-template-columns:repeat(12,48px)}}