:root {
  --bg:#0a0f1e; --surface:#111827; --surface2:#1a2235; --border:#1e2d45;
  --accent:#3b82f6; --accent2:#10b981; --accent3:#f59e0b; --accent4:#ef4444;
  --text:#e2e8f0; --text2:#94a3b8; --text3:#64748b; --sw:240px;
}
body.light {
  --bg:#f1f5f9; --surface:#fff; --surface2:#f8fafc; --border:#e2e8f0;
  --accent:#2563eb; --accent2:#059669; --accent3:#d97706; --accent4:#dc2626;
  --text:#0f172a; --text2:#475569; --text3:#94a3b8;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;}
.page{display:none;min-height:100vh;}
.page.active{display:flex;}
/* ── SCROLLBAR ── */
::-webkit-scrollbar{width:4px;} ::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px;}

/* ══ LOGIN ══ */
#pg-login{align-items:center;justify-content:center;position:relative;overflow:hidden;}
#pg-login::before{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.15),transparent 70%);top:-100px;left:-100px;}
#pg-login::after{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(16,185,129,.1),transparent 70%);bottom:-50px;right:-50px;}
.lbox{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:48px;width:420px;z-index:1;animation:fadeUp .5s ease both;}
.llogo{display:flex;align-items:center;gap:12px;margin-bottom:36px;}
.llogo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--accent),#6366f1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;}
.llogo-text{font-family:'Syne',sans-serif;font-size:22px;font-weight:800;}
.llogo-sub{font-size:11px;color:var(--text3);letter-spacing:1px;text-transform:uppercase;}
.ltitle{font-family:'Syne',sans-serif;font-size:26px;font-weight:700;margin-bottom:6px;}
.lsub{font-size:14px;color:var(--text2);margin-bottom:28px;}
.ldemo{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:10px 14px;font-size:12px;color:var(--text2);margin-bottom:20px;}
.ldemo strong{color:var(--accent);}
.fg{margin-bottom:16px;}
.fl{font-size:12px;font-weight:500;color:var(--text2);margin-bottom:5px;display:block;letter-spacing:.5px;text-transform:uppercase;}
.fi{width:100%;padding:11px 14px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px;outline:none;transition:border-color .15s;}
.fi:focus{border-color:var(--accent);}
.fi::placeholder{color:var(--text3);}
.lbtn{width:100%;padding:13px;background:linear-gradient(135deg,var(--accent),#6366f1);color:white;border:none;border-radius:10px;font-family:'Syne',sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .15s;}
.lbtn:hover{opacity:.9;transform:translateY(-1px);}
.lfooter{text-align:center;margin-top:20px;font-size:12px;color:var(--text3);}

/* ══ SIDEBAR ══ */
.sidebar{width:var(--sw);min-height:100vh;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;}
.slogo{padding:20px 20px 22px;border-bottom:1px solid var(--border);}
.slogo-row{display:flex;align-items:center;gap:10px;}
.slogo-icon{width:34px;height:34px;background:linear-gradient(135deg,var(--accent),#6366f1);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;}
.slogo-text{font-family:'Syne',sans-serif;font-weight:800;font-size:16px;}
.slogo-sub{font-size:9px;color:var(--text3);letter-spacing:1.5px;text-transform:uppercase;margin-top:1px;}
.snav{padding:14px 10px;flex:1;display:flex;flex-direction:column;gap:2px;overflow-y:auto;}
.nsec{font-size:10px;letter-spacing:1.5px;color:var(--text3);text-transform:uppercase;padding:10px 10px 4px;margin-top:4px;}
.ni{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:all .15s;font-size:18px;color:var(--text2);}
.ni:hover{background:var(--surface2);color:var(--text);}
.ni.act{background:rgba(59,130,246,.15);color:var(--accent);}
.ni .ic{font-size:15px;width:18px;text-align:center;}
.nbadge{margin-left:auto;font-size:13px;font-weight:600;padding:2px 5px;border-radius:20px;min-width:18px;text-align:center;}
.nr{background:var(--accent4);color:white;} .ng{background:var(--accent2);color:white;} .ny{background:var(--accent3);color:white;}
.sfooter{padding:14px 20px;border-top:1px solid var(--border);}
.theme-row{display:flex;align-items:center;gap:8px;padding:8px 0 12px;cursor:pointer;font-size:12px;color:var(--text2);}
.ttrack{margin-left:auto;width:32px;height:17px;background:var(--border);border-radius:20px;position:relative;transition:background .2s;}
.tthumb{position:absolute;top:2px;left:2px;width:13px;height:13px;background:var(--text3);border-radius:50%;transition:all .2s;}
.ucard{display:flex;align-items:center;gap:9px;}
.uav{width:32px;height:32px;background:linear-gradient(135deg,#6366f1,var(--accent));border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:700;font-size:11px;}
.uname{font-size:12px;font-weight:500;}
.urole{font-size:10px;color:var(--text3);}
.ulout{margin-left:auto;cursor:pointer;color:var(--text3);font-size:15px;}
.ulout:hover{color:var(--accent4);}

/* ══ MAIN ══ */
.main{margin-left:var(--sw);flex:1;padding:26px 30px;min-height:100vh;}
.topbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;}
.ptitle{font-family:'Syne',sans-serif;font-size:21px;font-weight:700;}
.psub{font-size:12px;color:var(--text3);margin-top:2px;}
.tacts{display:flex;gap:8px;align-items:center;}
.btn{padding:7px 13px;border-radius:8px;border:none;cursor:pointer;font-size:12px;font-family:'DM Sans',sans-serif;font-weight:500;transition:all .15s;display:inline-flex;align-items:center;gap:5px;}
.bp{background:var(--accent);color:white;} .bp:hover{opacity:.85;}
.bg2{background:var(--surface2);color:var(--text2);border:1px solid var(--border);} .bg2:hover{color:var(--text);}
.bback{background:transparent;color:var(--text2);border:1px solid var(--border);padding:6px 11px;margin-bottom:10px;} .bback:hover{color:var(--text);}
.bsm{padding:4px 9px;font-size:11px;}
.bdanger{background:rgba(239,68,68,.15);color:var(--accent4);border:1px solid rgba(239,68,68,.3);}

/* ══ CARDS ══ */
.card{background:var(--surface);border:1px solid var(--border);border-radius:13px;overflow:hidden;margin-bottom:16px;}
.ch{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
.ct{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px;}
.cb{padding:18px;}

/* ══ STATS ══ */
.sgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:13px;margin-bottom:20px;}
.sc{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;position:relative;overflow:hidden;transition:transform .2s,border-color .2s;cursor:default;}
.sc:hover{transform:translateY(-2px);border-color:var(--accent);}
.sc::before{content:'';position:absolute;top:0;right:0;width:80px;height:80px;border-radius:50%;filter:blur(30px);opacity:.2;}
.sc.bl::before{background:var(--accent);} .sc.gn::before{background:var(--accent2);} .sc.yw::before{background:var(--accent3);} .sc.rd::before{background:var(--accent4);}
.sval{font-family:sans-serif;font-size:28px;font-weight:800;line-height:1;margin-bottom:3px;}
.sc.bl .sval{color:var(--accent);} .sc.gn .sval{color:var(--accent2);} .sc.yw .sval{color:var(--accent3);} .sc.rd .sval{color:var(--accent4);}
.slbl{font-size:11px;color:var(--text2);}

/* ══ BADGE ══ */
.badge{font-size:11px;padding:3px 8px;border-radius:20px;font-weight:500;}
.b-g{background:rgba(16,185,129,.15);color:var(--accent2);}
.b-y{background:rgba(245,158,11,.15);color:var(--accent3);}
.b-r{background:rgba(239,68,68,.15);color:var(--accent4);}
.b-b{background:rgba(59,130,246,.15);color:var(--accent);}
.b-gray{background:rgba(100,116,139,.15);color:var(--text3);}

/* ══ TABLE ROW ══ */
.trow{padding:12px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .15s;}
.trow:last-child{border-bottom:none;}
.trow:hover{background:var(--surface2);}
.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.tinfo{flex:1;min-width:0;}
.tname{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tmeta{font-size:11px;color:var(--text3);margin-top:2px;}

/* ══ GRID LAYOUTS ══ */
.g2{display:grid;grid-template-columns:1fr;gap:16px;} .price-grid{display:flex;flex-wrap:wrap;gap:16px;} .price-card{flex:1 1 100%;min-width:0;}
.g31{display:grid;grid-template-columns:1fr;gap:16px;}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}

/* ══ DEADLINE ══ */
.ditem{padding:11px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:11px;}
.ditem:last-child{border-bottom:none;}
.ddays{width:40px;height:40px;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;}
.du{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);}
.ds{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);}
.dok{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.3);}
.dnum{font-family:sans-serif;font-size:14px;font-weight:800;line-height:1;}
.du .dnum{color:var(--accent4);} .ds .dnum{color:var(--accent3);} .dok .dnum{color:var(--accent2);}
.dlbl{font-size:9px;color:var(--text3);text-transform:uppercase;}

/* ══ CLIENT CARD ══ */
.ccards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;padding:14px;}
.ccard{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:13px;cursor:pointer;transition:all .15s;}
.ccard:hover{border-color:var(--accent);transform:translateY(-1px);}
.cav{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:700;font-size:12px;margin-bottom:8px;}

/* ══ CHECKLIST ══ */
.clitem{display:flex;align-items:center;gap:11px;padding:11px 18px;border-bottom:1px solid var(--border);transition:background .15s;}
.clitem:last-child{border-bottom:none;}
.clitem:hover{background:var(--surface2);}
.clbox{width:19px;height:19px;border-radius:5px;border:2px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;font-size:10px;}
.clbox.chk{background:var(--accent2);border-color:var(--accent2);color:white;}
.cllbl{flex:1;font-size:13px;}
.cldate{font-size:11px;color:var(--text3);}

/* ══ PROGRESS ══ */
.pbar-wrap{background:var(--surface2);border-radius:20px;height:7px;overflow:hidden;}
.pbar{height:100%;border-radius:20px;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .5s;}

/* ══ STATUS STEPS ══ */
.steps{display:flex;align-items:center;gap:0;margin-bottom:22px;}
.step-w{display:flex;flex-direction:column;align-items:center;}
.scircle{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-family:'Syne',sans-serif;border:2px solid var(--border);color:var(--text3);background:var(--surface);}
.scircle.done{background:var(--accent2);border-color:var(--accent2);color:white;}
.scircle.cur{background:var(--accent);border-color:var(--accent);color:white;}
.slabel{font-size:10px;color:var(--text3);margin-top:3px;white-space:nowrap;}
.slabel.cur{color:var(--accent);font-weight:600;}
.sline{flex:1;height:2px;background:var(--border);margin:0 6px;margin-bottom:13px;}
.sline.done{background:var(--accent2);}

/* ══ INFO ROWS ══ */
.irow{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-bottom:1px solid var(--border);}
.irow:last-child{border-bottom:none;}
.ilbl{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;}
.ival{font-size:13px;font-weight:500;}

/* ══ ALERT ══ */
.alert{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:10px;padding:11px 14px;display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:13px;}
.alert-x{color:var(--text3);cursor:pointer;margin-left:auto;font-size:17px;}

/* ══ SETTINGS ══ */
.set-section{margin-bottom:24px;}
.set-title{font-family:'Syne',sans-serif;font-size:15px;font-weight:700;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border);}
.set-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--border);}
.set-row:last-child{border-bottom:none;}
.set-info{flex:1;}
.set-lbl{font-size:13px;font-weight:500;}
.set-desc{font-size:11px;color:var(--text3);margin-top:2px;}
.toggle{width:38px;height:20px;background:var(--border);border-radius:20px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0;}
.toggle.on{background:var(--accent2);}
.toggle::after{content:'';position:absolute;top:3px;left:3px;width:14px;height:14px;background:white;border-radius:50%;transition:left .2s;}
.toggle.on::after{left:21px;}
.set-input{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text);font-family:'DM Sans',sans-serif;font-size:13px;outline:none;width:200px;}
.set-input:focus{border-color:var(--accent);}

