:root{
  --bg:#f4f7fd;--panel:#ffffff;--panel2:#f8fafc;--line:#e8edf5;--text:#121826;--muted:#8a94a6;--accent:#111827;--accent2:#9bd7ef;--blue:#dff4ff;--lav:#eef1fb;--green:#9ee6bd;--danger:#ef4444;--shadow:0 18px 55px rgba(15,23,42,.08);--radius:20px
}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:inherit}.layout{display:grid;grid-template-columns:245px 1fr;min-height:100vh;max-width:1480px;margin:36px auto;border-radius:28px;overflow:hidden;background:var(--panel);box-shadow:0 25px 80px rgba(15,23,42,.10)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:22px;height:calc(100vh - 72px);overflow:auto;position:sticky;top:36px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:26px}.brand-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#f3f6fb;font-size:17px}.brand h3{margin:0;font-size:15px}.muted{color:var(--muted);font-size:12px}.nav:before{content:'Dashboards';display:block;color:#b5bdca;font-size:13px;margin:20px 8px 10px}.nav a,.drop-title{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;text-decoration:none;margin:4px 0;padding:10px 12px;border-radius:12px;background:transparent;color:#333b49;font-weight:600;cursor:pointer;font-size:14px}.nav a:hover,.drop-title:hover,.nav a.active{background:#f2f4f8;color:#111827}.drop-title{color:#6b7280}.drop-title:after{content:'›';color:#a5adba}.drop-menu{display:block;margin-left:14px;padding-left:10px;border-left:1px solid #edf1f6}.drop-menu a{font-size:13px;padding:9px 10px;color:#475569}.btn-danger{background:#fff0f0!important;color:#dc2626!important}.main{min-width:0;background:#fff}.topbar{min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;border-bottom:1px solid var(--line);background:#fff}.breadcrumb{font-size:13px;color:#a3aab8;margin-bottom:6px}.topbar h1{margin:0;font-size:16px;font-weight:700}.company-line{margin:4px 0 0;color:#7d8797;font-size:12px;max-width:780px}.top-actions{display:flex;align-items:center;gap:12px}.top-search{width:210px;border:0;background:#f6f8fb;border-radius:11px;padding:10px 12px;color:#111827}.icon-btn{width:36px;height:36px;border:0;border-radius:50%;background:#f6f8fb;color:#111827;cursor:pointer}.card,.stat,.analytics-card,.metric{background:#fff;border:1px solid #eef2f7;border-radius:var(--radius);box-shadow:none}.card{padding:20px;margin:24px 28px}.dashboard-home{padding:24px 28px 32px}.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin:26px 0 34px}.metric{height:116px;padding:24px;border:0;box-shadow:0 10px 28px rgba(15,23,42,.04)}.metric.soft-blue{background:#e5f6ff}.metric.soft-gray{background:#eef1f8}.metric span{display:block;font-weight:700;color:#374151;margin-bottom:12px}.metric b{font-size:26px;letter-spacing:-.5px}.metric em{font-style:normal;color:#667085;font-size:12px;margin-left:12px}.home-grid{display:grid;grid-template-columns:2fr 1fr;gap:28px}.analytics-card{background:#f9fafc;border:0;padding:24px;min-height:210px}.analytics-card.big{min-height:310px}.analytics-card h3{margin:0 0 16px;font-size:16px}.card-head{display:flex;align-items:center;gap:18px}.card-head span{color:#64748b;font-size:13px}.chart-lines{height:220px;margin-top:12px;position:relative;background:repeating-linear-gradient(to bottom,transparent 0 43px,#e7ebf2 44px);border-radius:14px}.chart-lines svg{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px)}.chart-lines path{fill:none;stroke:#111827;stroke-width:4;stroke-linecap:round}.chart-lines path.dash{stroke:#9ecbe0;stroke-width:4}.chart-labels{display:flex;gap:20px;color:#64748b;margin-top:12px}.traffic-list p{display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:center;margin:18px 0;color:#111827}.traffic-list i{display:block;height:6px;background:#111827;border-radius:999px}.bar-chart{height:190px;display:flex;gap:24px;align-items:end;padding:18px 10px 0;border-bottom:1px solid #dbe1ea}.bar-chart span{width:38px;min-height:25px;background:linear-gradient(#a7dfff,#7c8cf6);border-radius:7px 7px 0 0;color:#7a8494;font-size:11px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;writing-mode:vertical-rl;transform:rotate(180deg)}.donut-wrap{display:flex;align-items:center;gap:26px}.donut{width:145px;height:145px;border-radius:50%;background:conic-gradient(#111827 0 38%,#a5e9bd 38% 68%,#a8dff4 68% 88%,#8999ff 88% 100%);position:relative}.donut:after{content:'';position:absolute;inset:28px;background:#f9fafc;border-radius:50%}.donut-wrap ul{list-style:none;padding:0;margin:0;line-height:2}.donut-wrap li{color:#475569}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 28px}.stat{padding:18px;color:var(--muted)}.stat b{display:block;color:#111827;font-size:24px;margin-top:7px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}label{display:block;color:#475569;font-weight:700;font-size:13px;margin:0 0 7px}input,select,textarea{width:100%;border:1px solid #dfe6ef;background:#fff;color:#111827;border-radius:12px;padding:12px;outline:none}input:focus,select:focus{border-color:#9ecbe0;box-shadow:0 0 0 3px rgba(158,203,224,.2)}select option{background:#fff;color:#111}.actions,.filter,.tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.filter{display:grid;grid-template-columns:1fr 170px 170px auto auto;align-items:end;margin-top:0;margin-bottom:14px}.btn,button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:11px 14px;background:#111827;color:#fff;font-weight:800;text-decoration:none;cursor:pointer;white-space:nowrap}.btn-light{background:#f1f5f9;color:#111827;border:1px solid #e2e8f0}.btn-green{background:#16a34a;color:#fff}.table-wrap{overflow:auto;border:1px solid #edf1f6;border-radius:15px}table{width:100%;min-width:1050px;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #edf1f6;text-align:left;vertical-align:top;font-size:14px}th{position:sticky;top:0;background:#f8fafc;color:#64748b;z-index:1}tr:hover td{background:#fafafa}.file-link{display:inline-block;padding:6px 10px;border-radius:999px;background:#eef7ff;color:#0369a1;text-decoration:none;font-weight:800}.profit{color:#16a34a!important}.loss{color:#dc2626!important}.notice{background:#fff7ed;border:1px solid #fed7aa;padding:12px;border-radius:14px;color:#9a3412}.badge{display:inline-block;border:1px solid #e2e8f0;padding:5px 9px;border-radius:999px;color:#64748b;font-size:12px}.print-only{display:none}body.dark-mode{--bg:#0d0f12;--panel:#171a1f;--text:#f7f7f7;background:#0d0f12;color:#fff}body.dark-mode .layout,body.dark-mode .main,body.dark-mode .sidebar,body.dark-mode .topbar,body.dark-mode .card{background:#151922;color:#fff;border-color:#2a303a}body.dark-mode .analytics-card{background:#1d232d;color:#fff}body.dark-mode input,body.dark-mode select{background:#111827;color:#fff;border-color:#374151}body.dark-mode .nav a,body.dark-mode .drop-title{color:#d1d5db}body.dark-mode .nav a.active,body.dark-mode .nav a:hover{background:#252b35}body.dark-mode .metric.soft-blue,body.dark-mode .metric.soft-gray{background:#252b35;color:#fff}body.dark-mode .metric b,body.dark-mode .stat b,body.dark-mode .topbar h1{color:#fff}@media(max-width:1050px){.layout{grid-template-columns:1fr;margin:0;border-radius:0}.sidebar{position:relative;height:auto;top:0}.grid,.stats,.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.filter,.home-grid{grid-template-columns:1fr}.main{padding:0}.topbar{padding:16px;align-items:flex-start;flex-direction:column}.dashboard-home{padding:16px}.card,.stats{margin:16px}.top-search{width:100%}}@media(max-width:650px){.grid,.stats,.filter,.metric-row{grid-template-columns:1fr}.drop-menu{margin-left:0}.nav a,.drop-title{padding:11px}.card{padding:15px}table{min-width:900px}.sidebar{padding:14px}.metric-row{gap:12px;margin:12px 0}.home-grid{gap:14px}.analytics-card{padding:16px}.donut-wrap{flex-direction:column;align-items:flex-start}}@media print{.sidebar,.topbar,.filter,.actions,.tools,.btn,button{display:none!important}.layout{display:block;margin:0;box-shadow:none}.main{padding:0}.card,.stat{box-shadow:none;border:1px solid #ddd;background:#fff;color:#111}body{background:#fff;color:#111}th{background:#eee;color:#111}.print-only{display:block}}

