:root{
  --bg:#f2f6f5;
  --panel:#ffffff;
  --panel-soft:#f7faf9;
  --ink:#102625;
  --muted:#6f817f;
  --muted-2:#91a09e;
  --line:#dce6e4;
  --line-strong:#cbd9d6;
  --brand:#073b3a;
  --brand-deep:#062f2e;
  --brand-2:#0b514e;
  --brand-soft:#e8f1ef;
  --white:#ffffff;
  --shadow:0 22px 55px rgba(5,45,43,.08);
  --shadow-soft:0 10px 28px rgba(5,45,43,.055);
  --radius:18px;
  --radius-lg:26px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
a{color:inherit;text-decoration:none}
button{color:inherit}
svg{display:block}
.hidden{display:none!important}

/* Core controls */
.btn{min-height:42px;border:1px solid transparent;border-radius:11px;padding:10px 16px;font-weight:760;letter-spacing:-.1px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s ease;background:transparent}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn:disabled{opacity:.52;cursor:not-allowed;transform:none}
.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 8px 18px rgba(7,59,58,.14)}
.btn-primary:hover{background:var(--brand-deep);border-color:var(--brand-deep)}
.btn-soft{background:var(--brand-soft);border-color:#d6e4e1;color:var(--brand)}
.btn-ghost{background:#fff;border-color:var(--line-strong);color:var(--brand)}
.btn-light{background:#fff;border-color:#fff;color:var(--brand)}
.btn-danger{background:#fff;border-color:#c8d4d2;color:#263d3b}
.btn-lg{min-height:48px;padding:12px 20px;border-radius:13px}
.btn-block{width:100%}
.icon-btn{width:42px;height:42px;border-radius:11px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;transition:.18s ease;padding:0}
.icon-btn:hover{border-color:var(--line-strong);background:var(--panel-soft)}
.icon-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.logo{display:flex;gap:11px;align-items:center;font-weight:880;letter-spacing:.9px;font-size:17px}
.logo img{width:37px;height:37px;flex:none}
.logo-light{color:#fff}
.eyebrow,.eyebrow-light{display:inline-flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:1.7px;font-weight:800;color:var(--brand-2)}
.eyebrow:before,.eyebrow-light:before{content:"";width:18px;height:1px;background:currentColor}
.eyebrow-light{color:#b7cfcb}
.brand-kicker{font-size:11px;color:var(--brand-2);font-weight:800;text-transform:uppercase;letter-spacing:1.6px}
.actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.hint{font-size:12px;color:var(--muted);line-height:1.5}
.hint-light{font-size:12px;color:#c5d7d4}

/* Forms */
.field{display:flex;flex-direction:column;gap:7px;min-width:0}
.field label{font-size:12px;font-weight:760;color:#405a57;letter-spacing:.08px}
.field input,.field select,.field textarea,.search{width:100%;border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px 12px;color:var(--ink);outline:none;transition:.15s ease;min-height:42px}
.field input:hover,.field select:hover,.field textarea:hover,.search:hover{border-color:var(--line-strong)}
.field input:focus,.field select:focus,.field textarea:focus,.search:focus{border-color:#7d9f9a;box-shadow:0 0 0 3px rgba(7,59,58,.07)}
.field textarea{min-height:96px;resize:vertical}
.field input:disabled{background:#f2f5f4;color:#8a9896}

/* Public site */
.public-body{background:#fff}
.public-nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1220px)/2));background:rgba(255,255,255,.96);border-bottom:1px solid #e5ecea;position:sticky;top:0;z-index:30;backdrop-filter:blur(16px)}
.public-links{display:flex;gap:30px;color:#506562;font-weight:650;font-size:13px}
.public-links a:hover{color:var(--brand)}
.public-actions{display:flex;gap:9px}
.premium-hero{max-width:1220px;margin:0 auto;padding:88px 24px 74px;display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}
.hero-copy h1{font-size:clamp(46px,6.5vw,82px);line-height:.96;margin:17px 0 15px;letter-spacing:-4.2px;color:#0c2927;max-width:690px}
.hero-copy>p:not(.hero-desc){font-size:22px;line-height:1.45;color:#294441;margin:0 0 8px}
.hero-desc{font-size:16px;line-height:1.75;color:var(--muted);max-width:640px;margin:0 0 28px}
.trust-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:29px}
.trust-row span{border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:#5b706d;font-size:11px;font-weight:700;background:#fbfcfc}
.product-showcase{background:var(--brand-deep);border-radius:28px;padding:11px;box-shadow:0 34px 74px rgba(5,45,43,.22);transform:perspective(1200px) rotateY(-2.5deg) rotateX(1deg)}
.showcase-top{height:40px;display:flex;align-items:center;gap:10px;color:#c6d8d5;font-size:10px;font-weight:700;padding:0 9px;letter-spacing:.2px}
.showcase-top>span:first-child{width:8px;height:8px;border-radius:50%;background:#fff;opacity:.7}
.showcase-top>span:nth-child(2){flex:1}
.showcase-top i{font-style:normal;font-size:9px;letter-spacing:1px;border:1px solid rgba(255,255,255,.22);padding:4px 7px;border-radius:999px}
.showcase-body{display:grid;grid-template-columns:52px 1fr;background:#f4f7f6;border-radius:20px;min-height:430px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}
.mini-side{background:#083734;display:flex;align-items:center;flex-direction:column;padding:17px 0;gap:19px}
.mini-side b{width:25px;height:25px;background:#fff;color:var(--brand);border-radius:7px;display:grid;place-items:center;font-size:11px}
.mini-side span{width:18px;height:2px;border-radius:4px;background:#8aaaa5;opacity:.48}
.mini-main{padding:26px}
.mini-heading{display:flex;justify-content:space-between;align-items:flex-start}.mini-heading small,.mini-kpis small,.mini-bottom small{display:block;color:#8b9a98;font-size:9px}.mini-heading strong{display:block;font-size:18px;margin-top:3px;color:#16322f}.mini-heading em{font-style:normal;border:1px solid #d9e3e1;background:#fff;border-radius:8px;padding:5px 8px;font-size:9px;color:#506562}
.mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0}.mini-kpis>div,.mini-bottom>div{background:#fff;border:1px solid #dfe8e6;border-radius:12px;padding:12px}.mini-kpis b{display:block;margin-top:8px;font-size:17px;color:#16322f}.mini-chart{height:177px;background:#fff;border:1px solid #dfe8e6;border-radius:14px;padding:14px}.chart-title{font-size:10px;font-weight:750;color:#506562}.chart-bars{height:124px;display:flex;align-items:flex-end;gap:10px;padding-top:14px}.chart-bars i{flex:1;background:#0b514e;border-radius:5px 5px 2px 2px;opacity:.92}.mini-bottom{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.mini-bottom b{display:block;margin-top:5px;font-size:14px}
.feature-strip{max-width:1220px;margin:0 auto 88px;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dfe7e5;border:1px solid #dfe7e5;border-radius:22px;overflow:hidden}
.feature-strip>div{background:#f9fbfa;padding:25px 23px;min-height:170px}.feature-strip span{display:block;font-size:10px;color:#80918e;font-weight:800;letter-spacing:1.3px;margin-bottom:27px}.feature-strip b{display:block;font-size:15px;color:#17312f}.feature-strip p{color:#748481;line-height:1.55;margin:8px 0 0;font-size:13px}
.public-section{max-width:1220px;margin:0 auto;padding:10px 24px 88px}
.section-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.section-title h2{font-size:36px;letter-spacing:-1.5px;margin:7px 0 0}.section-title p{margin:7px 0 0;color:var(--muted);line-height:1.6}
.program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.program-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 7px 20px rgba(5,45,43,.025);transition:.2s ease;min-height:218px}.program-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft);border-color:#cbd9d6}.program-card .badge{margin-bottom:12px}.program-card h3{margin:4px 0 8px;font-size:17px;letter-spacing:-.25px}.program-meta{color:var(--muted);font-size:13px;line-height:1.62}.price{font-size:20px;font-weight:850;margin-top:17px;color:var(--brand)}
.registration-section{max-width:none;background:var(--brand-deep);color:#fff;padding:74px max(24px,calc((100vw - 1172px)/2));display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start;margin-top:5px}.registration-copy{padding-top:7px}.registration-copy h2{font-size:42px;line-height:1.08;letter-spacing:-1.8px;margin:12px 0 15px}.registration-copy p{color:#bed0cd;line-height:1.7;font-size:15px}.registration-points{display:grid;gap:9px;margin-top:28px}.registration-points span{padding:10px 0;border-top:1px solid rgba(255,255,255,.13);font-size:12px;color:#e6efed}
.public-form{background:#fff;border-radius:22px;padding:25px;box-shadow:0 25px 65px rgba(0,0,0,.16);display:grid;grid-template-columns:repeat(2,1fr);gap:15px;color:var(--ink)}.public-form .full{grid-column:1/-1}.form-submit-row{display:flex;align-items:center;gap:14px}.public-form .btn-light{background:var(--brand);color:#fff;border-color:var(--brand)}
.public-footer{min-height:120px;background:#052c2b;color:#b8cdca;display:flex;align-items:center;gap:24px;padding:0 max(24px,calc((100vw - 1172px)/2));border-top:1px solid rgba(255,255,255,.08)}.public-footer .logo{margin-right:auto}.public-footer p,.public-footer>span{font-size:12px;margin:0}

/* Login */
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:28px;background:#edf3f1}
.login-layout{width:min(1040px,100%);min-height:650px;display:grid;grid-template-columns:1.06fr .94fr;background:#fff;border:1px solid #dbe5e3;border-radius:28px;overflow:hidden;box-shadow:0 34px 90px rgba(5,45,43,.13)}
.login-brand-panel{background:var(--brand-deep);color:#fff;padding:42px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.login-brand-panel:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-145px;bottom:-170px;box-shadow:0 0 0 45px rgba(255,255,255,.018),0 0 0 90px rgba(255,255,255,.015)}
.login-brand-copy{margin:auto 0 44px;max-width:460px;position:relative;z-index:1}.login-brand-copy h2{font-size:39px;line-height:1.1;letter-spacing:-1.8px;margin:15px 0}.login-brand-copy p{color:#b7cac7;line-height:1.7;margin:0;font-size:14px}
.login-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;position:relative;z-index:1}.login-feature-grid div{background:#083532;padding:16px}.login-feature-grid b{display:block;font-size:12px}.login-feature-grid span{display:block;font-size:10px;color:#9eb9b5;margin-top:4px}
.login-card{align-self:center;padding:56px 54px}.login-card h1{font-size:32px;letter-spacing:-1.2px;margin:12px 0 7px}.login-card>p{color:var(--muted);margin:0 0 28px;line-height:1.55}.login-card form{display:grid;gap:15px}.login-security{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;color:#7f908d;font-size:9px;text-transform:uppercase;letter-spacing:.7px;margin-top:2px}.login-security span{display:flex;align-items:center;gap:5px}.login-security span:before{content:"";width:4px;height:4px;background:#718d88;border-radius:50%}.mobile-login-logo{display:none}

/* App shell */
.app-shell{min-height:100vh;display:grid;grid-template-columns:264px 1fr;background:var(--bg)}
.sidebar{background:var(--brand-deep);color:#d8e7e4;padding:18px 14px 16px;position:sticky;top:0;height:100vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#41615d transparent}
.sidebar-brand{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 10px}.sidebar-brand .logo img{width:34px;height:34px}.edition{font-size:8px;letter-spacing:1.2px;font-weight:850;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:4px 7px;color:#b9cfcb}
.workspace-card{margin:9px 5px 17px;padding:13px 14px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.035);display:grid;gap:3px}.workspace-card span{font-size:9px;text-transform:uppercase;letter-spacing:1.1px;color:#789b96}.workspace-card b{font-size:12px;color:#fff}.workspace-card small{font-size:10px;color:#91aaa6}
.sidebar-nav{display:block}.nav-group{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:#6f918c;padding:16px 12px 7px;font-weight:800}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;margin:2px 0;border-radius:10px;color:#aec6c2;cursor:pointer;font-weight:650;font-size:12px;transition:.16s ease;position:relative}.nav-item:hover{background:rgba(255,255,255,.055);color:#fff}.nav-item.active{background:#fff;color:var(--brand-deep);box-shadow:0 7px 16px rgba(0,0,0,.1)}.nav-item.active:after{content:"";position:absolute;right:8px;width:4px;height:4px;border-radius:50%;background:var(--brand)}.nav-icon{width:20px;height:20px;display:grid;place-items:center;flex:none}.nav-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.nav-item:first-of-type .nav-icon svg{fill:currentColor;stroke:none}
.sidebar-foot{margin:20px 5px 0;border-top:1px solid rgba(255,255,255,.1);padding:16px 8px 5px;display:flex;justify-content:space-between;align-items:center;color:#6f918c}.sidebar-foot span{text-transform:uppercase;font-size:8px;letter-spacing:1px;font-weight:800}.sidebar-foot small{font-size:9px}
.main{min-width:0}.topbar{height:78px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:15;backdrop-filter:blur(16px)}.topbar-left{display:flex;align-items:center;gap:12px}.breadcrumb{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1.05px;color:#95a39f;font-weight:760;margin-bottom:2px}.topbar h1{font-size:17px;margin:0;letter-spacing:-.3px}.top-actions{display:flex;align-items:center;gap:8px}.system-chip{height:34px;border:1px solid var(--line);border-radius:999px;padding:0 11px;display:flex;align-items:center;gap:7px;font-size:10px;color:#667a76;font-weight:700;background:#fff}.system-chip i{width:6px;height:6px;border-radius:50%;background:var(--brand-2);box-shadow:0 0 0 3px #e7efed}.user-chip{height:42px;display:flex;align-items:center;gap:9px;padding:4px 10px 4px 5px;border:1px solid var(--line);border-radius:11px;background:#fff}.avatar{width:32px;height:32px;border-radius:8px;background:var(--brand);display:grid;place-items:center;font-weight:850;color:#fff;font-size:12px}.user-meta{display:grid;gap:0;min-width:78px}.user-meta b{font-size:11px;line-height:1.3}.user-meta span{font-size:9px;color:#869692}.notif-button{position:relative}.notif-dot{position:absolute;right:8px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--brand);border:1px solid #fff}.content{padding:25px;max-width:1640px;margin:auto}.view{display:none}.view.active{display:block}
.view-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:19px}.view-head h2{margin:0;font-size:25px;letter-spacing:-.85px}.view-head p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5;max-width:720px}

/* Executive dashboard */
.dashboard-hero{background:var(--brand-deep);color:#fff;border-radius:21px;padding:25px 27px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;box-shadow:0 16px 35px rgba(5,45,43,.12);overflow:hidden;position:relative}.dashboard-hero:after{content:"";width:260px;height:260px;border:1px solid rgba(255,255,255,.08);border-radius:50%;position:absolute;right:-80px;top:-145px;box-shadow:0 0 0 38px rgba(255,255,255,.02)}.dashboard-hero small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:#96b5b0;font-weight:800}.dashboard-hero h2{font-size:27px;letter-spacing:-1px;margin:5px 0 7px}.dashboard-hero p{color:#acc5c1;margin:0;font-size:12px}.dashboard-date{position:relative;z-index:2;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);padding:10px 13px;border-radius:10px;font-size:11px;color:#d8e7e4;white-space:nowrap}
.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px}.kpi{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;min-width:0;box-shadow:0 5px 17px rgba(5,45,43,.018);position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--brand);opacity:.13}.kpi span{display:block;font-size:10px;color:var(--muted);font-weight:730;text-transform:uppercase;letter-spacing:.55px}.kpi b{display:block;font-size:25px;margin-top:10px;letter-spacing:-.8px;color:#16312e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi small{display:block;margin-top:5px;color:#9aa7a4;font-size:9px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.grid-3{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:15px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 20px rgba(5,45,43,.025);min-width:0}.panel-head{min-height:52px;padding:13px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head h3{margin:0;font-size:13px;letter-spacing:-.15px}.panel-head .hint{font-size:10px}.panel-body{padding:16px}.chart-panel{min-height:300px}.simple-bars{height:205px;display:flex;align-items:flex-end;gap:10px;padding:16px 4px 0;border-bottom:1px solid var(--line)}.simple-bar-wrap{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-width:0}.simple-bar{width:min(34px,70%);min-height:4px;background:var(--brand);border-radius:6px 6px 2px 2px;opacity:.9}.simple-bar-wrap b{font-size:9px;color:#566b67;font-weight:730}.simple-bar-wrap span{font-size:8px;color:#9aa7a4}.funnel-list{display:grid;gap:11px}.funnel-row{display:grid;grid-template-columns:88px 1fr 28px;align-items:center;gap:9px}.funnel-row span{font-size:10px;color:#687b77}.funnel-track{height:7px;background:#edf2f1;border-radius:999px;overflow:hidden}.funnel-fill{height:100%;background:var(--brand);border-radius:999px}.funnel-row b{font-size:10px;text-align:right}.progress-ring{position:relative;width:116px;height:116px;border-radius:50%;display:grid;place-items:center;margin:9px auto 13px;background:conic-gradient(var(--brand) var(--progress,0%),#e9efee 0)}.progress-ring:before{content:"";width:84px;height:84px;border-radius:50%;background:#fff;position:absolute}.progress-ring b{position:relative;font-size:20px;letter-spacing:-.7px}.metric-center{text-align:center}.metric-center p{font-size:10px;color:var(--muted);margin:0}.metric-pairs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}.metric-pairs div{background:var(--panel-soft);border:1px solid var(--line);border-radius:10px;padding:10px}.metric-pairs span{display:block;font-size:8px;color:#889895;text-transform:uppercase;letter-spacing:.5px}.metric-pairs b{display:block;font-size:13px;margin-top:4px}.schedule-item{display:grid;grid-template-columns:65px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.schedule-item:last-child{border-bottom:0}.time-box{font-weight:800;color:var(--brand);font-size:11px;background:var(--brand-soft);border-radius:8px;height:29px;display:grid;place-items:center}.schedule-item b{font-size:11px}.schedule-item .hint{font-size:9px;margin-top:3px}.notice-list{display:grid;gap:9px}.notice{border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff}.notice.unread{border-left:3px solid var(--brand)}.notice b{display:block;margin-bottom:4px;font-size:11px}.notice div{font-size:10px;color:#5f716e;line-height:1.5}.notice small{color:#97a4a2;font-size:8px;display:block;margin-top:6px}.stat-inline{display:flex;gap:8px;flex-wrap:wrap}.stat-inline div{background:var(--panel-soft);border:1px solid var(--line);border-radius:10px;padding:11px 13px;min-width:100px;flex:1}.stat-inline span{font-size:9px;color:#83938f}.stat-inline b{display:block;font-size:17px;margin-top:3px}

/* Tables and content */
.toolbar{display:flex;gap:9px;align-items:end;flex-wrap:wrap;margin-bottom:13px;padding:11px;background:#fff;border:1px solid var(--line);border-radius:13px}.toolbar>.field{min-width:150px}.search{min-width:260px;flex:1;max-width:520px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:12px 13px;border-bottom:1px solid #e8eeec;text-align:left;font-size:11px;vertical-align:middle}.table th{background:#f8faf9;color:#6c7d79;font-size:9px;text-transform:uppercase;letter-spacing:.62px;position:sticky;top:0;z-index:1;font-weight:800}.table tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:#fbfcfc}.table td b{font-size:11px}.badge{display:inline-flex;align-items:center;min-height:23px;padding:4px 8px;border-radius:999px;background:#edf3f1;border:1px solid #d9e5e2;color:#31524e;font-size:9px;font-weight:800;white-space:nowrap}.badge.ok{background:#e8f1ef;color:#174c46;border-color:#d1e2df}.badge.warn{background:#f3f5f4;color:#596966;border-color:#dce4e2}.badge.danger{background:#eef1f0;color:#344744;border-color:#d2dcda}.money{font-variant-numeric:tabular-nums;font-weight:760}.row-actions{display:flex;gap:5px;flex-wrap:wrap}.mini-btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 8px;cursor:pointer;font-size:9px;font-weight:730;color:#4b615d;transition:.15s ease;white-space:nowrap}.mini-btn:hover{background:var(--brand-soft);border-color:#cbdad7;color:var(--brand)}.empty{padding:30px;text-align:center;color:var(--muted);font-size:11px}

/* CRM premium */
.pipeline{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:0 0 14px}.pipeline-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}.pipeline-card span{font-size:8px;text-transform:uppercase;letter-spacing:.7px;color:#82938f;font-weight:800}.pipeline-card b{display:block;font-size:20px;margin-top:6px}.pipeline-card i{display:block;height:2px;border-radius:4px;background:var(--brand);margin-top:10px;opacity:.18}

/* Modal */
.modal-backdrop{position:fixed;inset:0;background:rgba(4,29,28,.58);display:grid;place-items:center;padding:20px;z-index:100;backdrop-filter:blur(3px)}.modal{width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 28px 90px rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.35)}.modal.wide{width:min(980px,100%)}.modal-head{padding:16px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;z-index:2}.modal-head h3{margin:0;font-size:15px;letter-spacing:-.3px}.modal-body{padding:19px}.modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.modal-grid .full{grid-column:1/-1}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:13px 19px;border-top:1px solid var(--line);position:sticky;bottom:0;background:#fff}
.toast-wrap{position:fixed;right:20px;bottom:20px;z-index:200;display:grid;gap:8px}.toast{background:var(--brand-deep);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:11px;padding:11px 14px;box-shadow:var(--shadow);max-width:360px;font-size:11px}.toast.error{background:#1e3331}
.mobile-menu{display:none}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.report-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.report-card span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.55px}.report-card b{display:block;font-size:22px;margin-top:8px;letter-spacing:-.65px}.audit-detail{max-width:420px;white-space:normal;line-height:1.45;color:#61736f}

@media(max-width:1240px){
  .kpi-grid{grid-template-columns:repeat(3,1fr)}.program-grid{grid-template-columns:repeat(2,1fr)}.feature-strip{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.grid-3>.panel:first-child{grid-column:1/-1}.report-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .public-links{display:none}.premium-hero{grid-template-columns:1fr;padding-top:60px}.product-showcase{transform:none;max-width:650px}.registration-section{grid-template-columns:1fr;gap:34px}.app-shell{display:block}.sidebar{position:fixed;left:-284px;top:0;width:264px;z-index:45;transition:left .22s ease;box-shadow:18px 0 50px rgba(0,0,0,.15)}.sidebar.open{left:0}.mobile-menu{display:grid}.topbar{padding:0 15px}.content{padding:16px}.system-chip{display:none}.user-meta{display:none}.user-chip{padding-right:5px}.grid-2,.grid-3{grid-template-columns:1fr}.grid-3>.panel:first-child{grid-column:auto}.pipeline{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){
  .public-nav{height:68px;padding:0 15px}.public-nav .logo img{width:33px;height:33px}.public-actions .btn-ghost{display:none}.public-actions .btn{min-height:38px;padding:8px 12px;font-size:11px}.premium-hero{padding:48px 17px 54px;gap:40px}.hero-copy h1{font-size:52px;letter-spacing:-3px}.hero-copy>p:not(.hero-desc){font-size:19px}.hero-desc{font-size:14px}.hero-copy .actions .btn{width:100%}.trust-row{gap:6px}.trust-row span{font-size:9px}.product-showcase{border-radius:20px;padding:8px}.showcase-body{min-height:340px;grid-template-columns:42px 1fr}.mini-main{padding:17px}.mini-kpis{gap:5px}.mini-kpis>div{padding:9px}.mini-kpis b{font-size:13px}.mini-chart{height:140px}.chart-bars{height:92px}.feature-strip{grid-template-columns:1fr;margin-bottom:60px;padding:0 17px;background:transparent;border:0;gap:8px}.feature-strip>div{border:1px solid var(--line);border-radius:14px;min-height:135px}.public-section{padding:0 17px 60px}.program-grid{grid-template-columns:1fr}.section-title h2{font-size:30px}.registration-section{padding:55px 17px}.registration-copy h2{font-size:34px}.public-form{grid-template-columns:1fr;padding:18px}.public-form .full{grid-column:auto}.public-footer{padding:28px 17px;flex-wrap:wrap;gap:12px}.public-footer .logo{width:100%}.login-wrap{padding:0;background:#fff}.login-layout{display:block;min-height:100vh;border:0;border-radius:0;box-shadow:none}.login-brand-panel{display:none}.login-card{padding:52px 22px}.mobile-login-logo{display:block;margin-bottom:54px}.topbar{height:69px}.breadcrumb{display:none}.top-actions{gap:6px}.content{padding:13px}.view-head{align-items:flex-start;flex-direction:column}.view-head .actions{width:100%}.view-head .actions .btn{flex:1}.dashboard-hero{padding:20px;align-items:flex-start;flex-direction:column}.dashboard-hero h2{font-size:23px}.dashboard-date{font-size:9px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.kpi{padding:13px}.kpi b{font-size:20px}.toolbar{align-items:stretch}.search{min-width:100%;max-width:none}.toolbar>.field{min-width:calc(50% - 5px);flex:1}.pipeline{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:1fr 1fr}.modal-backdrop{padding:8px}.modal{max-height:96vh;border-radius:15px}.modal-grid{grid-template-columns:1fr}.modal-grid .full{grid-column:auto}.modal-body{padding:14px}.top-actions .icon-btn{width:38px;height:38px}.top-actions .user-chip{height:38px}.avatar{width:28px;height:28px}.simple-bars{gap:5px}.simple-bar{width:75%}
}
