@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#20203b;--ink2:#403d68;--muted:#8b89a8;--bg:#f6f7fc;--card:#fff;--line:#ebeaf4;--purple:#6956ff;--purple2:#8d6cff;--blue:#2494ff;--cyan:#16c9d8;--green:#18c982;--orange:#ff9d45;--pink:#f35b9f;--red:#ff5d70;--nav:#11132b;--nav2:#191b3b;--shadow:0 18px 50px rgba(47,38,103,.08);--soft:0 8px 24px rgba(47,38,103,.06)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% -10%,rgba(119,94,255,.08),transparent 32%),var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:286px;position:fixed;inset:0 auto 0 0;z-index:50;color:#dfe1f4;background:linear-gradient(180deg,#0f1128 0%,#171938 55%,#101225 100%);box-shadow:18px 0 50px rgba(16,18,43,.18);overflow:auto;transition:width .28s ease,transform .28s ease}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background:#35385c;border-radius:10px}.brand{height:82px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;background:rgba(15,17,40,.94);backdrop-filter:blur(15px);z-index:4}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#fff,#f0eeff);color:var(--purple);display:grid;place-items:center;font-weight:900;font-size:22px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.22)}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand-copy{min-width:0;flex:1}.brand-copy b{display:block;color:#fff;font:800 14px 'Manrope';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-copy small{display:block;color:#8589ae;font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-toggle{width:30px;height:30px;border:1px solid rgba(255,255,255,.08);background:#202344;color:#b9b9d4;border-radius:9px;cursor:pointer}.sidebar-search{margin:14px 13px;padding:10px 11px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07);display:flex;gap:8px;align-items:center}.sidebar-search span{font-size:18px;color:#9297bf}.sidebar-search input{width:100%;background:transparent;border:0;outline:0;color:#fff;font-size:11px}.sidebar-search input::placeholder{color:#777b9e}.sidebar-nav{padding:2px 11px 20px}.nav-home,.nav-link{position:relative;display:flex;align-items:center;gap:11px;padding:10px 11px;margin:3px 0;border-radius:11px;color:#b9bdd9;font-size:11px;font-weight:600;transition:transform .2s,background .2s,color .2s}.nav-home:hover,.nav-link:hover{background:rgba(111,91,255,.12);color:#fff;transform:translateX(2px)}.nav-home.active,.nav-link.active{background:linear-gradient(100deg,rgba(105,86,255,.98),rgba(111,91,255,.62));color:#fff;box-shadow:0 8px 24px rgba(105,86,255,.25)}.nav-home.active:before,.nav-link.active:before{content:'';position:absolute;left:-11px;top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0;background:#9e8cff}.nav-svg{width:18px;height:18px;flex:0 0 18px}.nav-home{margin-bottom:12px}.nav-group{margin:6px 0}.nav-group-head{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;color:#6f739b;font-size:9px;font-weight:800;letter-spacing:.12em;padding:10px 11px 7px;cursor:pointer;text-align:left}.nav-group-head:hover{color:#c3c5de}.nav-chevron{font-size:14px;transition:transform .2s}.nav-group.open .nav-chevron{transform:rotate(180deg)}.nav-sub{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .25s ease,opacity .2s}.nav-sub>*{overflow:hidden}.nav-group.open .nav-sub{grid-template-rows:1fr;opacity:1}.sidebar-bottom{padding:12px 15px 16px;border-top:1px solid rgba(255,255,255,.06)}.side-status{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:12px;background:rgba(24,201,130,.07)}.side-status>span{width:8px;height:8px;border-radius:50%;background:#20e68d;box-shadow:0 0 0 5px rgba(32,230,141,.08),0 0 14px #20e68d}.side-status b{display:block;font-size:10px;color:#e6e8f4}.side-status small{display:block;font-size:8px;color:#777c9e;margin-top:2px}.side-version{font-size:9px;color:#646987;margin-top:11px;padding-left:5px}.side-version i{font-style:normal;margin:0 4px}.main-shell{margin-left:286px;width:calc(100% - 286px);min-height:100vh;transition:margin .28s,width .28s}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.84);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.top-left{display:flex;align-items:center;gap:12px}.mobile-menu{display:none}.crumb span{display:block;color:#9a98b2;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.crumb b{display:block;font:800 18px 'Manrope';margin-top:3px}.top-actions{display:flex;align-items:center;gap:11px}.top-icon{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:12px;display:grid;place-items:center;position:relative;box-shadow:var(--soft)}.top-icon .nav-svg{width:17px}.top-icon em{position:absolute;right:-3px;top:-4px;background:var(--red);color:#fff;border:2px solid #fff;border-radius:99px;padding:1px 5px;font-size:8px;font-style:normal}.quick-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:12px;background:linear-gradient(135deg,#6b56ff,#8b67ff);color:#fff;font-size:10px;font-weight:800;box-shadow:0 10px 22px rgba(105,86,255,.22)}.quick-btn span{font-size:16px;line-height:0}.top-user{display:flex;align-items:center;gap:9px;padding-left:5px}.avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#6956ff,#19b7ff);color:#fff;display:grid;place-items:center;font-weight:900;overflow:hidden;box-shadow:0 8px 20px rgba(72,77,198,.2)}.avatar img{width:100%;height:100%;object-fit:cover}.top-user-copy b{display:block;font-size:10px}.top-user-copy small{display:block;color:#9694ad;font-size:8px;margin-top:2px}.logout-pill{font-size:9px;color:#77758e;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}.content-area{padding:28px 30px}.content-area h1{font:800 27px 'Manrope';margin:0;letter-spacing:-.03em}.sub{font-size:11px;color:#9694ad;margin:7px 0 21px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:linear-gradient(135deg,#6956ff,#8c6bff);color:#fff;padding:10px 14px;border-radius:11px;font-size:11px;font-weight:800;cursor:pointer;box-shadow:0 10px 22px rgba(105,86,255,.18);transition:transform .18s,box-shadow .18s}.btn:hover,.quick-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(105,86,255,.25)}.btn.secondary{background:#f0eeff;color:#5b48d9;box-shadow:none}.btn.success{background:#e6fff5;color:#078b5b;box-shadow:none}.btn.danger{background:#fff0f2;color:#d33d54;box-shadow:none}.ripple{position:absolute;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.45);transform:translate(-50%,-50%);animation:ripple .6s ease-out;pointer-events:none}@keyframes ripple{to{width:260px;height:260px;opacity:0}}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.card{position:relative;overflow:hidden;border:1px solid rgba(232,231,244,.9);border-radius:18px;padding:18px;background:linear-gradient(145deg,#fff,#fbfbff);box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(54,44,110,.12)}.card:before{content:'';position:absolute;right:-25px;top:-30px;width:105px;height:105px;border-radius:50%;background:linear-gradient(135deg,rgba(105,86,255,.12),rgba(36,148,255,.03));filter:blur(.2px)}.card .label{font-size:10px;color:#9694ad;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.card .value{font:800 27px 'Manrope';margin-top:8px;letter-spacing:-.04em}.card .meta{font-size:9px;color:#a09eb4;margin-top:7px}.grid2{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.panel{background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:18px;padding:19px;box-shadow:var(--soft);position:relative;overflow:hidden}.panel:after{content:'';position:absolute;width:130px;height:130px;right:-90px;top:-90px;border-radius:50%;background:rgba(105,86,255,.05)}.panel h3{font:800 14px 'Manrope';margin:0 0 13px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:13px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:11px 12px;border-bottom:1px solid #f0eff6;text-align:left;font-size:10px;white-space:nowrap}th{background:#fafaff;color:#9694ad;font-size:8px;text-transform:uppercase;letter-spacing:.08em}tr:last-child td{border-bottom:0}tr:hover td{background:#fcfbff}.badge{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:99px;background:#f0eff7;color:#6e6b87;font-size:8px;font-weight:800}.badge.green{background:#e5fff4;color:#078b5b}.badge.orange{background:#fff1e4;color:#bd641f}.badge.red{background:#fff0f2;color:#d13e54}.badge.blue{background:#eaf4ff;color:#2674c9}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field label{display:block;font-size:9px;font-weight:800;color:#77758f;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid #deddeb;border-radius:11px;background:#fff;color:#2d2a49;font-size:11px;outline:none;transition:.18s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#9b8cff;box-shadow:0 0 0 4px rgba(105,86,255,.08)}.field textarea{min-height:105px;resize:vertical}.full{grid-column:1/-1}.search{padding:11px 13px;border:1px solid var(--line);border-radius:11px;min-width:250px;background:#fff;outline:none;font-size:11px}.alert{padding:12px 14px;border-radius:12px;margin-bottom:17px;font-size:11px;font-weight:700}.alert.success{background:#e6fff5;color:#087d54}.alert.error{background:#fff0f2;color:#c83b50}.alert.info{background:#eaf4ff;color:#266ec0}.toast-in{animation:toast .35s ease}@keyframes toast{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.mini-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px}.mini-kpi b{display:block;font:800 20px 'Manrope';margin-top:6px}.progress{height:7px;background:#eeeef6;border-radius:99px;overflow:hidden}.progress span,.progress-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#6956ff,#16c9d8);border-radius:99px;transition:width 1s ease}.profile-banner{display:flex;align-items:center;gap:18px}.profile-banner h2{margin:0 0 6px;font:800 21px 'Manrope'}.profile-actions{margin-left:auto}.avatar-lg{width:86px;height:86px;border-radius:20px;font-size:28px}.project-autofill{margin-top:8px;padding:10px;border:1px dashed #cfcde1;border-radius:10px;background:#fafaff;font-size:10px;color:#77758f}.project-autofill b{color:#27243f}.app-footer{padding:20px 5px;color:#aaa7bd;font-size:9px}.app-footer i{font-style:normal;margin:0 5px;color:#c7c4d6}.login{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 10% 10%,#5e4df0 0,transparent 27%),radial-gradient(circle at 90% 85%,#16c9d8 0,transparent 24%),linear-gradient(135deg,#0a0d20,#17143b 55%,#0b1832);overflow:hidden;position:relative}.login:before,.login:after{content:'';position:absolute;border-radius:50%;filter:blur(2px);opacity:.35;animation:float 7s ease-in-out infinite}.login:before{width:320px;height:320px;background:#7f63ff;left:-100px;bottom:-120px}.login:after{width:240px;height:240px;background:#18c9b4;right:-60px;top:-80px;animation-delay:-2s}@keyframes float{50%{transform:translate(25px,-20px) scale(1.05)}}.login-shell{position:relative;z-index:2;width:min(1040px,96vw);min-height:610px;display:grid;grid-template-columns:1.15fr .85fr;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:30px;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.38);backdrop-filter:blur(24px)}.login-hero{padding:54px;background:linear-gradient(145deg,rgba(105,86,255,.88),rgba(41,76,190,.5));color:#fff;position:relative;overflow:hidden}.login-hero:after{content:'';position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-100px;bottom:-100px;box-shadow:0 0 0 35px rgba(255,255,255,.04),0 0 0 70px rgba(255,255,255,.025)}.hero-logo{width:58px;height:58px;border-radius:18px;background:#fff;color:#6754ef;display:grid;place-items:center;overflow:hidden;font-size:27px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.2)}.hero-logo img{width:100%;height:100%;object-fit:cover}.login-hero h1{font:800 40px 'Manrope';letter-spacing:-.04em;margin:36px 0 10px;max-width:480px}.login-hero p{max-width:470px;color:#e4e5ff;font-size:13px;line-height:1.7}.login-features{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:35px}.login-feature{padding:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:15px}.login-feature b{display:block;font-size:11px}.login-feature span{display:block;color:#d4d5ef;font-size:9px;margin-top:4px}.login-form{background:rgba(255,255,255,.97);padding:54px 45px;display:flex;flex-direction:column;justify-content:center}.loginbrand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.loginbrand .logo-box{width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,#f8f7ff,#fff);color:#6956ff;display:grid;place-items:center;overflow:hidden;font-size:23px;font-weight:900;box-shadow:0 8px 25px rgba(47,38,103,.12)}.loginbrand img{width:100%;height:100%;object-fit:cover}.login-form h2{font:800 26px 'Manrope';margin:0 0 7px}.login-form .hint{font-size:10px;color:#9694ad;margin-bottom:22px}.login-submit{width:100%;padding:13px;border-radius:12px;font-size:11px}.login-foot{font-size:9px;color:#aaa7bb;margin-top:22px;text-align:center}.error{background:#fff0f2;color:#c43d52;padding:11px;border-radius:11px;font-size:10px;margin-bottom:14px;border:1px solid #ffd9df}.sidebar-collapsed .sidebar{width:86px}.sidebar-collapsed .main-shell{margin-left:86px;width:calc(100% - 86px)}.sidebar-collapsed .brand{justify-content:center;padding:12px}.sidebar-collapsed .brand-copy,.sidebar-collapsed .sidebar-search,.sidebar-collapsed .nav-group-head span:first-child,.sidebar-collapsed .nav-home span,.sidebar-collapsed .nav-link span,.sidebar-collapsed .side-status div,.sidebar-collapsed .side-version{display:none}.sidebar-collapsed .sidebar-toggle{display:block}.sidebar-collapsed .nav-home,.sidebar-collapsed .nav-link{justify-content:center}.sidebar-collapsed .nav-group-head{justify-content:center}.sidebar-collapsed .nav-sub{display:none}.sidebar-collapsed .brand-mark{width:42px}.sidebar-collapsed .sidebar-bottom{padding:12px 8px}.sidebar-collapsed .side-status{justify-content:center}.sidebar-collapsed .sidebar-toggle{transform:rotate(180deg)}
@media(max-width:1200px){.sidebar{width:250px}.main-shell{margin-left:250px;width:calc(100% - 250px)}.cards{grid-template-columns:repeat(2,1fr)}.kpi-grid{grid-template-columns:repeat(3,1fr)}.login-shell{width:min(900px,96vw)}}
@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-hero{display:none}.login-form{padding:40px 30px}.sidebar{transform:translateX(-100%);width:286px}.main-shell{margin-left:0;width:100%}.sidebar-collapsed .sidebar{width:286px;transform:translateX(-100%)}.mobile-menu{display:grid;width:36px;height:36px;border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center}.sidebar.mobile-open{transform:translateX(0)}}
@media(max-width:720px){.content-area{padding:20px 15px}.topbar{padding:0 15px}.top-user-copy,.logout-pill,.quick-btn{display:none}.cards,.grid2,.grid3,.formgrid,.kpi-grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.search{width:100%;min-width:0}.content-area h1{font-size:23px}.top-actions{gap:7px}}
/* V4 dashboard enhancements */
.dashboard-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:21px}.eyebrow,.panel-kicker{font-size:8px;letter-spacing:.13em;font-weight:900;color:#9a98b2}.eyebrow{display:flex;align-items:center;gap:7px;margin-bottom:7px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#18c982;box-shadow:0 0 0 5px rgba(24,201,130,.08),0 0 14px rgba(24,201,130,.7)}.wave{display:inline-block;animation:wave .8s ease-in-out 2}@keyframes wave{50%{transform:rotate(15deg)}}.hero-actions{display:flex;gap:8px}.dashboard-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-card{min-height:145px}.kpi-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.kpi-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#6956ff,#9c7dff);font-size:13px;box-shadow:0 7px 17px rgba(105,86,255,.2)}.kpi-live{font-size:7px;color:#aaa7bd;border:1px solid #ecebf4;border-radius:99px;padding:3px 6px}.tone-blue .kpi-icon{background:linear-gradient(135deg,#2699ff,#4ec4ff)}.tone-cyan .kpi-icon{background:linear-gradient(135deg,#0bbfc9,#55e5d5)}.tone-red .kpi-icon{background:linear-gradient(135deg,#ff5871,#ff8a7f)}.tone-orange .kpi-icon{background:linear-gradient(135deg,#ff9640,#ffc05d)}.tone-pink .kpi-icon{background:linear-gradient(135deg,#ed5d9f,#ff86c0)}.tone-green .kpi-icon{background:linear-gradient(135deg,#13b978,#54e4a0)}.tone-gold .kpi-icon{background:linear-gradient(135deg,#d69b28,#f3cf63)}.kpi-trend{float:right;color:#18c982;font-size:12px}.dashboard-grid-top{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-bottom:18px}.dashboard-grid-bottom{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.chart-panel,.pipeline-panel{min-height:360px}.dept-bars{display:flex;flex-direction:column;gap:12px}.dept-row{display:grid;grid-template-columns:150px 1fr 42px;align-items:center;gap:11px}.dept-name b{display:block;font-size:10px}.dept-name span{display:block;color:#a09eb4;font-size:8px;margin-top:3px}.bar-track{height:9px;background:#f0eff7;border-radius:99px;overflow:hidden}.dept-row strong{font-size:9px;color:#6d6a86;text-align:right}.progress-fill{background:linear-gradient(90deg,#6956ff,#16c9d8);box-shadow:0 0 14px rgba(105,86,255,.15)}.pipeline-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 16px}.pipeline-summary>div{padding:11px 13px;border:1px solid #ecebf5;border-radius:14px;background:linear-gradient(145deg,#fbfbff,#f5f6ff)}.pipeline-summary span{display:block;font-size:7px;color:#9997ad;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.pipeline-summary b{display:block;font:800 17px 'Manrope';color:#272443;margin-top:3px}.pipeline-graph{display:flex;flex-direction:column;gap:13px;min-height:188px}.pipeline-stage{padding:2px 0}.pipeline-stage-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}.pipeline-stage-label{display:flex;align-items:center;gap:9px;min-width:0}.pipeline-stage-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#fff;font:800 9px 'Manrope';box-shadow:0 7px 16px rgba(105,86,255,.16)}.pipeline-stage-icon.violet,.pipeline-fill.violet{background:linear-gradient(135deg,#7d65ff,#5a43e8)}.pipeline-stage-icon.blue,.pipeline-fill.blue{background:linear-gradient(135deg,#43b7ff,#2785ef)}.pipeline-stage-icon.green,.pipeline-fill.green{background:linear-gradient(135deg,#32dda0,#12b979)}.pipeline-stage-icon.orange,.pipeline-fill.orange{background:linear-gradient(135deg,#ffba5b,#f18a31)}.pipeline-stage-icon.pink,.pipeline-fill.pink{background:linear-gradient(135deg,#ff78bd,#e64c92)}.pipeline-stage-label b{display:block;font-size:9px;color:#292644;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}.pipeline-stage-label small{display:block;font-size:7px;color:#a09db3;margin-top:2px}.pipeline-stage-metrics{text-align:right;min-width:85px}.pipeline-stage-metrics strong{font:800 12px 'Manrope';display:block;color:#292644}.pipeline-stage-metrics span{font-size:7px;color:#9b98ae;display:block;margin-top:2px}.pipeline-track{height:9px;border-radius:99px;background:#eff0f7;overflow:hidden;box-shadow:inset 0 1px 2px rgba(32,32,59,.03)}.pipeline-fill{display:block;height:100%;width:0;border-radius:99px;box-shadow:0 4px 12px rgba(105,86,255,.18);transition:width 1.1s cubic-bezier(.2,.8,.2,1)}.pipeline-footer{display:flex;justify-content:space-between;gap:10px;padding-top:12px;margin-top:10px;border-top:1px dashed #e8e6f1;color:#9997ad;font-size:7px}.pipeline-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#18c982;box-shadow:0 0 0 4px rgba(24,201,130,.08);margin-right:6px}.status-dot{display:inline-block;width:6px;height:6px;background:#18c982;border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px rgba(24,201,130,.08)}.snapshot{display:flex;align-items:center;gap:18px;padding:9px 0 15px}.snapshot-ring{width:130px;height:130px;border-radius:50%;background:conic-gradient(#6956ff 0 38%,#2bc6ff 38% 68%,#18c982 68% 86%,#ff9d45 86% 100%);display:grid;place-items:center;flex:0 0 130px;box-shadow:0 14px 30px rgba(105,86,255,.13)}.snapshot-ring>div{width:91px;height:91px;border-radius:50%;background:#fff;display:grid;place-items:center;align-content:center}.snapshot-ring b{font:800 26px 'Manrope'}.snapshot-ring span{font-size:8px;color:#9996ae;margin-top:3px}.snapshot-list{flex:1;display:grid;gap:11px}.snapshot-list>div{display:flex;align-items:center;gap:9px}.snap-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:900}.snap-icon.purple{background:#efecff;color:#6956ff}.snap-icon.cyan{background:#e6fbff;color:#0aa9bc}.snap-icon.orange{background:#fff0e4;color:#e47b22}.snapshot-list p{margin:0}.snapshot-list b{font:800 13px 'Manrope'}.snapshot-list small{display:block;color:#9b98b1;font-size:8px;margin-top:2px}.insight-box{display:flex;gap:10px;padding:12px;border-radius:13px;background:linear-gradient(135deg,#f5f2ff,#eefbff);border:1px solid #e9e6fa}.insight-box>span{width:29px;height:29px;border-radius:9px;background:#fff;color:#6956ff;display:grid;place-items:center;box-shadow:var(--soft)}.insight-box b{display:block;font-size:9px}.insight-box small{display:block;color:#88859f;font-size:8px;line-height:1.5;margin-top:3px}.empty-state{padding:35px;text-align:center;color:#aaa7bd;font-size:10px}
@media(max-width:1200px){.dashboard-cards{grid-template-columns:repeat(2,1fr)}.dashboard-grid-top,.dashboard-grid-bottom{grid-template-columns:1fr}}
@media(max-width:720px){.dashboard-hero{align-items:stretch;flex-direction:column}.hero-actions{width:100%}.hero-actions .btn{flex:1}.dashboard-cards{grid-template-columns:1fr}.dept-row{grid-template-columns:110px 1fr 35px}.snapshot{align-items:flex-start}.snapshot-ring{width:100px;height:100px;flex-basis:100px}.snapshot-ring>div{width:70px;height:70px}.snapshot-ring b{font-size:19px}}

/* =========================================================
   FLS ERP FINAL PREMIUM UI LAYER
   ========================================================= */
:root{
 --nav-width:250px; --nav-rail:82px;
 --bg:#f5f6fb; --card:#ffffff; --ink:#171a2b; --muted:#7d8199;
 --line:#e9eaf2; --shadow:0 20px 55px rgba(35,39,76,.08);
 --nav:#080a10; --nav-2:#10131b; --accent:#6c55ff; --accent2:#2aa7ff;
 --success:#13c98a; --warning:#ffab42; --danger:#ff5d73;
}
body{background:
 radial-gradient(circle at 78% -10%,rgba(108,85,255,.12),transparent 28%),
 radial-gradient(circle at 15% 95%,rgba(42,167,255,.07),transparent 25%),var(--bg);
 color:var(--ink);transition:background .35s,color .35s}
.sidebar{width:var(--nav-width);background:linear-gradient(180deg,#07090e 0%,#0d1017 55%,#080a0f 100%);border-right:1px solid rgba(255,255,255,.06)}
.brand{height:76px;padding:12px 14px;background:rgba(7,9,14,.92)}
.brand-mark{width:48px;height:48px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.brand-copy b{font-size:13px}.brand-copy small{font-size:8px;color:#777d91}
.sidebar-toggle{background:#151922;color:#dfe3f0;width:32px;height:32px;border-radius:10px}
.sidebar-search{margin:13px 12px;padding:11px 12px;background:#11151e;border:1px solid #1e2330;border-radius:14px}
.sidebar-nav{padding:3px 10px 20px}
.nav-home,.nav-link{font-size:10.5px;border-radius:13px;min-height:40px;padding:9px 11px;gap:12px}
.nav-home{margin-bottom:9px;background:#10131b}
.nav-home.active,.nav-link.active{background:linear-gradient(135deg,#6d56ff,#5540d8);box-shadow:0 12px 30px rgba(108,85,255,.28)}
.nav-svg{width:20px;height:20px;stroke-width:1.65}
.nav-group{margin:4px 0}
.nav-group-head{min-height:42px;padding:8px 10px;color:#8b91a6;border-radius:12px;font-size:8px;letter-spacing:.12em}
.nav-group-head:hover{background:#10141d;color:#fff}
.nav-group-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#151922;color:#c5cad9;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.nav-group-icon .nav-svg{width:18px;height:18px}
.nav-group-label{flex:1}
.nav-chevron{font-size:13px;color:#697083}
.nav-sub{padding-left:8px}
.nav-link{margin:2px 0;color:#aeb4c5}
.service-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:11px;background:#12161f;color:#d8dce7;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 5px 12px rgba(0,0,0,.18)}
.nav-link:hover .service-icon{color:#fff;background:linear-gradient(145deg,#26213f,#151821);transform:translateY(-1px)}
.nav-link.active .service-icon{background:rgba(255,255,255,.18);color:#fff}
.nav-link span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-bottom{padding:10px 12px 14px;border-top:1px solid #191d27}
.side-status{background:#0f1714;border:1px solid #17352b}
.side-version{font-size:8px;color:#666d80}
.main-shell{margin-left:var(--nav-width);width:calc(100% - var(--nav-width));transition:margin .28s,width .28s}
.topbar{height:72px;padding:0 26px;background:rgba(255,255,255,.76)}
.theme-toggle{height:38px;border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:12px;display:flex;align-items:center;gap:7px;padding:0 10px;font-size:9px;font-weight:800;cursor:pointer;box-shadow:var(--soft)}
.theme-toggle .nav-svg{width:16px;height:16px}.theme-label{min-width:26px}
.content-area{padding:26px 28px 34px;max-width:1800px;margin:auto}
.content-area h1{font-size:29px}.sub{font-size:11px}
.dashboard-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}
.dashboard-hero h1{font-size:31px;margin:9px 0 0}
.eyebrow{font-size:8px;letter-spacing:.14em;color:#7b7f95;font-weight:900;display:flex;align-items:center;gap:8px}
.pulse-dot{width:8px;height:8px;border-radius:50%;background:#14d493;box-shadow:0 0 0 5px rgba(20,212,147,.1),0 0 18px rgba(20,212,147,.65)}
.hero-actions{display:flex;gap:9px}
.cards{gap:14px}.card{border-radius:21px;padding:19px;min-height:154px;box-shadow:0 16px 45px rgba(44,43,83,.07)}
.kpi-card{border-top:2px solid rgba(108,85,255,.15)}
.kpi-card:hover{transform:translateY(-5px) scale(1.008)}
.kpi-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}
.kpi-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#6f5cff,#4d38d8);box-shadow:0 10px 22px rgba(108,85,255,.3);font-size:16px}
.kpi-live{font-size:7px;padding:4px 7px;border-radius:99px;background:#f1f5ff;color:#8490b2;border:1px solid #e6eafa}
.tone-blue .kpi-icon{background:linear-gradient(145deg,#38b5ff,#2475ff)}.tone-cyan .kpi-icon{background:linear-gradient(145deg,#21d7d5,#16a9d8)}
.tone-red .kpi-icon{background:linear-gradient(145deg,#ff7185,#ed3d5e)}.tone-orange .kpi-icon{background:linear-gradient(145deg,#ffb54e,#ff8736)}
.tone-pink .kpi-icon{background:linear-gradient(145deg,#ff76bd,#ed4b96)}.tone-green .kpi-icon{background:linear-gradient(145deg,#2be39a,#0dbb7b)}
.tone-gold .kpi-icon{background:linear-gradient(145deg,#ffd85c,#e5a91c)}
.kpi-card .value{font-size:29px}.kpi-trend{float:right;color:#16bf83;font-size:13px}
.dashboard-grid-top{display:grid;grid-template-columns:1.55fr .85fr;gap:18px;margin-bottom:18px}
.dashboard-grid-bottom{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}
.panel{border-radius:21px;padding:20px;box-shadow:0 15px 45px rgba(44,43,83,.055)}
.panel-kicker{font-size:7px;color:#999db0;letter-spacing:.16em;font-weight:900;margin-bottom:4px}
.panel h3{font-size:15px}.dept-row{display:grid;grid-template-columns:145px 1fr 42px;align-items:center;gap:12px;margin:14px 0}
.dept-name b{display:block;font-size:10px}.dept-name span{display:block;font-size:8px;color:#9da1b2;margin-top:3px}
.bar-track{height:9px;border-radius:99px;background:#eeeff6;overflow:hidden}
.progress-fill{background:linear-gradient(90deg,#6d56ff,#3aa9ff,#14d493);box-shadow:0 2px 10px rgba(71,117,255,.2)}
.dept-row strong{font-size:9px;color:#6e6f84;text-align:right}
.pipeline-chart{min-height:235px;display:flex;align-items:flex-end;justify-content:space-around;gap:14px;padding:20px 8px 4px}
.pipe-col{height:210px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:48px}
.pipe-value{font-size:10px;font-weight:900;margin-bottom:7px}.pipe-bar{width:34px;border-radius:12px 12px 7px 7px;background:linear-gradient(180deg,#7d69ff,#3c8dff);box-shadow:0 12px 22px rgba(90,85,220,.2);position:relative;overflow:hidden}.pipe-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.5),transparent 38%);transform:translateX(-100%);animation:shine 2.8s infinite}
.pipe-col span{font-size:8px;color:#9297aa;margin-top:8px;max-width:70px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes shine{50%,100%{transform:translateX(130%)}}
.snapshot{display:grid;grid-template-columns:145px 1fr;gap:18px;align-items:center}
.snapshot-ring{width:135px;height:135px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#6d56ff 0 32%,#2ca7ff 32% 62%,#18d08c 62% 82%,#ffad43 82% 100%);box-shadow:0 15px 30px rgba(78,73,180,.18);position:relative}
.snapshot-ring:after{content:"";position:absolute;width:101px;height:101px;border-radius:50%;background:var(--card)}
.snapshot-ring div{position:relative;z-index:1;text-align:center}.snapshot-ring b{display:block;font-size:26px}.snapshot-ring span{font-size:8px;color:#9498aa}
.snapshot-list>div{display:flex;gap:10px;align-items:center;margin:12px 0}.snap-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#eeeaff;color:#6d56ff}.snap-icon.cyan{background:#e5faff;color:#1ba7cf}.snap-icon.orange{background:#fff2e5;color:#ec9a37}
.snapshot-list p{margin:0}.snapshot-list b{display:block;font-size:14px}.snapshot-list small{font-size:8px;color:#999daf}
.insight-box{display:flex;gap:10px;align-items:flex-start;padding:12px;margin-top:15px;border-radius:14px;background:linear-gradient(135deg,#f5f1ff,#edf8ff);border:1px solid #e8e3ff}.insight-box>span{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:#fff;color:#6d56ff;box-shadow:0 6px 15px rgba(70,50,170,.1)}.insight-box b{display:block;font-size:9px}.insight-box small{display:block;font-size:8px;color:#888da2;line-height:1.5;margin-top:3px}
.empty-state{padding:30px 15px;text-align:center;color:#9a9eae;font-size:10px}
.avatar{border-radius:50%}.top-user{padding:5px 8px 5px 5px;border-radius:14px}.top-user:hover{background:#f4f3fb}
.btn,.quick-btn{border-radius:13px}.btn{padding:10px 15px}
.app-footer{padding:24px 4px}

/* collapsed premium icon rail: category/service icons remain visible, labels disappear */
.sidebar-collapsed .sidebar{width:var(--nav-rail)}
.sidebar-collapsed .main-shell{margin-left:var(--nav-rail);width:calc(100% - var(--nav-rail))}
.sidebar-collapsed .brand{justify-content:center;padding:12px 9px}.sidebar-collapsed .brand-mark{width:48px}.sidebar-collapsed .brand-copy,.sidebar-collapsed .sidebar-search,.sidebar-collapsed .nav-home span,.sidebar-collapsed .nav-group-label,.sidebar-collapsed .nav-chevron,.sidebar-collapsed .side-status div,.sidebar-collapsed .side-version{display:none}
.sidebar-collapsed .sidebar-toggle{display:grid;place-items:center;margin-left:0}.sidebar-collapsed .nav-home,.sidebar-collapsed .nav-group-head{justify-content:center}.sidebar-collapsed .nav-home{background:transparent;padding:8px}.sidebar-collapsed .nav-home .nav-svg{width:22px;height:22px}
.sidebar-collapsed .nav-group-head{height:48px;padding:5px}.sidebar-collapsed .nav-group-icon{width:38px;height:38px;border-radius:13px;background:#11151e}.sidebar-collapsed .nav-group.open .nav-group-icon{background:linear-gradient(145deg,#6d56ff,#3d2bb0);color:#fff;box-shadow:0 10px 20px rgba(108,85,255,.24)}
.sidebar-collapsed .nav-group.open .nav-sub{display:grid;grid-template-rows:1fr;opacity:1;padding:0}.sidebar-collapsed .nav-group:not(.open) .nav-sub{display:none}
.sidebar-collapsed .nav-link{justify-content:center;padding:6px}.sidebar-collapsed .nav-link>span:last-child{display:none}.sidebar-collapsed .service-icon{width:42px;height:42px;border-radius:14px}.sidebar-collapsed .service-icon .nav-svg{width:21px;height:21px}
.sidebar-collapsed .sidebar-bottom{padding:10px 8px}.sidebar-collapsed .side-status{justify-content:center;padding:11px}.sidebar-collapsed .side-status>span{width:9px;height:9px}

/* Dark / Night view */
body[data-theme="dark"]{--bg:#0a0d14;--card:#11151e;--ink:#eef1f8;--muted:#8f96aa;--line:#222733;--shadow:0 22px 60px rgba(0,0,0,.3);background:radial-gradient(circle at 75% -10%,rgba(108,85,255,.18),transparent 28%),#0a0d14}
body[data-theme="dark"] .topbar{background:rgba(10,13,20,.8);border-color:#202530}body[data-theme="dark"] .top-icon,body[data-theme="dark"] .theme-toggle,body[data-theme="dark"] .logout-pill{background:#11151e;border-color:#242a36;color:#dfe3ed}body[data-theme="dark"] .top-user:hover{background:#171c27}
body[data-theme="dark"] .card,body[data-theme="dark"] .panel{background:linear-gradient(145deg,#11151e,#0f131b);border-color:#222733;color:#eef1f8}
body[data-theme="dark"] .card .label,body[data-theme="dark"] .card .meta,body[data-theme="dark"] .sub,body[data-theme="dark"] .dept-name span,body[data-theme="dark"] .pipe-col span,body[data-theme="dark"] .snapshot-ring span,body[data-theme="dark"] .snapshot-list small{color:#858c9f}
body[data-theme="dark"] table{background:#11151e}body[data-theme="dark"] th{background:#151a24;color:#858c9f}body[data-theme="dark"] td{border-color:#202530}body[data-theme="dark"] tr:hover td{background:#151a24}
body[data-theme="dark"] .field input,body[data-theme="dark"] .field select,body[data-theme="dark"] .field textarea,body[data-theme="dark"] .search{background:#0d1118;color:#edf0f7;border-color:#282e3a}
body[data-theme="dark"] .bar-track{background:#202530}body[data-theme="dark"] .badge.blue{background:#132a46}body[data-theme="dark"] .badge.green{background:#102c23}
body[data-theme="dark"] .snapshot-ring:after{background:#11151e}body[data-theme="dark"] .insight-box{background:linear-gradient(135deg,#17142c,#10202b);border-color:#29263e}
body[data-theme="dark"] .quick-btn{box-shadow:0 10px 30px rgba(108,85,255,.28)}
body[data-theme="dark"] .panel:after{background:rgba(108,85,255,.09)}
@media(max-width:1200px){:root{--nav-width:238px}.content-area{padding:22px}.dashboard-grid-top,.dashboard-grid-bottom{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){:root{--nav-width:250px}.sidebar{transform:translateX(-100%)}.sidebar.mobile-open{transform:translateX(0)}.main-shell{margin-left:0;width:100%}.mobile-menu{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink)}.dashboard-hero{align-items:flex-start;flex-direction:column}.hero-actions{width:100%}.cards{grid-template-columns:1fr 1fr}.top-user-copy,.logout-pill{display:none}.theme-label{display:none}.sidebar-collapsed .sidebar{width:250px;transform:translateX(-100%)}.sidebar-collapsed .sidebar.mobile-open{transform:translateX(0)}.sidebar-collapsed .main-shell{margin-left:0;width:100%}.sidebar-collapsed .brand-copy,.sidebar-collapsed .sidebar-search,.sidebar-collapsed .nav-home span,.sidebar-collapsed .nav-group-label,.sidebar-collapsed .nav-chevron{display:block}.sidebar-collapsed .sidebar-toggle{display:grid}.sidebar-collapsed .nav-group-head{justify-content:space-between}.sidebar-collapsed .nav-link>span:last-child{display:block}.sidebar-collapsed .service-icon{width:34px;height:34px}.sidebar-collapsed .nav-sub{padding-left:8px}.sidebar-collapsed .nav-group.open .nav-sub{display:grid}}
@media(max-width:620px){.content-area{padding:18px 14px}.cards{grid-template-columns:1fr}.dashboard-hero h1{font-size:25px}.topbar{padding:0 14px}.top-actions{gap:5px}.quick-btn{padding:9px}.dept-row{grid-template-columns:100px 1fr 32px}.snapshot{grid-template-columns:1fr}.snapshot-ring{margin:auto}}

.whatsapp-btn{background:linear-gradient(135deg,#19c77a,#0cae68)!important;color:#fff!important;box-shadow:0 8px 18px rgba(18,190,110,.2)!important;padding:8px 10px!important;font-size:9px!important}
.whatsapp-btn .nav-svg{width:15px;height:15px}
.whatsapp-btn:hover{box-shadow:0 12px 24px rgba(18,190,110,.3)!important}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

/* ========================= FLS ERP V5 NAVIGATION ========================= */
:root{--nav-width:286px;--nav-rail:84px}
.sidebar{width:var(--nav-width);background:linear-gradient(180deg,#07090f 0%,#0b0e15 48%,#080a10 100%);border-right:1px solid rgba(255,255,255,.07);overflow-y:auto;overflow-x:hidden}
.sidebar-nav{padding:5px 12px 28px}
.nav-home,.nav-link{font-size:11px;min-height:42px;padding:8px 10px;gap:12px;border-radius:13px}
.nav-home{margin:0 0 10px;background:#10131b}
.nav-home .nav-svg{width:21px;height:21px}
.nav-group{margin:0 0 8px}
.nav-group-head{min-height:44px;padding:7px 9px;border-radius:13px;color:#8f95a9;font-size:9px;letter-spacing:.13em;gap:9px;transition:background .22s,color .22s,box-shadow .22s,transform .22s}
.nav-group-head:hover{background:#10151f;color:#fff;transform:translateX(1px)}
.nav-group-icon{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;border-radius:10px;background:#121722;color:#dce2ee;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 7px 16px rgba(0,0,0,.22)}
.nav-group-icon .nav-svg{width:18px;height:18px}
.nav-group-label{flex:1;color:inherit}
.nav-chevron{font-size:14px;line-height:1;color:#737a8f}
/* Closed groups occupy only their heading height: no phantom vertical gap. */
.nav-sub{display:none;grid-template-rows:none;opacity:1;padding:0 0 0 8px}
.nav-group.open .nav-sub{display:block;grid-template-rows:none;opacity:1}
.nav-sub>*{overflow:visible}
.nav-link{margin:3px 0;color:#aeb5c7;font-weight:600}
.nav-link .service-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px}
.nav-link .service-icon .nav-svg{width:20px;height:20px}
.nav-link:hover{background:rgba(106,86,255,.10);color:#fff;transform:translateX(3px)}
.nav-link.active{background:linear-gradient(100deg,#6d56ff,#4f3dd3);color:#fff;box-shadow:0 12px 28px rgba(91,70,235,.28)}
.nav-link.active .service-icon{background:rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 7px 16px rgba(0,0,0,.16)}
.nav-group.is-active .nav-group-head{color:#fff;background:linear-gradient(100deg,rgba(105,86,255,.26),rgba(52,75,155,.18));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 20px rgba(50,55,110,.12)}
.nav-group.is-active .nav-group-icon{color:#fff;background:linear-gradient(145deg,#765cff,#3b72ff);box-shadow:0 8px 20px rgba(86,77,235,.28)}
.nav-group.open:not(.is-active) .nav-group-head{background:rgba(255,255,255,.035);color:#e8ebf4}
/* Unique service colors: real module icon remains visible, not a generic dropdown icon. */
.nav-group[data-group="crm"] .nav-link:nth-child(1) .service-icon{background:linear-gradient(145deg,#7d5cff,#3c8dff);color:#fff}
.nav-group[data-group="crm"] .nav-link:nth-child(2) .service-icon{background:linear-gradient(145deg,#19c88a,#10a86f);color:#fff}
.nav-group[data-group="crm"] .nav-link:nth-child(3) .service-icon{background:linear-gradient(145deg,#ff9d45,#ef6d32);color:#fff}
.nav-group[data-group="crm"] .nav-link:nth-child(4) .service-icon{background:linear-gradient(145deg,#ff5fa5,#e33c7e);color:#fff}
.nav-group[data-group="projects"] .nav-link:nth-child(1) .service-icon{background:linear-gradient(145deg,#775bff,#4b7cff);color:#fff}
.nav-group[data-group="projects"] .nav-link:nth-child(2) .service-icon{background:linear-gradient(145deg,#1ccf92,#10a96f);color:#fff}
.nav-group[data-group="projects"] .nav-link:nth-child(3) .service-icon{background:linear-gradient(145deg,#25bfff,#2384ff);color:#fff}
.nav-group[data-group="projects"] .nav-link:nth-child(4) .service-icon{background:linear-gradient(145deg,#b36aff,#7950e9);color:#fff}
.nav-group[data-group="projects"] .nav-link:nth-child(5) .service-icon{background:linear-gradient(145deg,#3a9dff,#266bdc);color:#fff}
.nav-group[data-group="projects"] .nav-link:nth-child(6) .service-icon{background:linear-gradient(145deg,#ff8d5d,#ec5c38);color:#fff}
.nav-group[data-group="projects"] .nav-link:nth-child(7) .service-icon{background:linear-gradient(145deg,#ffbf4d,#e89918);color:#fff}
.nav-group[data-group="purchase"] .nav-link:nth-child(1) .service-icon{background:linear-gradient(145deg,#ff5f92,#e43c69);color:#fff}
.nav-group[data-group="purchase"] .nav-link:nth-child(2) .service-icon{background:linear-gradient(145deg,#25b8ff,#167fe6);color:#fff}
.nav-group[data-group="purchase"] .nav-link:nth-child(3) .service-icon{background:linear-gradient(145deg,#ff816e,#e84e43);color:#fff}
.nav-group[data-group="purchase"] .nav-link:nth-child(4) .service-icon{background:linear-gradient(145deg,#f8b83e,#dc8b15);color:#fff}
.nav-group[data-group="finance"] .nav-link:nth-child(1) .service-icon{background:linear-gradient(145deg,#f8be39,#dc9516);color:#fff}
.nav-group[data-group="finance"] .nav-link:nth-child(2) .service-icon{background:linear-gradient(145deg,#ff6e7c,#e63f55);color:#fff}
.nav-group[data-group="finance"] .nav-link:nth-child(3) .service-icon{background:linear-gradient(145deg,#39b7ff,#267fe2);color:#fff}
.nav-group[data-group="finance"] .nav-link:nth-child(4) .service-icon{background:linear-gradient(145deg,#8a70ff,#5a4ad8);color:#fff}
.nav-group[data-group="finance"] .nav-link:nth-child(5) .service-icon{background:linear-gradient(145deg,#22c9aa,#109a81);color:#fff}
.nav-group[data-group="finance"] .nav-link:nth-child(6) .service-icon{background:linear-gradient(145deg,#7e9dff,#5268df);color:#fff}
.nav-group[data-group="admin"] .nav-link:nth-child(1) .service-icon{background:linear-gradient(145deg,#6477ff,#4354c9);color:#fff}
.nav-group[data-group="admin"] .nav-link:nth-child(2) .service-icon{background:linear-gradient(145deg,#66718a,#3e485d);color:#fff}
.nav-group[data-group="admin"] .nav-link:nth-child(3) .service-icon{background:linear-gradient(145deg,#21bd8b,#128e69);color:#fff}
.nav-group[data-group="admin"] .nav-link:nth-child(4) .service-icon{background:linear-gradient(145deg,#29a9e8,#2378c2);color:#fff}
.nav-group[data-group="admin"] .nav-link:nth-child(5) .service-icon{background:linear-gradient(145deg,#a67bff,#6d52db);color:#fff}
.nav-group[data-group="admin"] .nav-link:nth-child(6) .service-icon{background:linear-gradient(145deg,#ff8e63,#df5b3d);color:#fff}
.nav-group[data-group="admin"] .nav-link:nth-child(7) .service-icon{background:linear-gradient(145deg,#38c8aa,#188e7a);color:#fff}
.nav-group[data-group="admin"] .nav-link:nth-child(8) .service-icon{background:linear-gradient(145deg,#9aa5bb,#626d83);color:#fff}
.nav-group[data-group="crm"] .nav-group-icon{background:linear-gradient(145deg,#7d5cff,#3c8dff);color:#fff}
.nav-group[data-group="projects"] .nav-group-icon{background:linear-gradient(145deg,#775bff,#4b7cff);color:#fff}
.nav-group[data-group="purchase"] .nav-group-icon{background:linear-gradient(145deg,#ff5f92,#e43c69);color:#fff}
.nav-group[data-group="finance"] .nav-group-icon{background:linear-gradient(145deg,#f8be39,#dc9516);color:#fff}
.nav-group[data-group="admin"] .nav-group-icon{background:linear-gradient(145deg,#66718a,#3e485d);color:#fff}
.sidebar-bottom{padding:10px 14px 16px;margin-top:4px}
.side-status{border:1px solid rgba(255,255,255,.05)}
/* V5 default is expanded even if V4 left a collapsed flag in localStorage. */
body.v5-expanded .sidebar{width:var(--nav-width)}
body.v5-expanded .main-shell{margin-left:var(--nav-width);width:calc(100% - var(--nav-width))}
@media(max-width:900px){body.v5-expanded .main-shell{margin-left:0;width:100%}.nav-link{min-height:43px}.nav-link .service-icon{width:36px;height:36px;flex-basis:36px}}


/* ========================= V5 PREMIUM REFERENCE UI =========================
   Inspired by the supplied Panze-style reference: soft workspace canvas,
   white surfaces, generous typography, pastel module accents and compact
   navigation. Existing ERP functionality remains unchanged. */
:root{
  --bg:#eef1f3;
  --card:#ffffff;
  --ink:#17191f;
  --ink2:#333842;
  --muted:#7b818b;
  --line:#e4e7ea;
  --purple:#6754e8;
  --purple2:#8a76ff;
  --soft:0 10px 30px rgba(31,39,48,.055);
  --shadow:0 16px 42px rgba(31,39,48,.075);
  --nav-width:276px;
}
body{background:radial-gradient(circle at 78% -10%,rgba(111,91,255,.055),transparent 30%),#eef1f3;color:var(--ink);font-size:13px}
.app-shell{background:#eef1f3}
.sidebar{
  width:var(--nav-width);color:#3d434d;
  background:rgba(250,251,252,.97);
  border-right:1px solid #e2e5e8;
  box-shadow:8px 0 30px rgba(28,35,44,.045);
  scrollbar-width:thin;scrollbar-color:#cbd0d6 transparent;
}
.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#cbd0d6;border-radius:10px}
.brand{height:78px;padding:13px 15px;border-bottom:1px solid #e9ebed;background:rgba(250,251,252,.94)}
.brand-mark{width:44px;height:44px;border-radius:13px;background:#fff;border:1px solid #e4e7ea;box-shadow:0 5px 16px rgba(26,31,38,.07);color:#111}
.brand-copy b{color:#16181d;font-size:14px}.brand-copy small{color:#8b919a;font-size:9px}
.sidebar-toggle{width:31px;height:31px;border:1px solid #dfe3e7;background:#fff;color:#5d6570;border-radius:10px;box-shadow:0 3px 10px rgba(24,29,36,.04)}
.sidebar-search{margin:14px 14px 12px;padding:10px 12px;border-radius:13px;background:#f1f3f5;border:1px solid #e2e5e8;box-shadow:inset 0 1px 1px rgba(0,0,0,.02)}
.sidebar-search span{color:#7d858f}.sidebar-search input{color:#272c34;font-size:11px}.sidebar-search input::placeholder{color:#9298a1}
.sidebar-nav{padding:2px 11px 24px}
.nav-home,.nav-link{color:#626a75;font-size:11px;font-weight:600;min-height:43px;border-radius:12px;transition:all .18s ease}
.nav-home{background:transparent;margin:0 0 10px;padding:8px 11px}
.nav-home:hover,.nav-link:hover{background:#f0f2f5;color:#20252d;transform:translateX(2px)}
.nav-home.active{background:linear-gradient(135deg,#6450ee,#4e7cf3);color:#fff;box-shadow:0 10px 22px rgba(94,78,228,.18)}
.nav-home.active:before,.nav-link.active:before{display:none}
.nav-home .nav-svg{width:20px;height:20px}
.nav-group{margin:0 0 5px}
.nav-group-head{
  min-height:42px;padding:7px 9px;border-radius:12px;color:#7a818b;font-size:9px;letter-spacing:.105em;
}
.nav-group-head:hover{background:#f1f3f5;color:#30353d;transform:none}
.nav-group.is-active .nav-group-head{color:#262b33;background:#f0f2f5;box-shadow:none}
.nav-group.open:not(.is-active) .nav-group-head{background:#f4f5f7;color:#343a43}
.nav-group-icon{width:30px;height:30px;flex-basis:30px;border-radius:9px;background:#fff;color:#69717c;border:1px solid #e4e7ea;box-shadow:0 3px 10px rgba(27,33,40,.04)}
.nav-group-icon .nav-svg{width:17px;height:17px}
.nav-group[data-group="crm"] .nav-group-icon{background:#eaf0ff;color:#5267df;box-shadow:none}
.nav-group[data-group="projects"] .nav-group-icon{background:#eeeaff;color:#6952d8;box-shadow:none}
.nav-group[data-group="purchase"] .nav-group-icon{background:#fff0f5;color:#e55387;box-shadow:none}
.nav-group[data-group="finance"] .nav-group-icon{background:#fff4dd;color:#cf8a16;box-shadow:none}
.nav-group[data-group="admin"] .nav-group-icon{background:#edf0f4;color:#58616e;box-shadow:none}
.nav-chevron{font-size:13px;color:#8e949c}
.nav-sub{padding:0 0 2px 7px}
.nav-link{margin:3px 0;padding:7px 9px;min-height:43px;gap:11px;color:#555d68}
.nav-link .service-icon{width:34px;height:34px;flex-basis:34px;border-radius:10px;box-shadow:0 6px 12px rgba(31,38,46,.07);border:1px solid rgba(255,255,255,.5)}
.nav-link .service-icon .nav-svg{width:18px;height:18px}
.nav-link.active{background:#eef0ff;color:#3f34a9;box-shadow:none;font-weight:800}
.nav-link.active .service-icon{box-shadow:0 7px 15px rgba(50,55,90,.12);transform:scale(1.04)}
.nav-link.active:after{content:'';position:absolute;right:8px;width:5px;height:5px;border-radius:50%;background:#6551ef}
.sidebar-bottom{padding:12px 14px 15px;border-top:1px solid #e9ebed;background:#fafbfc}
.side-status{background:#f1fbf6;border:1px solid #dcefe5}.side-status b{color:#3d5549}.side-status small{color:#89948f}.side-status>span{width:7px;height:7px}
.side-version{color:#9aa0a8;font-size:8px}
.main-shell{margin-left:var(--nav-width);width:calc(100% - var(--nav-width));background:#eef1f3}
.topbar{height:70px;padding:0 28px;background:rgba(255,255,255,.9);border-bottom:1px solid #e4e7ea}
.crumb span{color:#a0a5ac}.crumb b{font-size:18px;color:#252a31}
.top-actions{gap:8px}.global-search{width:260px;height:38px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #e1e4e8;background:#f7f8f9;border-radius:20px;color:#8b919a}
.global-search input{border:0;outline:0;background:transparent;width:100%;font-size:10px;color:#2d333b}.global-search input::placeholder{color:#9ba1a8}
.theme-toggle,.top-icon,.logout-pill{background:#fff;border-color:#e1e4e8;box-shadow:0 3px 12px rgba(28,34,41,.035);color:#606872}
.quick-btn{background:#17191f;box-shadow:0 8px 18px rgba(22,25,30,.13);border-radius:11px}
.quick-btn:hover{background:#2a2e35;box-shadow:0 12px 24px rgba(22,25,30,.16)}
.avatar{border-radius:50%;width:37px;height:37px;box-shadow:none;background:linear-gradient(135deg,#6c56ed,#4e9af5)}
.top-user-copy b{color:#252a31}.top-user-copy small{color:#90969e}
.content-area{padding:24px 28px 30px}
.dashboard-hero{margin-bottom:18px}.dashboard-hero h1{font-size:30px;color:#12151a;letter-spacing:-.035em}.sub{color:#8a919a}
.eyebrow{color:#899099;letter-spacing:.13em}.pulse-dot{box-shadow:0 0 0 5px rgba(35,199,131,.09),0 0 10px rgba(35,199,131,.45)}
.cards{gap:13px}.card,.panel{background:#fff;border:1px solid #e4e7ea;box-shadow:var(--soft);border-radius:17px}
.card{padding:17px}.card:hover{transform:translateY(-3px);box-shadow:0 18px 35px rgba(31,39,48,.08)}
.card:before{background:linear-gradient(135deg,rgba(105,86,255,.07),rgba(36,148,255,.025))}
.card .label{color:#8b929b}.card .value{color:#171a20}.card .meta{color:#9ba1a8}
.kpi-icon{border-radius:10px!important}.kpi-live{background:#f7f8fa;border-color:#e7e9ec;color:#9ba0a7}
.panel{padding:18px}.panel h3{color:#171a20;font-size:14px}.panel-kicker{color:#9aa0a8!important;letter-spacing:.12em}
.badge{background:#f2f3f5;color:#6c737d}.badge.blue{background:#eef5ff;color:#3777c5}.badge.green{background:#eaf9f1;color:#16895e}
.tablewrap{border-color:#e5e7ea}th{background:#fafbfc;color:#9298a0}td{border-color:#eef0f2;color:#4c535c}tr:hover td{background:#fbfcfd}
.dashboard-grid-top{gap:14px}.dashboard-grid-bottom{gap:14px}
.bar-track,.pipeline-track{background:#edf0f3}.progress-fill{background:linear-gradient(90deg,#6551e9,#55b7ef)}
.pipeline-summary>div{background:#f8f9fa;border-color:#e5e7ea}.pipeline-summary b{color:#171a20}.pipeline-stage-label b,.pipeline-stage-metrics strong{color:#252a31}
.pipeline-footer{border-color:#e5e7ea}.insight-box{background:linear-gradient(135deg,#f6f2ff,#f0f9ff);border-color:#e5e7ee}
.field input,.field select,.field textarea,.search{background:#fff;border-color:#dfe3e7;color:#2c3239;border-radius:10px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#a99ef6;box-shadow:0 0 0 3px rgba(103,84,232,.09)}
.btn{border-radius:10px}.btn.secondary{background:#f2f1ff;color:#5b4ad0}.btn.success{background:#eaf9f1}.btn.danger{background:#fff0f2}
.alert{border-radius:12px}
.app-footer{color:#9aa0a8}

/* Login follows the same calm premium workspace language. */
.login{min-height:100vh;background:linear-gradient(135deg,#edf0f2 0%,#f6f7f8 50%,#e9edf0 100%);display:grid;place-items:center;padding:28px}
.login-shell{width:min(1040px,100%);min-height:620px;background:#fff;border:1px solid #e0e4e8;border-radius:26px;overflow:hidden;box-shadow:0 30px 80px rgba(31,39,48,.12);display:grid;grid-template-columns:1.05fr .95fr}
.login-hero{background:linear-gradient(145deg,#171a20,#252a32);padding:55px;color:#fff;position:relative;overflow:hidden}
.login-hero:after{content:'';position:absolute;width:340px;height:340px;border-radius:50%;right:-120px;bottom:-150px;background:radial-gradient(circle,rgba(105,86,255,.42),transparent 68%)}
.hero-logo{width:68px;height:68px;border-radius:18px;background:#fff;color:#15171c;display:grid;place-items:center;overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.2)}.hero-logo img{width:100%;height:100%;object-fit:contain}
.login-hero h1{font:800 42px 'Manrope';letter-spacing:-.045em;line-height:1.08;margin:25px 0 15px}.login-hero p{color:#aeb5bf;font-size:13px;line-height:1.7;max-width:470px}
.login-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:32px;position:relative;z-index:1}.login-feature{padding:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);border-radius:13px}.login-feature b{display:block;font-size:11px}.login-feature span{display:block;color:#969faa;font-size:9px;line-height:1.5;margin-top:4px}
.login-form{padding:58px 54px;background:#fff}.loginbrand{display:flex;align-items:center;gap:12px}.logo-box{width:48px;height:48px;border-radius:13px;background:#f2f3f5;border:1px solid #e2e5e8;display:grid;place-items:center;overflow:hidden}.logo-box img{width:100%;height:100%;object-fit:contain}.login-form h2{font:800 29px 'Manrope';margin:54px 0 6px;color:#16191e}.hint{color:#8d949d;font-size:11px;margin-bottom:25px}.login-submit{width:100%;height:48px;font-size:12px;background:#17191f;box-shadow:0 12px 22px rgba(22,25,30,.13)}.login-submit:hover{background:#2b3037}.login-foot{margin-top:34px;color:#a0a6ad;font-size:8px}

@media(max-width:1100px){.global-search{width:190px}.login-shell{grid-template-columns:1fr}.login-hero{display:none}.login-form{padding:48px}}
@media(max-width:900px){:root{--nav-width:276px}.sidebar{transform:translateX(-100%);box-shadow:20px 0 45px rgba(31,39,48,.16)}.sidebar.mobile-open{transform:translateX(0)}.main-shell{margin-left:0;width:100%}.global-search{display:none}.topbar{padding:0 16px}.content-area{padding:20px 16px}.sidebar-collapsed .sidebar{width:276px;transform:translateX(-100%)}.sidebar-collapsed .sidebar.mobile-open{transform:translateX(0)}}
@media(max-width:620px){.cards{grid-template-columns:1fr}.dashboard-hero h1{font-size:25px}.top-actions{gap:5px}.login{padding:12px}.login-form{padding:35px 25px}.login-form h2{margin-top:38px}}

body[data-theme="dark"]{--bg:#0f1217;--card:#171b21;--ink:#eef1f5;--ink2:#d9dde4;--muted:#969da7;--line:#262c34;background:#0f1217}
body[data-theme="dark"] .app-shell,body[data-theme="dark"] .main-shell{background:#0f1217}
body[data-theme="dark"] .sidebar{background:#0b0e13;border-color:#20252c;color:#dce1e8}
body[data-theme="dark"] .brand{background:#0b0e13;border-color:#20252c}.brand-copy b{color:inherit}
body[data-theme="dark"] .sidebar-search{background:#151a21;border-color:#252b33}.sidebar-search input{color:#fff}
body[data-theme="dark"] .nav-group-head{color:#8f97a2}.nav-link{color:#b9c0ca}.nav-home:hover,.nav-link:hover,.nav-group-head:hover{background:#171c23;color:#fff}
body[data-theme="dark"] .nav-group.is-active .nav-group-head{background:#171c23;color:#fff}.sidebar-bottom{background:#0b0e13;border-color:#20252c}
body[data-theme="dark"] .topbar{background:rgba(15,18,23,.92);border-color:#252b33}.crumb b,body[data-theme="dark"] .card .value,body[data-theme="dark"] .panel h3{color:#f0f2f5}
body[data-theme="dark"] .global-search,body[data-theme="dark"] .top-icon,body[data-theme="dark"] .theme-toggle,body[data-theme="dark"] .logout-pill{background:#171b21;border-color:#292f37;color:#dfe3e9}
body[data-theme="dark"] .card,body[data-theme="dark"] .panel{background:#171b21;border-color:#292f37;box-shadow:0 18px 45px rgba(0,0,0,.18)}
body[data-theme="dark"] .pipeline-summary>div,body[data-theme="dark"] th{background:#14181e;border-color:#292f37}.pipeline-summary b{color:inherit}
body[data-theme="dark"] td{color:#c4cad2;border-color:#252b33}.field input,.field select,.field textarea{background:#11151a;color:#eef1f5;border-color:#2b3139}
body[data-theme="dark"] .login{background:#0f1217}.login-shell{background:#171b21;border-color:#292f37}.login-form{background:#171b21}.login-form h2{color:#f0f2f5}

/* ==================== FLS ERP V5 FINAL UI SYSTEM ====================
   Premium reference-led visual pass: dark service rail + soft workspace,
   high-contrast typography, colorful service tiles, compact navigation. */
:root{
  --final-sidebar:258px;
  --final-bg:#f1f3f4;
  --final-card:#ffffff;
  --final-ink:#17191d;
  --final-muted:#7b8189;
  --final-line:#e3e6e8;
  --final-black:#0b0d11;
  --final-black2:#11141a;
  --final-radius:18px;
  --final-shadow:0 12px 34px rgba(20,26,34,.065);
}
html,body{min-height:100%;}
body{background:var(--final-bg);color:var(--final-ink);font-family:'Manrope','DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.005em}
.app-shell{background:var(--final-bg)}
.sidebar{width:var(--final-sidebar)!important;background:linear-gradient(180deg,#080a0f 0%,#0d1016 45%,#090b10 100%)!important;border-right:1px solid #1c2027!important;box-shadow:12px 0 34px rgba(8,11,16,.14)!important;color:#dfe3eb;overflow-y:auto;overflow-x:hidden}
.brand{height:76px!important;padding:12px 13px!important;background:rgba(8,10,15,.94)!important;border-bottom:1px solid #1d2128!important}
.brand-mark{width:45px!important;height:45px!important;border-radius:14px!important;background:#fff!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 7px 20px rgba(0,0,0,.26)!important}
.brand-mark img{object-fit:contain!important}
.brand-copy b{font-size:14px!important;color:#fff!important;letter-spacing:-.025em}.brand-copy small{font-size:8px!important;color:#7f8794!important}
.sidebar-toggle{background:#171b22!important;border:1px solid #2a3039!important;color:#e6e9ef!important;width:32px!important;height:32px!important;border-radius:10px!important}
.sidebar-search{margin:13px 12px!important;height:42px;padding:0 12px!important;background:#12161e!important;border:1px solid #242a33!important;border-radius:13px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
.sidebar-search span{color:#7f8794!important;font-size:16px!important}.sidebar-search input{font-size:10px!important;color:#f5f7fa!important}.sidebar-search input::placeholder{color:#6e7683!important}
.sidebar-nav{padding:3px 10px 22px!important}
.nav-home,.nav-link{font-family:'Manrope','DM Sans',sans-serif!important}
.nav-home{height:43px!important;padding:7px 10px!important;margin:0 0 11px!important;border-radius:12px!important;font-size:10px!important;color:#c8ced8!important}
.nav-home .nav-svg{width:19px!important;height:19px!important}.nav-home.active{background:linear-gradient(135deg,#6e56f4,#4b78f2)!important;color:#fff!important;box-shadow:0 9px 22px rgba(89,78,221,.32)!important}
.nav-group{margin:0 0 5px!important;padding:0!important}
.nav-group-head{height:39px!important;min-height:39px!important;padding:5px 7px!important;border-radius:11px!important;color:#858d9b!important;font-size:9px!important;font-weight:800!important;letter-spacing:.115em!important;background:transparent!important}
.nav-group-head:hover{background:#12161e!important;color:#fff!important}
.nav-group.is-active .nav-group-head{background:linear-gradient(90deg,rgba(111,86,244,.17),rgba(111,86,244,.035))!important;color:#fff!important;box-shadow:inset 3px 0 0 #7a62ff!important}
.nav-group-icon{width:31px!important;height:31px!important;flex:0 0 31px!important;border-radius:10px!important;background:#151a22!important;border:1px solid #252c36!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 6px 13px rgba(0,0,0,.2)!important}
.nav-group-icon .nav-svg{width:17px!important;height:17px!important}.nav-group-label{padding-left:2px!important}.nav-chevron{font-size:12px!important;color:#707987!important}
.nav-sub{padding:1px 0 4px 7px!important}
.nav-link{min-height:47px!important;margin:3px 0!important;padding:5px 8px!important;gap:10px!important;border-radius:13px!important;color:#aeb5c0!important;font-size:10px!important;font-weight:650!important}
.nav-link .service-icon{width:39px!important;height:39px!important;flex:0 0 39px!important;border-radius:12px!important;box-shadow:0 7px 16px rgba(0,0,0,.2)!important;border:1px solid rgba(255,255,255,.1)!important}
.nav-link .service-icon .nav-svg{width:20px!important;height:20px!important;stroke-width:1.85!important}
.nav-link:hover{background:#12161e!important;color:#fff!important;transform:translateX(2px)!important}
.nav-link.active{background:linear-gradient(90deg,rgba(103,82,234,.26),rgba(103,82,234,.08))!important;color:#fff!important;box-shadow:inset 3px 0 0 #7b62ff,0 8px 20px rgba(0,0,0,.11)!important;font-weight:800!important}
.nav-link.active .service-icon{transform:scale(1.045)!important;box-shadow:0 9px 19px rgba(0,0,0,.26)!important}.nav-link.active:after{right:7px!important;width:5px!important;height:5px!important;background:#8c78ff!important;box-shadow:0 0 10px #8c78ff!important}
.sidebar-bottom{padding:12px 12px 15px!important;border-top:1px solid #1b2028!important;background:#090b10!important}.side-status{background:#111a17!important;border-color:#1e342c!important}.side-status b{font-size:9px!important;color:#cbd7d1!important}.side-status small{font-size:8px!important;color:#68766f!important}.side-version{font-size:8px!important;color:#555e6a!important}
.main-shell{margin-left:var(--final-sidebar)!important;width:calc(100% - var(--final-sidebar))!important;background:var(--final-bg)!important}
.topbar{height:72px!important;padding:0 26px!important;background:rgba(255,255,255,.92)!important;border-bottom:1px solid #e0e4e7!important;box-shadow:0 1px 0 rgba(255,255,255,.8)!important}
.crumb span{font-size:8px!important;color:#9aa1a9!important;letter-spacing:.12em!important}.crumb b{font-size:17px!important;color:#1a1d22!important;letter-spacing:-.035em!important}
.top-actions{gap:9px!important}.global-search{width:255px!important;height:39px!important;background:#f6f7f8!important;border:1px solid #e1e4e7!important;border-radius:20px!important}.global-search input{font-size:10px!important}.theme-toggle,.top-icon,.logout-pill{height:39px!important;background:#fff!important;border:1px solid #e0e4e7!important;border-radius:12px!important;box-shadow:0 4px 14px rgba(20,26,34,.035)!important}.theme-toggle{padding:0 11px!important}.quick-btn{height:39px!important;padding:0 14px!important;border-radius:12px!important;background:#17191d!important;box-shadow:0 8px 18px rgba(23,25,29,.14)!important}.avatar{width:39px!important;height:39px!important;border-radius:50%!important}.top-user-copy b{font-size:9px!important;color:#272b31!important}.top-user-copy small{font-size:7px!important;color:#9299a1!important}
.content-area{padding:26px 28px 34px!important;max-width:1700px;margin:0 auto}
.dashboard-hero{margin-bottom:20px!important}.dashboard-hero h1{font-size:30px!important;line-height:1.12!important;color:#111419!important;letter-spacing:-.045em!important}.dashboard-hero .sub{font-size:10px!important;color:#8c939c!important}.eyebrow{font-size:8px!important;color:#858d97!important;letter-spacing:.15em!important}
.hero-actions .btn.secondary{background:#fff!important;border:1px solid #e1e4e7!important;color:#555d67!important}.hero-actions .btn{height:39px!important}
.dashboard-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-bottom:16px!important}.card,.panel{border:1px solid #e1e5e8!important;background:#fff!important;border-radius:19px!important;box-shadow:var(--final-shadow)!important}.card{min-height:152px!important;padding:18px!important}.card:hover{transform:translateY(-4px)!important;box-shadow:0 19px 40px rgba(20,26,34,.10)!important}.card:before{background:radial-gradient(circle,rgba(103,84,232,.10),transparent 68%)!important}.kpi-icon{width:35px!important;height:35px!important;border-radius:11px!important;box-shadow:0 8px 16px rgba(50,50,70,.13)!important}.card .label{font-size:8px!important;color:#8d949c!important;letter-spacing:.07em!important}.card .value{font-size:29px!important;color:#14171b!important;margin-top:8px!important}.card .meta{font-size:8px!important;color:#9ba1a8!important}.kpi-live{font-size:7px!important;padding:4px 7px!important;background:#f7f8f9!important;border:1px solid #e6e8ea!important;color:#969da5!important}
.dashboard-grid-top{grid-template-columns:1.45fr .85fr!important;gap:14px!important}.dashboard-grid-bottom{gap:14px!important}.panel{padding:18px!important}.panel-head{margin-bottom:14px!important}.panel-kicker{font-size:7px!important;letter-spacing:.15em!important;color:#9aa1a9!important}.panel h3{font-size:14px!important;color:#171a1e!important;letter-spacing:-.02em!important}.badge{font-size:7px!important;border-radius:999px!important;padding:5px 8px!important}
.dept-row{min-height:42px!important}.dept-name b{font-size:9px!important;color:#20242a!important}.dept-name span{font-size:7px!important;color:#a0a6ad!important}.bar-track{height:8px!important;background:#eceff1!important;border-radius:99px!important}.progress-fill{border-radius:99px!important;background:linear-gradient(90deg,#725cf4,#51b7ec)!important;box-shadow:0 3px 9px rgba(92,106,220,.18)!important}.dept-row>strong{font-size:8px!important;color:#69717b!important}
.pipeline-summary{gap:9px!important}.pipeline-summary>div{background:#f7f8f9!important;border:1px solid #e5e7e9!important;border-radius:13px!important;padding:10px 11px!important}.pipeline-summary span{font-size:7px!important;color:#949ba3!important}.pipeline-summary b{font-size:15px!important;color:#1c2025!important}.pipeline-stage{padding:10px 0!important}.pipeline-stage-label b{font-size:9px!important}.pipeline-stage-label small{font-size:7px!important;color:#9aa1a9!important}.pipeline-stage-icon{width:30px!important;height:30px!important;border-radius:10px!important}.pipeline-stage-metrics strong{font-size:11px!important}.pipeline-stage-metrics span{font-size:7px!important;color:#969da5!important}.pipeline-track{height:7px!important;background:#eceff1!important;border-radius:99px!important}.pipeline-footer{font-size:7px!important;color:#959ca5!important}
.tablewrap{border:1px solid #e3e6e8!important;border-radius:14px!important}th{background:#f8f9fa!important;color:#90979f!important;font-size:7px!important}td{font-size:9px!important;color:#4b535c!important;padding:11px 12px!important;border-color:#eef0f1!important}tr:hover td{background:#fbfcfc!important}
.toolbar{margin-bottom:18px!important}.toolbar h1,.content-area>h1{font-size:27px!important;color:#15181d!important}.toolbar .sub{font-size:9px!important}.search{height:40px!important;border-radius:12px!important;background:#fff!important;border:1px solid #dfe3e6!important;box-shadow:0 3px 10px rgba(20,26,34,.025)!important}.btn{height:39px!important;border-radius:11px!important;font-size:9px!important}.btn.secondary{background:#fff!important;color:#4e5660!important;border:1px solid #e0e4e7!important}.btn.success{background:#e8f8f1!important;color:#16865d!important}.btn.danger{background:#fff0f2!important;color:#d34a5d!important}
.formgrid{gap:14px!important}.field label{font-size:8px!important;color:#7f8790!important}.field input,.field select,.field textarea{min-height:42px!important;border-radius:11px!important;border:1px solid #dfe3e6!important;background:#fff!important;color:#20252b!important;font-size:10px!important}.field input:focus,.field select:focus,.field textarea:focus{border-color:#9b8cf0!important;box-shadow:0 0 0 3px rgba(103,84,232,.08)!important}
.alert{border-radius:12px!important;box-shadow:var(--final-shadow)!important}
/* final login */
.login{background:linear-gradient(135deg,#edf0f2,#f7f8f8 52%,#e9edef)!important}.login-shell{width:min(1100px,95vw)!important;min-height:650px!important;border:1px solid #dfe3e6!important;border-radius:28px!important;background:#fff!important;box-shadow:0 35px 90px rgba(20,26,34,.13)!important;backdrop-filter:none!important}.login-hero{background:linear-gradient(145deg,#0b0d12,#171b22)!important;padding:58px!important}.login-hero h1{font-size:42px!important}.login-hero p{color:#b8c0cb!important}.login-feature{background:#11151c!important;border-color:#262d37!important}.login-feature span{color:#8993a0!important}.login-form{background:#fff!important;padding:58px!important}.login-form h2{color:#16191e!important;font-size:30px!important}.login-form .hint{color:#8e969f!important}.login-submit{background:#17191d!important}.login-foot{color:#9aa1a9!important}
/* dark mode final */
body[data-theme="dark"]{background:#0e1116!important;color:#eef1f5!important}.app-shell,body[data-theme="dark"] .main-shell{background:#0e1116!important}.topbar{background:rgba(255,255,255,.92)!important}body[data-theme="dark"] .topbar{background:rgba(14,17,22,.94)!important;border-color:#262c34!important}.crumb b,body[data-theme="dark"] .crumb b{color:#eef1f5!important}.content-area,body[data-theme="dark"] .content-area{color:#eef1f5!important}body[data-theme="dark"] .card,body[data-theme="dark"] .panel{background:#171b21!important;border-color:#292f37!important;box-shadow:0 18px 45px rgba(0,0,0,.18)!important}body[data-theme="dark"] .card .value,body[data-theme="dark"] .panel h3,body[data-theme="dark"] .dept-name b,body[data-theme="dark"] .pipeline-stage-label b{color:#f0f2f5!important}body[data-theme="dark"] .card .label,body[data-theme="dark"] .card .meta,body[data-theme="dark"] .dept-name span,body[data-theme="dark"] .pipeline-stage-label small{color:#9098a3!important}body[data-theme="dark"] .tablewrap{border-color:#292f37!important}body[data-theme="dark"] th{background:#14181e!important;color:#929aa5!important}body[data-theme="dark"] td{background:#171b21!important;color:#c6ccd4!important;border-color:#252b33!important}body[data-theme="dark"] tr:hover td{background:#1b2027!important}body[data-theme="dark"] .pipeline-summary>div{background:#14181e!important;border-color:#292f37!important}body[data-theme="dark"] .field input,body[data-theme="dark"] .field select,body[data-theme="dark"] .field textarea,body[data-theme="dark"] .search{background:#11151a!important;color:#eef1f5!important;border-color:#2b3139!important}.login{background:#0e1116!important}.login-shell{background:#171b21!important;border-color:#292f37!important}.login-form{background:#171b21!important}.login-form h2{color:#f0f2f5!important}.login-form .field label{color:#aab2bd!important}.login-form .field input{background:#11151a!important;color:#fff!important;border-color:#2b3139!important}
@media(max-width:1200px){.dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.global-search{width:190px!important}}
@media(max-width:900px){.sidebar{width:var(--final-sidebar)!important}.main-shell{margin-left:0!important;width:100%!important}.content-area{padding:20px 16px 28px!important}.dashboard-grid-top{grid-template-columns:1fr!important}.top-user-copy,.logout-pill{display:none}.global-search{display:none}.cards,.dashboard-cards{grid-template-columns:1fr 1fr!important}}
@media(max-width:620px){.dashboard-cards,.cards{grid-template-columns:1fr!important}.dashboard-hero h1{font-size:25px!important}.content-area{padding:18px 12px 24px!important}.topbar{padding:0 12px!important}.login-form{padding:38px 24px!important}}
/* V6 premium system layer */
:root{--v6-bg:#f4f6fb;--v6-card:#fff;--v6-text:#172033;--v6-muted:#718096;--v6-border:#e8edf5;--v6-primary:#5b4df6;--v6-cyan:#20b8d7;--v6-green:#2dbd8b;--v6-orange:#ff9a62;--v6-pink:#ed6bb7;--v6-shadow:0 18px 50px rgba(27,39,78,.08)}
body{background:var(--v6-bg);color:var(--v6-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.sidebar{background:#111318!important;width:270px!important;border-right:1px solid #252833!important;box-shadow:18px 0 45px rgba(0,0,0,.08)}
.brand{padding:20px 18px!important}.brand-mark{width:46px!important;height:46px!important;border-radius:14px!important;box-shadow:0 10px 25px rgba(91,77,246,.3)}
.sidebar-search{margin:10px 14px 14px!important;border:1px solid #2a2d37!important;background:#191c24!important;border-radius:14px!important}
.sidebar-nav{padding:0 10px 12px!important}.nav-home,.nav-group-head{min-height:48px!important;border-radius:14px!important;color:#e9edf5!important}.nav-home{margin-bottom:5px!important}.nav-group{margin:3px 0!important}.nav-group-head{font-size:12px!important;font-weight:800!important;letter-spacing:.07em!important}.nav-group-head:hover,.nav-home:hover{background:#1b1f29!important}.nav-group.is-active>.nav-group-head{background:linear-gradient(135deg,#26233e,#1d202b)!important;color:#fff!important;box-shadow:inset 3px 0 0 #7c6cff}.nav-sub{padding:3px 0 5px!important}.nav-link{margin:3px 4px!important;min-height:44px!important;border-radius:12px!important;color:#aeb6c6!important;gap:11px!important}.nav-link:hover{background:#1b1f29!important;color:#fff!important;transform:translateX(2px)}.nav-link.active{background:linear-gradient(135deg,rgba(91,77,246,.9),rgba(38,184,215,.78))!important;color:#fff!important;box-shadow:0 9px 24px rgba(91,77,246,.22)}.service-icon,.nav-group-icon{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important}.nav-link.active .service-icon{background:rgba(255,255,255,.18)!important}.nav-svg{width:21px!important;height:21px!important}.nav-group-icon .nav-svg{width:20px!important;height:20px!important}.main-shell{background:var(--v6-bg)!important}.topbar{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(16px);border-bottom:1px solid var(--v6-border)!important}.content-area{padding:26px!important}.panel,.kpi-card,.card,.stat-card{background:var(--v6-card)!important;border:1px solid var(--v6-border)!important;border-radius:20px!important;box-shadow:var(--v6-shadow)!important}.btn,.quick-btn{border-radius:12px!important;font-weight:750!important}.btn{box-shadow:0 7px 18px rgba(27,39,78,.08)}.btn:hover,.quick-btn:hover{transform:translateY(-1px)}.badge{border-radius:999px!important}.field input,.field select,.field textarea,input,select,textarea{border-radius:12px!important;border:1px solid #e1e6ef!important;background:#fbfcfe!important}.toolbar h1{letter-spacing:-.03em!important}.v6-stage{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.v6-stage span{padding:8px 12px;border-radius:999px;background:#eef1f7;color:#647087;font-size:12px;font-weight:800}.v6-stage span.done{background:#e5f8f1;color:#168866}.v6-stage span.current{background:#ebe9ff;color:#5144d9;box-shadow:0 6px 18px #5b4df622}.v6-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.v6-stat{padding:20px;border-radius:20px;background:#fff;border:1px solid var(--v6-border);box-shadow:var(--v6-shadow)}.v6-stat .icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;margin-bottom:14px}.v6-stat b{font-size:28px;letter-spacing:-.04em}.v6-stat small{display:block;color:var(--v6-muted);margin-top:4px}.v6-table{width:100%;border-collapse:separate;border-spacing:0}.v6-table th{background:#f7f8fb;color:#69758a;font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:12px;text-align:left}.v6-table td{padding:14px 12px;border-bottom:1px solid #edf0f5}.chat-wrap{display:grid;grid-template-columns:270px 1fr;min-height:620px}.chat-list{border-right:1px solid var(--v6-border);padding:12px}.chat-room{padding:12px;border-radius:12px;cursor:pointer}.chat-room.active,.chat-room:hover{background:#f0efff}.chat-main{display:flex;flex-direction:column}.chat-messages{flex:1;padding:20px;overflow:auto;background:linear-gradient(180deg,#fbfcff,#f5f7fb)}.bubble{max-width:72%;padding:12px 15px;border-radius:17px;margin:8px 0;background:#fff;box-shadow:0 7px 22px #1b274e0b}.bubble.mine{margin-left:auto;background:linear-gradient(135deg,#6659f7,#27b6d5);color:#fff}.chat-compose{padding:14px;border-top:1px solid var(--v6-border);display:flex;gap:10px}.chat-compose input{flex:1}.file-chip{display:inline-flex;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;background:#f2f4f8;margin:4px}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:9px;top:0;bottom:0;width:2px;background:#e4e8f0}.timeline-item{position:relative;padding:0 0 22px}.timeline-item:before{content:"";position:absolute;left:-24px;top:5px;width:12px;height:12px;border-radius:50%;background:#5b4df6;box-shadow:0 0 0 5px #ebe9ff}.v6-warning{padding:13px 15px;border-radius:14px;background:#fff6e9;color:#9b641b;border:1px solid #ffe4bc}.v6-success{padding:13px 15px;border-radius:14px;background:#eafaf4;color:#15795b;border:1px solid #ccefe1}
@media(max-width:1100px){.v6-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-wrap{grid-template-columns:1fr}.chat-list{border-right:0;border-bottom:1px solid var(--v6-border)}}
@media(max-width:650px){.v6-grid{grid-template-columns:1fr}.content-area{padding:16px!important}}


/* ================================================================
   FLS ERP V6.1 — BOND-STYLE ULTRA PREMIUM UI SYSTEM
   UI / visual layer only. Existing V6 business logic is untouched.
   Reference language: warm grey canvas, white workspace cards,
   black navigation, lime/olive accent, compact typography, soft depth.
   ================================================================ */
:root{
  --v61-canvas:#a9b7c7;
  --v61-workspace:#f4f3ee;
  --v61-white:#ffffff;
  --v61-ink:#171916;
  --v61-muted:#8c9189;
  --v61-muted2:#a4a8a1;
  --v61-line:#e8e7e1;
  --v61-black:#171914;
  --v61-lime:#b9d96a;
  --v61-lime2:#d7e99c;
  --v61-lime-soft:#eff7d2;
  --v61-lime-dark:#657a2e;
  --v61-lav:#eeeef8;
  --v61-blue:#dcecf0;
  --v61-shadow:0 12px 30px rgba(24,28,25,.055);
  --v61-shadow-lg:0 20px 55px rgba(24,28,25,.09);
  --v61-radius:20px;
  --v61-sidebar:205px;
}
html{background:var(--v61-canvas)!important}
body{
  background:var(--v61-canvas)!important;
  color:var(--v61-ink)!important;
  font-family:'Inter','DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif!important;
  letter-spacing:-.008em!important;
}
.app-shell{
  width:calc(100% - 48px);
  min-height:calc(100vh - 48px);
  margin:24px;
  background:var(--v61-workspace)!important;
  border-radius:4px;
  overflow:hidden;
  box-shadow:0 22px 70px rgba(35,46,58,.12);
}
.sidebar{
  width:var(--v61-sidebar)!important;
  position:fixed!important;
  left:24px!important;
  top:24px!important;
  bottom:24px!important;
  height:auto!important;
  background:rgba(255,255,255,.98)!important;
  color:var(--v61-ink)!important;
  border-right:1px solid var(--v61-line)!important;
  box-shadow:8px 0 30px rgba(35,40,35,.035)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
.brand{
  height:70px!important;
  padding:12px 13px!important;
  background:#fff!important;
  border-bottom:0!important;
  position:sticky!important;
}
.brand-mark{
  width:38px!important;height:38px!important;border-radius:11px!important;
  background:#151713!important;border:0!important;color:var(--v61-lime)!important;
  box-shadow:0 7px 18px rgba(20,22,18,.12)!important;
}
.brand-mark span{font-weight:900!important;color:var(--v61-lime)!important;font-size:18px!important}
.brand-copy b{font-size:12px!important;color:#20221e!important;font-weight:800!important}
.brand-copy small{font-size:7px!important;color:#9a9e97!important;margin-top:2px!important}
.sidebar-toggle{
  width:28px!important;height:28px!important;border-radius:9px!important;
  background:#f6f6f2!important;border:1px solid #e8e8e2!important;color:#6d726a!important;
}
.sidebar-search{
  margin:5px 12px 13px!important;height:34px!important;padding:0 10px!important;
  background:#fafaf7!important;border:1px solid #e6e6df!important;border-radius:18px!important;
  box-shadow:none!important;
}
.sidebar-search span{font-size:15px!important;color:#969b92!important}
.sidebar-search input{font-size:9px!important;color:#272a25!important}
.sidebar-search input::placeholder{color:#a2a59e!important}
.sidebar-nav{padding:0 9px 18px!important}
.nav-home,.nav-group-head,.nav-link{font-family:'Inter','DM Sans',sans-serif!important}
.nav-home{
  min-height:37px!important;height:37px!important;margin:0 0 8px!important;padding:5px 8px!important;
  border-radius:11px!important;color:#5f645d!important;font-size:9px!important;font-weight:650!important;
}
.nav-home .nav-svg{width:15px!important;height:15px!important}
.nav-home:hover{background:#f3f4ef!important;color:#171914!important;transform:none!important}
.nav-home.active{
  background:#171914!important;color:#fff!important;box-shadow:0 8px 18px rgba(23,25,20,.13)!important;
}
.nav-home.active .nav-svg{color:var(--v61-lime)!important}
.nav-group{margin:2px 0 4px!important;padding:0!important}
.nav-group-head{
  min-height:27px!important;height:27px!important;padding:4px 8px!important;margin:0!important;
  border-radius:9px!important;color:#a0a49c!important;background:transparent!important;
  font-size:7px!important;font-weight:800!important;letter-spacing:.14em!important;
  text-transform:uppercase!important;cursor:default!important;
}
.nav-group-head:hover{background:transparent!important;color:#7d827a!important}
.nav-group-icon{display:none!important}
.nav-group-label{padding:0!important}
.nav-chevron{display:none!important}
.nav-sub{
  display:grid!important;grid-template-rows:1fr!important;opacity:1!important;
  padding:0!important;transition:none!important;
}
.nav-sub>*{overflow:visible!important}
.nav-link{
  min-height:35px!important;height:35px!important;margin:2px 0!important;padding:5px 8px!important;
  border-radius:10px!important;color:#62675f!important;font-size:9px!important;font-weight:600!important;
  gap:9px!important;transform:none!important;
}
.nav-link:hover{background:#f3f4ef!important;color:#1a1c18!important;transform:translateX(1px)!important}
.nav-link .service-icon{
  width:24px!important;height:24px!important;flex:0 0 24px!important;border-radius:8px!important;
  background:transparent!important;border:0!important;box-shadow:none!important;color:#8b9088!important;
}
.nav-link .service-icon .nav-svg{width:15px!important;height:15px!important;stroke-width:1.7!important}
.nav-link.active{
  background:#171914!important;color:#fff!important;font-weight:750!important;
  box-shadow:0 8px 18px rgba(23,25,20,.12)!important;
}
.nav-link.active .service-icon{background:var(--v61-lime)!important;color:#171914!important;transform:none!important;box-shadow:none!important}
.nav-link.active:after{display:none!important}
.nav-group.is-active>.nav-group-head{background:transparent!important;color:#737870!important;box-shadow:none!important}
.sidebar-bottom{
  padding:9px 11px 12px!important;border-top:1px solid var(--v61-line)!important;background:#fff!important;
}
.side-status{
  padding:8px 9px!important;border-radius:11px!important;background:#f7f8f2!important;
  border:1px solid #e8eadf!important;
}
.side-status>span{width:7px!important;height:7px!important;background:#9fbe50!important;box-shadow:0 0 0 4px rgba(159,190,80,.10),0 0 10px rgba(159,190,80,.4)!important}
.side-status b{font-size:8px!important;color:#42473f!important}
.side-status small{font-size:7px!important;color:#a0a49d!important}
.side-version{font-size:7px!important;color:#9ca099!important;margin-top:8px!important}
.main-shell{
  margin-left:calc(var(--v61-sidebar) + 24px)!important;
  width:calc(100% - var(--v61-sidebar) - 24px)!important;
  background:var(--v61-workspace)!important;
  min-height:calc(100vh - 48px)!important;
}
.topbar{
  height:60px!important;padding:0 18px!important;background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid var(--v61-line)!important;box-shadow:none!important;backdrop-filter:blur(14px)!important;
}
.crumb span{font-size:7px!important;color:#9ba097!important;letter-spacing:.11em!important}
.crumb b{font-size:14px!important;color:#171914!important;letter-spacing:-.035em!important}
.global-search{
  width:185px!important;height:34px!important;background:#f8f8f5!important;
  border:1px solid #e7e7e0!important;border-radius:18px!important;box-shadow:none!important;
}
.global-search input{font-size:8px!important;color:#30342e!important}
.theme-toggle,.top-icon,.logout-pill{
  height:34px!important;background:#fff!important;border:1px solid #e6e6df!important;
  border-radius:17px!important;box-shadow:none!important;
}
.theme-toggle{padding:0 9px!important}
.theme-label{font-size:8px!important;color:#656a62!important}
.top-icon{width:34px!important;border-radius:17px!important}
.top-icon .nav-svg{width:14px!important;height:14px!important;color:#656a62!important}
.top-icon em{background:#b9d96a!important;color:#30341f!important;border-color:#fff!important}
.quick-btn{
  height:34px!important;padding:0 13px!important;border-radius:17px!important;
  background:#171914!important;color:#fff!important;box-shadow:0 7px 17px rgba(23,25,20,.13)!important;
  font-size:8px!important;
}
.quick-btn span{font-size:14px!important;color:var(--v61-lime)!important}
.top-user{gap:7px!important}.avatar{width:32px!important;height:32px!important;border-radius:50%!important;background:#dceaa9!important;color:#38431f!important;box-shadow:none!important}
.top-user-copy b{font-size:8px!important;color:#353931!important}.top-user-copy small{font-size:6px!important;color:#9a9f96!important}
.logout-pill{font-size:7px!important;color:#7f847d!important;padding:0 9px!important;display:flex!important;align-items:center!important}
.content-area{padding:22px 22px 28px!important;max-width:none!important;background:var(--v61-workspace)!important}
.content-area h1,.toolbar h1{font-family:'Manrope','Inter',sans-serif!important;font-size:24px!important;color:#171914!important;letter-spacing:-.045em!important}
.sub,.toolbar .sub{font-size:8px!important;color:#999e95!important;margin-top:5px!important}
.toolbar{margin-bottom:16px!important}
.dashboard-hero{margin-bottom:16px!important}
.dashboard-hero h1{font-size:27px!important;color:#171914!important;letter-spacing:-.05em!important}
.dashboard-hero .sub{font-size:8px!important;color:#9b9f97!important}
.eyebrow{font-size:7px!important;color:#90958c!important;letter-spacing:.15em!important}
.pulse-dot{background:#afcf5b!important;box-shadow:0 0 0 4px rgba(175,207,91,.12),0 0 10px rgba(175,207,91,.35)!important}
.hero-actions .btn.secondary{background:#fff!important;border:1px solid #e4e4dd!important;color:#545a50!important}
.btn,.quick-btn{font-family:'Inter',sans-serif!important}
.btn{
  min-height:34px!important;height:34px!important;padding:0 12px!important;border-radius:17px!important;
  background:#171914!important;color:#fff!important;font-size:8px!important;font-weight:750!important;
  box-shadow:0 7px 17px rgba(23,25,20,.10)!important;
}
.btn:hover,.quick-btn:hover{transform:translateY(-1px)!important;box-shadow:0 10px 22px rgba(23,25,20,.14)!important}
.btn.secondary{background:#fff!important;color:#535950!important;border:1px solid #e4e4dd!important;box-shadow:none!important}
.btn.success{background:#edf7d4!important;color:#63772f!important;border:1px solid #dfedb9!important;box-shadow:none!important}
.btn.danger{background:#fff0ef!important;color:#b94f47!important;box-shadow:none!important}
.cards,.dashboard-cards{gap:12px!important;margin-bottom:14px!important}
.dashboard-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.card,.panel,.kpi-card,.stat-card{
  background:#fff!important;border:1px solid var(--v61-line)!important;border-radius:18px!important;
  box-shadow:var(--v61-shadow)!important;
}
.card{min-height:138px!important;padding:15px!important}
.card:hover{transform:translateY(-3px)!important;box-shadow:var(--v61-shadow-lg)!important}
.card:before{right:-30px!important;top:-38px!important;width:115px!important;height:115px!important;background:radial-gradient(circle,var(--v61-lime-soft),transparent 70%)!important}
.card .label{font-size:7px!important;color:#969b92!important;letter-spacing:.08em!important}
.card .value{font-size:25px!important;color:#181b17!important;margin-top:7px!important}
.card .meta{font-size:7px!important;color:#9ca199!important}
.kpi-icon{width:31px!important;height:31px!important;border-radius:10px!important;background:#eef5d7!important;color:#677b31!important;box-shadow:none!important}
.kpi-live{font-size:6px!important;padding:4px 6px!important;background:#f8f9f5!important;border:1px solid #e8e9e2!important;color:#9ba098!important}
.tone-purple .kpi-icon{background:#efeff7!important;color:#6d6b88!important}.tone-blue .kpi-icon{background:#e5f0f2!important;color:#5f7e82!important}.tone-cyan .kpi-icon{background:#e6f4ef!important;color:#5c826f!important}.tone-red .kpi-icon{background:#f8ece9!important;color:#9c6b65!important}.tone-orange .kpi-icon{background:#f8f0dd!important;color:#927c4d!important}.tone-pink .kpi-icon{background:#f4edf2!important;color:#886d7f!important}.tone-green .kpi-icon{background:#edf6d8!important;color:#657c31!important}.tone-gold .kpi-icon{background:#f4f0dc!important;color:#8b7a3f!important}
.dashboard-grid-top{grid-template-columns:1.18fr .82fr!important;gap:12px!important}.dashboard-grid-bottom{gap:12px!important}
.panel{padding:16px!important;border-radius:18px!important}
.panel-head{margin-bottom:12px!important}.panel-kicker{font-size:6px!important;letter-spacing:.16em!important;color:#a0a49c!important}.panel h3{font-size:12px!important;color:#1c201b!important;letter-spacing:-.025em!important}
.badge{font-size:6px!important;padding:4px 7px!important;border-radius:999px!important;background:#f0f2ec!important;color:#7c8378!important}.badge.green{background:#edf7d5!important;color:#6a7c35!important}.badge.blue{background:#e8f0f1!important;color:#637c7e!important}.badge.orange{background:#f6f0df!important;color:#8c7b51!important}.badge.red{background:#faece9!important;color:#a7655d!important}
.dept-row{min-height:39px!important}.dept-name b{font-size:8px!important;color:#343931!important}.dept-name span{font-size:6px!important;color:#a3a79f!important}.bar-track{height:7px!important;background:#eef0eb!important;border-radius:99px!important}.progress-fill{background:linear-gradient(90deg,#a9c95a,#d1e68f)!important;box-shadow:none!important}.dept-row>strong{font-size:7px!important;color:#697067!important}
.pipeline-summary{gap:7px!important}.pipeline-summary>div{background:#f8f8f4!important;border:1px solid #e8e8e1!important;border-radius:11px!important;padding:9px 10px!important}.pipeline-summary span{font-size:6px!important;color:#9a9f96!important}.pipeline-summary b{font-size:13px!important;color:#22261f!important}.pipeline-stage{padding:8px 0!important}.pipeline-stage-label b{font-size:8px!important;color:#31362e!important}.pipeline-stage-label small{font-size:6px!important;color:#9ba098!important}.pipeline-stage-icon{width:27px!important;height:27px!important;border-radius:9px!important;background:#f0f2ec!important;color:#68715f!important}.pipeline-stage-icon.violet,.pipeline-stage-icon.blue,.pipeline-stage-icon.green,.pipeline-stage-icon.orange,.pipeline-stage-icon.pink{background:#edf4d5!important;color:#687b31!important}.pipeline-stage-metrics strong{font-size:9px!important;color:#3d4339!important}.pipeline-stage-metrics span{font-size:6px!important;color:#9da29a!important}.pipeline-track{height:6px!important;background:#eef0eb!important;border-radius:99px!important}.pipeline-fill{background:linear-gradient(90deg,#a9c95a,#d1e68f)!important;box-shadow:none!important}.pipeline-footer{font-size:6px!important;color:#9da29a!important}
.tablewrap{border:1px solid #e7e7e1!important;border-radius:12px!important;box-shadow:none!important}.tablewrap table,.v6-table{background:#fff!important}th{background:#fafaf7!important;color:#92978f!important;font-size:6px!important;letter-spacing:.09em!important}td{font-size:8px!important;color:#565c54!important;padding:10px 11px!important;border-color:#eeeeea!important}tr:hover td{background:#fbfbf8!important}
.formgrid{gap:12px!important}.field label{font-size:7px!important;color:#7f857c!important}.field input,.field select,.field textarea,input,select,textarea{min-height:38px!important;border-radius:10px!important;border:1px solid #e2e3dc!important;background:#fff!important;color:#282c26!important;font-size:8px!important;box-shadow:none!important}.field input:focus,.field select:focus,.field textarea:focus{border-color:#b7d36b!important;box-shadow:0 0 0 3px rgba(185,217,106,.16)!important}
.search{height:38px!important;border-radius:19px!important;background:#fff!important;border:1px solid #e4e5df!important;box-shadow:none!important}
.alert{border-radius:11px!important;box-shadow:var(--v61-shadow)!important;font-size:8px!important}
/* premium V6 workflow components */
.v6-stage{gap:6px!important}.v6-stage span{padding:7px 10px!important;border-radius:999px!important;background:#f0f1ec!important;color:#777d73!important;font-size:8px!important}.v6-stage span.done{background:#edf7d4!important;color:#687c32!important}.v6-stage span.current{background:#171914!important;color:#fff!important;box-shadow:0 7px 18px rgba(23,25,20,.12)!important}
.v6-grid{gap:12px!important}.v6-stat{padding:15px!important;border-radius:18px!important;background:#fff!important;border:1px solid var(--v61-line)!important;box-shadow:var(--v61-shadow)!important}.v6-stat .icon{width:38px!important;height:38px!important;border-radius:12px!important;background:#eef5d7!important;color:#697d34!important}.v6-stat b{font-size:23px!important;color:#1d211c!important}.v6-stat small{font-size:7px!important;color:#989e95!important}.v6-table th{background:#fafaf7!important;color:#8e948b!important;font-size:7px!important}.v6-table td{font-size:8px!important}
.timeline:before{background:#e4e6de!important}.timeline-item:before{background:#b7d56b!important;box-shadow:0 0 0 4px #eff6d9!important}.v6-warning{background:#f8f2df!important;color:#8d794d!important;border-color:#eee2bd!important}.v6-success{background:#edf7d6!important;color:#647a30!important;border-color:#dceab9!important}
.chat-wrap{grid-template-columns:225px 1fr!important;min-height:570px!important}.chat-list{border-right:1px solid var(--v61-line)!important}.chat-room{padding:10px!important;border-radius:11px!important}.chat-room.active,.chat-room:hover{background:#eff5d8!important}.chat-messages{background:linear-gradient(180deg,#fafaf7,#f3f4ef)!important}.bubble{border-radius:15px!important;box-shadow:0 7px 20px rgba(25,29,24,.05)!important;font-size:8px!important}.bubble.mine{background:#171914!important;color:#fff!important}.chat-compose{border-top:1px solid var(--v61-line)!important}.file-chip{background:#f1f2ed!important;font-size:7px!important}
/* reference-like reports/data panels */
.chart-panel,.pipeline-panel{min-height:260px!important}.snapshot-ring{border-color:#c7dd84!important;background:conic-gradient(#b9d96a 0 72%,#171914 72% 84%,#eceee8 84% 100%)!important}.snapshot-ring:after{background:#fff!important}.snap-icon{background:#eef5d7!important;color:#6d8036!important}.insight-box{background:#f0f6da!important;border:1px solid #e2ecc0!important;color:#56662e!important}
/* light-mode is the reference default; dark mode remains available from V6 */
body[data-theme="dark"] .app-shell{background:#121510!important}.app-shell,body[data-theme="dark"] .main-shell{border-radius:4px!important}
body[data-theme="dark"] .sidebar{background:#171a16!important;border-color:#292d26!important}.dark body .brand{background:#171a16!important}
body[data-theme="dark"] .brand,body[data-theme="dark"] .topbar{background:#171a16!important;border-color:#2a2e27!important}.brand-copy b,body[data-theme="dark"] .crumb b{color:#f0f2ec!important}
body[data-theme="dark"] .content-area{background:#121510!important}.card,body[data-theme="dark"] .panel{background:#1a1e19!important;border-color:#2b3028!important}
/* responsive frame */
@media(max-width:1100px){
  .app-shell{width:calc(100% - 24px);min-height:calc(100vh - 24px);margin:12px;border-radius:4px}
  .sidebar{left:12px!important;top:12px!important;bottom:12px!important}
  .main-shell{margin-left:calc(var(--v61-sidebar) + 12px)!important;width:calc(100% - var(--v61-sidebar) - 12px)!important;min-height:calc(100vh - 24px)!important}
  .dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .global-search{width:150px!important}
}
@media(max-width:900px){
  .sidebar{transform:translateX(-120%)!important}.sidebar.mobile-open{transform:translateX(0)!important}
  .main-shell{margin-left:0!important;width:100%!important}
  .content-area{padding:18px 14px 24px!important}
  .dashboard-grid-top,.dashboard-grid-bottom{grid-template-columns:1fr!important}
  .top-user-copy,.logout-pill{display:none!important}.global-search{display:none!important}
}
@media(max-width:620px){
  .app-shell{width:100%;min-height:100vh;margin:0;border-radius:0}
  .sidebar{left:0!important;top:0!important;bottom:0!important}
  .main-shell{min-height:100vh!important}
  .dashboard-cards,.cards{grid-template-columns:1fr!important}
  .dashboard-hero h1{font-size:23px!important}.topbar{padding:0 11px!important}
}

/* ==========================================================
   FLS ERP V6.2 — ULTRA PREMIUM REFERENCE UI
   Inspired by the supplied soft-lavender / white finance dashboard.
   Existing V6 functionality remains intact; this layer is visual.
   ========================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
:root{
 --v62-bg:#f0f1f7;--v62-card:#ffffff;--v62-ink:#25263a;--v62-muted:#9697aa;--v62-line:#e9e9f1;
 --v62-lilac:#7d83ff;--v62-purple:#7564ee;--v62-mint:#82d7bf;--v62-peach:#f1c2a7;--v62-blue:#a9c5f7;
 --v62-shadow:0 18px 45px rgba(65,66,104,.075);--v62-shadow2:0 28px 75px rgba(65,66,104,.12);
}
html,body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif}
body{background:radial-gradient(circle at 83% 2%,rgba(148,157,255,.16),transparent 28%),linear-gradient(135deg,#f2f3f8 0%,#eceef5 100%);color:var(--v62-ink)}
.app-shell{background:transparent}
.sidebar{width:236px!important;background:rgba(255,255,255,.92)!important;color:#5e6072!important;border-right:1px solid rgba(225,226,235,.85)!important;box-shadow:16px 0 45px rgba(65,66,104,.055)!important;backdrop-filter:blur(24px);}
.brand{height:72px!important;background:rgba(255,255,255,.78)!important;border-bottom:1px solid #eeeef4!important;padding:13px 14px!important}
.brand-mark{width:38px!important;height:38px!important;border-radius:12px!important;background:linear-gradient(145deg,#282a3b,#52546d)!important;color:#fff!important;box-shadow:0 10px 22px rgba(38,39,59,.16)!important;font-size:17px!important}
.brand-copy b{font-family:'Manrope'!important;color:#292a3b!important;font-size:12px!important}.brand-copy small{color:#a0a1af!important;font-size:7px!important}.sidebar-toggle{background:#f6f6fa!important;color:#75778a!important;border-color:#e7e7ef!important}
.sidebar-search{margin:13px 12px!important;background:#f7f7fa!important;border:1px solid #ececf3!important;border-radius:11px!important;padding:8px 10px!important}.sidebar-search input{color:#4d4e60!important;font-size:9px!important}.sidebar-search input::placeholder{color:#a5a6b2!important}.sidebar-search span{color:#999baa!important;font-size:15px!important}
.sidebar-nav{padding:3px 10px 18px!important}.nav-home,.nav-link{color:#7d7f90!important;font-size:9px!important;min-height:35px!important;padding:6px 8px!important;border-radius:10px!important;gap:9px!important}.nav-home{background:#f7f7fa!important;margin-bottom:8px!important}.nav-home .nav-svg{width:17px!important;height:17px!important}.nav-link .service-icon{width:28px!important;height:28px!important;flex-basis:28px!important;border-radius:9px!important}.nav-link .service-icon .nav-svg{width:15px!important;height:15px!important}.nav-group{margin:0 0 4px!important}.nav-group-head{min-height:33px!important;padding:5px 7px!important;font-size:7px!important;letter-spacing:.13em!important;color:#b0b1bc!important}.nav-group-icon{width:25px!important;height:25px!important;flex-basis:25px!important;border-radius:8px!important;background:#f4f4f8!important;color:#727488!important;box-shadow:none!important}.nav-group-icon .nav-svg{width:14px!important;height:14px!important}.nav-group.is-active .nav-group-head{background:#f0efff!important;color:#5d58b8!important;box-shadow:none!important}.nav-group.is-active .nav-group-icon{background:#e8e6ff!important;color:#675ce8!important;box-shadow:none!important}.nav-link:hover{background:#f3f2fb!important;color:#535566!important;transform:translateX(2px)!important}.nav-link.active{background:#242538!important;color:#fff!important;box-shadow:0 10px 24px rgba(35,36,56,.17)!important}.nav-link.active .service-icon{background:rgba(255,255,255,.12)!important;box-shadow:none!important}.nav-home.active{background:#242538!important;box-shadow:0 10px 24px rgba(35,36,56,.14)!important}.nav-home.active:before,.nav-link.active:before{display:none!important}.sidebar-bottom{padding:10px 12px 13px!important;border-top:1px solid #eeeeF4!important}.side-status{background:#f4f8ed!important;padding:8px 9px!important}.side-status>span{width:7px!important;height:7px!important;box-shadow:0 0 0 4px rgba(105,160,56,.08)!important;background:#91bb55!important}.side-status b{font-size:8px!important;color:#596244!important}.side-status small{font-size:7px!important;color:#a1a58f!important}.side-version{font-size:6px!important;color:#a5a6b1!important}
.main-shell{margin-left:236px!important;width:calc(100% - 236px)!important}.topbar{height:64px!important;padding:0 24px!important;background:rgba(248,249,252,.74)!important;border-bottom:1px solid rgba(225,226,235,.65)!important;backdrop-filter:blur(24px)!important}.crumb span{font-size:7px!important;color:#a4a5b1!important}.crumb b{font:700 13px 'Manrope'!important;color:#313244!important}.global-search{width:200px!important;height:32px!important;border-radius:17px!important;background:#fff!important;border:1px solid #ececf2!important;box-shadow:0 5px 16px rgba(67,68,105,.045)!important}.global-search input{font-size:8px!important;color:#56586a!important}.global-search span{font-size:13px!important}.theme-toggle,.top-icon,.logout-pill{height:32px!important;width:auto!important;border-radius:11px!important;background:#fff!important;border-color:#e8e8ef!important;box-shadow:none!important;font-size:8px!important}.theme-toggle{padding:0 9px!important}.top-icon{width:32px!important}.quick-btn{padding:8px 12px!important;border-radius:11px!important;background:#28293b!important;box-shadow:0 9px 22px rgba(40,41,59,.14)!important;font-size:8px!important}.avatar{width:32px!important;height:32px!important;border-radius:10px!important;background:linear-gradient(145deg,#e5c5ad,#8f9bcb)!important}.top-user-copy b{font-size:8px!important}.top-user-copy small{font-size:6px!important}.logout-pill{padding:7px 9px!important;color:#818292!important}
.content-area{padding:22px 25px 26px!important;max-width:1500px;margin:0 auto}
/* V6.2 dashboard */
.v62-dashboard{font-family:'Inter',sans-serif}.v62-welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin:2px 0 18px}.v62-eyebrow{font-size:7px;font-weight:800;letter-spacing:.14em;color:#a2a3b1;margin-bottom:7px;display:flex;align-items:center;gap:6px}.v62-live-dot{width:6px;height:6px;border-radius:50%;background:#9fc85e;box-shadow:0 0 0 4px rgba(159,200,94,.11)}.v62-welcome h1{margin:0;font:700 22px 'Manrope';letter-spacing:-.045em;color:#2b2c3f}.v62-welcome h1 span{font-size:15px;color:#888ff4;margin-left:3px}.v62-welcome p{font-size:8px;color:#9b9cab;margin:6px 0 0;max-width:650px}.v62-welcome-actions{display:flex;gap:7px;align-items:center}.v62-pill{display:inline-flex;align-items:center;justify-content:center;height:31px;padding:0 12px;border-radius:10px;font-size:7px;font-weight:800;letter-spacing:.01em}.v62-pill-soft{background:#fff;border:1px solid #e7e7ef;color:#656679;box-shadow:0 6px 16px rgba(62,63,96,.045)}.v62-pill-dark{background:#292a3d;color:#fff;box-shadow:0 10px 20px rgba(40,41,61,.14)}
.v62-top-grid{display:grid;grid-template-columns:1.35fr .72fr .72fr;gap:11px;margin-bottom:12px}.v62-money-card,.v62-stat-card{border-radius:19px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.82);box-shadow:var(--v62-shadow);min-height:142px}.v62-money-card{padding:16px 18px;background:linear-gradient(145deg,#7f88f4 0%,#9a9ff4 53%,#b4b9f7 100%);color:#fff}.v62-money-card:after{content:'';position:absolute;right:-45px;top:-65px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.13);filter:blur(2px)}.v62-money-head{display:flex;justify-content:space-between;align-items:center;font-size:6px;letter-spacing:.13em;font-weight:800;opacity:.84}.v62-money-head button{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.13);color:#fff;border-radius:99px;padding:4px 8px;font-size:6px}.v62-money-value{font:700 25px 'Manrope';letter-spacing:-.05em;margin-top:13px}.v62-money-value small{font-size:10px;font-weight:600}.v62-money-meta{display:flex;justify-content:space-between;align-items:center;margin-top:5px;font-size:7px;color:rgba(255,255,255,.76)}.v62-money-meta b{color:#fff;font-weight:600}.v62-mini-bars{position:absolute;right:17px;bottom:17px;height:48px;display:flex;align-items:flex-end;gap:4px;opacity:.58}.v62-mini-bars i{display:block;width:5px;border-radius:4px 4px 1px 1px;background:rgba(255,255,255,.76)}.v62-money-footer{position:absolute;left:18px;right:18px;bottom:12px;display:flex;justify-content:space-between;font-size:6px;color:rgba(255,255,255,.65);padding-right:83px}.v62-small-stack{display:grid;gap:8px}.v62-stat-card{padding:12px 13px;display:flex;align-items:center;gap:10px;background:#fff}.v62-stat-card:after{content:'';position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:rgba(120,130,255,.06)}.v62-stat-lilac{background:linear-gradient(145deg,#fff,#f3f2ff)}.v62-stat-mint{background:linear-gradient(145deg,#fff,#f1fbf7)}.v62-stat-peach{background:linear-gradient(145deg,#fff,#fff7f2)}.v62-stat-blue{background:linear-gradient(145deg,#fff,#f1f7ff)}.v62-stat-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;font-size:12px;font-weight:800;flex:0 0 31px;background:#ececff;color:#6d72d8}.v62-stat-mint .v62-stat-icon{background:#e1f6ed;color:#5caa91}.v62-stat-peach .v62-stat-icon{background:#fae9dd;color:#c18a69}.v62-stat-blue .v62-stat-icon{background:#e6effd;color:#7198d7}.v62-stat-card small{display:block;font-size:6px;font-weight:800;letter-spacing:.09em;color:#a1a2b0}.v62-stat-card strong{display:block;font:700 18px 'Manrope';color:#333448;margin-top:2px}.v62-stat-card em{display:block;font-size:6px;font-style:normal;color:#aaaab6;margin-top:1px}.v62-tall-stat{display:block;padding:15px}.v62-tall-stat .v62-stat-icon{position:absolute;top:14px;right:14px}.v62-ring{position:absolute;right:15px;bottom:14px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#7e87f3 0 72%,#edf0f8 72%);box-shadow:inset 0 0 0 7px #fff}.v62-ring:before{content:'';position:absolute;inset:7px;border-radius:50%;background:#fff}.v62-ring span,.v62-ring small{position:relative;z-index:1}.v62-ring span{font:700 12px 'Manrope';color:#44465b}.v62-ring small{font-size:5px;color:#9c9dac;margin-top:-7px}
.v62-main-grid{display:grid;grid-template-columns:1.42fr .78fr;gap:12px;margin-bottom:12px}.v62-panel{background:rgba(255,255,255,.94);border:1px solid #e8e8f0;border-radius:19px;box-shadow:var(--v62-shadow);overflow:hidden}.v62-panel-head{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 17px 7px}.v62-panel-head>div>span{font-size:6px;font-weight:800;letter-spacing:.14em;color:#aaaab7}.v62-panel-head h2{margin:4px 0 0;font:700 13px 'Manrope';letter-spacing:-.02em;color:#343548}.v62-period{border:1px solid #e8e8ef;background:#fafafd;color:#8b8c9b;border-radius:9px;padding:6px 8px;font-size:6px}.v62-chart-card{min-height:295px}.v62-chart-wrap{padding:5px 17px 0}.v62-chart{width:100%;height:178px;display:block;overflow:visible}.v62-grid-lines line{stroke:#eeeeF4;stroke-width:1}.v62-chart-labels{display:grid;grid-template-columns:repeat(7,1fr);font-size:6px;color:#a4a5b1;margin-top:-1px}.v62-chart-labels span{text-align:center}.v62-chart-foot{display:flex;justify-content:space-between;padding:11px 17px 13px;font-size:6px;color:#a3a4b0;border-top:1px solid #f0f0f5;margin-top:5px}.v62-chart-foot b{color:#5c5e72}.v62-key-line{display:inline-block;width:18px;height:3px;border-radius:99px;background:#737eff;vertical-align:middle;margin-right:4px}.v62-actions-card{min-height:295px}.v62-more{color:#b1b2be;letter-spacing:2px;font-size:9px}.v62-action-grid{padding:8px 13px 14px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.v62-action-grid a{min-height:78px;border:1px solid #eeeeF4;border-radius:14px;background:linear-gradient(145deg,#fff,#fafafd);padding:10px;transition:transform .18s,box-shadow .18s,border-color .18s}.v62-action-grid a:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(68,69,106,.08);border-color:#e0e1ec}.v62-action-grid b{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#f0efff;color:#6f72d8;font-size:11px;margin-bottom:7px}.v62-action-grid a:nth-child(2) b{background:#e8f7f1;color:#58a88e}.v62-action-grid a:nth-child(3) b{background:#fff0e8;color:#c68b6d}.v62-action-grid a:nth-child(4) b{background:#eaf1ff;color:#7091cf}.v62-action-grid a:nth-child(5) b{background:#f3edf9;color:#9a76b6}.v62-action-grid a:nth-child(6) b{background:#eef5df;color:#7f9e49}.v62-action-grid span{display:block;font-size:7px;font-weight:700;color:#4d4e60}.v62-action-grid small{display:block;margin-top:2px;font-size:5.5px;color:#a7a8b3}.v62-lower-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.v62-transactions,.v62-flow-card{min-height:280px}.v62-text-link{font-size:7px;color:#777a8e;font-weight:700}.v62-list-head,.v62-list-row{display:grid;grid-template-columns:1.7fr .55fr .75fr;align-items:center;gap:8px;padding:0 17px}.v62-list-head{font-size:6px;text-transform:uppercase;letter-spacing:.1em;color:#b0b1bb;padding-top:7px;padding-bottom:7px;border-top:1px solid #f0f0f5;border-bottom:1px solid #f0f0f5}.v62-list-row{min-height:52px;border-bottom:1px solid #f1f1f5;font-size:7px;color:#8c8d9b}.v62-list-row:last-child{border-bottom:0}.v62-list-title{display:flex;align-items:center;gap:8px;min-width:0}.v62-list-title>div{min-width:0}.v62-list-title b{display:block;font-size:7px;color:#4b4d5e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v62-list-title small{display:block;font-size:5.5px;color:#aaaab5;margin-top:2px}.v62-avatar-sm{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,#ecebff,#dfe2ff);color:#6b6ed1;font-size:7px;font-weight:800;flex:0 0 25px}.v62-status{display:inline-flex;align-items:center;gap:5px;font-size:6px;font-weight:700;white-space:nowrap}.v62-status i{width:5px;height:5px;border-radius:50%;background:#f0b35b}.v62-status.good{color:#6c9b55}.v62-status.good i{background:#8ec56a}.v62-status.review{color:#9180bf}.v62-status.review i{background:#9b8be0}.v62-status.open{color:#8a8b99}.v62-status.open i{background:#a8a9b3}.v62-dept-list{padding:8px 17px 5px}.v62-dept{display:grid;grid-template-columns:1.1fr 1.2fr 35px;gap:9px;align-items:center;margin:11px 0}.v62-dept>div:first-child b{display:block;font-size:7px;color:#505162}.v62-dept>div:first-child span{display:block;font-size:5.5px;color:#aaaab4;margin-top:2px}.v62-dept-track{height:6px;border-radius:99px;background:#eff0f5;overflow:hidden}.v62-dept-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#9ba4ff,#c2c8ff)}.v62-dept strong{text-align:right;font-size:6px;color:#818394}.v62-health-note{margin:7px 14px 14px;padding:10px 11px;border-radius:13px;background:linear-gradient(135deg,#f4f7e8,#f1f3fb);display:flex;gap:8px;align-items:flex-start}.v62-health-note>span{width:23px;height:23px;border-radius:8px;background:#e7edcf;color:#7f9550;display:grid;place-items:center;font-size:9px}.v62-health-note b{display:block;font-size:6.5px;color:#5e624f}.v62-health-note small{display:block;font-size:5.5px;line-height:1.5;color:#999b9d;margin-top:2px}.v62-empty{padding:30px 17px;text-align:center;font-size:7px;color:#aaaab6}
.app-footer{font-size:6px!important;color:#aaaab6!important;padding:14px 2px!important}.app-footer i{color:#d0d0d8!important}
/* Existing modules receive the same visual language */
.content-area h1{font-family:'Manrope'!important;font-size:22px!important;color:#2e3042!important}.panel,.card,.tablewrap,.search,.formgrid,.alert{box-shadow:var(--v62-shadow)!important}.panel,.card{border-color:#e8e8f0!important}.btn{background:#292a3d!important;border-radius:10px!important;box-shadow:0 9px 20px rgba(42,43,61,.13)!important;font-size:8px!important;padding:9px 12px!important}.btn.secondary{background:#fff!important;color:#686a7b!important;border:1px solid #e7e7ef!important;box-shadow:none!important}.badge{font-size:6px!important;border-radius:99px!important}.tablewrap{border-radius:13px!important}.tablewrap th{font-size:6px!important}.tablewrap td{font-size:7px!important}.field label{font-size:6px!important}.field input,.field select,.field textarea,input,select,textarea{font-size:8px!important;border-radius:10px!important;border-color:#e2e2ea!important}.search{border-color:#e7e7ef!important;background:#fff!important}.alert{font-size:7px!important;border-radius:12px!important}
@media(max-width:1150px){.v62-top-grid{grid-template-columns:1.1fr .9fr}.v62-tall-stat{display:flex}.v62-main-grid,.v62-lower-grid{grid-template-columns:1fr}.v62-actions-card{min-height:220px}.v62-action-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.sidebar{width:250px!important}.main-shell{margin-left:0!important;width:100%!important}.content-area{padding:18px 14px 24px!important}.v62-welcome{align-items:flex-start;flex-direction:column}.v62-welcome-actions{width:100%;flex-wrap:wrap}.v62-top-grid{grid-template-columns:1fr 1fr}.v62-money-card{grid-column:1/-1}.global-search{display:none!important}}
@media(max-width:620px){.v62-top-grid{grid-template-columns:1fr}.v62-money-card{grid-column:auto}.v62-action-grid{grid-template-columns:1fr 1fr}.v62-welcome h1{font-size:19px}.topbar{padding:0 12px!important}.v62-list-head,.v62-list-row{grid-template-columns:1.45fr .55fr .7fr;padding-left:12px;padding-right:12px}.top-user-copy{display:none!important}}


/* ==========================================================
   FLS ERP V6.3 — SIGNATURE GLASS / 3D UI SYSTEM
   Fixed navigation • readable typography • glass depth • tactile 3D icons
   ========================================================== */
:root{
  --v63-bg:#eef0f6;
  --v63-surface:rgba(255,255,255,.78);
  --v63-solid:#ffffff;
  --v63-ink:#24263a;
  --v63-text:#45485d;
  --v63-muted:#8d91a4;
  --v63-faint:#b5b8c6;
  --v63-line:rgba(113,119,155,.14);
  --v63-purple:#7467f0;
  --v63-indigo:#6f7df4;
  --v63-mint:#67c9ac;
  --v63-blue:#8cb6f4;
  --v63-peach:#efb996;
  --v63-lime:#b9d86a;
  --v63-shadow:0 14px 35px rgba(52,55,91,.09),0 3px 10px rgba(52,55,91,.035);
  --v63-shadow-lg:0 28px 70px rgba(53,56,94,.13),0 8px 24px rgba(53,56,94,.06);
  --v63-glass:linear-gradient(145deg,rgba(255,255,255,.90),rgba(248,249,255,.67));
}

html,body{font-family:'Inter','Segoe UI',Arial,sans-serif!important;font-size:14px!important}
body{
  min-height:100vh;
  background:
    radial-gradient(650px 360px at 78% 0%,rgba(131,143,255,.19),transparent 68%),
    radial-gradient(520px 360px at 18% 94%,rgba(118,210,185,.13),transparent 68%),
    linear-gradient(135deg,#f4f5f9 0%,#eceef5 48%,#f3f4f8 100%)!important;
  color:var(--v63-text)!important;
}
body:before,body:after{content:'';position:fixed;pointer-events:none;z-index:0;border-radius:50%;filter:blur(2px);opacity:.48}
body:before{width:320px;height:320px;right:4%;top:9%;background:radial-gradient(circle,rgba(145,154,255,.14),transparent 68%)}
body:after{width:300px;height:300px;left:14%;bottom:-100px;background:radial-gradient(circle,rgba(93,203,173,.12),transparent 68%)}

/* Fixed desktop sidebar — no collapse rail */
.sidebar{
  position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:268px!important;height:100vh!important;
  z-index:1000!important;overflow-y:auto!important;overflow-x:hidden!important;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,248,252,.86))!important;
  border-right:1px solid rgba(106,112,145,.13)!important;
  box-shadow:18px 0 55px rgba(47,50,82,.075)!important;
  backdrop-filter:blur(28px) saturate(145%)!important;
}
.brand{height:86px!important;padding:17px 18px!important;background:rgba(255,255,255,.62)!important;border-bottom:1px solid var(--v63-line)!important}
.brand-mark{
  width:48px!important;height:48px!important;min-width:48px!important;border-radius:50%!important;
  background:linear-gradient(145deg,#27283b 0%,#565a77 54%,#8c91b0 100%)!important;
  border:3px solid rgba(255,255,255,.86)!important;
  box-shadow:0 12px 25px rgba(42,44,69,.19),inset 2px 2px 4px rgba(255,255,255,.28),inset -4px -5px 9px rgba(23,24,39,.24)!important;
  overflow:hidden!important;display:grid!important;place-items:center!important;
}
.brand-mark img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important;display:block!important}
.brand-mark span{font:800 18px 'Manrope',sans-serif!important;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.25)!important}
.brand-copy b{font:800 14px 'Manrope',sans-serif!important;color:#292b3d!important;letter-spacing:-.02em!important}.brand-copy small{font-size:9px!important;color:#9296a8!important}
.sidebar-toggle{display:none!important}
.sidebar-search{margin:15px 16px 13px!important;height:40px!important;padding:0 13px!important;border-radius:14px!important;background:rgba(246,247,251,.92)!important;border:1px solid rgba(111,116,149,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 5px 14px rgba(55,58,90,.035)!important}
.sidebar-search input{font-size:10px!important;color:#4b4e63!important}.sidebar-search input::placeholder{color:#a0a4b4!important}.sidebar-search span{font-size:16px!important;color:#868a9e!important}
.sidebar-nav{padding:4px 14px 22px!important}
.nav-home,.nav-link{min-height:42px!important;padding:7px 10px!important;border-radius:13px!important;gap:11px!important;font-size:10px!important;font-weight:600!important;color:#70748a!important;transition:.22s ease!important}
.nav-home{margin-bottom:11px!important;background:rgba(255,255,255,.75)!important;border:1px solid rgba(109,115,147,.09)!important;box-shadow:0 5px 16px rgba(55,58,90,.035)!important}
.nav-home .nav-svg{width:19px!important;height:19px!important}
.nav-group{margin:0 0 7px!important}.nav-group-head{min-height:34px!important;padding:4px 8px!important;font-size:8px!important;font-weight:800!important;letter-spacing:.14em!important;color:#9a9eaf!important}
.nav-group-icon{width:29px!important;height:29px!important;flex-basis:29px!important;border-radius:10px!important;background:linear-gradient(145deg,#fff,#e9ebf4)!important;color:#74798e!important;box-shadow:4px 5px 10px rgba(50,53,83,.08),inset 1px 1px 2px rgba(255,255,255,.95)!important}
.nav-group-icon .nav-svg{width:16px!important;height:16px!important;filter:drop-shadow(0 2px 2px rgba(67,70,103,.16))!important}
.nav-group.is-active .nav-group-head{background:linear-gradient(135deg,#eeedff,#f7f6ff)!important;color:#5f58c8!important;border-radius:12px!important}
.nav-group.is-active .nav-group-icon{background:linear-gradient(145deg,#8178f5,#6259d6)!important;color:#fff!important;box-shadow:0 8px 16px rgba(108,96,228,.24),inset 1px 1px 2px rgba(255,255,255,.35)!important}
.nav-chevron{font-size:14px!important;color:#a2a5b4!important}
.nav-link{margin:2px 0!important;background:transparent!important}.nav-link .service-icon{width:31px!important;height:31px!important;flex-basis:31px!important;border-radius:10px!important;background:linear-gradient(145deg,#ffffff,#e8eaf2)!important;color:#74798f!important;box-shadow:4px 5px 10px rgba(48,51,80,.075),inset 1px 1px 2px rgba(255,255,255,.95),inset -2px -2px 3px rgba(127,131,153,.08)!important;display:grid!important;place-items:center!important}
.nav-link .service-icon .nav-svg{width:16px!important;height:16px!important;filter:drop-shadow(0 2px 2px rgba(61,64,94,.2))!important}
.nav-link:hover{transform:translateX(2px)!important;background:rgba(255,255,255,.74)!important;color:#4d5065!important;box-shadow:0 7px 18px rgba(54,57,89,.05)!important}
.nav-link:hover .service-icon{transform:translateY(-1px)!important}
.nav-link.active{background:linear-gradient(135deg,#655bdb,#4d46b8)!important;color:#fff!important;box-shadow:0 13px 28px rgba(82,72,193,.23),inset 1px 1px 1px rgba(255,255,255,.18)!important}
.nav-link.active .service-icon{background:linear-gradient(145deg,rgba(255,255,255,.32),rgba(255,255,255,.12))!important;color:#fff!important;box-shadow:inset 1px 1px 2px rgba(255,255,255,.24),0 4px 8px rgba(38,35,104,.18)!important}
.nav-link.active .service-icon .nav-svg{filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))!important}
.sidebar-bottom{padding:13px 16px 16px!important;border-top:1px solid var(--v63-line)!important;background:rgba(255,255,255,.35)!important}.side-status{border-radius:13px!important;background:linear-gradient(135deg,#eff8e8,#f7faf2)!important;border:1px solid rgba(116,163,74,.13)!important;box-shadow:0 7px 18px rgba(80,112,55,.055)!important;padding:10px 11px!important}.side-status b{font-size:9px!important;color:#5b694f!important}.side-status small{font-size:8px!important;color:#9ba28e!important}.side-version{font-size:7px!important;color:#a4a8b5!important}

.main-shell{margin-left:268px!important;width:calc(100% - 268px)!important;transition:none!important;position:relative!important;z-index:1!important}
.topbar{height:74px!important;padding:0 28px!important;background:rgba(248,249,252,.68)!important;border-bottom:1px solid rgba(106,112,145,.11)!important;backdrop-filter:blur(25px) saturate(145%)!important;position:sticky!important;top:0!important;z-index:900!important}
.crumb span{font-size:9px!important;color:#a1a5b5!important}.crumb b{font:800 15px 'Manrope',sans-serif!important;color:#303348!important}
.global-search{width:235px!important;height:38px!important;border-radius:19px!important;background:rgba(255,255,255,.82)!important;border:1px solid rgba(103,108,143,.11)!important;box-shadow:0 7px 18px rgba(53,56,91,.05)!important}.global-search input{font-size:10px!important}.global-search span{font-size:15px!important}
.theme-toggle,.top-icon,.logout-pill{height:38px!important;border-radius:13px!important;background:rgba(255,255,255,.82)!important;border:1px solid rgba(103,108,143,.11)!important;box-shadow:0 7px 18px rgba(53,56,91,.04)!important;font-size:9px!important}.theme-toggle{padding:0 12px!important}.top-icon{width:38px!important}.quick-btn{height:38px!important;padding:0 15px!important;border-radius:13px!important;background:linear-gradient(135deg,#655bdb,#4b43b7)!important;box-shadow:0 12px 24px rgba(82,72,193,.23),inset 1px 1px 1px rgba(255,255,255,.18)!important;font-size:9px!important}.top-user{gap:9px!important}.avatar{width:38px!important;height:38px!important;border-radius:50%!important;box-shadow:0 7px 16px rgba(55,58,88,.14),inset 1px 1px 2px rgba(255,255,255,.55)!important}.avatar img{border-radius:50%!important}.top-user-copy b{font-size:9px!important}.top-user-copy small{font-size:7px!important}.logout-pill{padding:0 12px!important;color:#777b8d!important}
.mobile-menu{display:none!important}
.content-area{padding:28px 30px 38px!important;max-width:none!important;position:relative!important;z-index:2!important}

/* Readable typography across every module */
.content-area h1{font:800 28px 'Manrope',sans-serif!important;color:#292b40!important;letter-spacing:-.035em!important}.content-area h2{font-family:'Manrope',sans-serif!important}.sub,.content-area p{font-size:11px!important;color:#85899c!important;line-height:1.6!important}
.panel,.card,.tablewrap,.search,.formgrid,.alert{border-radius:18px!important;box-shadow:var(--v63-shadow)!important}
.panel,.card{background:var(--v63-glass)!important;border:1px solid rgba(255,255,255,.78)!important;backdrop-filter:blur(20px) saturate(125%)!important;position:relative!important;overflow:hidden!important}
.panel:before,.card:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.34),transparent 32%,transparent 72%,rgba(126,133,242,.045));border-radius:inherit}
.panel>* ,.card>*{position:relative;z-index:1}
.btn{min-height:40px!important;padding:0 15px!important;border-radius:13px!important;font-size:10px!important;font-weight:800!important;background:linear-gradient(135deg,#655bdb,#4d45b8)!important;box-shadow:0 11px 22px rgba(82,72,193,.20),inset 1px 1px 1px rgba(255,255,255,.17)!important}.btn.secondary{background:rgba(255,255,255,.86)!important;color:#676b7f!important;border:1px solid rgba(101,107,142,.13)!important;box-shadow:0 7px 16px rgba(50,54,84,.05)!important}
.badge{font-size:8px!important;padding:6px 9px!important;border-radius:999px!important}.tablewrap{background:rgba(255,255,255,.76)!important;border:1px solid rgba(100,105,138,.11)!important;overflow:hidden!important}.tablewrap th{font-size:8px!important;letter-spacing:.09em!important;padding:12px!important;color:#9296a8!important}.tablewrap td{font-size:10px!important;padding:13px 12px!important;color:#55596c!important}.tablewrap tr:hover td{background:rgba(246,247,252,.82)!important}.field label{font-size:9px!important;color:#73788d!important;font-weight:700!important}.field input,.field select,.field textarea,input,select,textarea{min-height:42px!important;font-size:10px!important;border-radius:12px!important;background:rgba(255,255,255,.84)!important;border:1px solid rgba(102,108,140,.14)!important;color:#36394d!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 5px 14px rgba(52,55,86,.035)!important}.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{border-color:#8c86ef!important;box-shadow:0 0 0 4px rgba(116,103,240,.10),0 7px 18px rgba(53,55,90,.06)!important}

/* V6.2 dashboard becomes a glass 3D command center */
.v62-dashboard{position:relative!important}.v62-welcome{padding:4px 2px 6px!important}.v62-eyebrow{font-size:9px!important;color:#8c91a5!important;letter-spacing:.13em!important}.v62-live-dot{width:8px!important;height:8px!important;background:#8bc96b!important;box-shadow:0 0 0 5px rgba(139,201,107,.12)!important}.v62-welcome h1{font-size:30px!important;color:#292b40!important}.v62-welcome p{font-size:11px!important;color:#888ca0!important}.v62-pill{height:40px!important;padding:0 15px!important;border-radius:13px!important;font-size:10px!important}.v62-pill-soft{background:rgba(255,255,255,.84)!important;border:1px solid rgba(103,108,143,.11)!important;box-shadow:0 8px 18px rgba(54,57,89,.05)!important}.v62-pill-dark{background:linear-gradient(135deg,#655bdb,#4b43b7)!important;box-shadow:0 12px 24px rgba(82,72,193,.22)!important}
.v62-top-grid{gap:16px!important;margin-bottom:16px!important}.v62-money-card,.v62-stat-card{border-radius:23px!important;box-shadow:var(--v63-shadow-lg)!important;border:1px solid rgba(255,255,255,.82)!important;backdrop-filter:blur(20px)!important}.v62-money-card{min-height:175px!important;padding:21px 23px!important;background:linear-gradient(145deg,#6f75e6 0%,#858bf2 45%,#b4b9fa 100%)!important;box-shadow:0 25px 50px rgba(84,86,189,.22),inset 1px 1px 1px rgba(255,255,255,.25)!important}.v62-money-card:before{content:'';position:absolute;left:-50px;bottom:-70px;width:230px;height:170px;border-radius:50%;background:rgba(255,255,255,.10);filter:blur(1px)}.v62-money-card:after{right:-38px!important;top:-78px!important;width:220px!important;height:220px!important;background:radial-gradient(circle,rgba(255,255,255,.20),transparent 66%)!important}.v62-money-head{font-size:9px!important}.v62-money-head button{font-size:8px!important;padding:6px 10px!important}.v62-money-value{font-size:31px!important;margin-top:18px!important}.v62-money-value small{font-size:12px!important}.v62-money-meta{font-size:10px!important;margin-top:6px!important}.v62-money-footer{font-size:8px!important}.v62-mini-bars{height:60px!important;gap:6px!important;right:23px!important;bottom:20px!important}.v62-mini-bars i{width:7px!important;border-radius:7px 7px 2px 2px!important;box-shadow:0 3px 7px rgba(46,50,118,.12)!important}
.v62-small-stack{gap:11px!important}.v62-stat-card{min-height:50px!important;padding:14px 16px!important}.v62-stat-icon{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:13px!important;font-size:17px!important;box-shadow:5px 7px 13px rgba(55,58,91,.09),inset 1px 1px 2px rgba(255,255,255,.9)!important;text-shadow:0 2px 3px rgba(61,64,95,.12)!important}.v62-stat-card small{font-size:8px!important}.v62-stat-card strong{font-size:22px!important}.v62-stat-card em{font-size:8px!important}.v62-tall-stat{min-height:175px!important;padding:19px!important}.v62-ring{width:62px!important;height:62px!important;right:19px!important;bottom:18px!important;box-shadow:inset 0 0 0 8px #fff,0 8px 18px rgba(78,81,128,.08)!important}.v62-ring span{font-size:15px!important}.v62-ring small{font-size:7px!important}
.v62-panel{border-radius:23px!important;background:rgba(255,255,255,.78)!important;border:1px solid rgba(255,255,255,.84)!important;box-shadow:var(--v63-shadow-lg)!important;backdrop-filter:blur(22px) saturate(135%)!important;position:relative!important}.v62-panel:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.36),transparent 35%,transparent 74%,rgba(116,103,240,.035));border-radius:inherit}.v62-panel>*{position:relative;z-index:1}.v62-main-grid,.v62-lower-grid{gap:16px!important}.v62-chart-card,.v62-actions-card,.v62-transactions,.v62-flow-card{min-height:330px!important}.v62-panel-head{padding:20px 21px 9px!important}.v62-panel-head>div>span{font-size:8px!important;color:#969bad!important}.v62-panel-head h2{font-size:16px!important;color:#34364b!important}.v62-period{font-size:8px!important;padding:8px 10px!important;border-radius:10px!important}.v62-chart{height:205px!important}.v62-chart-labels{font-size:8px!important;color:#999daf!important}.v62-chart-foot{font-size:8px!important;padding:13px 21px 16px!important}.v62-action-grid{padding:10px 17px 18px!important;gap:10px!important}.v62-action-grid a{min-height:92px!important;padding:13px!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,247,253,.76))!important;border:1px solid rgba(107,112,145,.10)!important;box-shadow:0 8px 18px rgba(50,53,85,.045),inset 1px 1px 0 rgba(255,255,255,.92)!important}.v62-action-grid a:hover{transform:translateY(-5px) scale(1.01)!important;box-shadow:0 18px 30px rgba(58,61,98,.10)!important}.v62-action-grid b{width:36px!important;height:36px!important;border-radius:12px!important;font-size:16px!important;margin-bottom:9px!important;box-shadow:5px 7px 13px rgba(56,59,91,.10),inset 1px 1px 2px rgba(255,255,255,.85)!important;text-shadow:0 2px 3px rgba(59,62,95,.12)!important}.v62-action-grid span{font-size:10px!important;color:#45485b!important}.v62-action-grid small{font-size:8px!important;color:#989cad!important;margin-top:4px!important}.v62-list-head,.v62-list-row{padding-left:21px!important;padding-right:21px!important}.v62-list-head{font-size:8px!important;padding-top:10px!important;padding-bottom:10px!important}.v62-list-row{min-height:64px!important;font-size:9px!important}.v62-list-title b{font-size:10px!important}.v62-list-title small{font-size:8px!important}.v62-avatar-sm{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:11px!important;font-size:9px!important;box-shadow:4px 6px 12px rgba(57,60,94,.08),inset 1px 1px 2px rgba(255,255,255,.9)!important}.v62-status{font-size:8px!important}.v62-dept-list{padding:10px 21px 5px!important}.v62-dept{margin:15px 0!important}.v62-dept>div:first-child b{font-size:10px!important}.v62-dept>div:first-child span{font-size:8px!important}.v62-dept-track{height:8px!important;box-shadow:inset 0 2px 4px rgba(56,59,90,.05)!important}.v62-dept strong{font-size:9px!important}.v62-health-note{margin:10px 18px 18px!important;padding:13px!important;border-radius:15px!important;box-shadow:inset 1px 1px 0 rgba(255,255,255,.8)!important}.v62-health-note>span{width:31px!important;height:31px!important;border-radius:10px!important;font-size:13px!important;box-shadow:4px 6px 12px rgba(56,59,88,.08)!important}.v62-health-note b{font-size:9px!important}.v62-health-note small{font-size:8px!important}.v62-empty{font-size:9px!important;padding:38px 20px!important}

/* Premium 3D treatment for icons everywhere */
.nav-svg,.top-icon .nav-svg,.theme-icon .nav-svg{filter:drop-shadow(0 2px 2px rgba(61,64,95,.17))!important}
.icon,.kpi-icon,.pipeline-stage-icon,.snap-icon{box-shadow:6px 8px 15px rgba(54,57,89,.10),inset 1px 1px 2px rgba(255,255,255,.92)!important;filter:drop-shadow(0 2px 2px rgba(63,66,98,.10))!important}

/* Forms and performance pages: readable instead of micro-text */
.formgrid{gap:16px!important}.formgrid .field{min-width:0!important}.form-actions{gap:10px!important}.section-title,.panel-title{font-size:14px!important}.help,.muted,.hint{font-size:9px!important}.tabs a,.tab{font-size:10px!important;padding:9px 12px!important}.kpi-value{font-size:24px!important}.kpi-label{font-size:9px!important}.kpi-sub{font-size:8px!important}

/* Never allow old desktop collapsed state to change the layout */
body.sidebar-collapsed .sidebar{width:268px!important}.sidebar-collapsed .main-shell{margin-left:268px!important;width:calc(100% - 268px)!important}.sidebar-collapsed .brand-copy,.sidebar-collapsed .sidebar-search,.sidebar-collapsed .nav-home span,.sidebar-collapsed .nav-group-label,.sidebar-collapsed .nav-chevron,.sidebar-collapsed .side-status div,.sidebar-collapsed .side-version{display:block!important}.sidebar-collapsed .sidebar-toggle{display:none!important}

@media(max-width:1100px){.sidebar{width:252px!important}.main-shell{margin-left:252px!important;width:calc(100% - 252px)!important}.content-area{padding:24px 22px 32px!important}.v62-top-grid{grid-template-columns:1.1fr .9fr!important}.v62-main-grid,.v62-lower-grid{grid-template-columns:1fr!important}}
@media(max-width:900px){.sidebar{transform:translateX(-110%)!important;width:278px!important}.sidebar.mobile-open{transform:translateX(0)!important}.main-shell{margin-left:0!important;width:100%!important}.mobile-menu{display:grid!important;place-items:center!important}.content-area{padding:20px 15px 28px!important}.global-search{display:none!important}.top-user-copy,.logout-pill{display:none!important}.v62-welcome{align-items:flex-start;flex-direction:column}.v62-welcome-actions{width:100%;flex-wrap:wrap}.v62-top-grid{grid-template-columns:1fr 1fr!important}.v62-money-card{grid-column:1/-1}}
@media(max-width:620px){.v62-top-grid{grid-template-columns:1fr!important}.v62-money-card{grid-column:auto}.v62-action-grid{grid-template-columns:1fr!important}.v62-welcome h1{font-size:24px!important}.content-area h1{font-size:24px!important}.topbar{padding:0 12px!important}.v62-list-head,.v62-list-row{grid-template-columns:1.4fr .55fr .7fr;padding-left:13px!important;padding-right:13px!important}}

/* Light mode is the V6.3 signature visual; dark mode still works when selected. */
body[data-theme="light"] .sidebar,body[data-theme="light"] .topbar{color:#45485d!important}

/* ========================= V6.3.2 — HIGH CONTRAST TEXT =========================
   Strong, readable typography for the light workspace. Keeps the premium
   glass/3D surfaces while ensuring right-side content never disappears. */
body[data-theme="light"] .main-shell,
body[data-theme="light"] .main-shell .content-area,
body[data-theme="light"] .main-shell .workspace,
body[data-theme="light"] .main-shell .page-content{color:#111318!important}
body[data-theme="light"] .main-shell h1,
body[data-theme="light"] .main-shell h2,
body[data-theme="light"] .main-shell h3,
body[data-theme="light"] .main-shell h4,
body[data-theme="light"] .main-shell h5,
body[data-theme="light"] .main-shell h6,
body[data-theme="light"] .main-shell .title,
body[data-theme="light"] .main-shell .card-title,
body[data-theme="light"] .main-shell .panel-title,
body[data-theme="light"] .main-shell .section-title{color:#0b0d10!important;font-weight:800!important}
body[data-theme="light"] .main-shell p,
body[data-theme="light"] .main-shell label,
body[data-theme="light"] .main-shell td,
body[data-theme="light"] .main-shell th,
body[data-theme="light"] .main-shell li,
body[data-theme="light"] .main-shell .text,
body[data-theme="light"] .main-shell .value,
body[data-theme="light"] .main-shell .metric,
body[data-theme="light"] .main-shell .stat,
body[data-theme="light"] .main-shell .amount,
body[data-theme="light"] .main-shell .name,
body[data-theme="light"] .main-shell .description{color:#17191d!important}
body[data-theme="light"] .main-shell .muted,
body[data-theme="light"] .main-shell .help,
body[data-theme="light"] .main-shell .hint,
body[data-theme="light"] .main-shell .sub,
body[data-theme="light"] .main-shell small{color:#555b64!important}
body[data-theme="light"] .main-shell strong,
body[data-theme="light"] .main-shell b{color:#080a0d!important;font-weight:800!important}
body[data-theme="light"] .main-shell a:not(.btn):not(.nav-link){color:#15181d!important}
body[data-theme="light"] .main-shell .btn{color:#fff!important;font-weight:800!important}
body[data-theme="light"] .main-shell .btn.secondary,
body[data-theme="light"] .main-shell .btn.success{color:#111318!important}
body[data-theme="light"] .main-shell input,
body[data-theme="light"] .main-shell select,
body[data-theme="light"] .main-shell textarea,
body[data-theme="light"] .main-shell option{color:#111318!important;font-weight:600!important}
body[data-theme="light"] .main-shell input::placeholder,
body[data-theme="light"] .main-shell textarea::placeholder{color:#686e76!important;opacity:1!important}
body[data-theme="light"] .main-shell table thead th{color:#17191d!important;font-weight:800!important}
body[data-theme="light"] .main-shell table tbody td{color:#202328!important;font-weight:600!important}
body[data-theme="light"] .main-shell .badge,
body[data-theme="light"] .main-shell .status,
body[data-theme="light"] .main-shell .pill,
body[data-theme="light"] .main-shell .chip{font-weight:800!important}
body[data-theme="light"] .main-shell .v62-panel-head h2,
body[data-theme="light"] .main-shell .v62-panel-head>div>span,
body[data-theme="light"] .main-shell .v62-list-title b,
body[data-theme="light"] .main-shell .v62-list-title small,
body[data-theme="light"] .main-shell .v62-dept b,
body[data-theme="light"] .main-shell .v62-dept span,
body[data-theme="light"] .main-shell .v62-health-note b,
body[data-theme="light"] .main-shell .v62-health-note small{color:#111318!important}
body[data-theme="light"] .main-shell .v62-panel-head>div>span,
body[data-theme="light"] .main-shell .v62-list-title small,
body[data-theme="light"] .main-shell .v62-dept>div:first-child span,
body[data-theme="light"] .main-shell .v62-health-note small{color:#4f555e!important}
body[data-theme="light"] .main-shell .v62-action-grid span{color:#111318!important;font-weight:800!important}
body[data-theme="light"] .main-shell .v62-action-grid small{color:#555b64!important}
body[data-theme="light"] .main-shell .v62-chart-labels,
body[data-theme="light"] .main-shell .v62-chart-foot{color:#4f555e!important}
body[data-theme="light"] .main-shell .v62-status{color:#111318!important;font-weight:800!important}
/* Prevent translucent cards from washing text into the background. */
body[data-theme="light"] .main-shell .card,
body[data-theme="light"] .main-shell .panel,
body[data-theme="light"] .main-shell .kpi-card,
body[data-theme="light"] .main-shell .stat-card,
body[data-theme="light"] .main-shell .v62-panel{color:#15171b!important}
/* Accessibility fallback: selected/disabled states remain readable. */
body[data-theme="light"] .main-shell .disabled,
body[data-theme="light"] .main-shell [disabled]{color:#5a6068!important;opacity:1!important}

/* ================= V6.3.5 — WHATSAPP STYLE INTERNAL CHAT ================= */
.chat-toolbar{margin-bottom:18px}.chat-eyebrow{font-size:9px!important;font-weight:900!important;letter-spacing:.16em!important;color:#7771b6!important;margin-bottom:4px}.chat-online{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.76);border:1px solid rgba(89,95,135,.11);padding:10px 14px;border-radius:14px;font-size:9px;font-weight:800;color:#22252d;box-shadow:0 9px 20px rgba(48,51,84,.05)}.chat-online span{width:8px;height:8px;border-radius:50%;background:#25d366;box-shadow:0 0 0 5px rgba(37,211,102,.11),0 0 12px rgba(37,211,102,.5)}
.whatsapp-chat-shell{height:calc(100vh - 190px);min-height:560px;display:grid;grid-template-columns:335px minmax(0,1fr);border:1px solid rgba(87,93,131,.12);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.72);box-shadow:0 25px 65px rgba(42,45,78,.11),inset 1px 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(25px) saturate(140%)}
.wa-sidebar{background:rgba(250,251,253,.92);border-right:1px solid rgba(90,95,130,.10);display:flex;flex-direction:column;min-width:0}.wa-side-top{height:78px;padding:18px 18px 12px;display:flex;align-items:center;justify-content:space-between}.wa-side-top b{display:block;font:900 20px 'Manrope',sans-serif;color:#101318;letter-spacing:-.04em}.wa-side-top small{display:block;margin-top:3px;font-size:8px;color:#707682;font-weight:700}.wa-new-icon{width:35px;height:35px;border-radius:12px;display:grid;place-items:center;background:#25d366;color:#fff;font-size:19px;font-weight:800;box-shadow:0 9px 18px rgba(37,211,102,.22),inset 1px 1px 2px rgba(255,255,255,.5)}
.wa-search{margin:0 14px 10px;height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:13px;background:#f0f2f5;border:1px solid rgba(76,82,113,.07)}.wa-search span{font-size:18px;color:#727780}.wa-search input{min-height:0!important;height:100%!important;border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;font-size:10px!important;color:#16191d!important;font-weight:600!important;outline:0}.wa-new-chat{padding:0 14px 11px}.wa-new-chat form{display:flex;gap:6px}.wa-new-chat select{flex:1;min-height:38px!important;height:38px!important;font-size:9px!important;border-radius:11px!important;color:#20242a!important;background:#fff!important}.wa-new-chat button{height:38px;border:0;border-radius:11px;background:#e8fff0;color:#08783f;font-size:9px;font-weight:900;padding:0 11px;cursor:pointer}.wa-chat-list{overflow:auto;flex:1;padding:4px 7px 12px}.wa-chat-list::-webkit-scrollbar,.wa-messages::-webkit-scrollbar{width:5px}.wa-chat-list::-webkit-scrollbar-thumb,.wa-messages::-webkit-scrollbar-thumb{background:#d7dae0;border-radius:9px}.wa-chat-row{min-height:68px;padding:10px 11px;display:flex;align-items:center;gap:11px;border-radius:15px;color:#15181d;transition:.18s;margin:2px 0}.wa-chat-row:hover{background:#f0f2f5;transform:translateX(2px)}.wa-chat-row.selected{background:linear-gradient(135deg,#e8fff0,#f4fff7);box-shadow:inset 3px 0 #25d366,0 7px 16px rgba(41,64,49,.06)}.wa-avatar{width:43px;height:43px;flex:0 0 43px;border-radius:50%;display:grid;place-items:center;color:#fff;font:900 13px 'Manrope';background:linear-gradient(145deg,#675bda,#8d80ed);box-shadow:5px 7px 13px rgba(65,63,126,.16),inset 1px 1px 2px rgba(255,255,255,.5);overflow:hidden}.wa-avatar img{width:100%;height:100%;object-fit:cover}.wa-chat-info{min-width:0;flex:1}.wa-chat-info b{display:block;color:#101318!important;font-size:10px!important;font-weight:900!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-chat-info small{display:block;color:#656b74!important;font-size:8px!important;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-row-arrow{font-size:19px;color:#b1b5bc}.wa-empty-list{text-align:center;padding:55px 25px;color:#727780}.wa-empty-list>div{font-size:34px;margin-bottom:12px}.wa-empty-list b{display:block;font-size:11px;color:#15181d}.wa-empty-list span{display:block;margin-top:6px;font-size:8px;line-height:1.5}
.wa-conversation{position:relative;display:flex;flex-direction:column;min-width:0;background:#efeae2;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.38) 0 1px,transparent 1px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.26) 0 1px,transparent 1px);background-size:24px 24px,31px 31px}.wa-chat-head{height:72px;flex:0 0 72px;padding:10px 18px;display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(71,76,91,.10);box-shadow:0 6px 18px rgba(52,56,67,.06);z-index:2}.wa-avatar.big{width:44px;height:44px;flex-basis:44px;font-size:13px}.wa-chat-head>div:nth-child(2){min-width:0}.wa-chat-head b{display:block;font-size:11px;color:#111418!important;font-weight:900!important}.wa-chat-head small{display:block;margin-top:4px;font-size:8px;color:#656a72!important;font-weight:700}.wa-chat-head small span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#25d366;margin-right:4px}.wa-head-actions{margin-left:auto;display:flex;gap:5px}.wa-head-actions button{width:34px;height:34px;border:0;border-radius:10px;background:#f2f4f5;color:#4f555d;font-size:16px;cursor:pointer}.wa-messages{flex:1;overflow:auto;padding:20px 5.5%;scroll-behavior:smooth}.wa-day-chip{width:max-content;margin:0 auto 15px;padding:6px 11px;border-radius:9px;background:rgba(255,255,255,.78);box-shadow:0 3px 8px rgba(40,43,48,.08);color:#697078;font-size:7px;font-weight:900;letter-spacing:.1em}.wa-msg-row{display:flex;justify-content:flex-start;margin:5px 0}.wa-msg-row.mine{justify-content:flex-end}.wa-bubble{max-width:min(72%,520px);padding:8px 10px 6px;border-radius:10px 10px 10px 3px;background:#fff;color:#171a1e;box-shadow:0 3px 8px rgba(45,49,55,.10);position:relative}.wa-msg-row.mine .wa-bubble{background:#d9ffc8;border-radius:10px 10px 3px 10px;box-shadow:0 3px 8px rgba(45,80,37,.10)}.wa-msg-text{font-size:10px;line-height:1.48;color:#111318!important;font-weight:600;word-break:break-word}.wa-msg-time{text-align:right;margin-top:4px;font-size:7px;color:#697078!important;font-weight:700}.wa-composer{height:68px;flex:0 0 68px;padding:12px 14px;display:flex;align-items:center;gap:8px;background:rgba(245,246,247,.96);border-top:1px solid rgba(71,76,91,.09)}.wa-composer input{height:44px!important;min-height:44px!important;flex:1;border:0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 15px rgba(44,48,57,.07)!important;padding:0 15px!important;color:#111318!important;font-size:10px!important}.wa-attach,.wa-emoji,.wa-send{border:0;cursor:pointer}.wa-attach,.wa-emoji{width:39px;height:39px;border-radius:12px;background:transparent;color:#70767e;font-size:19px}.wa-send{width:43px;height:43px;border-radius:50%;background:#25d366;color:#fff;font-size:17px;box-shadow:0 9px 18px rgba(37,211,102,.28),inset 1px 1px 2px rgba(255,255,255,.55);transform:rotate(-5deg)}.wa-send:hover{transform:translateY(-2px) rotate(-5deg);box-shadow:0 13px 24px rgba(37,211,102,.35)}.wa-welcome{margin:auto;text-align:center;max-width:430px;padding:40px}.wa-welcome-orb{width:90px;height:90px;margin:0 auto 18px;border-radius:28px;display:grid;place-items:center;font-size:42px;background:linear-gradient(145deg,#fff,#d9ffc8);box-shadow:12px 16px 30px rgba(45,72,42,.12),inset 2px 2px 4px rgba(255,255,255,.9)}.wa-welcome h2{font:900 25px 'Manrope';color:#111418!important;margin:0}.wa-welcome p{font-size:10px;line-height:1.7;color:#626870!important;margin:10px auto 14px}.wa-welcome span{display:inline-block;padding:7px 11px;border-radius:99px;background:rgba(255,255,255,.75);color:#4d555d;font-size:8px;font-weight:800}
@media(max-width:850px){.whatsapp-chat-shell{grid-template-columns:280px minmax(0,1fr);height:calc(100vh - 165px)}}
@media(max-width:650px){.whatsapp-chat-shell{grid-template-columns:1fr;height:calc(100vh - 150px);min-height:500px}.wa-sidebar{display:none}.wa-messages{padding:16px 14px}.wa-bubble{max-width:84%}.chat-online{display:none}}
/* V6.3.6 Internal Chat: search, emoji picker and blue seen ticks */
.wa-search{position:relative}.wa-search #clearChatSearch{border:0;background:transparent;color:#777;font-size:16px;line-height:1;cursor:pointer;padding:0 2px}.wa-contact-results{display:none;position:absolute;z-index:20;top:128px;left:10px;right:10px;max-height:310px;overflow:auto;background:rgba(255,255,255,.98);border:1px solid rgba(50,60,70,.09);border-radius:16px;box-shadow:0 18px 40px rgba(20,25,30,.16);padding:7px}.wa-search:focus-within + .wa-contact-results,.wa-contact-results:hover{display:block}.wa-contact-result{display:flex;align-items:center;gap:9px;padding:8px;border-radius:11px;text-decoration:none}.wa-contact-result:hover{background:#f1f5f2}.wa-contact-result span:nth-child(2){min-width:0;flex:1}.wa-contact-result b{display:block;font-size:9px;color:#111!important;font-weight:900}.wa-contact-result small{display:block;margin-top:2px;font-size:7px;color:#666!important}.wa-contact-result button{border:0;background:#e8fff0;color:#08783f;border-radius:9px;padding:6px 9px;font-size:7px;font-weight:900;cursor:pointer}.wa-avatar.mini{width:34px;height:34px;flex-basis:34px;font-size:10px}.wa-ticks{font-size:10px;letter-spacing:-2px;margin-left:3px;color:#727980;font-weight:900}.wa-ticks.seen{color:#34b7f1!important}.wa-emoji{position:relative}.wa-emoji-picker{display:none;position:absolute;right:52px;bottom:61px;width:290px;padding:10px;grid-template-columns:repeat(8,1fr);gap:5px;background:rgba(255,255,255,.98);border:1px solid rgba(40,45,55,.10);border-radius:17px;box-shadow:0 20px 45px rgba(20,25,30,.20);z-index:30}.wa-emoji-picker.open{display:grid}.wa-emoji-picker button{width:30px;height:30px;border:0;background:transparent;border-radius:8px;font-size:18px;cursor:pointer}.wa-emoji-picker button:hover{background:#f0f2f5;transform:scale(1.1)}
@media(max-width:650px){.wa-emoji-picker{right:8px;bottom:66px;width:265px}.wa-contact-results{top:128px}}