/* SnowUI + SaaS Professional Upgrade */
body{transition:background .28s ease,color .28s ease}.layout{animation:appIn .55s ease both}.sidebar,.topbar,.card,.analytics-card,.metric{transition:background .28s ease,border-color .28s ease,color .28s ease,box-shadow .28s ease,transform .22s ease}.sidebar{box-shadow:inset -1px 0 0 rgba(15,23,42,.02)}.brand:after{content:'LLP';margin-left:auto;font-size:11px;color:#94a3b8;border:1px solid #eef2f7;border-radius:999px;padding:4px 8px}.topbar{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.86);backdrop-filter:blur(18px)}.topbar h1{font-size:18px}.icon-btn{font-size:17px;box-shadow:0 6px 18px rgba(15,23,42,.06)}.icon-btn:hover,.metric:hover,.analytics-card:hover{transform:translateY(-2px)}.welcome-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;border-radius:24px;background:linear-gradient(135deg,#ffffff,#f6f9ff);border:1px solid #eef2f7;box-shadow:0 18px 55px rgba(15,23,42,.06);margin-bottom:22px}.welcome-card h2{margin:6px 0 8px;font-size:24px;letter-spacing:-.6px}.welcome-card p{margin:0;color:#64748b}.eyebrow{display:inline-block;color:#2563eb;background:#eaf2ff;border:1px solid #dbeafe;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.welcome-actions{display:flex;gap:10px;flex-wrap:wrap}.snowui-pro .metric{position:relative;overflow:hidden}.snowui-pro .metric:before{content:'';position:absolute;inset:-60px auto auto -50px;width:140px;height:140px;background:rgba(255,255,255,.45);border-radius:999px}.pro-grid canvas{width:100%;display:block}.reveal{animation:fadeUp .55s ease both}.reveal:nth-child(2){animation-delay:.05s}.reveal:nth-child(3){animation-delay:.1s}.reveal:nth-child(4){animation-delay:.15s}.loading-screen{position:fixed;inset:0;background:rgba(244,247,253,.92);backdrop-filter:blur(10px);z-index:9999;display:grid;place-items:center;align-content:center;gap:14px;transition:opacity .28s ease,visibility .28s ease}.loading-screen.hide{opacity:0;visibility:hidden}.loader{width:46px;height:46px;border:4px solid #dbeafe;border-top-color:#111827;border-radius:50%;animation:spin .9s linear infinite}.card h2{margin-top:0}.nav a.active:before{content:'';width:6px;height:6px;background:#111827;border-radius:50%;margin-right:8px}.drop-title{font-weight:800}.drop-menu a{transition:transform .18s ease}.drop-menu a:hover{transform:translateX(3px)}.table-wrap{background:rgba(255,255,255,.5)}
@keyframes appIn{from{opacity:0;transform:scale(.985) translateY(12px)}to{opacity:1;transform:none}}@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}
body.dark-mode{background:radial-gradient(circle at 20% 10%,rgba(96,165,250,.16),transparent 32%),#0c111a;color:#e5e7eb}body.dark-mode .layout{background:#111827;box-shadow:0 25px 80px rgba(0,0,0,.38)}body.dark-mode .sidebar{background:#0f172a;border-color:#253044}body.dark-mode .topbar{background:rgba(15,23,42,.88);border-color:#253044}body.dark-mode .welcome-card{background:linear-gradient(135deg,#111827,#1f2937);border-color:#2d3748;box-shadow:0 18px 55px rgba(0,0,0,.22)}body.dark-mode .welcome-card p,body.dark-mode .company-line,body.dark-mode .breadcrumb,body.dark-mode .muted{color:#9ca3af}body.dark-mode .eyebrow{background:#172554;color:#bfdbfe;border-color:#1e3a8a}body.dark-mode .icon-btn,body.dark-mode .top-search{background:#1f2937;color:#f9fafb;border:1px solid #374151}body.dark-mode .metric,body.dark-mode .analytics-card,body.dark-mode .card,body.dark-mode .stat{background:#111827;border-color:#263244;box-shadow:0 18px 50px rgba(0,0,0,.12)}body.dark-mode .metric.soft-blue{background:linear-gradient(135deg,#14253a,#172554)}body.dark-mode .metric.soft-gray{background:linear-gradient(135deg,#1f2937,#111827)}body.dark-mode .table-wrap{background:#111827;border-color:#263244}body.dark-mode th{background:#1f2937;color:#cbd5e1}body.dark-mode td{border-color:#263244}body.dark-mode tr:hover td{background:#182234}body.dark-mode .loading-screen{background:rgba(12,17,26,.92);color:#f9fafb}body.dark-mode .loader{border-color:#1f2937;border-top-color:#60a5fa}body.dark-mode .brand:after{border-color:#374151;color:#94a3b8}body.dark-mode .file-link{background:#0c4a6e;color:#e0f2fe}body.dark-mode .btn-light{background:#1f2937;color:#f9fafb;border-color:#374151}
@media(max-width:1050px){.welcome-card{align-items:flex-start;flex-direction:column}.welcome-card h2{font-size:20px}.topbar{position:relative}.layout{max-width:none}.sidebar{border-bottom:1px solid var(--line)}}@media(max-width:650px){.welcome-actions{width:100%}.welcome-actions .btn{flex:1}.top-actions{width:100%}.top-search{flex:1}.analytics-card.big{min-height:auto}.metric{height:auto}.welcome-card{padding:18px}}

/* Logo + Profile + Notifications + Live Stats upgrade */
.logo-brand{gap:12px}.brand-logo{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#0f172a,#2563eb);color:#fff;font-weight:900;letter-spacing:.5px;box-shadow:0 12px 28px rgba(37,99,235,.22)}.brand-icon{display:none}.brand:after{display:none!important}.pro-topbar{display:grid;grid-template-columns:1.1fr auto auto;gap:16px;align-items:center}.live-stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.live-stats span{padding:8px 10px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;font-size:12px;white-space:nowrap}.live-stats b{color:#111827;margin-left:4px}.profile-box{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:999px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 22px rgba(15,23,42,.06)}.profile-box img,.avatar{width:34px;height:34px;border-radius:50%;object-fit:cover}.avatar{display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#0f172a);color:#fff;font-weight:900}.profile-box strong{display:block;font-size:13px;color:#111827}.profile-box small{display:block;font-size:11px;color:#64748b}.notification-wrap{position:relative}.notification-btn{position:relative}.notification-btn em{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-style:normal;display:grid;place-items:center;border:2px solid #fff}.notify-menu{position:absolute;right:0;top:48px;width:270px;padding:16px;border-radius:18px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 20px 60px rgba(15,23,42,.18);display:none;z-index:50}.notify-menu.open{display:block;animation:fadeUp .18s ease both}.notify-menu b{color:#111827}.notify-menu p{color:#64748b;margin:10px 0 0;font-size:13px;line-height:1.4}.welcome-card h2{font-size:25px}.welcome-card p{max-width:620px}
body.dark-mode .brand-logo{background:linear-gradient(135deg,#f59e0b,#1f2937);box-shadow:0 12px 28px rgba(245,158,11,.16)}body.dark-mode .live-stats span,body.dark-mode .profile-box,body.dark-mode .notify-menu{background:#1f2937;border-color:#374151;color:#cbd5e1}body.dark-mode .live-stats b,body.dark-mode .profile-box strong,body.dark-mode .notify-menu b{color:#fff}body.dark-mode .profile-box small,body.dark-mode .notify-menu p{color:#9ca3af}body.dark-mode .notification-btn em{border-color:#1f2937}
@media(max-width:1200px){.pro-topbar{grid-template-columns:1fr}.live-stats{justify-content:flex-start}.top-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.profile-box{margin-left:auto}}@media(max-width:650px){.live-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.live-stats span{text-align:center}.profile-box{width:100%;border-radius:16px}.notify-menu{right:auto;left:0;width:260px}.top-search{min-width:0}}

/* Full Page Layout Fix */
html, body {
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
}
body {
  background: var(--panel);
}
.layout {
  width: 100%;
  max-width: none !important;
  min-height: 100vh;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.sidebar {
  height: 100vh !important;
  top: 0 !important;
  border-radius: 0 !important;
}
.main {
  min-height: 100vh;
  width: 100%;
}
.card {
  margin: 18px 24px;
}
.dashboard-home {
  padding: 18px 24px 28px;
}
.stats {
  margin: 18px 24px;
}
.topbar {
  border-radius: 0 !important;
}
@media (max-width: 1050px) {
  .layout {
    width: 100%;
    margin: 0 !important;
  }
  .sidebar {
    height: auto !important;
  }
}


/* Working top search form */
.global-search-form{margin:0;display:flex;align-items:center}.global-search-form .top-search{display:block}

/* FIX: full-screen app, cleaner sidebar and chart panels */
html,body{width:100%;min-height:100%;overflow-x:hidden;background:#fff!important;}
.layout{display:flex!important;width:100%!important;max-width:none!important;min-height:100vh!important;margin:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;background:#fff!important;}
.sidebar{flex:0 0 275px!important;width:275px!important;min-width:275px!important;height:100vh!important;position:sticky!important;top:0!important;overflow-y:auto!important;overflow-x:hidden!important;background:#fff!important;border-right:1px solid #eef2f7!important;padding:20px 18px!important;}
.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.sidebar::-webkit-scrollbar-track{background:transparent}
.main{flex:1!important;min-width:0!important;width:calc(100% - 275px)!important;min-height:100vh!important;background:#fff!important;}
.topbar{left:0!important;right:0!important;background:rgba(255,255,255,.94)!important;}
.dashboard-home{padding:22px 28px 36px!important;}
.home-grid{grid-template-columns:minmax(0,2fr) minmax(340px,1fr)!important;align-items:stretch!important;}
.analytics-card{overflow:hidden!important;background:#fbfcff!important;border:1px solid #eef2f7!important;box-shadow:0 14px 40px rgba(15,23,42,.04)!important;}
.pro-grid canvas{width:100%!important;height:210px!important;background:transparent!important;display:block!important;}
.analytics-card.big canvas{height:230px!important;}
.donut-wrap canvas{width:150px!important;height:150px!important;flex:0 0 auto!important;}
body.dark-mode html,body.dark-mode{background:#0f172a!important;}
body.dark-mode .layout,body.dark-mode .main,body.dark-mode .sidebar{background:#0f172a!important;}
body.dark-mode .analytics-card{background:#111827!important;border-color:#263244!important;}
@media(max-width:1050px){.layout{display:block!important}.sidebar{position:relative!important;width:100%!important;min-width:0!important;height:auto!important;max-height:none!important}.main{width:100%!important}.home-grid{grid-template-columns:1fr!important}.topbar{position:relative!important}}

/* FIX: full-screen app, cleaner sidebar and chart panels */
html,body{width:100%;min-height:100%;overflow-x:hidden;background:#fff!important;}
.layout{display:flex!important;width:100%!important;max-width:none!important;min-height:100vh!important;margin:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;background:#fff!important;}
.sidebar{flex:0 0 275px!important;width:275px!important;min-width:275px!important;height:100vh!important;position:sticky!important;top:0!important;overflow-y:auto!important;overflow-x:hidden!important;background:#fff!important;border-right:1px solid #eef2f7!important;padding:20px 18px!important;}
.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.sidebar::-webkit-scrollbar-track{background:transparent}
.main{flex:1!important;min-width:0!important;width:calc(100% - 275px)!important;min-height:100vh!important;background:#fff!important;}
.topbar{left:0!important;right:0!important;background:rgba(255,255,255,.94)!important;}
.dashboard-home{padding:22px 28px 36px!important;}
.home-grid{grid-template-columns:minmax(0,2fr) minmax(340px,1fr)!important;align-items:stretch!important;}
.analytics-card{overflow:hidden!important;background:#fbfcff!important;border:1px solid #eef2f7!important;box-shadow:0 14px 40px rgba(15,23,42,.04)!important;}
.pro-grid canvas{width:100%!important;height:210px!important;background:transparent!important;display:block!important;}
.analytics-card.big canvas{height:230px!important;}
.donut-wrap canvas{width:150px!important;height:150px!important;flex:0 0 auto!important;}
body.dark-mode,body.dark-mode .layout,body.dark-mode .main,body.dark-mode .sidebar{background:#0f172a!important;}
body.dark-mode .analytics-card{background:#111827!important;border-color:#263244!important;}
@media(max-width:1050px){.layout{display:block!important}.sidebar{position:relative!important;width:100%!important;min-width:0!important;height:auto!important;max-height:none!important}.main{width:100%!important}.home-grid{grid-template-columns:1fr!important}.topbar{position:relative!important}}

/* Upgrade: profile photo, permissions, CSV button and premium login */
.mini-photo{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0;display:block}.section-title{margin:20px 0 8px}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.check-card{display:flex!important;align-items:center;gap:9px;padding:12px 14px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;font-weight:700;color:#334155}.check-card input{width:auto;margin:0}.profile-box img{display:block;width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #dbeafe}.actions .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.pro-login{background:radial-gradient(circle at top left,#dbeafe 0,#f8fafc 32%,#eef2ff 100%)!important;min-height:100vh;display:grid;place-items:center;padding:24px}.login-shell{width:min(1050px,100%);display:grid;grid-template-columns:1.1fr 430px;gap:24px;align-items:stretch}.login-hero,.pro-login .login-card{border:1px solid rgba(226,232,240,.9);background:rgba(255,255,255,.82);backdrop-filter:blur(20px);border-radius:32px;box-shadow:0 28px 80px rgba(15,23,42,.12)}.login-hero{padding:52px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-hero:after{content:"";position:absolute;right:-110px;bottom:-110px;width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,#bfdbfe,#e0f2fe);opacity:.75}.login-badge{width:74px;height:74px;border-radius:24px;display:grid;place-items:center;background:#0f172a;color:#fff;font-size:26px;font-weight:900;margin-bottom:24px;box-shadow:0 18px 40px rgba(15,23,42,.2)}.login-hero h1{font-size:40px;line-height:1.08;margin:0 0 14px;color:#0f172a;letter-spacing:-1.4px}.login-hero p{font-size:16px;max-width:560px;color:#64748b;line-height:1.7}.login-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.login-points span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:10px 14px;color:#334155;font-weight:800}.pro-login .login-card{width:auto!important;padding:36px!important;margin:0!important}.pro-login .login-card h2{font-size:28px;margin:10px 0 4px;color:#0f172a}.pro-login .login-card input{height:48px;border-radius:16px}.pro-login .login-card button{height:50px;border-radius:16px;width:100%;margin-top:18px}.pro-login .login-logo{width:60px;height:60px;border-radius:20px;background:#eef6ff;display:grid;place-items:center;font-size:32px}.pro-login small{display:block;margin-top:16px;color:#64748b;text-align:center}.alert{background:#fee2e2;color:#991b1b;padding:12px 14px;border-radius:14px;margin:12px 0;border:1px solid #fecaca}body.dark-mode .check-card{background:#1f2937;border-color:#374151;color:#cbd5e1}body.dark-mode .mini-photo,body.dark-mode .profile-box img{border-color:#374151}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-hero{padding:30px}.login-hero h1{font-size:30px}.permission-grid{grid-template-columns:1fr}}

/* Final working upgrade fixes */
.profile-box img,.mini-photo{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #dbeafe;background:#eef2ff;display:block}.mini-photo{width:54px;height:54px}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.check-card{display:flex!important;align-items:center;gap:9px;padding:12px 14px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;font-weight:700;color:#334155}.check-card input{width:auto!important;margin:0}.expense-details{font-size:12px;line-height:1.65;min-width:220px}.finance-box{display:grid;gap:14px;margin-top:25px}.finance-box div{display:flex;justify-content:space-between;align-items:center;padding:14px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.pro-login{background:radial-gradient(circle at top left,#dbeafe 0,#f8fafc 35%,#eef2ff 100%)!important;min-height:100vh;display:grid;place-items:center;padding:24px}.login-shell{width:min(1080px,100%);display:grid;grid-template-columns:1.15fr 430px;gap:24px;align-items:stretch}.login-hero,.pro-login .login-card{border:1px solid rgba(226,232,240,.95);background:rgba(255,255,255,.88);backdrop-filter:blur(20px);border-radius:32px;box-shadow:0 28px 80px rgba(15,23,42,.12)}.login-hero{padding:54px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-hero:after{content:"";position:absolute;right:-100px;bottom:-100px;width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,#bfdbfe,#e0f2fe);opacity:.75}.login-badge{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:#0f172a;color:#fff;font-size:26px;font-weight:900;margin-bottom:24px;box-shadow:0 18px 40px rgba(15,23,42,.2)}.login-hero h1{font-size:42px;line-height:1.08;margin:0 0 14px;color:#0f172a;letter-spacing:-1.4px}.login-hero p{font-size:16px;max-width:590px;color:#64748b;line-height:1.7}.login-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.login-points span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:10px 14px;color:#334155;font-weight:800}.pro-login .login-card{width:auto!important;padding:36px!important;margin:0!important}.pro-login .login-card h2{font-size:28px;margin:10px 0 4px;color:#0f172a}.pro-login .login-card input{height:48px;border-radius:16px}.pro-login .login-card button{height:50px;border-radius:16px;width:100%;margin-top:18px}.pro-login .login-logo{width:60px;height:60px;border-radius:20px;background:#eef6ff;display:grid;place-items:center;font-size:32px}.pro-login small{display:block;margin-top:16px;color:#64748b;text-align:center}.alert{background:#fee2e2;color:#991b1b;padding:12px 14px;border-radius:14px;margin:12px 0;border:1px solid #fecaca}#loadingScreen{position:fixed;inset:0;display:grid;place-items:center;background:#f8fafc;z-index:9999;transition:.3s}#loadingScreen.hide{opacity:0;visibility:hidden}#loadingScreen div{width:46px;height:46px;border-radius:50%;border:4px solid #dbeafe;border-top-color:#0f172a;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}body.dark-mode .check-card,body.dark-mode .finance-box div{background:#1f2937;border-color:#374151;color:#cbd5e1}body.dark-mode .profile-box img,body.dark-mode .mini-photo{border-color:#374151}body.dark-mode #loadingScreen{background:#0f172a}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-hero{padding:30px}.login-hero h1{font-size:30px}.permission-grid{grid-template-columns:1fr}}

/* Mobile app style upgrade + backup + WhatsApp */
.mobile-card,.backup-panel{background:#fff;border:1px solid #e8edf5;border-radius:28px;box-shadow:0 20px 60px rgba(15,23,42,.08);padding:26px;margin:20px 28px;animation:cardIn .35s ease both}.mobile-card h2,.backup-panel h2{margin:0 0 8px;color:#0f172a}.backup-status{margin-top:16px;padding:14px 16px;border-radius:18px;background:#f8fafc;border:1px solid #e2e8f0}.whatsapp-btn{background:#22c55e!important;color:#fff!important}.whatsapp-form textarea{width:100%;resize:vertical;border:1px solid #dbe3ef;border-radius:16px;padding:14px;font-family:inherit}.nav a[href*="backup"],.nav a[href*="whatsapp"]{font-weight:800}.mobile-bottom-nav{display:none}@keyframes cardIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:760px){body{background:#f4f7fb!important}.layout{display:block!important}.sidebar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;height:72px!important;min-width:0!important;z-index:50;border-right:0!important;border-top:1px solid #e5eaf2!important;padding:8px 10px!important;overflow-x:auto!important;overflow-y:hidden!important}.brand{display:none!important}.nav{display:flex!important;gap:8px;align-items:center;white-space:nowrap}.nav .drop-title,.nav .drop-menu{display:none!important}.nav a{min-width:max-content;border-radius:18px!important;padding:12px 14px!important;font-size:12px!important;background:#fff!important;border:1px solid #e8edf5!important}.nav a.active{background:#111827!important;color:#fff!important}.btn-danger{background:#fee2e2!important;color:#991b1b!important}.main{width:100%!important;padding-bottom:90px!important}.topbar{position:sticky!important;top:0!important;z-index:20;display:block!important;padding:14px 16px!important;border-radius:0 0 24px 24px!important}.topbar h1{font-size:20px!important}.live-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin:10px 0}.live-stats span{border-radius:16px!important}.top-actions{display:flex!important;gap:8px!important;overflow-x:auto}.top-search{min-width:180px}.stats{grid-template-columns:repeat(2,1fr)!important;padding:14px!important}.stat{border-radius:22px!important;padding:18px!important}.grid{grid-template-columns:1fr!important}.card,.mobile-card,.backup-panel{margin:14px!important;border-radius:24px!important;padding:18px!important}.filter{grid-template-columns:1fr!important}.table-wrap{border-radius:18px!important}.profile-box div:not(.avatar){display:none}.profile-box{padding:6px!important}.permission-grid{grid-template-columns:1fr!important}}
body.dark-mode .mobile-card,body.dark-mode .backup-panel{background:#111827;border-color:#243143;color:#e5e7eb}body.dark-mode .mobile-card h2,body.dark-mode .backup-panel h2{color:#f8fafc}body.dark-mode .backup-status{background:#1f2937;border-color:#334155}body.dark-mode .whatsapp-form textarea{background:#111827;color:#fff;border-color:#334155}
.record-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.old-file{margin:0 0 6px;font-size:12px}.invoice-print h2{margin-bottom:4px}.expense-details{min-width:220px;line-height:1.5}@media print{.sidebar,.topbar,.no-print,#loadingScreen{display:none!important}.main{margin:0!important;padding:0!important}.card{box-shadow:none!important;border:0!important}.layout{display:block!important}body{background:#fff!important;color:#000!important}}
.badge{display:inline-block;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#e5e7eb;color:#111827}.badge.warn{background:#fff3cd;color:#8a5a00}.badge.danger{background:#fee2e2;color:#991b1b}.dark-mode .badge{background:#374151;color:#f9fafb}.dark-mode .badge.warn{background:#5f4300;color:#ffe59a}.dark-mode .badge.danger{background:#6b1111;color:#fecaca}
.drop-menu{display:none}.drop-menu.open{display:block}.nav .drop-menu:first-of-type,.nav .drop-title:first-of-type + .drop-menu{display:block}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.chip{display:inline-block;padding:9px 12px;border-radius:999px;background:#eef2ff;color:#1d4ed8;text-decoration:none;font-weight:700}.dark-mode .chip{background:#1f2937;color:#93c5fd}.notice{padding:14px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;margin:16px 0}.notice.danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.dark-mode .notice{background:#3b1d1d;color:#fecaca;border-color:#7f1d1d}