:root{
  --brand:#16a34a;
  --brand-2:#0f766e;
  --brand-3:#2563eb;
  --ink:#0f172a;
  --muted:#64748b;
  --line:#e2e8f0;
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --soft:#ecfdf5;
  --radius:18px;
  --radius-sm:12px;
  --shadow:0 18px 45px rgba(15,23,42,.08);
  --shadow-soft:0 10px 30px rgba(15,23,42,.06);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.premium-ui{
  margin:0;
  font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;
  background:
    radial-gradient(circle at top left, rgba(22,163,74,.14), transparent 32rem),
    radial-gradient(circle at top right, rgba(37,99,235,.10), transparent 30rem),
    linear-gradient(180deg,#f8fafc 0%,#eef7f1 100%);
  color:var(--ink);
  min-height:100vh;
}
a{text-decoration:none}.premium-shell{display:flex;min-height:100vh}.premium-sidebar{
  width:292px;position:fixed;inset:0 auto 0 0;z-index:1030;padding:18px;background:linear-gradient(180deg,#06151f 0%,#0b2a20 58%,#06151f 100%);color:white;box-shadow:20px 0 55px rgba(15,23,42,.18);overflow-y:auto
}.brand-card{display:flex;gap:12px;align-items:center;padding:16px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);margin-bottom:16px}.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#22c55e,#14b8a6);box-shadow:0 12px 30px rgba(20,184,166,.35);font-size:24px}.brand-title{font-size:15px;font-weight:900;line-height:1.1;letter-spacing:.3px}.brand-sub{font-size:11px;color:#a7f3d0;margin-top:4px}.nav-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#86efac;margin:18px 12px 8px;font-weight:800}.premium-nav{display:grid;gap:6px}.premium-nav a,.premium-nav button{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:14px;padding:11px 12px;color:#dbeafe;background:transparent;font-weight:700;font-size:13.5px;transition:.18s ease;text-align:left}.premium-nav a:hover,.premium-nav a.active,.premium-nav button:hover{background:rgba(255,255,255,.11);color:white;transform:translateX(3px)}.premium-nav .danger{color:#fecaca}.premium-nav .accent{color:#bbf7d0}.premium-nav .nav-icon{width:24px;text-align:center}.premium-main{margin-left:292px;width:calc(100% - 292px);min-height:100vh}.premium-topbar{position:sticky;top:0;z-index:1020;backdrop-filter:blur(18px);background:rgba(248,250,252,.76);border-bottom:1px solid rgba(226,232,240,.85);padding:14px 24px;display:flex;justify-content:space-between;gap:16px;align-items:center}.topbar-title{font-size:14px;font-weight:900;color:#0f172a}.topbar-sub{font-size:12px;color:#64748b}.premium-actions{display:flex;gap:10px;align-items:center}.premium-container{max-width:1440px;margin:0 auto;padding:26px}.mobile-menu-btn{display:none}.premium-btn{border:0;border-radius:14px;padding:10px 14px;font-weight:800;background:linear-gradient(135deg,#16a34a,#0f766e);color:white;box-shadow:0 12px 28px rgba(15,118,110,.22)}.ghost-btn{border:1px solid var(--line);border-radius:14px;padding:10px 14px;background:white;color:#0f172a;font-weight:800}.premium-card,.modern-card,.section-card,.stock-container,.order-container,.expense-container,.report-container,.main-card,.card{background:rgba(255,255,255,.92)!important;border:1px solid rgba(226,232,240,.9)!important;border-radius:22px!important;box-shadow:var(--shadow)!important}.page-header,.dashboard-header{border-radius:26px!important;background:linear-gradient(135deg,#06281f 0%,#0f766e 52%,#22c55e 100%)!important;box-shadow:0 22px 55px rgba(15,118,110,.20)!important;border:1px solid rgba(255,255,255,.18)!important}.dashboard-title,.page-title{font-weight:950!important;letter-spacing:-.04em}.stat-card,.summary-card{border-radius:22px!important;box-shadow:var(--shadow-soft)!important;border:1px solid #e2e8f0!important}.stat-card:hover,.summary-card:hover,.section-card:hover,.modern-card:hover{transform:translateY(-2px);transition:.2s ease}.table,.beautiful-table,.stock-table,.order-table,.expense-table{border-radius:18px!important;overflow:hidden!important;border:1px solid #e2e8f0!important;box-shadow:var(--shadow-soft)!important}.table thead,.beautiful-table thead,.stock-table thead,.order-table thead,.expense-table thead{background:linear-gradient(135deg,#0f172a 0%,#064e3b 100%)!important}.table thead th,.beautiful-table thead th,.stock-table thead th,.order-table thead th,.expense-table thead th{color:white!important;font-weight:850!important;border:0!important}.form-control,.form-select{border-radius:14px!important;border:1px solid #dbe3ef!important;padding:.78rem .95rem!important;background:#fff!important}.form-control:focus,.form-select:focus{border-color:#16a34a!important;box-shadow:0 0 0 4px rgba(22,163,74,.13)!important}.btn{border-radius:14px!important;font-weight:800!important}.btn-primary,.btn-success{background:linear-gradient(135deg,#16a34a,#0f766e)!important;border:0!important}.btn-danger{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;border:0!important}.alert{border-radius:18px!important;border:1px solid rgba(226,232,240,.9)!important;box-shadow:var(--shadow-soft)!important}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px}.quick-tile{display:flex;align-items:center;gap:12px;background:white;border:1px solid #e2e8f0;border-radius:20px;padding:16px;box-shadow:var(--shadow-soft);color:#0f172a;font-weight:900}.quick-tile span{font-size:24px}.quick-tile:hover{transform:translateY(-2px);color:#0f766e}.premium-footer{padding:0 26px 24px;color:#64748b;font-size:12px;text-align:center}.dark-mode,.dark-mode.premium-ui{background:#020617!important;color:#e2e8f0!important}.dark-mode .premium-topbar{background:rgba(2,6,23,.82);border-color:#1e293b}.dark-mode .topbar-title{color:#f8fafc}.dark-mode .topbar-sub{color:#94a3b8}.dark-mode .premium-card,.dark-mode .modern-card,.dark-mode .section-card,.dark-mode .stock-container,.dark-mode .order-container,.dark-mode .expense-container,.dark-mode .report-container,.dark-mode .main-card,.dark-mode .card,.dark-mode .quick-tile{background:#0f172a!important;color:#e2e8f0!important;border-color:#1e293b!important}.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode h5,.dark-mode .section-title,.dark-mode .info-value{color:#f8fafc!important}.dark-mode .form-control,.dark-mode .form-select{background:#020617!important;color:#e2e8f0!important;border-color:#334155!important}.dark-mode table,.dark-mode td,.dark-mode th{color:#e2e8f0!important}.dark-mode .ghost-btn{background:#0f172a;color:#e2e8f0;border-color:#334155}@media(max-width:1100px){.premium-sidebar{transform:translateX(-105%);transition:.24s ease}.premium-sidebar.open{transform:translateX(0)}.premium-main{margin-left:0;width:100%}.mobile-menu-btn{display:inline-flex}.premium-container{padding:18px}.premium-topbar{padding:12px 16px}.premium-actions{gap:6px}}@media(max-width:576px){.premium-container{padding:14px}.page-header,.dashboard-header{padding:1.35rem!important}.dashboard-title,.page-title{font-size:1.55rem!important}.stat-value,.summary-value{font-size:1.55rem!important}.premium-sidebar{width:86vw}.quick-grid{grid-template-columns:1fr}.table-responsive{border-radius:16px}}