/* ══ KANBAN CLIENTS ══ */
.kanban-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:4px;}
.kanban-col{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:12px;min-height:200px;}
.kanban-col-title{font-family:'Syne',sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;display:flex;align-items:center;gap:6px;}
.kanban-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:8px;cursor:pointer;transition:all .15s;}
.kanban-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2);}
.kanban-card-av{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:700;font-size:10px;margin-bottom:7px;}
.kanban-card-name{font-size:12px;font-weight:600;margin-bottom:3px;}
.kanban-card-meta{font-size:10px;color:var(--text3);}
.kanban-card-tag{display:inline-block;font-size:9px;padding:2px 6px;border-radius:20px;margin-top:5px;font-weight:500;}

/* ══ PRICING PAGE ══ */
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:4px;}
.price-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;position:relative;transition:transform .2s,border-color .2s;}
.price-card:hover{transform:translateY(-4px);}
.price-card.popular{border-color:var(--accent);background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(99,102,241,.05));}
.price-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--accent),#6366f1);color:white;font-size:10px;font-weight:700;padding:3px 12px;border-radius:20px;white-space:nowrap;}
.price-name{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;color:var(--text2);margin-bottom:8px;}
.price-amount{font-family:'Syne',sans-serif;font-size:36px;font-weight:800;margin-bottom:4px;}
.price-card.popular .price-amount{color:var(--accent);}
.price-period{font-size:11px;color:var(--text3);margin-bottom:16px;}
.price-features{list-style:none;margin-bottom:20px;}
.price-features li{font-size:12px;color:var(--text2);padding:5px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px;}
.price-features li:last-child{border-bottom:none;}
.price-features li::before{content:'✓';color:var(--accent2);font-weight:700;font-size:11px;}

