*{box-sizing:border-box;margin:0;padding:0}
:root{
  --p:#1E40AF;--pdk:#1E3A5F;--pmd:#2563EB;--plt:#DBEAFE;--p100:#93C5FD;
  --navy:#0F172A;--navy2:#1E293B;
  --gold:#D97706;--gold-dk:#92400E;--gold-lt:#FEF3C7;--gold-md:#F59E0B;
  --g:#059669;--glt:#ECFDF5;--gdk:#064E3B;
  --rlt:#FEE2E2;--rdk:#7F1D1D;--rmd:#DC2626;
  --alt:#FEF3C7;--adk:#78350F;--amd:#D97706;
  --bg:#F0F4F8;--sf:#FFFFFF;--sf2:#F8FAFC;--sf3:#E2E8F0;
  --br:#CBD5E1;--br2:#94A3B8;
  --tx:#0F172A;--tx2:#334155;--tx3:#64748B;
  --r:8px;--rl:12px;--rx:16px;
  --fn:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --tr:.18s cubic-bezier(.4,0,.2,1);
}
[data-theme="dark"]{
  --bg:#0B1120;--sf:#151D2E;--sf2:#1C2640;--sf3:#243352;
  --br:rgba(59,130,246,.15);--br2:rgba(59,130,246,.3);
  --tx:#E2E8F0;--tx2:#94A3B8;--tx3:#64748B;
  --plt:rgba(37,99,235,.15);--p100:#60A5FA;
  --pdk:#0B1120;--pmd:#3B82F6;
  --gold-lt:rgba(245,158,11,.12);--gold-dk:#FCD34D;--gold-md:#FBBF24;
  --glt:rgba(5,150,105,.12);--gdk:#34D399;
  --rlt:rgba(220,38,38,.15);--rmd:#F87171;
  --alt:rgba(217,119,6,.12);--adk:#FDE68A;--amd:#FBBF24;
  --navy:#0B1120;--navy2:#151D2E;
}
body{font-family:var(--fn);font-size:13px;color:var(--tx);background:var(--bg);height:100svh;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}
a{color:var(--pmd);text-decoration:none}
input,select,textarea{font-family:var(--fn);font-size:13px;color:var(--tx);background:var(--sf);border:1px solid var(--br);border-radius:var(--r);padding:8px 12px;outline:none;transition:border-color var(--tr);width:100%}
input:focus,select:focus,textarea:focus{border-color:var(--pmd);box-shadow:0 0 0 3px rgba(37,99,235,.1)}
textarea{resize:vertical;min-height:60px}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-thumb{background:var(--br2);border-radius:3px}

