body.panel-body{background:#07090d}.panel-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid var(--line);background:#090c11}.sidebar .brand{padding:4px 8px 24px}.panel-nav{display:grid;gap:6px}.panel-nav a{padding:12px 13px;border-radius:11px;color:#aeb5bf;font-size:.82rem;font-weight:700}.panel-nav a:hover,.panel-nav a.active{background:#141922;color:white}.panel-nav a.active{box-shadow:inset 3px 0 0 var(--red2)}.sidebar-foot{position:absolute;bottom:20px;left:18px;right:18px}.sidebar-foot a{display:block;padding:11px;color:#7c8590;font-size:.75rem}.panel-main{min-width:0;padding:28px clamp(18px,3vw,42px) 50px}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.panel-top h1{font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.04em}.panel-top p{margin-top:6px;color:var(--muted);font-size:.78rem}.notification-link{position:relative}.notification-link b{position:absolute;right:-4px;top:-5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--red);font-size:.58rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.stat{padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#10141b,#090c10)}.stat span{font-size:.65rem;font-weight:800;color:#7f8894;letter-spacing:.11em}.stat strong{display:block;margin-top:13px;font-size:2.2rem;letter-spacing:-.04em}.stat.red strong{color:#ff5963}.panel-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px}.panel-card{border:1px solid var(--line);border-radius:17px;background:#0c1015;overflow:hidden}.panel-card-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 18px;border-bottom:1px solid var(--line)}.panel-card-head h2{font-size:1rem}.panel-card-head a{font-size:.68rem;color:#ff6871}.table-wrap{overflow:auto}.ptable{width:100%;border-collapse:collapse;min-width:700px}.ptable th,.ptable td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;font-size:.72rem}.ptable th{color:#727c88;font-weight:800;letter-spacing:.07em;background:#0a0d12}.ptable tr:last-child td{border-bottom:0}.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:.56rem;font-weight:900;letter-spacing:.06em}.status.ON_HOLD{background:#3a2d11;color:#f2c45f}.status.ACTIVE{background:#0d3926;color:#64dfa7}.status.EXPIRING{background:#421b1f;color:#ff7a83}.status.EXPIRED{background:#35151a;color:#ff6470}.status.CANCELLED,.status.ARCHIVED{background:#222831;color:#929aa5}.countdown{font-variant-numeric:tabular-nums;color:#d6dbe2}.countdown.urgent{color:#ff6671}.quick-list{display:grid}.quick-row{display:flex;justify-content:space-between;gap:15px;padding:14px 17px;border-bottom:1px solid var(--line)}.quick-row:last-child{border-bottom:0}.quick-row b{font-size:.76rem}.quick-row span{display:block;margin-top:4px;font-size:.64rem;color:#747d88}.panel-form{padding:18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-field.full{grid-column:1/-1}.form-field label{display:block;margin-bottom:7px;color:#8e97a3;font-size:.66rem;font-weight:800}.form-field input,.form-field select,.form-field textarea{width:100%;min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#080b0f;color:white}.form-field textarea{min-height:90px;padding-top:11px}.form-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border:1px solid var(--line);border-radius:10px;background:#121720;color:white;font-weight:800;font-size:.72rem}.btn.red{background:var(--red);border-color:transparent}.btn.green{background:#168553;border-color:transparent}.btn.warn{background:#64450c;border-color:transparent}.btn.danger{background:#501119;border-color:#7e1c27}.notice{margin-bottom:16px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:#10151c;color:#cbd1d8;font-size:.74rem}.notice.ok{border-color:rgba(64,220,148,.25);background:rgba(20,110,72,.1)}.notice.error{border-color:rgba(255,78,92,.25);background:rgba(120,15,25,.12)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.filters input,.filters select{height:42px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#0b0f14;color:white}.history{display:grid}.history-row{padding:14px 18px;border-bottom:1px solid var(--line)}.history-row:last-child{border-bottom:0}.history-row b{font-size:.76rem}.history-row p{margin-top:5px;color:var(--muted);font-size:.68rem;line-height:1.5}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 15%,rgba(229,9,20,.12),transparent 30%),#06080b}.login-card{width:min(100%,460px);padding:28px;border:1px solid var(--line);border-radius:22px;background:#0c1016;box-shadow:var(--shadow)}.login-card h1{margin-top:24px;font-size:2rem}.login-card>p{margin-top:8px;color:var(--muted);font-size:.78rem;line-height:1.55}.login-card .form-field{margin-top:14px}.login-card .btn{width:100%;margin-top:18px}.login-card .back{display:block;margin-top:15px;text-align:center;color:#707986;font-size:.7rem}@media(max-width:980px){.panel-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.panel-nav{display:flex;overflow:auto}.panel-nav a{white-space:nowrap}.sidebar-foot{position:static;margin-top:12px}.stats{grid-template-columns:repeat(2,1fr)}.panel-grid{grid-template-columns:1fr}}@media(max-width:600px){.stats{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.panel-main{padding-inline:15px}.panel-top{align-items:flex-start}.panel-top .button span{display:none}}

/* =========================================================
   FINAL PANEL UX
========================================================= */
.panel-subcopy{margin-top:5px;color:#78828e;font-size:.68rem;line-height:1.45}.panel-mini-label{font-size:.62rem;color:#6f7986}.panel-section{margin-top:14px}.dashboard-widgets{margin-top:14px}.metric-list{display:grid;padding:8px 0}.metric-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 17px;border-bottom:1px solid var(--line)}.metric-row:last-child{border-bottom:0}.metric-row span{font-size:.72rem;color:#9da6b2}.metric-row b{font-size:.8rem}.metric-empty,.empty-card{padding:18px;color:#77818d;font-size:.72rem;line-height:1.55}
.order-card-list{display:grid;gap:9px;padding:12px}.order-card{padding:15px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#10151c,#090c10)}.order-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.order-card__top strong{display:block;font-size:.82rem}.order-card__top span:not(.status){display:block;margin-top:5px;color:#7f8995;font-size:.65rem}.order-card__meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.order-card__meta>span{padding:9px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:#090c10;min-width:0}.order-card__meta small{display:block;color:#69737f;font-size:.54rem;text-transform:uppercase;letter-spacing:.06em}.order-card__meta b{display:block;margin-top:4px;font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-card__actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.order-card__actions .btn{min-height:36px;padding-inline:11px;font-size:.64rem}
.client-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px}.client-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#0b0f14;text-align:left;color:white}.client-card:hover{border-color:rgba(229,9,20,.32);background:#10151c}.client-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#272f39,#12171e);color:#ff626d;font-weight:900}.client-card strong,.client-card span,.client-card small,.client-card em{display:block}.client-card strong{font-size:.75rem}.client-card span{margin-top:3px;color:#8a94a0;font-size:.64rem}.client-card small{margin-top:4px;color:#626d79;font-size:.58rem}.client-card em{margin-top:5px;color:#62dca6;font-size:.59rem;font-style:normal}.client-card i{font-style:normal;color:#66717d}
.quick-button{width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.quick-button:hover{background:#10151b}.quick-button>.preview-count{align-self:center;font-size:.62rem;color:#62dca6;white-space:nowrap}
.panel-modal{position:fixed;inset:0;z-index:300;display:none;place-items:center;padding:16px}.panel-modal.open{display:grid}.panel-modal__backdrop{position:absolute;inset:0;background:rgba(1,3,5,.78);backdrop-filter:blur(14px)}.panel-modal__card{position:relative;z-index:2;width:min(720px,100%);max-height:min(86vh,760px);overflow:auto;border:1px solid var(--line2);border-radius:19px;background:#0b0f14;box-shadow:0 35px 100px rgba(0,0,0,.65)}.modal-close{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:#121720;color:white;font-size:1.25rem;text-align:center}.order-modal-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:15px}.order-modal-meta>div{padding:10px;border:1px solid var(--line);border-radius:10px;background:#080b0f}.order-modal-meta span,.order-modal-meta b{display:block}.order-modal-meta span{font-size:.55rem;color:#67717d;text-transform:uppercase}.order-modal-meta b{margin-top:5px;font-size:.65rem}
@media(max-width:700px){
 .sidebar{padding:13px 12px}.sidebar .brand{padding:2px 7px 12px}.panel-nav{gap:4px;padding-bottom:4px}.panel-nav a{padding:9px 10px;font-size:.68rem}.sidebar-foot{display:flex;gap:5px;overflow:auto;margin-top:7px}.sidebar-foot a{white-space:nowrap;padding:8px;font-size:.62rem}
 .panel-main{padding:18px 11px 34px}.panel-top{margin-bottom:16px}.panel-top h1{font-size:1.65rem}.panel-top p{font-size:.67rem}.stats{gap:7px}.stat{padding:13px;border-radius:12px}.stat span{font-size:.52rem;letter-spacing:.07em}.stat strong{font-size:1.65rem;margin-top:8px}
 .panel-grid{gap:9px}.panel-card{border-radius:14px}.panel-card-head{padding:13px 14px}.panel-card-head h2{font-size:.88rem}.panel-subcopy{font-size:.62rem}
 .client-card-grid{grid-template-columns:1fr;padding:9px}.order-card-list{padding:9px}.order-card{padding:12px}.order-card__meta{grid-template-columns:1fr 1fr}.order-card__meta>span:last-child{grid-column:1/-1}.order-card__actions .btn{flex:1}
 .panel-client-grid{grid-template-columns:1fr}
 .table-wrap{overflow:visible}.ptable{min-width:0;display:block}.ptable thead{display:none}.ptable tbody,.ptable tr,.ptable td{display:block;width:100%}.ptable tr{margin:9px;border:1px solid var(--line);border-radius:12px;background:#0b0f14;overflow:hidden}.ptable td{display:grid;grid-template-columns:94px 1fr;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);text-align:right;font-size:.68rem}.ptable td:last-child{border-bottom:0}.ptable td::before{content:attr(data-label);text-align:left;color:#6f7985;font-weight:800;font-size:.58rem;text-transform:uppercase;letter-spacing:.05em}.ptable td[data-label="Actions"] .btn{justify-self:end}
 .form-grid{gap:9px}.panel-form{padding:13px}.form-field input,.form-field select,.form-field textarea{min-height:42px;font-size:.74rem}.form-field label{font-size:.6rem}
 .panel-modal{padding:9px}.panel-modal__card{max-height:92vh;border-radius:15px}.order-modal-meta{grid-template-columns:1fr 1fr}.form-actions .btn{flex:1}
}