:root{--bg:#050611;--panel:#0b0d20;--panel2:#11132b;--line:rgba(150,111,255,.25);--muted:#a6a2bd;--purple:#b21cff;--blue:#2568ff;--green:#36e5a0;--red:#ff5479;--yellow:#ffd86b;--shadow:0 24px 70px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;background:var(--bg);color:#f7f6ff}body{overflow-x:hidden}a{color:inherit}.ambient{position:fixed;pointer-events:none;filter:blur(65px);opacity:.2;border-radius:50%;z-index:0}.ambient-a{width:520px;height:520px;background:#761cff;top:-230px;left:-180px}.ambient-b{width:600px;height:600px;background:#155eff;right:-260px;bottom:-260px}
.app-shell,.admin-shell{position:relative;z-index:1;display:flex;min-height:100vh}.sidebar,.admin-sidebar{width:270px;flex:0 0 270px;background:rgba(7,8,25,.94);border-right:1px solid rgba(137,88,255,.22);padding:22px 15px;display:flex;flex-direction:column;backdrop-filter:blur(24px);position:sticky;top:0;height:100vh}.admin-sidebar{background:#090d12;border-right-color:rgba(255,255,255,.08)}
.brand{display:flex;align-items:center;gap:11px;padding:7px 10px 25px}.brand img{width:44px;height:44px;object-fit:contain}.brand b{font:800 25px Manrope,Inter,sans-serif;letter-spacing:-.5px}.brand small{display:block;letter-spacing:3px;font-size:9px;color:#aaa6bf;margin-top:2px}.sidebar nav,.admin-sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar a,.admin-sidebar a{color:#bbb8d0;text-decoration:none;padding:12px 13px;border-radius:14px;display:flex;gap:12px;align-items:center;font-size:14px;transition:.2s}.sidebar a:hover,.admin-sidebar a:hover,.sidebar a.active,.admin-sidebar a.active{color:#fff;background:linear-gradient(100deg,rgba(176,0,255,.95),rgba(31,93,255,.95));box-shadow:0 12px 32px rgba(80,45,255,.22)}.admin-sidebar a.active{background:rgba(137,77,255,.16);box-shadow:none}.nav-sep{height:1px;background:rgba(255,255,255,.09);margin:10px}.logout{margin-top:auto!important;border:1px solid rgba(151,83,255,.24)}
.main{flex:1;min-width:0}.topbar{height:78px;padding:15px 30px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;align-items:center;background:rgba(5,6,20,.65);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.top-user{display:flex;align-items:center;gap:12px;color:#d9d6e8;font-size:13px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#b400ff,#155cff);font-weight:800}.mobile-brand{display:none}.mobile-menu{display:none;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;border-radius:12px;padding:9px 11px;font-size:20px;cursor:pointer}
.content{padding:30px;max-width:1550px;margin:auto}.page-title{font:800 31px/1.1 Manrope,Inter,sans-serif;margin:0 0 7px;letter-spacing:-.6px}.muted{color:var(--muted)}.grid{display:grid;gap:18px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat,.card{background:linear-gradient(145deg,rgba(18,18,47,.94),rgba(8,9,28,.96));border:1px solid var(--line);border-radius:21px;box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.045)}.stat{padding:22px;min-height:150px;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#a800ff,#155cff);filter:blur(46px);opacity:.14;right:-35px;bottom:-45px}.stat .label{color:#aaa5c3;font-size:13px}.stat .value{font:800 27px Manrope;margin-top:15px;position:relative;z-index:1}.stat-subline{margin-top:10px;position:relative;z-index:2;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mode-badges{display:inline-flex;gap:6px;flex-wrap:wrap}.mode-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;line-height:1;border:1px solid transparent}.mode-badge.safe{color:#36e5a0;background:rgba(54,229,160,.11);border-color:rgba(54,229,160,.32)}.mode-badge.medium{color:#b98cff;background:rgba(137,77,255,.13);border-color:rgba(137,77,255,.38)}.mode-badge.risky{color:#ff6d91;background:rgba(255,84,121,.12);border-color:rgba(255,84,121,.34)}
.accent{color:#bd7aff}.profit{color:var(--green)}.loss{color:var(--red)}.card{padding:22px;margin-top:18px}.card h2,.card h3{font:700 18px Manrope;margin:0 0 16px}.table-wrap{overflow:auto;border-radius:14px}.table{width:100%;border-collapse:collapse;min-width:700px}.table th,.table td{text-align:left;padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.07);font-size:13px;vertical-align:middle}.table th{color:#8f8ba8;font-weight:600}.table tr:last-child td{border-bottom:0}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:11px;background:rgba(150,100,255,.12);color:#c9b8ff}.badge.green{color:var(--green);background:rgba(53,231,163,.1)}.badge.red{color:#ff6283;background:rgba(255,82,120,.1)}.badge.yellow{color:var(--yellow);background:rgba(255,214,107,.1)}
.btn{border:0;border-radius:13px;padding:12px 19px;font-weight:800;color:#fff;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(100deg,#b400ff,#155eff);box-shadow:0 12px 30px rgba(75,55,255,.24);transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 15px 36px rgba(75,55,255,.32)}.btn.secondary{background:rgba(255,255,255,.035);border:1px solid rgba(152,91,255,.45);box-shadow:none}.btn.danger{background:linear-gradient(100deg,#c31855,#ff334f)}.btn.small{padding:8px 11px;font-size:12px;border-radius:10px}.actions{display:flex;gap:8px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:12px;color:#b8b3ca}.field input,.field select,.field textarea{width:100%;background:rgba(7,9,29,.9);border:1px solid rgba(134,111,220,.25);color:#fff;border-radius:13px;padding:13px 14px;outline:none;font:inherit;min-height:47px}.field textarea{min-height:120px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#68647d}.field input:focus,.field select:focus,.field textarea:focus{border-color:#894dff;box-shadow:0 0 0 3px rgba(137,77,255,.1)}.field input[type=file]{padding:10px}.field input[type=checkbox]{width:auto;min-height:auto}.help{font-size:11px;color:#85819b;line-height:1.5}.check{display:flex;gap:8px;align-items:center;font-size:12px;color:#aaa6bc}.alert{margin:15px 30px 0;padding:12px 16px;border-radius:12px;border:1px solid rgba(150,100,255,.25);background:rgba(99,50,180,.12);color:#ddd7f4}.alert.success{border-color:rgba(53,231,163,.3);background:rgba(53,231,163,.08)}.alert.error{border-color:rgba(255,82,120,.3);background:rgba(255,82,120,.08)}footer{text-align:center;color:#69657d;font-size:11px;padding:25px}.empty{padding:30px;text-align:center;color:#8d899e}.file-preview{max-width:260px;max-height:180px;border-radius:12px;border:1px solid rgba(255,255,255,.1);object-fit:contain}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.tabs a{padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.04);color:#aaa6bd;text-decoration:none}.tabs a.active{background:linear-gradient(100deg,#a900ff,#155eff);color:white}.codebox{font-family:monospace;background:#070916;border:1px solid rgba(145,93,255,.25);padding:12px;border-radius:10px;word-break:break-all}.danger-zone{border-color:rgba(255,82,120,.35)}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mode-card{margin:0;position:relative;overflow:hidden}.mode-card strong{font-size:22px}.mode-card.safe{border-color:rgba(54,229,160,.28)}.mode-card.medium{border-color:rgba(255,216,107,.28)}.mode-card.risky{border-color:rgba(255,84,121,.3)}
.mode-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mode-choice{position:relative;display:flex;align-items:flex-start;gap:10px;padding:16px;border:1px solid rgba(134,111,220,.25);border-radius:15px;background:rgba(7,9,29,.62);cursor:pointer;transition:.18s}.mode-choice:hover{transform:translateY(-1px);border-color:rgba(145,93,255,.55)}.mode-choice input{margin-top:3px;accent-color:#9a4dff}.mode-choice span{display:flex;flex-direction:column;gap:5px}.mode-choice strong{font-size:16px}.mode-choice small{font-size:11px;line-height:1.45;color:#918da7}.safe-choice:has(input:checked){border-color:rgba(54,229,160,.7);box-shadow:0 0 0 2px rgba(54,229,160,.08)}.medium-choice:has(input:checked){border-color:rgba(255,216,107,.7);box-shadow:0 0 0 2px rgba(255,216,107,.08)}.risky-choice:has(input:checked){border-color:rgba(255,84,121,.75);box-shadow:0 0 0 2px rgba(255,84,121,.08)}
/* Premium public landing */
.hero{min-height:100svh;display:grid;place-items:center;padding:26px;position:relative;z-index:1}.landing{width:min(1280px,100%);min-height:min(820px,calc(100svh - 52px));display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:30px;align-items:center;padding:42px 48px;border:1px solid rgba(126,87,255,.22);border-radius:34px;background:radial-gradient(circle at 74% 55%,rgba(99,40,255,.16),transparent 38%),linear-gradient(145deg,rgba(10,11,31,.98),rgba(4,5,17,.98));box-shadow:0 35px 110px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.04)}.landing-copy{padding:10px 10px 10px 4px}.landing-logo{display:flex;align-items:center;gap:12px;margin-bottom:38px}.landing-logo img{width:62px;height:62px}.landing-logo b{font:800 31px Manrope}.landing-logo small{display:block;letter-spacing:4px;color:#aaa5bd;font-size:10px}.eyebrow{letter-spacing:4px;color:#aaa3c3;font-weight:800;font-size:12px}.landing h1{font:800 clamp(48px,5.5vw,82px)/1.03 Manrope;margin:18px 0 22px;letter-spacing:-2.2px}.gradient{background:linear-gradient(90deg,#d39bff 0%,#a52dff 42%,#1e7aff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.landing p{color:#aaa6bf;font-size:18px;line-height:1.72;max-width:650px;margin:0}.hero-actions{display:flex;gap:13px;margin-top:30px}.hero-actions .btn{min-width:165px;min-height:54px;font-size:16px}.tagline{margin-top:22px;color:#aaa6bf;letter-spacing:7px;font-size:11px;font-weight:700}.visual{min-height:610px;display:grid;place-items:center;position:relative}.visual-art{width:min(100%,560px);aspect-ratio:1/1;position:relative;display:grid;place-items:center}.visual-art:before{content:"";position:absolute;width:70%;height:70%;border:1px solid rgba(155,92,255,.25);border-radius:50%;box-shadow:0 0 90px rgba(85,53,255,.16)}.bars{height:310px;display:flex;align-items:end;gap:18px;position:relative;z-index:2}.bars span{width:54px;border-radius:16px 16px 5px 5px;background:linear-gradient(180deg,#bd36ff,#2464ff);box-shadow:0 0 42px rgba(118,66,255,.38)}.bars span:nth-child(1){height:85px}.bars span:nth-child(2){height:145px}.bars span:nth-child(3){height:205px}.bars span:nth-child(4){height:265px}.bars span:nth-child(5){height:315px}.visual-arrow{position:absolute;width:330px;height:110px;border-top:12px solid #b02cff;border-right:12px solid #2464ff;transform:rotate(-32deg) translate(12px,-35px);border-radius:70px;z-index:3;filter:drop-shadow(0 0 18px rgba(111,64,255,.65))}.visual-arrow:after{content:"";position:absolute;right:-18px;top:-28px;border-left:35px solid #2464ff;border-top:22px solid transparent;border-bottom:22px solid transparent;transform:rotate(0deg)}.coin{position:absolute;width:115px;height:115px;border-radius:50%;border:2px solid #713eff;background:radial-gradient(circle at 35% 30%,#672fff,#09091b 68%);box-shadow:0 0 35px rgba(103,47,255,.5);z-index:4}.coin:after{content:"I";font:800 65px Manrope;color:#c477ff;position:absolute;inset:0;display:grid;place-items:center}.visual-caption{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#aaa6bf;letter-spacing:6px;font-size:11px}
/* Auth */.login-wrap{min-height:100svh;display:grid;place-items:center;padding:35px 20px;position:relative;z-index:1}.auth-card{width:min(520px,100%);padding:36px;border-radius:28px;background:linear-gradient(145deg,rgba(21,20,53,.97),rgba(7,8,25,.98));border:1px solid rgba(150,92,255,.45);box-shadow:0 30px 90px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.07);backdrop-filter:blur(18px)}.auth-card.register-card{width:min(680px,100%)}.auth-brand{text-align:center;margin-bottom:26px}.auth-brand img{width:62px;height:62px;object-fit:contain}.auth-brand h1{font:800 31px Manrope;margin:9px 0 7px}.auth-brand p{color:#aaa5bf;margin:0}.auth-card .btn{width:100%;margin-top:8px;min-height:50px;font-size:15px}.link-row{display:flex;justify-content:space-between;gap:12px;margin-top:17px;font-size:12px;flex-wrap:wrap}.link-row a{color:#b58cff;text-decoration:none}.notice{padding:12px 14px;border-radius:12px;background:rgba(255,214,107,.08);border:1px solid rgba(255,214,107,.2);color:#e9dba8;font-size:12px;margin-bottom:15px}
/* Mobile drawer */.drawer-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:40}.mobile-drawer{display:none}
@media(max-width:1180px){.landing{grid-template-columns:1fr .85fr;padding:38px}.visual{min-height:520px}.bars{height:260px}.bars span{width:44px}.bars span:nth-child(5){height:260px}.visual-arrow{width:275px}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar,.admin-sidebar{width:230px;flex-basis:230px}.content{padding:25px}.landing{grid-template-columns:1fr;min-height:auto}.visual{min-height:390px}.visual-art{max-width:470px}.landing-copy{padding:0}.landing h1{font-size:clamp(45px,7vw,68px)}}
@media(max-width:760px){.sidebar,.admin-sidebar{display:none}.topbar{padding:12px 15px;height:68px}.mobile-brand{display:flex;align-items:center}.mobile-brand img{height:36px;width:36px;object-fit:contain}.mobile-menu{display:block}.topbar>div:first-child{display:flex;align-items:center;gap:10px}.topbar>div:first-child:before{content:"☰";display:none}.content{padding:20px 14px}.alert{margin-left:14px;margin-right:14px}.stats,.kpi-row,.form-grid,.two-col,.mode-grid,.mode-choice-grid{grid-template-columns:1fr}.stat{min-height:125px}.table{min-width:640px}.page-title{font-size:25px}.card{padding:18px;border-radius:18px}.hero{padding:0;align-items:start}.landing{width:100%;min-height:100svh;border-radius:0;border-left:0;border-right:0;padding:42px 18px 70px;display:flex;flex-direction:column;justify-content:flex-start;gap:0}.landing-copy{width:100%;padding:0}.landing-logo{margin-bottom:24px}.landing-logo img{width:52px;height:52px}.landing-logo b{font-size:27px}.eyebrow{font-size:9px;letter-spacing:2.5px;line-height:1.5}.landing h1{font-size:clamp(40px,10.5vw,56px);letter-spacing:-1.7px;margin:15px 0 18px;line-height:1.05}.landing p{font-size:15px;line-height:1.65}.hero-actions{width:100%;margin-top:24px;gap:9px;display:flex}.hero-actions .btn{min-width:0;flex:1;min-height:52px}.tagline{font-size:9px;letter-spacing:3.5px;line-height:1.8;margin-top:15px;text-align:center;white-space:normal}.visual{min-height:280px;width:100%;margin-top:18px}.visual-art{width:100%;max-width:360px}.visual-logo{display:none}.bars{height:190px;gap:10px}.bars span{width:30px}.bars span:nth-child(1){height:52px}.bars span:nth-child(2){height:88px}.bars span:nth-child(3){height:124px}.bars span:nth-child(4){height:158px}.bars span:nth-child(5){height:190px}.visual-arrow{width:195px;height:74px;border-top-width:9px;border-right-width:9px}.coin{width:76px;height:76px}.coin:after{font-size:44px}.visual-caption{bottom:-8px}.auth-card{padding:25px 19px;border-radius:22px}.auth-card.register-card{width:100%}.auth-brand h1{font-size:27px}.auth-brand img{width:55px;height:55px}.login-wrap{padding:18px 12px}.mobile-drawer{display:block;position:fixed;left:0;top:0;bottom:0;width:min(310px,84vw);background:#080a1c;border-right:1px solid var(--line);z-index:50;transform:translateX(-105%);transition:transform .25s;padding:18px 15px;overflow:auto}.mobile-drawer.open{transform:translateX(0)}.drawer-overlay.open{display:block}.mobile-drawer .brand{padding-bottom:20px}.mobile-drawer nav{display:flex;flex-direction:column;gap:5px}.mobile-drawer a{color:#bbb8d0;text-decoration:none;padding:12px;border-radius:13px;display:flex;gap:11px;align-items:center}.mobile-drawer a.active{background:linear-gradient(100deg,#a900ff,#155eff);color:#fff}.mobile-drawer .logout{margin-top:22px!important}.mobile-drawer-close{float:right;background:none;border:0;color:#aaa;font-size:25px}.admin-shell .mobile-drawer{background:#080d12}.section-head{align-items:flex-start;flex-direction:column}.hero .ambient{display:none}}
@media(min-width:761px){.mobile-drawer,.drawer-overlay{display:none!important}}

/* =========================================================
   MOBILE UI PATCH - Customer + Admin
   Keeps desktop layout unchanged and prevents duplicate
   navigation/sidebar markup from appearing in page flow.
   ========================================================= */
@media (max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .app-shell,.admin-shell{display:block;min-height:100svh;width:100%;overflow:visible}

  /* Never render the desktop sidebar on phones. */
  .sidebar,.admin-sidebar{display:none!important;visibility:hidden!important;width:0!important;min-width:0!important;flex:0 0 0!important}

  /* The drawer exists in the DOM before the main shell. Keep it completely
     out of normal document flow until the hamburger is pressed. */
  .mobile-drawer{
    display:none!important;
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:min(310px,86vw)!important;
    max-width:86vw!important;
    height:100svh!important;
    margin:0!important;
    padding:18px 15px 24px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    z-index:1000!important;
    transform:translate3d(-110%,0,0)!important;
    transition:transform .25s ease!important;
    box-shadow:20px 0 60px rgba(0,0,0,.45)!important;
  }
  .mobile-drawer.open{
    display:block!important;
    transform:translate3d(0,0,0)!important;
  }
  .mobile-drawer .brand{display:flex!important}
  .mobile-drawer nav{display:flex!important;flex-direction:column!important;gap:5px!important}
  .mobile-drawer nav a{display:flex!important;align-items:center!important;min-height:46px!important;width:100%!important}
  .mobile-drawer .logout{display:flex!important;align-items:center!important}

  .drawer-overlay{display:none!important;position:fixed!important;inset:0!important;z-index:999!important}
  .drawer-overlay.open{display:block!important}

  .topbar{width:100%;height:68px;padding:12px 14px!important;position:sticky;top:0;z-index:100!important}
  .topbar>div:first-child{min-width:0;flex:1}
  .topbar strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-menu{display:grid!important;place-items:center;width:40px;height:40px;padding:0!important;flex:0 0 40px}
  .mobile-brand{display:flex!important;align-items:center}
  .mobile-brand img{width:34px!important;height:34px!important}
  .top-user{gap:8px;font-size:12px;min-width:0}
  .top-user>span:first-child{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .avatar{width:34px;height:34px;flex:0 0 34px}

  .content{width:100%;max-width:100%;padding:18px 13px 28px!important;margin:0!important}
  .page-title{font-size:25px!important;line-height:1.15}
  .stats{grid-template-columns:1fr!important;gap:12px!important}
  .stat{width:100%;min-width:0;min-height:125px;padding:18px!important}
  .stat .value{font-size:26px}
  .card{width:100%;min-width:0;margin-top:14px!important;padding:16px!important;border-radius:18px}
  .section-head{display:flex;flex-direction:row!important;align-items:center!important;justify-content:space-between;gap:10px}
  .section-head h2{font-size:17px!important}
  .table-wrap{width:100%;max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .table{min-width:620px!important}
  .actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .actions .btn{width:100%}
  .form-grid,.two-col,.kpi-row,.mode-grid,.mode-choice-grid{grid-template-columns:1fr!important}
  .alert{margin:12px 13px 0!important}
  footer{padding:20px 12px}
}

/* FINAL MOBILE NAVIGATION FIX
   One navigation source only: the existing customer/admin sidebar.
   Prevents raw/duplicate navigation links from ever appearing in page flow. */
.drawer-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(2px);z-index:999}
@media(max-width:760px){
  body.drawer-open{overflow:hidden}
  .mobile-drawer{display:none!important}
  .drawer-overlay.open{display:block!important}
  .sidebar,.admin-sidebar{
    display:flex!important;position:fixed!important;left:0!important;top:0!important;bottom:0!important;
    width:min(310px,86vw)!important;max-width:86vw!important;height:100svh!important;
    min-height:100svh!important;flex:0 0 auto!important;margin:0!important;padding:18px 15px 24px!important;
    overflow-y:auto!important;overflow-x:hidden!important;z-index:1000!important;
    transform:translate3d(-110%,0,0)!important;transition:transform .25s ease!important;
    box-shadow:20px 0 60px rgba(0,0,0,.45)!important;
  }
  .sidebar.mobile-open,.admin-sidebar.mobile-open{transform:translate3d(0,0,0)!important}
  .sidebar .brand,.admin-sidebar .brand{display:flex!important}
  .sidebar nav,.admin-sidebar nav{display:flex!important;flex-direction:column!important;gap:5px!important}
  .sidebar nav a,.admin-sidebar nav a{display:flex!important;align-items:center!important;width:100%!important;min-height:46px!important}
  .sidebar .logout,.admin-sidebar .logout{display:flex!important;align-items:center!important;margin-top:auto!important}
  .sidebar .brand{padding-bottom:20px}
  .admin-sidebar{background:#090d12!important}
}
@media(min-width:761px){.drawer-overlay{display:none!important}.sidebar,.admin-sidebar{transform:none!important}}

.mobile-sidebar-close{display:none}
@media(max-width:760px){.mobile-sidebar-close{display:grid!important;place-items:center;position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.06);color:#fff;font-size:24px;line-height:1;cursor:pointer;z-index:2}.sidebar .brand,.admin-sidebar .brand{padding-top:42px}}


/* FINAL RESPONSIVE NAVIGATION FIX */
@media (max-width:760px){
  .app-shell,.admin-shell{display:block!important;min-height:100svh!important;width:100%!important;}
  .sidebar,.admin-sidebar{
    display:flex!important;visibility:visible!important;
    position:fixed!important;left:0!important;top:0!important;bottom:0!important;
    width:min(300px,84vw)!important;height:100svh!important;min-height:100svh!important;
    z-index:1000!important;transform:translate3d(-110%,0,0)!important;
    transition:transform .25s ease!important;overflow-y:auto!important;
    padding:18px 15px 24px!important;
  }
  .sidebar.mobile-open,.admin-sidebar.mobile-open{transform:translate3d(0,0,0)!important;}
  .mobile-sidebar-close{display:block!important;align-self:flex-end!important;background:none!important;border:0!important;color:#aaa!important;font-size:28px!important;line-height:1!important;cursor:pointer!important;margin-bottom:4px!important;}
  .drawer-overlay{display:none!important;position:fixed!important;inset:0!important;background:rgba(0,0,0,.58)!important;z-index:999!important;}
  .drawer-overlay.open{display:block!important;}
  .main{width:100%!important;min-width:0!important;}
}
@media (min-width:761px){.mobile-sidebar-close,.drawer-overlay{display:none!important;}}


/* FINAL AUTHORITATIVE MOBILE DRAWER FIX */
@media (max-width:760px){
  /* The sidebar is a drawer, never normal page content. */
  .sidebar,.admin-sidebar{
    display:flex!important;
    position:fixed!important;
    left:0!important; top:0!important; bottom:0!important;
    width:min(300px,84vw)!important;
    height:100dvh!important;
    min-height:100dvh!important;
    margin:0!important;
    z-index:1001!important;
    transform:translate3d(-110%,0,0)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  .sidebar.mobile-open,.admin-sidebar.mobile-open{
    transform:translate3d(0,0,0)!important;
  }
  .drawer-overlay{
    display:none!important;
    position:fixed!important;
    inset:0!important;
    z-index:1000!important;
    background:rgba(0,0,0,.58)!important;
  }
  .drawer-overlay.open{display:block!important}
  .main{width:100%!important;min-width:0!important;margin:0!important}
  .topbar{width:100%!important}
  .content{width:100%!important;max-width:100%!important}
  .mobile-menu{display:grid!important}
  .mobile-sidebar-close{display:grid!important}
}
@media (min-width:761px){
  .sidebar,.admin-sidebar{
    position:sticky!important;
    transform:none!important;
  }
  .mobile-menu,.mobile-sidebar-close,.drawer-overlay{display:none!important}
}

/* Restricted staff panel */
.grid.four-col{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.metric{padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(20,35,110,.28)}
.metric span{display:block;color:rgba(255,255,255,.72);font-size:.85rem;margin-bottom:8px}.metric strong{font-size:1.35rem}
@media(max-width:900px){.grid.four-col{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.grid.four-col{grid-template-columns:1fr}}
/* Compact Market Linked mode presentation */
.mode-choice{align-items:center!important;gap:9px!important;padding:11px 12px!important;min-height:72px}
.mode-icon{width:30px;height:30px;min-width:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;border:1px solid rgba(145,93,255,.35);background:rgba(145,93,255,.10);color:#d9c7ff}
.mode-copy{display:flex;flex-direction:column;gap:3px}
.mode-copy strong{font-size:14px!important}
.mode-copy small{font-size:10px!important;line-height:1.35!important}
.mode-copy small b{font-weight:800;color:#d9d3e8}
.mode-note{margin-top:7px;font-size:10px;color:#77738a}
.mode-mini-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.mode-mini-head h3{margin:0}
.mode-metrics{display:flex;gap:10px;flex-wrap:wrap;font-size:10px;color:#8e8a9e}
.mode-metrics span{padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.mode-metrics b{color:#ddd7ea}
@media(max-width:760px){.mode-choice{min-height:68px}.mode-icon{width:28px;height:28px;min-width:28px}}