:root{--bg:#141817;--bg2:#171c1a;--panel:rgba(28,35,32,.72);--panel2:rgba(22,29,26,.82);--line:rgba(255,255,255,.085);--line2:rgba(105,255,174,.16);--text:#f5f8f6;--muted:#9da9a3;--green:#6ef0a6;--green2:#9af5bf;--gold:#d7bd72;--danger:#ff7f87;--shadow:0 26px 70px rgba(0,0,0,.28);--radius:22px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 76% 8%,rgba(75,134,101,.11),transparent 31%),linear-gradient(145deg,var(--bg),#101412 65%,#151a18);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}body{overflow-x:hidden}.ambient{position:fixed;pointer-events:none;filter:blur(90px);opacity:.38;border-radius:50%;z-index:0}.ambient-a{width:420px;height:420px;background:rgba(65,203,123,.11);right:-150px;top:-120px}.ambient-b{width:380px;height:380px;background:rgba(213,188,112,.065);left:20%;bottom:-180px}.glass,.glass-heavy,.card,.stat,.panel,.table-card,.modal-card{border:1px solid var(--line);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(28px) saturate(128%);-webkit-backdrop-filter:blur(28px) saturate(128%)}.glass{background:linear-gradient(180deg,rgba(30,37,34,.72),rgba(20,26,23,.68))}.glass-heavy{background:linear-gradient(180deg,rgba(25,32,29,.94),rgba(18,24,21,.91))}.app-shell{position:relative;z-index:1;display:grid;grid-template-columns:265px minmax(0,1fr);min-height:100vh}.sidebar{height:100vh;position:sticky;top:0;padding:18px 14px;display:flex;flex-direction:column;border-width:0 1px 0 0}.brand{display:flex;align-items:center;gap:12px;padding:8px 10px 18px;color:inherit;text-decoration:none}.brand-mark{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid rgba(215,189,114,.22);box-shadow:0 10px 30px rgba(0,0,0,.28)}.brand-mark img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 5px 15px rgba(0,0,0,.32))}.brand strong{display:block;font-size:15px;letter-spacing:.01em}.brand span{display:block;font-size:9px;letter-spacing:.15em;color:var(--gold);margin-top:3px}.nav-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto;padding:4px 1px 16px;scrollbar-width:thin}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:13px;color:#aab4af;text-decoration:none;font-size:13px;border:1px solid transparent;transition:.18s ease}.nav-item:hover{color:#fff;background:rgba(255,255,255,.035)}.nav-item.active{color:#f9fffb;background:linear-gradient(90deg,rgba(87,226,145,.12),rgba(87,226,145,.035));border-color:rgba(100,245,162,.13);box-shadow:inset 3px 0 0 rgba(110,240,166,.75),0 8px 25px rgba(0,0,0,.13)}.nav-icon{width:18px;text-align:center;color:var(--green);opacity:.92}.sidebar-foot{margin-top:auto;padding:10px 4px 0;border-top:1px solid var(--line)}.user-chip{display:flex;align-items:center;gap:10px;padding:10px;color:inherit;text-decoration:none}.avatar,.user-chip img{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;object-fit:cover;background:linear-gradient(145deg,rgba(110,240,166,.2),rgba(255,255,255,.04));border:1px solid rgba(110,240,166,.18);font-weight:700}.user-chip b{font-size:12px;display:block}.user-chip small{font-size:10px;color:var(--muted)}.logout{display:block;padding:6px 10px;color:#7f8a85;text-decoration:none;font-size:11px}.main{min-width:0}.topbar{height:70px;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-width:0 0 1px 0}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(110,240,166,.08),0 0 16px rgba(110,240,166,.32)}.sep{width:1px;height:14px;background:var(--line)}.page-wrap{padding:28px 28px 48px;max-width:1700px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--green);text-transform:uppercase}.page-head h1{font-size:34px;line-height:1.04;margin:7px 0 6px;letter-spacing:-.04em}.page-head p{margin:0;color:var(--muted);font-size:13px}.btn,.icon-btn{appearance:none;border:none;text-decoration:none;cursor:pointer;font:inherit}.btn{padding:10px 14px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:650}.btn-primary{background:linear-gradient(180deg,#7cf3ac,#5dd68e);color:#0d2116;box-shadow:0 8px 24px rgba(90,226,146,.14),inset 0 1px 0 rgba(255,255,255,.45)}.btn-ghost{background:rgba(255,255,255,.035);color:#dfe6e2;border:1px solid var(--line)}.btn-danger{background:rgba(255,95,108,.08);color:#ff9ca3;border:1px solid rgba(255,100,110,.14)}.icon-btn{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#dfe7e3;background:rgba(255,255,255,.03);border:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;margin-bottom:14px}.stat{position:relative;overflow:hidden;padding:18px;border-radius:18px;background:linear-gradient(145deg,rgba(35,43,39,.78),rgba(20,27,24,.69))}.stat:after{content:"";position:absolute;width:110px;height:110px;right:-45px;top:-52px;background:radial-gradient(circle,rgba(110,240,166,.09),transparent 68%)}.stat .label{font-size:11px;color:var(--muted)}.stat .value{font-size:26px;font-weight:720;letter-spacing:-.04em;margin:9px 0 5px}.stat .meta{font-size:10px;color:#748079}.grid-2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.panel,.card,.table-card{border-radius:var(--radius);background:linear-gradient(155deg,rgba(32,39,36,.78),rgba(18,24,21,.72));overflow:hidden}.panel{padding:19px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-head h3{font-size:13px;margin:0}.panel-head span{font-size:10px;color:var(--muted)}.hero-panel{min-height:300px;position:relative;padding:26px;display:grid;grid-template-columns:1fr .9fr;align-items:center;background:radial-gradient(circle at 70% 44%,rgba(85,220,143,.11),transparent 26%),linear-gradient(145deg,rgba(33,41,37,.82),rgba(17,23,20,.76))}.hero-panel h2{font-size:28px;line-height:1.06;letter-spacing:-.04em;margin:8px 0 12px;max-width:510px}.hero-panel p{font-size:12px;line-height:1.6;color:var(--muted);max-width:520px}.orb{width:190px;height:190px;margin:auto;position:relative;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.14),rgba(70,180,120,.06) 34%,rgba(10,18,14,.18) 67%);border:1px solid rgba(130,255,182,.15);box-shadow:inset 0 0 48px rgba(110,240,166,.055),0 30px 90px rgba(0,0,0,.24)}.orb:before,.orb:after{content:"";position:absolute;border-radius:50%;inset:18px;border:1px solid rgba(110,240,166,.16)}.orb:after{inset:52px;background:radial-gradient(circle,rgba(110,240,166,.22),rgba(110,240,166,.035) 58%,transparent 59%);box-shadow:0 0 38px rgba(110,240,166,.1)}.orb-label{text-align:center;margin-top:14px;font-size:10px;letter-spacing:.16em;color:var(--green)}.list{display:flex;flex-direction:column;gap:9px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:13px;background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.045)}.list-row b{font-size:11px}.list-row small{color:var(--muted);font-size:10px}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:rgba(110,240,166,.07);border:1px solid rgba(110,240,166,.11);color:#a6f5c5;font-size:9px}.table-card{overflow:auto}.table-toolbar{padding:15px 17px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:13px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05);font-size:11px}th{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#7f8b85;background:rgba(255,255,255,.018)}td{color:#dfe6e2}tr:hover td{background:rgba(255,255,255,.016)}.form-card{padding:18px;margin-bottom:14px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.form-grid .wide{grid-column:span 2}.input,input,select,textarea{width:100%;border:1px solid var(--line);background:rgba(8,13,11,.31);color:var(--text);border-radius:11px;padding:10px 11px;font:inherit;font-size:11px;outline:none}textarea{min-height:84px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:rgba(110,240,166,.28);box-shadow:0 0 0 3px rgba(110,240,166,.05)}label{font-size:9px;color:#89958f;display:block;margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.empty{padding:34px;text-align:center;color:var(--muted);font-size:12px}.kpi-mini{font-size:18px;font-weight:700}.chart-bars{display:flex;align-items:end;height:138px;gap:9px;padding-top:14px}.bar-wrap{flex:1;min-width:28px;text-align:center}.bar{height:var(--h);min-height:7px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,rgba(116,243,169,.9),rgba(83,173,122,.25));box-shadow:0 0 18px rgba(110,240,166,.08)}.bar-wrap small{display:block;color:#77837d;font-size:8px;margin-top:7px}.notice{padding:11px 13px;border-radius:12px;background:rgba(110,240,166,.06);border:1px solid rgba(110,240,166,.11);font-size:11px;color:#b7f5ce;margin-bottom:14px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);padding:32px;border-radius:28px;background:linear-gradient(145deg,rgba(32,40,36,.86),rgba(16,22,19,.78))}.login-brand{text-align:center;margin-bottom:28px}.login-brand img{width:74px;height:74px;object-fit:contain}.login-brand h1{font-size:24px;margin:10px 0 3px}.login-brand p{font-size:11px;color:var(--muted);margin:0}.login-card .btn{width:100%;margin-top:12px}.error{color:#ff9ca3;background:rgba(255,95,108,.07);border:1px solid rgba(255,95,108,.13);padding:10px 12px;border-radius:10px;font-size:11px;margin-bottom:12px}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:268px;z-index:30;transform:translateX(-100%)}.main{width:100%}.page-wrap{padding:20px 14px 36px}.topbar{padding:0 14px}.stats-grid{grid-template-columns:repeat(2,1fr)}.hero-panel{grid-template-columns:1fr}.orb{width:150px;height:150px}.page-head h1{font-size:28px}.topbar-actions .btn-ghost{display:none}}@media(max-width:520px){.stats-grid,.grid-3,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.topbar-left span:not(.status-dot):not(#clock){display:none}}

/* V9.1 LIGHT VISION — premium white glass workspace */
body:not(.login-page){background:linear-gradient(180deg,#fbfdfc 0%,#f7fbf8 62%,#e9f3ed 100%);color:#10241c}
body:not(.login-page)::after{content:"";position:fixed;z-index:-1;left:0;right:0;bottom:0;height:34vh;pointer-events:none;background:linear-gradient(180deg,rgba(235,246,239,0),rgba(94,143,112,.16) 48%,rgba(22,78,48,.46) 100%);clip-path:polygon(0 34%,8% 42%,16% 30%,25% 45%,34% 33%,43% 48%,53% 29%,63% 43%,72% 31%,82% 47%,91% 28%,100% 40%,100% 100%,0 100%)}
body:not(.login-page) .ambient{opacity:.12}
body:not(.login-page) .main{background:transparent}
body:not(.login-page) .topbar{background:rgba(255,255,255,.72);border-color:rgba(15,64,40,.09);backdrop-filter:blur(24px) saturate(135%)}
body:not(.login-page) .topbar-left{color:#62736a}
body:not(.login-page) .page-head h1,body:not(.login-page) .panel h2,body:not(.login-page) .panel h3,body:not(.login-page) .stat .value{color:#10241c}
body:not(.login-page) .page-head p,body:not(.login-page) .stat .label,body:not(.login-page) .stat .meta,body:not(.login-page) .panel p,body:not(.login-page) .panel-head span,body:not(.login-page) .empty{color:#687970}
body:not(.login-page) .stat,body:not(.login-page) .panel,body:not(.login-page) .card,body:not(.login-page) .table-card,body:not(.login-page) .form-card{background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(249,252,250,.88));border:1px solid rgba(21,72,46,.10);box-shadow:0 18px 50px rgba(28,68,47,.08),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(22px) saturate(120%)}
body:not(.login-page) .stat:after{background:radial-gradient(circle,rgba(70,178,112,.10),transparent 68%)}
body:not(.login-page) .hero-panel{background:radial-gradient(circle at 72% 45%,rgba(80,203,129,.13),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.97),rgba(246,251,248,.91))}
body:not(.login-page) .hero-panel p{color:#5e7067}
body:not(.login-page) .orb{background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.98),rgba(91,215,140,.17) 38%,rgba(232,247,238,.7) 68%);border-color:rgba(43,152,88,.18);box-shadow:inset 0 0 48px rgba(78,209,132,.12),0 22px 60px rgba(35,105,66,.10)}
body:not(.login-page) .orb:before,body:not(.login-page) .orb:after{border-color:rgba(43,152,88,.18)}
body:not(.login-page) .orb:after{background:radial-gradient(circle,rgba(72,220,133,.78),rgba(60,183,109,.20) 58%,transparent 59%);box-shadow:0 0 38px rgba(58,190,112,.20)}
body:not(.login-page) .btn-ghost,body:not(.login-page) .icon-btn{background:rgba(255,255,255,.82);color:#183126;border-color:rgba(20,68,44,.10);box-shadow:0 8px 22px rgba(28,68,47,.05)}
body:not(.login-page) .list-row{background:rgba(248,252,249,.88);border-color:rgba(20,68,44,.08)}
body:not(.login-page) .list-row b,body:not(.login-page) td{color:#173025}
body:not(.login-page) .list-row small{color:#718178}
body:not(.login-page) .pill{background:rgba(68,184,111,.09);border-color:rgba(43,152,88,.12);color:#257346}
body:not(.login-page) th{background:rgba(234,244,238,.58);color:#607168}body:not(.login-page) th,body:not(.login-page) td{border-color:rgba(20,68,44,.07)}
body:not(.login-page) input,body:not(.login-page) select,body:not(.login-page) textarea{background:rgba(255,255,255,.92);color:#173025;border-color:rgba(20,68,44,.12)}
body:not(.login-page) label{color:#66786e}

/* V9.2 FINAL POLISH — Apple Vision Pro × Linear × Vercel */
body:not(.login-page){
  --light-ink:#10251c;--light-muted:#66786f;--light-line:rgba(20,72,46,.105);
  background:
    radial-gradient(circle at 78% 4%,rgba(101,196,139,.12),transparent 27%),
    linear-gradient(180deg,#ffffff 0%,#fbfdfc 56%,#edf6f0 100%);
}
body:not(.login-page)::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(115deg,rgba(255,255,255,.82),rgba(255,255,255,.25) 42%,rgba(128,194,153,.07));}
body:not(.login-page)::after{height:31vh;opacity:.96;background:linear-gradient(180deg,rgba(236,247,240,0),rgba(105,157,123,.14) 38%,rgba(18,76,45,.52) 100%);filter:saturate(.82);}
body:not(.login-page) .topbar{height:68px;background:rgba(255,255,255,.78);box-shadow:0 1px 0 rgba(17,69,43,.07),0 12px 34px rgba(25,72,48,.035)}
body:not(.login-page) .page-wrap{padding-top:32px}
body:not(.login-page) .page-head{margin-bottom:25px}
body:not(.login-page) .page-head h1{font-size:38px;font-weight:760;letter-spacing:-.045em;color:#0d251b}
body:not(.login-page) .eyebrow{font-weight:760;letter-spacing:.17em;color:#248b51}
body:not(.login-page) .stat,body:not(.login-page) .panel,body:not(.login-page) .card,body:not(.login-page) .table-card,body:not(.login-page) .form-card{
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(249,253,250,.90));
  border-color:var(--light-line);
  box-shadow:0 22px 60px rgba(29,78,51,.075),0 3px 12px rgba(31,70,49,.035),inset 0 1px 0 #fff;
  backdrop-filter:blur(28px) saturate(132%);
}
body:not(.login-page) .stat{min-height:112px;padding:19px 20px;border-radius:21px;transition:transform .2s ease,box-shadow .2s ease}
body:not(.login-page) .stat:hover{transform:translateY(-2px);box-shadow:0 28px 68px rgba(29,78,51,.10),inset 0 1px 0 #fff}
body:not(.login-page) .stat .label{font-weight:650;color:#5f7067}
body:not(.login-page) .stat .value{font-size:29px;font-weight:780}
body:not(.login-page) .stat .meta{color:#7b8a82}
body:not(.login-page) .panel{border-radius:24px;padding:22px}
body:not(.login-page) .hero-panel{min-height:315px;padding:30px;background:radial-gradient(circle at 72% 45%,rgba(79,207,132,.15),transparent 27%),linear-gradient(145deg,rgba(255,255,255,.985),rgba(246,252,248,.92));}
body:not(.login-page) .hero-panel h2{font-size:31px;font-weight:770;color:#0d251b}
body:not(.login-page) .hero-panel p{font-size:13px;max-width:570px;color:#566a60}
body:not(.login-page) .hero-panel small{font-size:11px;color:#728279}
body:not(.login-page) .orb{width:204px;height:204px;background:radial-gradient(circle at 34% 28%,#fff,rgba(103,226,153,.21) 36%,rgba(229,246,236,.82) 69%);box-shadow:inset 0 0 55px rgba(75,200,126,.13),0 28px 75px rgba(33,110,66,.12)}
body:not(.login-page) .orb:after{background:radial-gradient(circle at 38% 34%,rgba(218,255,232,.95),rgba(76,213,132,.86) 25%,rgba(44,144,87,.35) 58%,transparent 60%);box-shadow:0 0 45px rgba(55,191,108,.24)}
body:not(.login-page) .orb-label{font-weight:750;color:#2d9459}
body:not(.login-page) .btn{border-radius:13px;padding:10px 15px;transition:transform .18s ease,box-shadow .18s ease}
body:not(.login-page) .btn:hover{transform:translateY(-1px)}
body:not(.login-page) .btn-primary{background:linear-gradient(180deg,#70e9a0,#4fcf83);color:#092216;box-shadow:0 10px 25px rgba(62,176,105,.18),inset 0 1px 0 rgba(255,255,255,.7)}
body:not(.login-page) .btn-ghost,body:not(.login-page) .icon-btn{background:rgba(255,255,255,.88);border-color:rgba(20,68,44,.105)}
body:not(.login-page) .list-row{background:linear-gradient(180deg,rgba(251,253,252,.94),rgba(246,251,248,.86));border-color:rgba(20,68,44,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
body:not(.login-page) .empty{min-height:94px;display:grid;place-items:center;color:#7b8a82}
body:not(.login-page) .pill{font-weight:650;background:rgba(67,181,109,.09);color:#267347}
body:not(.login-page) .status-dot{background:#43cf80;box-shadow:0 0 0 4px rgba(67,207,128,.09),0 0 18px rgba(67,207,128,.28)}
body:not(.login-page) .chart-bars{opacity:.9}
@media(max-width:820px){body:not(.login-page) .page-head{align-items:flex-start;flex-direction:column}body:not(.login-page) .page-head h1{font-size:32px}body:not(.login-page) .hero-panel{padding:23px}body:not(.login-page) .hero-panel h2{font-size:27px}}

/* MASTER V11 LOGIN BRAND */
.login-brand img{width:118px;height:118px;filter:drop-shadow(0 12px 28px rgba(206,158,24,.22));}.login-brand h1{font-size:28px;letter-spacing:-.02em}.login-card{border-color:rgba(218,175,55,.22);box-shadow:0 30px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05)}