:root{
  --dark:#0b1220;
  --dark-2:#111827;
  --panel:#ffffff;
  --muted:#64748b;
  --line:#d8dee8;
  --soft:#f5f7fb;
  --soft-2:#eef2f7;
  --gold:#b9821b;
  --gold-dark:#8a5a0a;
  --success:#16a34a;
  --danger:#dc2626;
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{background:#f3f5f9;color:#111827;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;margin:0}
.app-shell{display:flex;min-height:100vh}
.sidebar{width:274px;background:linear-gradient(180deg,#07101f 0%,#0f172a 55%,#111827 100%);color:#fff;padding:22px 18px;position:fixed;inset:0 auto 0 0;border-right:1px solid rgba(255,255,255,.08)}
.brand{display:flex;gap:12px;align-items:center;margin-bottom:24px;padding:10px 8px 18px;border-bottom:1px solid rgba(255,255,255,.12)}
.brand-mark,.login-logo{width:46px;height:46px;background:#ffffff;color:#0f172a;display:grid;place-items:center;font-weight:950;letter-spacing:-.04em;border:3px solid var(--gold)}
.brand strong{display:block;font-size:17px;letter-spacing:.01em}.brand span{display:block;color:#94a3b8;font-size:12px;margin-top:2px}
.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;gap:11px;align-items:center;color:#dbe4f0;text-decoration:none;padding:11px 12px;border:1px solid transparent;font-weight:700;font-size:14px}.sidebar nav a:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff}.sidebar nav a i{font-size:17px;color:#d5a244}
.main{margin-left:274px;width:calc(100% - 274px)}
.topbar{min-height:84px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:20px 32px;box-shadow:0 8px 24px rgba(15,23,42,.035)}
.topbar h1{font-size:22px;margin:0;font-weight:900;color:#0f172a;letter-spacing:-.02em}.topbar p{margin:3px 0 0;color:var(--muted);font-size:13px}.userbox{display:flex;gap:12px;align-items:center}.userbox span{font-weight:800;color:#111827}.content{padding:30px 32px}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.page-title{font-size:28px;font-weight:950;margin:0;color:#0f172a;letter-spacing:-.03em}.page-subtitle{color:var(--muted);margin:4px 0 0}
.card,.btn,.form-control,.form-select,.badge,.alert,.modal-content,.dropdown-menu,.pro-card,.stat-card,.item-box,.total-preview,.login-card,.brand-mark,.login-logo{border-radius:0!important}
.pro-card{border:1px solid var(--line);box-shadow:0 18px 44px rgba(15,23,42,.06);overflow:hidden;background:#fff}.pro-card .card-header{background:#fff;border-bottom:1px solid var(--line);padding:16px 20px;font-weight:900;color:#0f172a}.pro-card .card-body{padding:20px}.card-header strong{letter-spacing:.01em}
.stat-card{background:#fff;padding:22px 20px;box-shadow:0 18px 44px rgba(15,23,42,.055);border:1px solid var(--line);border-top:5px solid var(--gold);min-height:112px;position:relative}.stat-card span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:900}.stat-card strong{font-size:29px;line-height:1.25;color:#0f172a}.stat-card small{display:block;color:#94a3b8;margin-top:5px}
.table{--bs-table-bg:#fff}.table th{color:#475569;font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:#f8fafc;border-bottom:1px solid var(--line);padding:13px 12px}.table td{padding:13px 12px;border-color:#edf1f6;color:#111827}.table tbody tr:hover{background:#f9fafb}
.badge{padding:7px 10px;font-weight:800}.status-draft{background:#e5e7eb;color:#111}.status-sent{background:#dbeafe;color:#1d4ed8}.status-approved{background:#dcfce7;color:#166534}.status-rejected,.status-cancelled{background:#fee2e2;color:#991b1b}
.btn{font-weight:800}.btn-dark{background:#0f172a;border-color:#0f172a}.btn-dark:hover{background:#020617;border-color:#020617}.btn-outline-dark{border-color:#0f172a;color:#0f172a}.btn-outline-dark:hover{background:#0f172a;color:#fff}
.form-control,.form-select{border-color:#cbd5e1;padding:.6rem .72rem}.form-control:focus,.form-select:focus{border-color:var(--gold);box-shadow:0 0 0 .18rem rgba(185,130,27,.14)}label{font-weight:800;font-size:13px;color:#334155;margin-bottom:4px}.text-muted{color:#64748b!important}
.item-box{background:#f8fafc;border:1px solid #dbe3ee;padding:18px;margin-bottom:16px}.total-preview{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:18px;background:#0f172a;color:white;border-left:5px solid var(--gold)}.summary-list p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}.summary-list .grand{font-size:20px;border:0}.alert{border-width:1px}
.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#1e293b,#0f172a 58%,#020617)}.login-card{width:410px;background:#fff;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.3);border-top:5px solid var(--gold)}.login-card h3{font-weight:950;margin-top:18px;color:#0f172a}.login-card p{color:#6b7280}.login-card label{margin-top:12px;font-weight:800;font-size:13px}
.dashboard-hero{background:#0f172a;color:#fff;border-left:6px solid var(--gold);padding:24px 26px;margin-bottom:24px;display:flex;justify-content:space-between;gap:20px;align-items:center}.dashboard-hero h2{margin:0;font-size:25px;font-weight:950}.dashboard-hero p{margin:6px 0 0;color:#cbd5e1}.dashboard-hero .btn{background:#fff;color:#0f172a;border:0}
.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.quick-action{background:#fff;border:1px solid var(--line);padding:16px;text-decoration:none;color:#111827;box-shadow:0 10px 30px rgba(15,23,42,.04)}.quick-action i{font-size:22px;color:var(--gold);display:block;margin-bottom:10px}.quick-action strong{display:block}.quick-action span{font-size:12px;color:var(--muted)}.quick-action:hover{border-color:var(--gold);color:#111827;background:#fffdf7}
.equipment-suggestions{display:none;position:absolute;z-index:50;top:100%;left:0;right:0;background:#fff;border:1px solid #111827;box-shadow:0 12px 30px rgba(15,23,42,.14);max-height:260px;overflow:auto}.equipment-suggestion-item{display:block;width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid #e5e7eb;padding:10px 12px;color:#111827}.equipment-suggestion-item:hover{background:#f3f4f6}.equipment-suggestion-item strong{display:block;font-size:13px;line-height:1.25}.equipment-suggestion-item small{display:block;color:#6b7280;margin-top:3px;font-size:11px}
@media(max-width:1050px){.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.sidebar{position:static;width:100%}.app-shell{display:block}.main{margin:0;width:100%}.topbar{height:auto;padding:20px;display:block}.content{padding:18px}.quick-actions{grid-template-columns:1fr}.dashboard-hero{display:block}}
.sidebar nav a.active{background:#ffffff;color:#0f172a;border-color:#ffffff}.sidebar nav a.active i{color:var(--gold-dark)}