/* ══ IMPROVED DEADLINES ══ */
.deadline-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--border);transition:background .15s;}
.deadline-item:last-child{border-bottom:none;}
.deadline-item:hover{background:var(--surface2);}
.deadline-circle{width:52px;height:52px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;}
.dc-urgent{background:linear-gradient(135deg,rgba(239,68,68,.3),rgba(220,38,38,.2));border:2px solid rgba(239,68,68,.5);}
.dc-soon{background:linear-gradient(135deg,rgba(245,158,11,.3),rgba(217,119,6,.2));border:2px solid rgba(245,158,11,.5);}
.dc-ok{background:linear-gradient(135deg,rgba(16,185,129,.3),rgba(5,150,105,.2));border:2px solid rgba(16,185,129,.5);}
.dc-num{font-family:'Syne',sans-serif;font-size:16px;font-weight:800;line-height:1;}
.dc-urgent .dc-num{color:var(--accent4);}
.dc-soon .dc-num{color:var(--accent3);}
.dc-ok .dc-num{color:var(--accent2);}
.dc-lbl{font-size:9px;color:var(--text3);text-transform:uppercase;}
.deadline-info{flex:1;}
.deadline-title{font-size:13px;font-weight:500;margin-bottom:3px;}
.deadline-meta{font-size:11px;color:var(--text3);}
.deadline-bar{height:4px;background:var(--border);border-radius:2px;margin-top:6px;overflow:hidden;}
.deadline-bar-fill{height:100%;border-radius:2px;transition:width .5s;}

