:root{--navy:#075b32;--teal:#087443;--gold:#c0a266;--red:#c9282d;--ink:#24332b;--mute:#6b786f;--line:#e2e9e3;--bg:#f6f8f5;--brand-green:#075b32;--brand-red:#c9282d;--brand-gold:#c0a266}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}
.app{display:flex;min-height:100vh}
.side{width:250px;background:linear-gradient(180deg,#034622,#03562c);color:#d6e5da;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:18px 14px;z-index:1040;transition:transform .25s}
.side .brand{display:flex;gap:10px;align-items:center;color:#fff;font-weight:700;font-size:15px;padding:4px 8px 16px;text-decoration:none;line-height:1.2}
.brand-mark{width:34px;height:34px;flex:none;border-radius:10px;background:linear-gradient(135deg,var(--teal),#0c8b50);display:grid;place-items:center;color:#fff}
.side .sec{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9bb9a4;padding:12px 12px 6px}
.side nav a{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:10px;color:#d6e5da;text-decoration:none;font-weight:500;margin-bottom:2px}
.side nav a i{width:18px;text-align:center}.side nav a:hover{background:rgba(255,255,255,.08);color:#fff}.side nav a.on{background:var(--teal);color:#fff}
.side .me{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:14px 6px 0;font-size:12.5px}
.plan-chip{display:inline-block;background:rgba(200,161,101,.18);color:#e8c98f;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600}
.avatar{width:34px;height:34px;border-radius:50%;background:var(--gold);color:var(--navy);display:grid;place-items:center;font-weight:700;flex:none}
.main{margin-left:250px;flex:1;min-width:0}
.top{height:62px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 28px;position:sticky;top:0;z-index:1030}
.top h1{font-size:17px;font-weight:700;margin:0;color:var(--navy)}
.btn-icon{border:0;background:none;font-size:18px;color:var(--navy)}
.content{padding:26px 28px}.content .container{max-width:1180px;padding:0;margin:0 auto}
.trial-bar{background:#edf5ee;color:#075b32;border-radius:10px;padding:9px 14px;margin-bottom:18px;font-weight:500;display:flex;gap:10px;align-items:center}.trial-bar.bad{background:#fde6e4;color:#b3261e}
.card{border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:0 1px 2px rgba(10,47,79,.04)!important;background:#fff}
.card-header{background:none!important;border-bottom:1px solid var(--line)!important;padding:14px 18px;color:var(--navy);font-weight:700}
.table{--mdb-table-hover-bg:#f7fafc;margin:0}.table th{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:700;background:#f9fbfd;border-bottom:1px solid var(--line)!important;padding:11px 16px}
.table td{padding:12px 16px;border-color:var(--line)}
.btn{text-transform:none!important;letter-spacing:0;font-weight:600;border-radius:9px!important;box-shadow:none!important}
.btn-primary{background:var(--teal)!important;color:#fff!important}.btn-primary:hover{background:#0b7a6b!important}
.btn-light{background:#eef3f7!important;color:var(--navy)!important}.text-primary{color:var(--navy)!important}.bg-primary{background:var(--navy)!important}
.form-control,.form-select{border-radius:9px!important;border:1px solid #d5dfe7!important}.form-control:focus,.form-select:focus{border-color:var(--teal)!important;box-shadow:0 0 0 3px rgba(8,116,67,.13)!important}
.form-label{font-weight:600;font-size:12px;color:var(--navy)}.badge{border-radius:20px;font-weight:600}
.stat .ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:18px}
.ico.t{background:#edf5ee;color:var(--teal)}.ico.n{background:#edf2ed;color:var(--navy)}.ico.g{background:#f7efe0;color:#a97b36}.ico.r{background:#fdebe9;color:#c0392b}
.stat h2{font-size:28px;font-weight:800;color:var(--navy);margin:0}.progress{height:8px;border-radius:8px;background:#e9eff4}.progress-bar{background:var(--teal)}
.quick a{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:600}.quick a:hover{background:#f2f7fa}.quick i{color:var(--teal);width:20px;text-align:center}
/* auth */
.auth{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;background:#fff}
.auth-art{background:radial-gradient(900px 500px at 10% 0,rgba(192,162,102,.30),transparent),linear-gradient(150deg,#02391d,#03562c 70%,#087443);color:#fff;padding:52px;display:flex;flex-direction:column;justify-content:space-between}
.auth-art h2{font-family:Fraunces,serif;font-size:34px;line-height:1.15;margin:0 0 18px}.auth-art li{margin:10px 0;list-style:none;color:#d3e8ee}.auth-art li i{color:#e2c991;margin-right:10px}
.auth-art a.brand{color:#fff;text-decoration:none;font-weight:700;display:flex;gap:10px;align-items:center}
.auth-form{display:flex;align-items:center;justify-content:center;padding:32px}.auth-form>div{width:100%;max-width:390px}.auth-form h3{font-weight:800;color:var(--navy)}
@media(max-width:991px){.side{transform:translateX(-100%)}.side.open{transform:none}.main{margin-left:0}.top{padding:0 14px}.content{padding:16px}.auth{grid-template-columns:1fr}.auth-art{display:none}}
@media print{.side,.top,.no-print{display:none!important}.main{margin:0!important}.content{padding:0!important}}

/* MediCheck identity: logo-matched green, gold and clinical red */
.brand-logo{width:112px;height:52px;max-width:100%;object-fit:contain;object-position:left center;display:block;background:transparent;border-radius:0;padding:0}
.side .brand{min-height:56px;padding:2px 8px 12px;overflow:hidden}
.side .brand-mark{background:var(--gold);color:var(--navy)}
.side nav a.on{background:var(--teal)}
.btn-danger{background:#b91c1c!important}
.auth-art .brand-logo{width:128px;height:60px;object-fit:contain}
.side .brand-logo{width:112px;height:52px}
.btn-primary:hover{background:#064a2a!important}
.btn-danger{background:var(--red)!important}
@media(max-width:600px){.content{padding:14px}.brand-logo{width:104px;height:48px}.side .brand-logo{width:104px;height:48px}}


/* MediCheck UI refinement: restrained logo, consistent green/gold palette, clear admin surfaces */
:root{
 --navy:#064b2b; --teal:#087443; --gold:#c0a266; --red:#c9282d;
 --ink:#24332b; --mute:#68766d; --line:#e0e8e1; --bg:#f5f8f5;
 --brand-green:#064b2b; --brand-red:#c9282d; --brand-gold:#c0a266;
}
body{background:var(--bg);color:var(--ink)}
.side{width:248px;background:#064b2b;padding:18px 12px}
.main{margin-left:248px}
.side .brand{height:56px;min-height:56px;padding:4px 10px 14px;gap:8px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:8px}
.brand-logo{width:84px;height:38px;max-width:100%;object-fit:contain;object-position:left center;display:block}
.side .brand-logo{width:84px;height:38px}
.auth-art .brand-logo{width:104px;height:46px}
.side .sec{color:#b5d0bd}
.side nav a{padding:10px 12px;border-radius:8px}
.side nav a.on{background:#087443;box-shadow:inset 3px 0 #c0a266}
.top{height:64px;padding:0 26px;background:#fff;border-bottom-color:#e0e8e1}
.top h1{color:#064b2b}
.content{padding:24px 26px}
.content .container{max-width:1240px}
.card{border-color:#e0e8e1!important;box-shadow:0 4px 16px rgba(6,75,43,.035)!important}
.card-header{color:#064b2b!important}
.table th{background:#f3f7f3;color:#617066}
.btn-primary{background:#087443!important;border-color:#087443!important}
.btn-primary:hover{background:#064b2b!important;border-color:#064b2b!important}
.btn-light{background:#f0f5f0!important;color:#064b2b!important}
.form-label{color:#234b33}
.progress-bar{background:#087443}
.stat h2{color:#064b2b}
.quick a:hover{background:#f0f6f0}
@media(max-width:991px){.side{width:248px}.main{margin-left:0}.content{padding:16px}.top{padding:0 16px}}
@media(max-width:600px){.brand-logo,.side .brand-logo{width:78px;height:36px}.auth-art .brand-logo{width:100px;height:44px}}

/* MediCheck UI refinement: compact logo, consistent brand palette and admin surfaces */
:root{--navy:#064b2b;--teal:#087443;--gold:#c0a266;--red:#c9282d;--ink:#24332b;--mute:#68766d;--line:#e0e8e1;--bg:#f5f8f5;--brand-green:#064b2b;--brand-red:#c9282d;--brand-gold:#c0a266}
body{background:var(--bg);color:var(--ink)} .side{width:248px;background:#064b2b;padding:18px 12px}.main{margin-left:248px}
.side .brand{height:56px;min-height:56px;padding:4px 10px 14px;gap:8px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:8px}
.brand-logo{width:84px;height:38px;max-width:100%;object-fit:contain;object-position:left center;display:block}.side .brand-logo{width:84px;height:38px}.auth-art .brand-logo{width:104px;height:46px}
.side .sec{color:#b5d0bd}.side nav a{padding:10px 12px;border-radius:8px}.side nav a.on{background:#087443;box-shadow:inset 3px 0 #c0a266}
.top{height:64px;padding:0 26px;background:#fff;border-bottom-color:#e0e8e1}.top h1{color:#064b2b}.content{padding:24px 26px}.content .container{max-width:1240px}
.card{border-color:#e0e8e1!important;box-shadow:0 4px 16px rgba(6,75,43,.035)!important}.card-header{color:#064b2b!important}.table th{background:#f3f7f3;color:#617066}
.btn-primary{background:#087443!important;border-color:#087443!important}.btn-primary:hover{background:#064b2b!important;border-color:#064b2b!important}.btn-light{background:#f0f5f0!important;color:#064b2b!important}.form-label{color:#234b33}.progress-bar{background:#087443}.stat h2{color:#064b2b}.quick a:hover{background:#f0f6f0}
@media(max-width:991px){.side{width:248px}.main{margin-left:0}.content{padding:16px}.top{padding:0 16px}}@media(max-width:600px){.brand-logo,.side .brand-logo{width:78px;height:36px}.auth-art .brand-logo{width:100px;height:44px}}


/* Premium clinical workspace and patient timeline */
:root{--shadow-soft:0 12px 32px rgba(20,55,35,.055)}
.content{padding:26px clamp(14px,2vw,32px)}
.content>.container{width:100%}
.top{box-shadow:0 2px 12px rgba(22,52,34,.025)}
.card{box-shadow:var(--shadow-soft)!important;overflow:hidden}
.card-header{display:flex;align-items:center;gap:8px;min-height:52px}
.table-responsive{border-radius:0 0 14px 14px}
.table td{font-size:12.5px;vertical-align:middle}
.table th{font-size:10px;letter-spacing:.07em}
.form-control,.form-select{font-size:12.5px!important;min-height:40px}
textarea.form-control{min-height:unset}
.visit-card{border-color:#dbe8de!important;background:linear-gradient(140deg,#fff 0%,#f7fbf7 100%)}
.visit-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:99px;background:#eaf5ed;color:#075b32;font-size:10.5px;font-weight:700;text-transform:capitalize}
.history-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-radius:18px;background:radial-gradient(circle at 85% 15%,rgba(192,162,102,.22),transparent 28%),linear-gradient(120deg,#064b2b,#087443);color:#fff;box-shadow:0 14px 32px rgba(6,75,43,.14)}
.history-hero h2{font-size:23px;font-weight:800;margin:5px 0 8px;color:#fff}
.history-hero p{font-size:12px;color:#d8e9dd}
.eyebrow{font-size:9px;letter-spacing:.16em;font-weight:800;color:#dfc58f}
.summary-card{padding:17px 18px;gap:6px;min-height:112px;display:flex;flex-direction:column}
.summary-card small{font-size:10.5px;color:var(--mute);font-weight:700}
.summary-card strong{font-size:23px;letter-spacing:-.04em;color:var(--navy)}
.summary-card span{font-size:10.5px;color:var(--mute)}
.patient-history .table td{font-size:12px}
@media(max-width:767px){.history-hero{align-items:flex-start;flex-direction:column;padding:18px}.history-hero h2{font-size:20px}.history-hero .btn{flex:1}.summary-card{min-height:95px}.visit-card .card-body{padding:15px}.content{padding:12px}.top{height:58px}.top h1{font-size:15px}.table td,.table th{padding:10px 11px;white-space:normal}.patient-history .table td:first-child{white-space:nowrap}}
@media(max-width:420px){.top .btn{font-size:10px;padding:7px 9px}.history-hero .d-flex{width:100%}.history-hero .btn{font-size:11px}}

/* Smart insights: consistent across clinic, staff and platform workspaces */
.smart-insights{margin:0 0 26px}
.smart-insights-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:4px 0 15px}
.smart-eyebrow{font-size:9px;font-weight:800;letter-spacing:.15em;color:#8b7445;margin-bottom:5px}
.smart-insights-heading h2{font-size:19px;line-height:1.25;font-weight:800;color:var(--navy);margin:0 0 4px;letter-spacing:-.025em}
.smart-insights-heading p{font-size:11.5px;color:var(--mute);margin:0}
.smart-live{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--mute);font-size:10px;font-weight:700;white-space:nowrap}
.smart-live span{width:6px;height:6px;border-radius:50%;background:#13834d;box-shadow:0 0 0 3px #e7f4eb}
.smart-insight-card{position:relative;padding:16px 17px 14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px rgba(20,55,35,.035);display:flex;flex-direction:column;min-height:190px;transition:transform .18s ease,box-shadow .18s ease}
.smart-insight-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,55,35,.07)}
.smart-insight-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}
.smart-insight-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#edf5ef;color:#087443;font-size:14px}
.smart-insight-metric{font-size:23px;line-height:1;font-weight:800;letter-spacing:-.04em;color:var(--navy);font-variant-numeric:tabular-nums}
.smart-insight-card h3{font-size:12.5px;font-weight:800;color:var(--ink);margin:0 0 7px}
.smart-insight-card p{font-size:11px;line-height:1.6;color:var(--mute);margin:0 0 13px;flex:1}
.smart-insight-action{font-size:10.5px;font-weight:800;color:var(--teal);text-decoration:none;align-self:flex-start}
.smart-insight-action:hover{color:var(--navy)}
.smart-insight-card.attention{border-top:3px solid #c98b32}.smart-insight-card.attention .smart-insight-icon{background:#fff4e2;color:#9b6418}
.smart-insight-card.info{border-top:3px solid #7a9bb0}.smart-insight-card.info .smart-insight-icon{background:#edf4f8;color:#456e86}
.smart-insight-card.good{border-top:3px solid #3d9a69}.smart-insight-card.good .smart-insight-icon{background:#eaf6ee;color:#247447}
.smart-insights-note{font-size:10px;color:#7a867e;line-height:1.5;margin:12px 2px 0}
@media(max-width:767px){.smart-insights-heading{align-items:flex-start;flex-direction:column}.smart-live{align-self:flex-start}.smart-insight-card{min-height:165px;padding:14px}.smart-insights-heading h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){.smart-insight-card{transition:none}.smart-insight-card:hover{transform:none}}


/* =========================================================
   MediCheck Premium UI System — production-folder baseline
   Shared across superadmin, clinic admin, staff and auth pages
   ========================================================= */
:root{
 --mc-forest:#064b2b;--mc-green:#087443;--mc-green-2:#0b8a52;
 --mc-gold:#c4a56a;--mc-ink:#1d2b23;--mc-muted:#6c7a70;
 --mc-line:#e4ebe5;--mc-canvas:#f4f7f4;--mc-white:#fff;
 --mc-shadow:0 8px 28px rgba(16,48,29,.055);
 --mc-shadow-hover:0 14px 34px rgba(16,48,29,.10);
}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-size:13px;line-height:1.55;background:var(--mc-canvas);color:var(--mc-ink)}
.app{background:var(--mc-canvas)}
.side{background:linear-gradient(165deg,#063d23 0%,#07562f 58%,#064326 100%);box-shadow:5px 0 28px rgba(8,39,21,.08);border-right:1px solid rgba(255,255,255,.06)}
.side .brand{min-height:72px;padding:5px 8px 17px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:12px}
.brand-logo{width:154px;height:58px;object-fit:contain;object-position:left center;display:block}
.side .brand-logo{width:172px;height:64px;max-width:100%;object-position:left center}
.side nav a{font-size:12.5px;letter-spacing:-.01em;padding:10px 12px;margin:3px 0;border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s}
.side nav a i{font-size:13px;opacity:.9}
.side nav a:hover{background:rgba(255,255,255,.085);border-color:rgba(255,255,255,.07);transform:translateX(2px)}
.side nav a.on{background:linear-gradient(110deg,#0b8a52,#087443);box-shadow:0 5px 14px rgba(0,0,0,.13);border-color:rgba(255,255,255,.09)}
.side .sec{font-size:9px;font-weight:800;letter-spacing:.15em;color:#9bc3a8}
.side .me{padding-top:16px}
.avatar{background:linear-gradient(135deg,#e3c98e,#b99553);color:#163c26;box-shadow:0 0 0 3px rgba(255,255,255,.08)}
.main{min-height:100vh}
.top{height:66px;padding:0 clamp(16px,2.2vw,32px);background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #e7ede8;box-shadow:0 2px 12px rgba(15,45,26,.025)}
.top h1{font-size:16px;letter-spacing:-.035em;color:#123e27}
.content{padding:clamp(16px,2.2vw,30px)}
.content>.container{max-width:1320px}
.content h2{font-size:20px;letter-spacing:-.035em;font-weight:800;color:#163e28}
.content h3{font-size:15px;letter-spacing:-.02em;font-weight:800;color:#1d3b2a}
.content h4{font-size:13px;font-weight:800;color:#234331}
.content p{line-height:1.65}
.card,.modal-content,.dropdown-menu{border:1px solid var(--mc-line)!important;border-radius:16px!important;box-shadow:var(--mc-shadow)!important}
.card{overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}
.card:hover{border-color:#d7e4da!important}
.card-header{padding:15px 18px!important;background:linear-gradient(180deg,#fff,#fcfdfc)!important;color:#1b4a30!important;font-size:12.5px}
.card-body{padding:18px}
.stat,.stat-card,.metric-card,.kpi-card{border:1px solid var(--mc-line)!important;border-radius:16px!important;background:linear-gradient(145deg,#fff 0%,#fbfdfb 100%);box-shadow:var(--mc-shadow)!important;padding:18px;position:relative;overflow:hidden}
.stat:after,.stat-card:after,.metric-card:after,.kpi-card:after{content:"";position:absolute;right:-24px;top:-30px;width:94px;height:94px;border-radius:50%;background:rgba(8,116,67,.045);pointer-events:none}
.stat h2,.stat-card h2,.metric-card h2,.kpi-card h2{font-size:26px;letter-spacing:-.055em;line-height:1.1}
.stat .small,.stat small,.stat-card small,.metric-card small,.kpi-card small{font-size:11px;color:var(--mc-muted)}
.ico{width:38px;height:38px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(8,116,67,.04)}
.btn{font-size:12px;font-weight:700;min-height:34px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,#0a8650,#07663a)!important;border-color:#087443!important;box-shadow:0 5px 12px rgba(8,116,67,.12)!important}
.btn-primary:hover{background:linear-gradient(135deg,#087443,#05552f)!important;box-shadow:0 8px 18px rgba(8,116,67,.2)!important}
.btn-outline-primary{border-color:#b9d7c3!important;color:#087443!important}
.btn-outline-primary:hover{background:#edf7ef!important}
.btn-light,.btn-secondary{border:1px solid #e0e8e1!important;background:#f7faf7!important;color:#34513f!important}
.btn-danger{background:linear-gradient(135deg,#c83c3c,#a91f28)!important;border-color:#b72a31!important}
.btn-sm{font-size:11.5px;min-height:30px;padding:6px 11px!important}
.form-label,label{font-size:11.5px;font-weight:700;color:#405649;margin-bottom:6px}
.form-control,.form-select,.input-group-text{font-size:12.5px!important;border-radius:10px!important;border-color:#dce6de!important;min-height:39px;background-color:#fff}
textarea.form-control{min-height:88px}
.form-control:focus,.form-select:focus{border-color:#62a982!important;box-shadow:0 0 0 3px rgba(8,116,67,.10)!important}
.input-group-text{background:#f6f9f6;color:#5b6d60}
.table-responsive{border-radius:12px;max-width:100%}
.table{font-size:12px}
.table th{font-size:9.5px;letter-spacing:.09em;background:#f5f8f5!important;color:#66766b;padding:12px 14px;white-space:nowrap}
.table td{padding:12px 14px;vertical-align:middle}
.table tbody tr{transition:background .15s}
.table tbody tr:hover{background:#f7fbf7}
.badge,.chip{font-size:10px;font-weight:800;letter-spacing:.01em;border-radius:30px;padding:5px 9px}
.alert{border:1px solid transparent;border-radius:13px;font-size:12px;line-height:1.6}
.alert-success{background:#eef8f0;border-color:#d6eadb;color:#235d37}
.alert-warning{background:#fff7e8;border-color:#f0dfba;color:#7a581b}
.alert-danger{background:#fff0ef;border-color:#f2d5d2;color:#96352f}
.alert-info{background:#eef6fa;border-color:#d7e8f0;color:#315f74}
.nav-tabs{border-bottom-color:#e3ebe4;gap:4px}
.nav-tabs .nav-link{font-size:12px;font-weight:700;color:#6b7a70;border:0;border-radius:9px 9px 0 0;padding:10px 13px}
.nav-tabs .nav-link.active{color:#087443;background:#edf7ef;border-bottom:2px solid #087443}
.pagination .page-link{font-size:12px;color:#087443;border-color:#e1e9e2}
.progress{background:#e8efe9;border-radius:20px;overflow:hidden}
.progress-bar{background:linear-gradient(90deg,#087443,#31a66b)}
hr{border-color:#e5ece6;opacity:1}
.breadcrumb{font-size:11px;color:#738177}
.breadcrumb a{color:#087443;text-decoration:none}
.modal-header{border-bottom:1px solid #e7eee8;padding:16px 20px}
.modal-footer{border-top:1px solid #e7eee8;padding:14px 20px}
.dropdown-menu{padding:7px}
.dropdown-item{font-size:12px;border-radius:8px;padding:8px 10px}
.smart-insight-card{border:1px solid #e1eae2!important;border-radius:15px!important;box-shadow:0 5px 18px rgba(20,55,35,.04);padding:17px;min-height:172px}
.smart-insight-card:hover{box-shadow:var(--mc-shadow-hover);border-color:#c9dfcf!important}
.smart-insight-metric{font-size:25px;color:#123f28}
.smart-insight-card h3{font-size:12px}
.smart-insight-card p{font-size:11.5px}
.smart-insight-action{font-size:11px}
.trial-bar{border:1px solid #d9eadc;background:linear-gradient(100deg,#edf8ef,#f7fbf7);border-radius:12px}
.auth{min-height:100vh;background:#f5f8f5}
.auth-art{background:radial-gradient(circle at 82% 18%,rgba(196,165,106,.22),transparent 30%),linear-gradient(145deg,#043b21,#087443 72%,#07542f);padding:clamp(26px,4vw,58px)}
.auth-art h2{font-size:clamp(25px,3vw,38px);line-height:1.18;letter-spacing:-.045em;max-width:520px}
.auth-form{padding:clamp(20px,4vw,56px)}
.auth-form>div{max-width:420px}
.auth-form h3{font-size:23px;letter-spacing:-.04em}
.auth-form .form-control,.auth-form .form-select{min-height:44px}
.auth-art .brand-logo{width:168px;height:68px;object-position:left center}
.bare .brand-logo{max-width:100%}
:focus-visible{outline:3px solid rgba(8,116,67,.35);outline-offset:2px}
@media(min-width:1400px){.content{padding-left:34px;padding-right:34px}.content>.container{max-width:1420px}}
@media(max-width:991px){
 .side{box-shadow:14px 0 40px rgba(0,0,0,.18)}
 .side .brand-logo{width:164px;height:60px}
 .top{height:60px}
 .top h1{font-size:15px}
 .content{padding:16px}
 .card-body{padding:15px}
 .stat,.stat-card,.metric-card,.kpi-card{padding:15px}
 .stat h2,.stat-card h2,.metric-card h2,.kpi-card h2{font-size:23px}
}
@media(max-width:575px){
 .content{padding:12px}
 .top{padding:0 12px;gap:10px}
 .top h1{font-size:14px;max-width:58vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .top .btn{font-size:10.5px;padding:6px 8px!important}
 .card,.modal-content{border-radius:13px!important}
 .card-header{padding:12px 14px!important}
 .card-body{padding:13px}
 .table th{font-size:9px;padding:10px}
 .table td{padding:10px;font-size:11.5px}
 .auth-form{padding:22px 17px}
 .auth-form h3{font-size:21px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Accessible mobile navigation overlay */
.side-backdrop{display:none}
@media(max-width:991px){
 .side-backdrop{position:fixed;inset:0;border:0;background:rgba(9,27,16,.48);backdrop-filter:blur(2px);z-index:1035;opacity:0;pointer-events:none;transition:opacity .2s}
 .side-backdrop.show{display:block;opacity:1;pointer-events:auto}
 .side{z-index:1040}
 body.nav-open{overflow:hidden}
}