/* ══ LOGIN ══ */
.login-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#04080F;z-index:999;overflow:hidden}
.login-bg-grid{position:absolute;inset:0;background:linear-gradient(rgba(37,99,235,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.03) 1px,transparent 1px);background-size:60px 60px;animation:lgrid 20s linear infinite}
@keyframes lgrid{from{transform:translate(0)}to{transform:translate(60px,60px)}}
.login-bg-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,transparent 70%);top:-100px;right:-100px;pointer-events:none}
.login-pulse{position:absolute;width:3px;height:3px;background:#3B82F6;border-radius:50%;box-shadow:0 0 8px #3B82F6;animation:lpulse 3.5s linear infinite;opacity:0}
.login-pulse:nth-child(2){top:25%;animation-delay:0s}
.login-pulse:nth-child(3){top:55%;animation-delay:1.2s;animation-duration:4.5s}
.login-pulse:nth-child(4){top:75%;animation-delay:2.1s;animation-duration:3s}
@keyframes lpulse{0%{opacity:0;left:0}10%{opacity:1}90%{opacity:1}100%{opacity:0;left:100%}}
.login-wrapper{display:flex;width:900px;max-width:96vw;min-height:540px;position:relative;z-index:10;border-radius:16px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.6),0 0 0 1px rgba(37,99,235,.2)}
.login-left{flex:1;background:linear-gradient(160deg,#0F172A,#1E3A5F);padding:44px 36px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.login-left::before{content:'';position:absolute;bottom:-80px;right:-80px;width:300px;height:300px;border:1px solid rgba(37,99,235,.12);border-radius:50%}
.login-brand{display:flex;align-items:center;gap:14px}
.login-brand-icon{width:48px;height:48px;border:2px solid var(--gold-md);border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(245,158,11,.08)}
.login-brand-icon i{font-size:22px;color:var(--gold-md)}
.login-brand-name{font-size:22px;font-weight:800;color:#E2E8F0;letter-spacing:1px}
.login-brand-sub{font-size:10px;color:#64748B;letter-spacing:2px;text-transform:uppercase}
.login-headline{position:relative;z-index:1}
.login-headline h1{font-size:42px;font-weight:900;color:#E2E8F0;line-height:1.05;letter-spacing:-1px;margin-bottom:10px}
.login-headline h1 span{color:var(--gold-md)}
.login-headline p{font-size:13px;color:#64748B;line-height:1.7;max-width:280px}
.login-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:1}
.login-stat{background:rgba(255,255,255,.04);border:1px solid rgba(37,99,235,.15);border-radius:10px;padding:12px}
.login-stat-val{font-size:20px;font-weight:800;color:var(--gold-md)}
.login-stat-lbl{font-size:10px;color:#64748B;text-transform:uppercase;letter-spacing:1px;margin-top:2px}
.login-right{width:340px;flex-shrink:0;background:#04080F;padding:44px 36px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(37,99,235,.15)}
.login-title{font-size:28px;font-weight:800;color:#E2E8F0;margin-bottom:4px}
.login-sub{font-size:12px;color:#64748B;margin-bottom:32px;line-height:1.6}
.login-field{margin-bottom:16px}
.login-field label{display:block;font-size:10px;font-weight:700;color:#64748B;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:7px}
.login-field input{width:100%;padding:12px 14px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#E2E8F0;font-size:14px;font-family:var(--fn)}
.login-field input:focus{outline:none;border-color:#3B82F6;background:rgba(37,99,235,.05)}
.login-field input::placeholder{color:#475569}
.login-btn{width:100%;padding:13px;border-radius:8px;border:none;background:linear-gradient(135deg,var(--pmd),#1D4ED8);color:#fff;font-size:14px;font-weight:700;cursor:pointer;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;transition:all .2s}
.login-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(37,99,235,.4)}
.login-btn:disabled{opacity:.5;transform:none}
.login-err{color:#F87171;font-size:12px;min-height:18px;text-align:center;margin-bottom:8px}
.login-footer{display:flex;align-items:center;gap:8px;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}
.login-power-dot{width:7px;height:7px;border-radius:50%;background:#3B82F6;box-shadow:0 0 7px rgba(59,130,246,.6);animation:lblink 2s ease-in-out infinite;flex-shrink:0}
@keyframes lblink{0%,100%{opacity:1}50%{opacity:.35}}
.login-footer-lbl{font-size:11px;color:#475569}

/* ══ APP SHELL ══ */
.app-shell{display:flex;flex-direction:column;height:100svh;min-height:100vh;overflow:hidden}
.global-topbar{background:linear-gradient(90deg,#0F172A,#1E3A5F);padding:0 20px;display:flex;align-items:center;gap:12px;height:54px;flex-shrink:0;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.app-logo{width:36px;height:36px;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.app-logo i{color:var(--gold-md);font-size:18px}
.app-name{font-size:15px;font-weight:800;color:#fff}
.app-sub{font-size:10px;color:rgba(255,255,255,.45);letter-spacing:.04em;text-transform:uppercase}
.global-topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}
.home-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--r);border:1px solid rgba(59,130,246,.3);background:rgba(59,130,246,.1);color:#93C5FD;font-size:12px;font-weight:600;cursor:pointer;transition:var(--tr)}
.home-btn:hover{background:rgba(59,130,246,.2);color:#fff}
.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--pmd);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.user-menu{position:fixed;top:56px;right:12px;z-index:500;background:var(--sf);border:1px solid var(--br);border-radius:var(--rl);min-width:210px;box-shadow:0 6px 22px rgba(0,0,0,.12);padding:6px 0;display:none}
.user-menu.open{display:block}
.user-menu-item{padding:9px 16px;font-size:12px;font-weight:500;color:var(--tx2);display:flex;align-items:center;gap:8px;cursor:pointer;transition:background .12s}
.user-menu-item:hover{background:var(--sf2)}
.user-menu-item i{font-size:15px;color:var(--tx3)}
.user-menu-item.danger{color:#dc2626}
.user-menu-item.danger i{color:#dc2626}
.user-menu-sep{height:1px;background:var(--br);margin:4px 0}

/* ══ PAGES ══ */
.pages{flex:1;overflow:hidden;position:relative}
.page{display:none;position:absolute;inset:0;overflow:hidden;flex-direction:column}
.page.active{display:flex}
.page-enter{animation:pgIn .2s ease}
@keyframes pgIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}

/* ══ DASHBOARD ══ */
.dash-wrap{flex:1;overflow-y:auto;padding:24px}
.dash-hero{background:linear-gradient(135deg,#0F172A,#1E40AF);border-radius:var(--rx);padding:28px 32px;display:flex;align-items:center;gap:18px;margin-bottom:24px;position:relative;overflow:hidden}
.dash-hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23F59E0B' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");border-radius:var(--rx);pointer-events:none}
.dash-hero-icon{width:52px;height:52px;border-radius:var(--rl);background:rgba(245,158,11,.2);border:1px solid rgba(245,158,11,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dash-hero-icon i{font-size:26px;color:var(--gold-md)}
.dash-hero-text h2{font-size:18px;font-weight:800;color:#fff;margin-bottom:4px}
.dash-hero-text p{font-size:12px;color:rgba(255,255,255,.6)}
.dash-date{margin-left:auto;text-align:right;color:rgba(255,255,255,.7);font-size:12px;font-weight:600;white-space:nowrap}
.dash-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:28px}
.ds-card{background:var(--sf);border:1px solid var(--br);border-radius:var(--rl);padding:16px;display:flex;flex-direction:column;gap:8px;transition:var(--tr)}
.ds-card:hover{border-color:var(--pmd);transform:translateY(-2px);box-shadow:0 2px 10px rgba(37,99,235,.08)}
.ds-ico{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.ds-ico i{font-size:19px}
.ds-val{font-size:22px;font-weight:800;color:var(--tx);line-height:1}
.ds-lbl{font-size:11px;color:var(--tx3);font-weight:600}
.dash-modules-title{font-size:13px;font-weight:800;color:var(--tx2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.dash-modules-title::after{content:'';flex:1;height:1px;background:var(--br)}
.dash-modules{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.dm-card{background:var(--sf);border:1px solid var(--br);border-radius:var(--rx);padding:20px;cursor:pointer;transition:all .18s;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}
.dm-card:hover{border-color:var(--pmd);transform:translateY(-2px);box-shadow:0 3px 12px rgba(37,99,235,.1)}
.dm-ico{width:44px;height:44px;border-radius:var(--rl);background:var(--plt);display:flex;align-items:center;justify-content:center}
.dm-ico i{font-size:22px;color:var(--pmd)}
.dm-title{font-size:14px;font-weight:700}
.dm-desc{font-size:12px;color:var(--tx3);line-height:1.5;flex:1}
.dm-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px}
.dm-badge{font-size:10px;font-weight:700;padding:2px 9px;border-radius:10px}
.dm-badge.active{background:var(--glt);color:var(--gdk)}
.dm-badge.new{background:var(--plt);color:var(--pmd)}
.dm-open{font-size:12px;font-weight:600;color:var(--pmd);display:flex;align-items:center;gap:3px}

/* ══ MODULE LAYOUT ══ */
.mod-topbar{background:var(--sf);border-bottom:2px solid var(--pmd);padding:0 18px;display:flex;align-items:center;gap:10px;height:50px;flex-shrink:0}
.back-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--r);border:1px solid var(--br);background:transparent;color:var(--tx2);font-size:12px;font-weight:600;cursor:pointer;transition:var(--tr);white-space:nowrap}
.back-btn:hover{background:var(--sf2);border-color:var(--pmd);color:var(--pmd)}
.mod-title{font-size:14px;font-weight:700}
.mod-sub{font-size:10px;color:var(--tx3)}
.mod-actions{display:flex;align-items:center;gap:6px;margin-left:auto}
.mod-search{position:relative}
.mod-search input{padding:7px 10px 7px 30px;width:200px;font-size:12px}
.mod-search i{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--tx3);font-size:14px;pointer-events:none}
.mod-body{flex:1;overflow-y:auto;padding:18px}

/* ══ TABLE ══ */
.tbl{background:var(--sf);border:1px solid var(--br);border-radius:var(--rl);overflow:hidden;margin-bottom:14px}
.tbl-head{display:grid;padding:9px 16px;background:linear-gradient(90deg,var(--sf2),var(--sf));border-bottom:2px solid var(--plt);font-size:10px;font-weight:700;color:var(--tx2);text-transform:uppercase;letter-spacing:.06em}
.tbl-row{display:grid;padding:10px 16px;border-bottom:1px solid var(--br);align-items:center;font-size:13px;transition:background .1s}
.tbl-row:last-child{border-bottom:none}
.tbl-row:hover{background:var(--sf2)}
.tbl-row.clickable{cursor:pointer}
.tbl-row.clickable:hover{background:linear-gradient(90deg,var(--plt),var(--sf2))}
.c7{grid-template-columns:.8fr 2fr .8fr .7fr .7fr .5fr 50px}
.c6{grid-template-columns:1fr 1.8fr 1fr .8fr .8fr 60px}
.c5{grid-template-columns:1fr 1.8fr 1fr 1fr 80px}
.c4{grid-template-columns:1.2fr 1.8fr 1fr 80px}
.dk{color:var(--tx3);font-size:12px}
.fw{font-weight:600}

/* ══ PILLS ══ */
.pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700}
.pill.ok{background:var(--glt);color:var(--gdk)}
.pill.warn{background:var(--alt);color:var(--adk)}
.pill.err{background:var(--rlt);color:var(--rdk)}
.pill.info{background:var(--plt);color:var(--pdk)}
.pill.muted{background:var(--sf3);color:var(--tx3)}

/* ══ BUTTONS ══ */
.btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:var(--r);border:1px solid var(--br);background:var(--sf);color:var(--tx);font-size:12px;font-weight:600;cursor:pointer;transition:var(--tr)}
.btn:hover{background:var(--sf2)}
.btn.primary{background:var(--pmd);border-color:var(--pmd);color:#fff}
.btn.primary:hover{background:var(--p)}
.btn.success{background:var(--g);border-color:var(--g);color:#fff}
.btn.success:hover{background:var(--gdk)}
.btn.danger{border-color:var(--rmd);color:var(--rmd)}
.btn.danger:hover{background:var(--rlt)}
.btn.gold{border-color:var(--gold-md);color:var(--gold-dk)}
.btn.gold:hover{background:var(--gold-lt)}
.btn.sm{padding:4px 8px;font-size:11px}

/* ══ MODAL ══ */
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:300;align-items:center;justify-content:center}
.modal-overlay.open{display:flex}
.modal{background:var(--sf);border-radius:var(--rx);border:1px solid var(--br);width:min(620px,96vw);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 12px 40px rgba(0,0,0,.18);animation:mdlIn .18s ease}
.modal.lg{width:min(820px,96vw)}
@keyframes mdlIn{from{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}
.modal-header{padding:16px 20px;border-bottom:1px solid var(--br);display:flex;align-items:center;gap:10px;flex-shrink:0;background:linear-gradient(135deg,#0F172A,#1E3A5F);border-radius:var(--rx) var(--rx) 0 0;border-bottom:2px solid var(--pmd)}
.modal-header-ico{width:34px;height:34px;border-radius:var(--r);background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.modal-header-ico i{color:#93C5FD;font-size:16px}
.modal-title{font-size:15px;font-weight:700;color:#fff;flex:1}
.modal-close{width:28px;height:28px;border-radius:var(--r);border:1px solid rgba(255,255,255,.15);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6)}
.modal-close:hover{background:rgba(255,255,255,.1);color:#fff}
.modal-body{padding:18px 20px;overflow-y:auto;flex:1}
.modal-footer{padding:14px 20px;border-top:1px solid var(--br);display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}

/* ══ DRAWER ══ */
.drawer-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.15);z-index:200}
.drawer-overlay.open{display:block}
.drawer{position:fixed;top:0;right:0;bottom:0;width:420px;background:var(--sf);border-left:1px solid var(--br);display:flex;flex-direction:column;transform:translateX(100%);transition:transform var(--tr);z-index:201;box-shadow:-4px 0 24px rgba(0,0,0,.1)}
.drawer.open{transform:translateX(0)}
.drawer-header{padding:16px 18px;border-bottom:1px solid var(--br);display:flex;align-items:center;gap:10px;flex-shrink:0;background:linear-gradient(135deg,#0F172A,#1E3A5F);border-bottom:2px solid var(--pmd)}
.drawer-body{padding:18px;flex:1;overflow-y:auto}
.drawer-section{font-size:10px;font-weight:700;color:var(--pmd);text-transform:uppercase;letter-spacing:.07em;margin:16px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--br)}
.drawer-section:first-child{margin-top:0}
.drawer-kv{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--br);font-size:13px}
.drawer-kv:last-child{border-bottom:none}
.drawer-kv .dk{font-size:12px}
.drawer-kv .dv{font-weight:500}

/* ══ FORMS ══ */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-grid.c3{grid-template-columns:1fr 1fr 1fr}
.form-group{display:flex;flex-direction:column;gap:4px}
.form-group.full{grid-column:1/-1}
.form-group label{font-size:11px;font-weight:600;color:var(--tx3)}

/* ══ CHIPS ══ */
.chips{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}
.chip{padding:4px 10px;border-radius:20px;border:1px solid var(--br);background:var(--sf);font-size:11px;font-weight:600;cursor:pointer;color:var(--tx2);transition:var(--tr)}
.chip:hover{border-color:var(--pmd);background:var(--plt);color:var(--pmd)}
.chip.active{background:var(--plt);border-color:var(--pmd);color:var(--pmd)}

/* ══ TABS ══ */
.tabs{display:flex;gap:0;border-bottom:1px solid var(--br);background:var(--sf);flex-shrink:0;overflow-x:auto}
.tab{padding:11px 18px;font-size:12px;font-weight:600;color:var(--tx3);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;white-space:nowrap;display:flex;align-items:center;gap:6px}
.tab:hover{color:var(--tx)}
.tab.active{color:var(--pmd);border-bottom-color:var(--pmd)}
.tab i{font-size:14px}
.tab-badge{font-size:9px;font-weight:700;padding:1px 6px;border-radius:10px;background:var(--sf3);color:var(--tx3)}
.tab.active .tab-badge{background:var(--plt);color:var(--pmd)}

/* ══ EMPTY / TOAST ══ */
.empty-state{text-align:center;padding:48px 20px;color:var(--tx3)}
.empty-state i{font-size:40px;color:var(--br2);display:block;margin-bottom:10px}
.empty-state h3{font-size:15px;font-weight:600;color:var(--tx2);margin-bottom:4px}
.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%) translateY(14px);opacity:0;background:linear-gradient(135deg,#0F172A,#1E3A5F);color:#93C5FD;padding:8px 16px;border-radius:var(--rl);font-size:12px;font-weight:700;pointer-events:none;transition:all .3s;z-index:500;white-space:nowrap;border:1px solid rgba(59,130,246,.3)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ══ RESPONSIVE ══ */
@media(max-width:768px){
  .login-wrapper{flex-direction:column;min-height:auto}
  .login-left{padding:24px 20px}
  .login-right{width:100%;padding:24px 20px;border-left:none;border-top:1px solid rgba(37,99,235,.15)}
  .login-headline h1{font-size:28px}
  .login-stats{grid-template-columns:repeat(4,1fr);gap:6px}
  .dash-wrap{padding:14px}
  .dash-hero{flex-direction:column;align-items:flex-start;gap:12px;padding:18px}
  .dash-date{margin-left:0}
  .dash-modules{grid-template-columns:1fr}
  .dash-stats{grid-template-columns:repeat(2,1fr)}
  .form-grid,.form-grid.c3{grid-template-columns:1fr}
  .mod-search input{width:140px}
  .drawer{width:100vw;border-radius:var(--rl) var(--rl) 0 0;top:auto;height:85vh;transform:translateY(100%);border-left:none}
  .drawer.open{transform:translateY(0)}
  .modal{width:100vw;max-height:94dvh;border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0;margin:0;animation:mSlideUp .2s ease}
  @keyframes mSlideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
  .c7,.c6,.c5{font-size:11px}
  .mod-topbar{padding:0 12px;gap:6px}
  .back-btn span{display:none}
}

/* ══ DARK OVERRIDES ══ */
[data-theme="dark"] .global-topbar{background:linear-gradient(90deg,#04080F,#0F172A);border-bottom:1px solid rgba(59,130,246,.15)}
[data-theme="dark"] .dm-card{background:var(--sf);border-color:var(--br)}
[data-theme="dark"] .dm-card:hover{border-color:var(--pmd);background:var(--sf2)}
[data-theme="dark"] .tbl{border-color:var(--br)}
[data-theme="dark"] .tbl-row:hover{background:rgba(59,130,246,.05)}
[data-theme="dark"] .modal{box-shadow:0 20px 60px rgba(0,0,0,.6)}
[data-theme="dark"] .ds-card:hover{border-color:var(--pmd)}
[data-theme="dark"] .chip.active{background:rgba(59,130,246,.15);border-color:var(--pmd);color:#93C5FD}
[data-theme="dark"] .user-menu{background:var(--sf);border-color:var(--br)}