/* ══ TERMS PAGE ══ */
.terms-body{max-width:800px;font-size:13px;line-height:1.8;color:var(--text2);}
.terms-body h2{font-family:'Syne',sans-serif;font-size:16px;font-weight:700;color:var(--text);margin:24px 0 10px;}
.terms-body h3{font-size:13px;font-weight:600;color:var(--text);margin:16px 0 6px;}
.terms-body p{margin-bottom:10px;}

/* ══ SUBSCRIPTION ALERT ══ */
.sub-alert{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(220,38,38,.08));border:1px solid rgba(239,68,68,.4);border-radius:14px;padding:20px 24px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.sub-alert-icon{font-size:32px;flex-shrink:0;}
.sub-alert-text h3{font-family:'Syne',sans-serif;font-size:16px;font-weight:700;color:var(--accent4);margin-bottom:4px;}
.sub-alert-text p{font-size:13px;color:var(--text2);}

.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:200;align-items:center;justify-content:center;}
.modal-overlay.open{display:flex;}
.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;width:460px;max-height:80vh;overflow-y:auto;animation:fadeUp .3s ease both;}
.modal-title{font-family:'Syne',sans-serif;font-size:17px;font-weight:700;margin-bottom:18px;}
.modal-close{float:right;cursor:pointer;color:var(--text3);font-size:20px;line-height:1;}
.modal-close:hover{color:var(--text);}

