:root{
  --p-green:#9FC419;--p-green-ink:#2f780d;--p-gold:#FFDD39;--p-magenta:#B24463;--p-accent:#C7440A;--p-accent-hover:#A93400;
  --p-ink:#1c2521;--p-muted:#6b7a72;--p-line:#e4e6df;--p-bg:#f4f5f0;--p-card:#ffffff;--p-sidebar:#14251c;--p-sidebar-muted:#a9c2ab;
  --p-radius:14px;--p-shadow:0 1px 2px rgba(20,30,20,.04),0 8px 24px rgba(20,30,20,.05);
}
*{box-sizing:border-box}
.panel-body{margin:0;background:var(--p-bg);color:var(--p-ink);font:15px/1.55 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}
.panel-body h1,.panel-body h2,.panel-body h3{font-family:Manrope,sans-serif;line-height:1.2;margin:0}
.panel-shell{display:flex;min-height:100vh}

/* Sidebar */
.panel-sidebar{width:246px;flex:none;background:var(--p-sidebar);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:1.4rem 1rem}
.panel-brand{display:flex;align-items:center;gap:.6rem;padding:.4rem .5rem 1.4rem;text-decoration:none;color:#fff;font:800 1rem Manrope;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1rem}
.panel-brand img{width:32px;height:32px;object-fit:contain;background:#fff;border-radius:8px;padding:3px}
.panel-nav{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.15rem}
.panel-nav-group{margin:1rem .6rem .3rem;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:var(--p-sidebar-muted);font-weight:700}
.panel-nav a{display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;border-radius:10px;color:#dce8de;text-decoration:none;font-size:.88rem;font-weight:600;transition:.15s}
.panel-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.panel-nav a.active{background:var(--p-green);color:#0f1a10}
.panel-nav a i{width:18px;height:18px;flex:none;display:grid;place-items:center}
.panel-nav a i svg{width:18px;height:18px}
.panel-sidebar-footer{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;margin-top:1rem;display:grid;gap:.6rem}
.panel-view-site{color:var(--p-gold);font-size:.82rem;font-weight:700;text-decoration:none}
.panel-user{display:flex;flex-direction:column;font-size:.85rem}
.panel-user span{font-weight:700}
.panel-user small{color:var(--p-sidebar-muted)}
.panel-logout{background:rgba(255,255,255,.08);color:#fff;border:0;border-radius:8px;padding:.5rem;font-size:.8rem;cursor:pointer;width:100%}
.panel-logout:hover{background:rgba(255,255,255,.16)}
.panel-nav-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:50;background:var(--p-sidebar);color:#fff;border:0;width:42px;height:42px;border-radius:10px;font-size:1.2rem}

/* Topbar + content */
.panel-main{flex:1;min-width:0;display:flex;flex-direction:column}
.panel-topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;padding:2rem 2.4rem 1.4rem;flex-wrap:wrap}
.panel-eyebrow{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--p-green-ink);font-weight:800;margin-bottom:.3rem}
.panel-topbar h1{font-size:1.8rem}
.panel-topbar p{color:var(--p-muted);margin:.3rem 0 0;font-size:.92rem}
.panel-content{padding:0 2.4rem 3rem}
.panel-messages{padding:0 2.4rem;margin-top:-.6rem}
.panel-toast{background:#eef8e1;border:1px solid var(--p-green);color:var(--p-green-ink);padding:.7rem 1rem;border-radius:10px;font-size:.88rem;margin-bottom:.8rem}

/* Cards */
.panel-card{background:var(--p-card);border:1px solid var(--p-line);border-radius:var(--p-radius);box-shadow:var(--p-shadow)}
.panel-card-pad{padding:1.6rem}
.panel-card-head{display:flex;justify-content:space-between;align-items:center;padding:1.3rem 1.6rem;border-bottom:1px solid var(--p-line)}
.panel-card-head h2{font-size:1.05rem}
.panel-grid-2{display:grid;grid-template-columns:1.5fr 1fr;gap:1.4rem;align-items:start}

/* KPI */
.panel-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-bottom:1.6rem}
.panel-kpi{background:var(--p-card);border:1px solid var(--p-line);border-radius:var(--p-radius);padding:1.3rem 1.4rem;box-shadow:var(--p-shadow)}
.panel-kpi span{display:block;color:var(--p-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.panel-kpi b{font:800 2.1rem Manrope;display:block;margin-top:.3rem}

/* Table */
.panel-table-wrap{overflow-x:auto}
.panel-table{width:100%;border-collapse:collapse;font-size:.88rem}
.panel-table th{text-align:left;padding:.85rem 1.6rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--p-muted);background:#fafaf6;border-bottom:1px solid var(--p-line);white-space:nowrap}
.panel-table td{padding:.85rem 1.6rem;border-bottom:1px solid var(--p-line);vertical-align:middle}
.panel-table tr:last-child td{border-bottom:0}
.panel-table tr:hover td{background:#fafaf6}
.panel-table td strong{display:block;font-weight:700}
.panel-table td small{color:var(--p-muted);font-size:.78rem}
.panel-table-empty{padding:2.5rem;text-align:center;color:var(--p-muted)}

/* Badge / status */
.p-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .65rem;border-radius:99px;font-size:.72rem;font-weight:700;background:#eef1ea;color:var(--p-muted)}
.p-badge.ok{background:#eaf6dc;color:var(--p-green-ink)}
.p-badge.warn{background:#fdf1dc;color:#9a6a00}
.p-badge.danger{background:#fbe7e2;color:#a32d2d}
.p-badge.info{background:#e9f0f9;color:#2c5aa0}

/* Buttons */
.p-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.1rem;border-radius:9px;font:700 .85rem 'DM Sans';border:0;cursor:pointer;text-decoration:none;transition:.15s}
.p-btn-primary{background:var(--p-accent);color:#fff}
.p-btn-primary:hover{background:var(--p-accent-hover)}
.p-btn-ghost{background:#fff;color:var(--p-ink);border:1px solid var(--p-line)}
.p-btn-ghost:hover{border-color:var(--p-accent);color:var(--p-accent)}
.p-btn-text{background:none;border:0;color:var(--p-green-ink);font:700 .85rem 'DM Sans';cursor:pointer;text-decoration:none;padding:.3rem 0}
.p-btn-text.danger{color:#a32d2d}
.p-btn-sm{padding:.4rem .8rem;font-size:.78rem;border-radius:7px}

/* Forms */
.panel-form p{display:grid;gap:.35rem;margin:0 0 1.2rem}
.panel-form label{font-weight:700;font-size:.85rem;color:var(--p-ink)}
.panel-form input[type=text],.panel-form input[type=number],.panel-form input[type=email],.panel-form input[type=password],.panel-form input[type=date],.panel-form input[type=datetime-local],.panel-form input[type=url],.panel-form select,.panel-form textarea{
  width:100%;padding:.7rem .85rem;border:1px solid var(--p-line);border-radius:9px;font:inherit;background:#fcfcfa;transition:.15s}
.panel-form input:focus,.panel-form select:focus,.panel-form textarea:focus{outline:none;border-color:var(--p-accent);background:#fff;box-shadow:0 0 0 3px rgba(199,68,10,.12)}
.panel-form textarea{min-height:110px;resize:vertical}
.panel-form .helptext{font-size:.78rem;color:var(--p-muted);font-weight:400}
.panel-form ul.errorlist{list-style:none;margin:0;padding:0;color:#a32d2d;font-size:.8rem}
.panel-form input[type=checkbox]{width:auto;margin-right:.4rem}
.panel-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1.4rem}
.panel-form-grid p{grid-column:span 2}
.panel-form-grid p.p-half{grid-column:span 1}
.status-form{display:flex;gap:.5rem;align-items:center}
.status-form select{padding:.4rem .6rem;border:1px solid var(--p-line);border-radius:7px}
.panel-filter{display:flex;gap:.8rem;align-items:end;margin-bottom:1.2rem;flex-wrap:wrap}
.panel-filter label{font-size:.82rem;font-weight:700;display:grid;gap:.3rem}
.panel-filter select{padding:.55rem .8rem;border:1px solid var(--p-line);border-radius:8px}

/* Import cards */
.p-import-card{border:1px solid var(--p-line);border-radius:12px;padding:1.2rem 1.4rem;margin-bottom:1rem;background:#fff}
.p-import-card small{color:var(--p-muted);display:block;margin-top:.2rem}
.p-import-card pre{white-space:pre-wrap;max-height:280px;overflow:auto;background:#fafaf6;padding:1rem;border-radius:8px;font-size:.8rem;margin-top:.6rem}
.p-import-card details summary{cursor:pointer;font-weight:700;font-size:.85rem;color:var(--p-green-ink);margin-top:.6rem}
.p-import-actions{display:flex;gap:.6rem;margin-top:.8rem}
.p-import-actions form{margin:0}

@media(max-width:980px){
  .panel-kpis{grid-template-columns:repeat(2,1fr)}
  .panel-grid-2{grid-template-columns:1fr}
  .panel-form-grid{grid-template-columns:1fr}
  .panel-form-grid p.p-half{grid-column:span 1}
}
@media(max-width:760px){
  .panel-nav-toggle{display:block}
  .panel-sidebar{position:fixed;left:0;top:0;transform:translateX(-100%);transition:.25s;z-index:40;box-shadow:0 0 40px rgba(0,0,0,.3)}
  .panel-sidebar.open{transform:translateX(0)}
  .panel-topbar,.panel-content,.panel-messages{padding-left:1.2rem;padding-right:1.2rem}
  .panel-topbar{padding-top:4.2rem}
  .panel-kpis{grid-template-columns:1fr 1fr}
  .panel-table th,.panel-table td{padding:.7rem .9rem}
}

.p-btn.wide{width:100%;text-align:center;display:block}
.p-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.4rem}
.p-stat-card{background:var(--p-card);border:1px solid var(--p-line);border-radius:var(--p-radius);padding:1rem 1.2rem;display:grid;gap:.2rem;text-decoration:none;color:inherit;transition:.15s ease}
.p-stat-card:hover{border-color:var(--p-green)}
.p-stat-card.active{border-color:var(--p-accent);box-shadow:0 0 0 2px rgba(199,68,10,.12)}
.p-stat-count{font:800 1.6rem Manrope,sans-serif;color:var(--p-ink)}
.p-stat-label{font-size:.78rem;color:var(--p-muted);font-weight:600}

.order-workspace{display:grid;grid-template-columns:1fr 300px;gap:1.4rem;align-items:start}
.order-main{display:grid;gap:1.4rem}
.order-dl{display:grid;grid-template-columns:160px 1fr;gap:.6rem 1rem;margin:0}
.order-dl dt{font-weight:700;color:var(--p-muted);font-size:.85rem}
.order-dl dd{margin:0}
.order-note-form{margin-bottom:1.2rem}
.order-timeline{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}
.order-event{border-left:3px solid var(--p-line);padding:.2rem 0 .2rem 1rem}
.order-event-status{border-left-color:var(--p-green)}
.order-event p{margin:0}
.order-event small{color:var(--p-muted);font-size:.75rem}
@media (max-width:900px){.order-workspace{grid-template-columns:1fr}}