:root{
  --primary:#1769e0;--primary-strong:#0b4fc7;--blue-soft:#eaf3ff;
  --success:#11875d;--green-soft:#e8f8f1;--warning:#b96a09;--amber-soft:#fff4dc;
  --creative:#7548d8;--purple-soft:#f2edff;--production:#0785a1;--cyan-soft:#e7f9fc;
  --danger:#cf3545;--red-soft:#fff0f2;--info:#3973b8;
  --bg:#f4f7fb;--surface:#fff;--surface-2:#f0f4f9;--text:#182230;--muted:#64748b;
  --line:#dce4ee;--ink:#0d1d33;--accent:var(--primary);--accent-2:#0b8e76;
  --radius:16px;--shadow:0 12px 36px rgba(21,42,75,.08);
}
:root[data-theme="dark"]{
  --bg:#09111f;--surface:#111c2d;--surface-2:#19273a;--text:#edf5ff;--muted:#9badc2;
  --line:#293a50;--ink:#07101e;--blue-soft:#152c4a;--green-soft:#123a31;--amber-soft:#3c2c16;
  --purple-soft:#292044;--cyan-soft:#123643;--red-soft:#3b1e28;--shadow:0 18px 48px rgba(0,0,0,.28);
}
body{letter-spacing:-.005em}
.sidebar{background:linear-gradient(180deg,#0c2444 0%,#071628 100%);box-shadow:12px 0 38px rgba(10,31,58,.11)}
.sidebar .brand-lockup{border-color:rgba(255,255,255,.13)}
.nav-link{border:1px solid transparent;transition:background .16s ease,color .16s ease,transform .16s ease}
.nav-link:hover{transform:translateX(2px);background:rgba(255,255,255,.08)}
.nav-link.active{background:linear-gradient(90deg,rgba(29,112,232,.34),rgba(29,112,232,.12));border-color:rgba(91,157,249,.25);box-shadow:inset 3px 0 0 #5ea2ff;color:#fff}
.topbar{background:color-mix(in srgb,var(--bg) 88%,transparent);box-shadow:0 1px 0 rgba(24,34,48,.03)}
.global-search input{border-radius:13px;box-shadow:0 5px 18px rgba(20,40,70,.04)}
.content{padding:34px}
.page-head h1{font-size:34px;font-weight:850}
.page-head .eyebrow{color:var(--primary);letter-spacing:.13em}
.card,.metric-card,.table-wrap,.record-card,.filter-panel{box-shadow:var(--shadow)}
.card,.metric-card,.table-wrap,.record-card{border-color:color-mix(in srgb,var(--line) 88%,transparent)}
.metric-grid-wide{grid-template-columns:repeat(4,minmax(0,1fr))}
.metric-card{position:relative;overflow:hidden;min-height:132px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2) 38%,var(--surface)))}
.metric-card:after{content:"";position:absolute;width:82px;height:82px;border-radius:50%;right:-26px;top:-28px;background:var(--surface-2);opacity:.7}
.metric-card.tone-blue{border-top:3px solid var(--primary);background:linear-gradient(145deg,var(--surface),var(--blue-soft))}
.metric-card.tone-green{border-top:3px solid var(--success);background:linear-gradient(145deg,var(--surface),var(--green-soft))}
.metric-card.tone-red{border-top:3px solid var(--danger);background:linear-gradient(145deg,var(--surface),var(--red-soft))}
.metric-card.tone-purple{border-top:3px solid var(--creative);background:linear-gradient(145deg,var(--surface),var(--purple-soft))}
.metric-card.tone-amber{border-top:3px solid var(--warning);background:linear-gradient(145deg,var(--surface),var(--amber-soft))}
.metric-card.tone-cyan{border-top:3px solid var(--production);background:linear-gradient(145deg,var(--surface),var(--cyan-soft))}
.metric-value{font-size:clamp(23px,2vw,31px);position:relative;z-index:1}
.range-bar{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 20px}
.btn{border-radius:11px;box-shadow:0 2px 4px rgba(20,40,70,.04)}
.btn:disabled{cursor:not-allowed;opacity:.62;transform:none}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-strong));box-shadow:0 7px 17px rgba(23,105,224,.2)}
.btn-success{background:var(--success);color:#fff}
.btn-warning{background:var(--warning);color:#fff}
.btn-danger{background:var(--danger)}
.btn-outline:hover{border-color:color-mix(in srgb,var(--primary) 55%,var(--line));color:var(--primary);background:var(--blue-soft)}
.status.creative{color:var(--creative);background:var(--purple-soft)}
.status.production{color:var(--production);background:var(--cyan-soft)}
.status.info{color:var(--info);background:var(--blue-soft)}
.status.warning{color:var(--warning);background:var(--amber-soft)}
.status.success{color:var(--success);background:var(--green-soft)}
.status.danger{color:var(--danger);background:var(--red-soft)}
.text-success{color:var(--success)!important}.text-danger{color:var(--danger)!important}
.filter-panel{padding:14px 14px 2px;margin-bottom:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.filter-panel .toolbar{align-items:end}
.filter-panel .field{min-width:145px;flex:1}
.filter-panel .field:first-child{flex:2;min-width:240px}
.filter-panel label{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.filter-panel input,.filter-panel select{min-height:42px;background:var(--surface-2);border-color:transparent}
.filter-panel input:focus,.filter-panel select:focus{background:var(--surface);border-color:var(--primary)}
th{color:#53647a;background:color-mix(in srgb,var(--surface-2) 75%,var(--surface));padding-top:12px;padding-bottom:12px}
td{max-width:320px}
.orders-table{min-width:1550px}
.truncate,.truncate-cell{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.action-wrap{min-width:142px}
.action-menu{position:relative}
.action-menu summary{list-style:none}.action-menu summary::-webkit-details-marker{display:none}
.action-menu[open]>summary{border-color:var(--primary);color:var(--primary)}
.action-menu>div{position:absolute;z-index:12;right:0;top:calc(100% + 7px);display:grid;min-width:190px;padding:7px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 18px 45px rgba(10,30,55,.18)}
.action-menu>div button{border:0;background:transparent;color:var(--text);text-align:left;padding:9px 10px;border-radius:8px;cursor:pointer}
.action-menu>div button:hover{background:var(--surface-2)}.action-menu>div .danger-link{color:var(--danger)}
.record-cards{display:none}
.document-summary{padding:17px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line));border-radius:14px;background:linear-gradient(135deg,var(--blue-soft),var(--surface))}
.summary-source{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px}
.summary-source span{color:var(--muted);font-size:12px}
.summary-grid{display:grid;grid-template-columns:repeat(6,minmax(100px,1fr));gap:10px}
.summary-grid>div{padding:10px;border-radius:10px;background:color-mix(in srgb,var(--surface) 80%,transparent)}
.summary-grid span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.summary-grid strong{display:block;margin-top:3px}
.summary-grid .summary-total{background:var(--primary);color:#fff}.summary-grid .summary-total span{color:#dfeaff}
.profile-hero,.order-detail-hero{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:18px;margin-bottom:16px;border-radius:15px;background:linear-gradient(135deg,var(--blue-soft),var(--surface-2))}
.profile-hero h3,.order-detail-hero h3{font-size:22px;margin:0 0 4px}.profile-hero p,.order-detail-hero p{color:var(--muted);margin:0 0 8px}
.profile-avatar{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--creative));color:#fff;font-size:20px;font-weight:900}
.profile-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 18px}
.profile-metrics>div{padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.profile-metrics span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.profile-metrics strong{display:block;margin-top:5px}
.section-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0 10px}.section-title h3{margin:0}.section-title span{color:var(--muted);font-size:12px}
.activity-feed{display:grid}.activity-feed>div{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.activity-feed>div>i{width:9px;height:9px;border-radius:50%;background:var(--primary);margin-top:6px;box-shadow:0 0 0 4px var(--blue-soft)}.activity-feed small{display:block;color:var(--muted);margin-top:2px}
.multi-chart{height:260px;display:flex;align-items:stretch;gap:10px;padding-top:12px}.multi-group{flex:1;display:flex;flex-direction:column;align-items:center;min-width:45px}.multi-bars{height:195px;display:flex;align-items:flex-end;justify-content:center;gap:4px;width:100%}.multi-bars i{width:min(23px,38%);min-height:3px;border-radius:6px 6px 2px 2px}.chart-revenue{background:linear-gradient(180deg,#2d87ff,var(--primary))}.chart-expense{background:linear-gradient(180deg,#ff7b89,var(--danger))}.multi-group>span{font-size:10px;color:var(--muted);margin-top:7px}.multi-group>small{font-size:9px;margin-top:2px;white-space:nowrap}
.chart-legend{display:flex;justify-content:center;gap:18px;color:var(--muted);font-size:11px}.chart-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px}.legend-revenue{background:var(--primary)}.legend-expense{background:var(--danger)}
.status-bars{display:grid;gap:10px}.status-bars>div>span{display:flex;justify-content:space-between;font-size:11px}.status-bars>div>i{display:block;height:7px;margin-top:5px;background:var(--surface-2);border-radius:99px;overflow:hidden}.status-bars b{display:block;height:100%;background:var(--info);border-radius:99px}.status-bars b.success{background:var(--success)}.status-bars b.warning{background:var(--warning)}.status-bars b.danger{background:var(--danger)}.status-bars b.creative{background:var(--creative)}.status-bars b.production{background:var(--production)}
.paid-split{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.paid-split>div{padding:12px;border-radius:11px;background:var(--surface-2)}.paid-split span{display:block;color:var(--muted);font-size:11px}.paid-split strong{font-size:20px}
.quick-action{transition:transform .16s ease,border-color .16s ease}.quick-action:hover{transform:translateY(-2px)}.quick-action.blue{border-left:3px solid var(--primary)}.quick-action.green{border-left:3px solid var(--success)}.quick-action.amber{border-left:3px solid var(--warning)}.quick-action.purple{border-left:3px solid var(--creative)}.quick-action.cyan{border-left:3px solid var(--production)}.quick-action.red{border-left:3px solid var(--danger)}
.empty-state{padding:48px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface)}.empty-state strong{display:block;color:var(--text);font-size:18px}.empty-state p{margin:5px auto 16px;max-width:420px}.empty-icon{width:46px;height:46px;display:grid;place-items:center;margin:0 auto 10px;border-radius:14px;color:var(--primary);background:var(--blue-soft);font-size:22px}
.warning-notice{margin-bottom:16px;border-color:var(--warning);background:var(--amber-soft)}
.kanban-meta{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.kanban-meta span{font-size:11px;color:var(--muted)}.kanban-col.tone-creative{border-top:3px solid var(--creative)}.kanban-col.tone-production{border-top:3px solid var(--production)}.kanban-col.tone-success{border-top:3px solid var(--success)}.kanban-col.tone-warning{border-top:3px solid var(--warning)}.kanban-col.tone-danger{border-top:3px solid var(--danger)}.empty.compact{padding:24px 5px}
@media(max-width:1300px){.metric-grid-wide{grid-template-columns:repeat(3,1fr)}.summary-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.metric-grid-wide{grid-template-columns:repeat(2,1fr)}.content{padding:24px 18px}.profile-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){
  .desktop-table{display:none}.record-cards{display:grid;gap:12px}
  .record-card{padding:15px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
  .record-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.record-card-head strong,.record-card-head small{display:block}.record-card-head small{color:var(--muted);margin-top:3px}
  .record-card>p{color:var(--muted)}.record-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}.record-card dl>div{padding:9px;border-radius:9px;background:var(--surface-2);min-width:0}.record-card dt{font-size:9px;text-transform:uppercase;color:var(--muted)}.record-card dd{margin:3px 0 0;font-weight:700;overflow:hidden;text-overflow:ellipsis}
  .record-card .actions{justify-content:flex-start;flex-wrap:wrap}.action-menu>div{left:0;right:auto}
  .filter-panel .field,.filter-panel .field:first-child{min-width:calc(50% - 8px)}
  .invoice-line-item{grid-template-columns:1fr 72px!important;overflow:visible}.invoice-line-item>div:first-child{grid-column:span 2}
}
@media(max-width:560px){
  .metric-grid-wide,.metric-grid{grid-template-columns:1fr}.filter-panel .field,.filter-panel .field:first-child{min-width:100%}
  .summary-grid{grid-template-columns:repeat(2,1fr)}.summary-source,.profile-hero,.order-detail-hero{align-items:flex-start;flex-direction:column}
  .profile-metrics{grid-template-columns:1fr 1fr}.multi-chart{overflow-x:auto}.multi-group{min-width:54px}
}
@media print{
  .sidebar,.topbar,.page-head .head-actions,.toolbar,.filter-panel,.btn,.pagination{display:none!important}
  .app-shell,.main{display:block!important}.content{padding:0;max-width:none}.card,.metric-card,.table-wrap{box-shadow:none;break-inside:avoid}
  :root{--bg:#fff;--surface:#fff;--surface-2:#f3f5f7;--text:#111;--muted:#555;--line:#ccc}body{background:#fff}
}