/* ══ NOTIFICATION ITEM ══ */
.notif{display:flex;gap:11px;padding:13px 18px;border-bottom:1px solid var(--border);transition:background .15s;}
.notif:hover{background:var(--surface2);}
.notif.unread{border-left:3px solid var(--accent);}
.notif-icon{font-size:18px;flex-shrink:0;}
.notif-text{font-size:13px;}
.notif-meta{font-size:11px;color:var(--text3);margin-top:3px;}

/* ══ FILE ITEM ══ */
.fitem{display:flex;align-items:center;gap:11px;padding:11px 18px;border-bottom:1px solid var(--border);transition:background .15s;}
.fitem:hover{background:var(--surface2);}
.fitem:last-child{border-bottom:none;}
.ficon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.finfo{flex:1;min-width:0;}
.fname{font-size:13px;font-weight:500;}
.fmeta{font-size:11px;color:var(--text3);margin-top:1px;}

/* ══ ANIMATIONS ══ */
@keyframes fadeUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
.fade-up{animation:fadeUp .35s ease both;}
/* ══ MOBILE RESPONSIVE ══ */
@media (min-width: 769px) { .g2 { grid-template-columns: 1fr 1fr !important; } .g31 { grid-template-columns: 2fr 1fr !important; } }
/* Mobile elements hidden by default (desktop) */
#mob-more-nav { display: none; }
#mob-sheet-overlay { display: none; }
#mob-sheet { display: none; }

@media (max-width: 768px) {
  body { overflow-x: hidden !important; }
  :root { --sw: 0px; }

  /* Show mobile-only elements */
  #mob-more-nav { display: flex !important; }
  #mob-sheet-overlay { display: block !important; }
  #mob-sheet { display: block !important; }

  .sidebar {
    width: 100% !important;
    height: 60px !important;
    min-height: unset !important;
    flex-direction: row !important;
    bottom: 0 !important;
    top: unset !important;
    border-right: none !important;
    border-top: 1px solid var(--border) !important;
    overflow: visible !important;
    padding: 0 !important;
    z-index: 1000;
    transition: transform 0.25s ease;
    will-change: transform;
  }
  .sidebar.nav-hidden { transform: translateY(100%); }

  .slogo { display: none !important; }
  .suser { display: none !important; }
  .nsec { display: none !important; }
  .sfooter { display: none !important; }
  .mobile-only { display: none !important; }

  .snav { display: flex !important; flex-direction: row !important; width: 100%; padding: 0; gap: 0; }
  .snav .ni { display: none !important; }
  #nav-dashboard, #nav-programs, #nav-clients, #nav-applications { display: flex !important; }

  .ni {
    flex-direction: column !important;
    font-size: 13px !important;
    padding: 6px 4px !important;
    gap: 2px !important;
    flex: 1;
    align-items: center;
    justify-content: center;
    border-radius: 0 !important;
    border-left: none !important;
    white-space: nowrap;
    overflow: hidden;
  }
  .ni .ic { font-size: 20px !important; }
  .nbadge { display: none !important; }

  #mob-more-nav {
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    padding: 6px 4px;
    gap: 2px;
    cursor: pointer;
    color: var(--text2);
    background: none;
    border: none;
  }
  #mob-more-nav .ic { font-size: 20px; }

  /* Overlay */
  #mob-sheet-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
    z-index: 999;
  }
  body.sheet-open #mob-sheet-overlay { opacity: 1 !important; pointer-events: auto !important; }

  /* Bottom Sheet */
  #mob-sheet {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--surface);
    border-radius: 20px 20px 0 0;
    border-top: 1px solid var(--border);
    transform: translateY(100%);
    transition: transform 0.3s ease;
    z-index: 1001;
    padding-bottom: 20px;
  }
  body.sheet-open #mob-sheet { transform: translateY(0) !important; }

  .mob-handle { width: 40px; height: 4px; background: var(--border); border-radius: 2px; margin: 10px auto 16px; }

  .mob-sheet-user {
    display: flex; align-items: center; gap: 10px;
    padding: 0 16px 12px; border-bottom: 1px solid var(--border); margin-bottom: 12px;
  }

  .mob-sheet-grid {
    display: grid; grid-template-columns: repeat(4, 1fr);
    gap: 8px; padding: 0 12px 12px;
  }

  .mob-sheet-item {
    display: flex; flex-direction: column; align-items: center;
    gap: 4px; padding: 10px 4px; border-radius: 10px;
    background: var(--surface2); font-size: 10px;
    cursor: pointer; color: var(--text2); border: none;
  }
  .mob-sheet-item .ic { font-size: 22px; }
  .mob-sheet-item:active { opacity: 0.7; }

  .mob-sheet-logout {
    margin: 0 12px; width: calc(100% - 24px); padding: 12px;
    border-radius: 10px; background: rgba(239,68,68,.15);
    color: var(--accent4); border: none; font-size: 13px; cursor: pointer;
  }

  .main {
    margin-left: 0 !important;
    padding: 12px !important;
    padding-bottom: 72px !important;
    min-height: unset !important;
    overflow-x: hidden !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #global-disclaimer { padding: 6px 12px !important; margin-left: 0 !important; font-size: 10px !important; line-height: 1.4 !important; }

  .topbar { flex-direction: column !important; gap: 8px !important; margin-bottom: 12px !important; }
  .tacts { flex-wrap: wrap !important; gap: 6px !important; }
  .card { padding: 12px !important; }

  .sgrid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  .pricing-grid { grid-template-columns: 1fr 1fr !important; }
  .price-card { min-width: 0 !important; }

  #kanban-dynamic { display: flex !important; flex-direction: row !important; overflow-x: auto !important; gap: 12px !important; }
  .kanban-col { min-width: 260px !important; flex-shrink: 0 !important; }

  [style*="width:520px"], [style*="width:480px"], [style*="width:420px"], [style*="width:440px"] {
    width: 95vw !important; max-width: 95vw !important;
  }

  .matching-clients { flex-wrap: nowrap !important; overflow-x: auto !important; }
  .prog-item { flex-direction: column !important; gap: 6px !important; }
  .prog-actions { flex-wrap: wrap !important; }
}