:root{--bg:#101426;--bg2:#17152b;--sidebar:#15172d;--panel:#1a1d36;--panel2:#222445;--line:#38365b;--text:#f7f4ff;--muted:#b4b0cb;--blue:#2d9cff;--sky:#54c3ff;--green:#27d99a;--yellow:#ffd23f;--red:#ff5968;--purple:#16a34a;--purple2:#16a34a;--ink:#111323}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 85% 8%,#16a34a 0%,transparent 28%),radial-gradient(circle at 25% 95%,#25385b 0%,transparent 30%),linear-gradient(135deg,#111426 0%,#17182e 52%,#121426 100%);color:var(--text);min-height:100vh}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:20;left:0;top:0;bottom:0;width:292px;background:linear-gradient(180deg,#191a34 0%,#15162c 52%,#19162f 100%);border-right:1px solid #343257;padding:15px 12px 12px;overflow-y:auto;scrollbar-width:thin}.brand{display:flex;align-items:center;gap:12px;padding:6px 10px 18px;border-bottom:1px solid #39365a;margin-bottom:12px}.brand-mark{width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,#1689ff,#31b7ff);display:grid;place-items:center;color:#fff;font-size:28px;font-weight:900;box-shadow:0 8px 25px #1689ff44,0 0 22px #16a34a22}.brand-copy b{display:block;font-size:20px;letter-spacing:.4px}.brand-copy small{display:block;color:#aaa5c5;font-size:9px;letter-spacing:1.4px;margin-top:2px}.side-nav{display:flex;flex-direction:column;gap:2px}.nav-section{color:#9b96b7;font-size:10px;font-weight:800;letter-spacing:1.1px;padding:16px 12px 6px}.nav-link{display:flex;align-items:center;gap:11px;min-height:38px;color:#d0cde0;text-decoration:none;padding:8px 11px;border-radius:8px;font-size:13px;line-height:1.25;transition:.16s ease}.nav-link:hover{background:linear-gradient(90deg,#282044,#25274c);color:#fff}.nav-link.active{background:linear-gradient(90deg,#16a34a,#16a34a);color:#fff;box-shadow:0 8px 22px #8d55ff44}.nav-icon{width:20px;text-align:center;font-size:16px;flex:0 0 20px;color:#aaa6d0}.nav-link.active .nav-icon{color:#fff}.nav-link span:nth-child(2){min-width:0}.chev{margin-left:auto;color:#7085a5}.nav-link.external{color:#d1b7ff}.sidebar-footer{margin-top:12px;padding-top:10px;border-top:1px solid #39365a}.logout{color:#d0d9e8}.logout:hover{background:linear-gradient(90deg,#3a2446,#47301c);color:#fff}.main-content{margin-left:292px;min-height:100vh;padding:0 30px 35px}.topbar{height:72px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #353354;position:sticky;top:0;z-index:10;background:#121426eF;backdrop-filter:blur(14px)}.mobile-menu{display:none;background:transparent;border:0;color:#fff;font-size:24px}.top-search{height:42px;max-width:650px;flex:1;display:flex;align-items:center;gap:10px;background:#202342;border:1px solid #444266;border-radius:10px;padding:0 14px}.top-search span{font-size:23px;color:#aaa6c4}.top-search input{width:100%;border:0;outline:0;background:transparent;color:#f2effa;font:inherit;font-size:13px}.top-search input::placeholder{color:#9994b0}.top-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.icon-btn{position:relative;width:38px;height:38px;border:1px solid #454365;border-radius:10px;background:#202342;color:#eeeafa;cursor:pointer}.notify-dot{position:absolute;right:-3px;top:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:var(--red);color:#fff;font-size:9px;display:grid;place-items:center}.user-menu{display:flex;align-items:center;gap:9px;padding-left:7px;font-size:13px}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#2c9dff,#16a34a);color:#fff;display:grid;place-items:center;font-weight:800}.user-name{color:#f0edf9}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:25px 0 20px}.eyebrow{font-size:10px;color:#b56aff;font-weight:800;letter-spacing:1.8px}.page-header h1{font-size:28px;line-height:1.1;margin:6px 0 0;color:#fff}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.two{grid-template-columns:1.2fr .8fr}.card{background:linear-gradient(145deg,#1d203a,#20233f 55%,#241d3c);border:1px solid #3b3a5e;border-radius:13px;padding:18px;box-shadow:0 12px 30px #00000020}.stat{position:relative;overflow:hidden}.stat .label{color:#8ea1be;font-size:12px}.stat .value{font-size:29px;font-weight:850;margin-top:8px;color:#fff}.stat:after{content:'';position:absolute;right:-24px;top:-30px;width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--yellow),var(--purple2));opacity:.14}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:15px}.toolbar h2,.card h2{font-size:16px;margin:0;color:#edf4ff}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid #484667;border-radius:8px;padding:9px 13px;text-decoration:none;display:inline-block;font-size:12px;font-weight:700;cursor:pointer;background:#272947;color:#f0edfa}.btn:hover{filter:brightness(1.1)}.btn.sky{background:var(--blue);border-color:var(--blue);color:#fff}.btn.purple{background:var(--purple);border-color:var(--purple);color:#fff}.btn.yellow{background:var(--yellow);border-color:var(--yellow);color:#1d1800}.btn.green{background:var(--green);border-color:var(--green);color:#041b12}.btn.danger{background:#3a1820;border-color:#6c2634;color:#ff9aa4}.btn.small{padding:7px 10px;font-size:11px}.input,select,textarea{width:100%;padding:11px 12px;border:1px solid #4b496b;border-radius:8px;background:#171a30;color:#f5f2fc;font:inherit;outline:none}.input:focus,select:focus,textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a24}label{font-size:11px;font-weight:700;color:#b9b5ce;display:block;margin:10px 0 5px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 14px}.table-wrap{overflow:auto;border:1px solid #3b3a5b;border-radius:9px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #363552;white-space:nowrap}tr:last-child td{border-bottom:0}th{color:#aaa6c2;background:#20223c;font-weight:700}td{color:#e8e4f2}.muted{color:var(--muted)}.badge{padding:5px 8px;border-radius:20px;font-size:10px;font-weight:800;display:inline-block}.badge.green{background:#103d30;color:#5ee6b0}.badge.yellow{background:#4b3a0b;color:#ffe27a}.badge.red{background:#4b1e2a;color:#ff9aa4}.badge.blue{background:#173c59;color:#72ceff}.alert{padding:12px 15px;border-radius:9px;margin-bottom:14px;font-size:13px}.alert.success{background:#123d31;color:#68e8b8;border:1px solid #2b7358}.alert.danger{background:#4b1d27;color:#ff9ca5;border:1px solid #7a3442}.alert.warning{background:#4b3a0b;color:#ffe078;border:1px solid #80671b}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#264d72,transparent 35%),radial-gradient(circle at 80% 70%,#16a34a,transparent 35%),#111426}.login-card{width:min(430px,92vw);background:#1b1e37;border:1px solid #464365;border-radius:18px;padding:32px;box-shadow:0 30px 80px #0007}.login-logo{font-size:28px;font-weight:900;margin-bottom:4px}.login-logo span{color:#39aaff}@media(max-width:1150px){.sidebar{width:255px}.main-content{margin-left:255px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;padding:0 18px 30px}.mobile-menu{display:block}.top-search{max-width:none}.user-name{display:none}}@media(max-width:650px){.topbar{gap:10px}.top-actions .icon-btn:nth-child(2){display:none}.page-header{align-items:flex-start;flex-direction:column}.stats,.form-grid,.two{grid-template-columns:1fr}.stats{gap:10px}.card{padding:14px}.top-search{display:none}}

/* AMATECH ISP BILLING selected brand theme: white + green + black + yellow */
:root{
  --bg:#f4faf6;
  --bg2:#eef8f1;
  --sidebar:#ffffff;
  --panel:#ffffff;
  --panel2:#f7fbf8;
  --line:#d9e8de;
  --text:#101612;
  --muted:#66736a;
  --blue:#159447;
  --sky:#1aa653;
  --green:#16a34a;
  --yellow:#f4c400;
  --red:#dc2626;
  --purple:#16a34a;
  --purple2:#22c55e;
  --ink:#101612;
}
html{background:#f4faf6}
body{
  background:
    radial-gradient(circle at 88% 0%,#e7f8ec 0%,transparent 30%),
    radial-gradient(circle at 0% 100%,#f5fbe7 0%,transparent 28%),
    #f4faf6;
  color:var(--text);
}
a{color:#07883d}
a:hover{color:#056b31}
.sidebar{
  background:linear-gradient(180deg,#ffffff 0%,#fbfffc 72%,#f3fbf5 100%);
  border-right:1px solid #dbe9df;
  box-shadow:6px 0 22px rgba(16,80,35,.06);
}
.brand{border-bottom-color:#e2eee5}
.brand-mark{
  background:linear-gradient(135deg,#0a8f43,#20b95a);
  box-shadow:0 8px 22px rgba(22,163,74,.22);
}
.brand-copy b{color:#111611}
.brand-copy small{color:#6a756d}
.nav-section{color:#13813e}
.nav-link{color:#17201a}
.nav-link:hover{background:#eef9f1;color:#075f2c}
.nav-link.active{
  background:linear-gradient(90deg,#0d983f,#19b955);
  color:#fff;
  box-shadow:0 8px 20px rgba(22,163,74,.22);
}
.nav-icon{color:#11863d}
.nav-link.active .nav-icon{color:#fff}
.nav-link.external{color:#111611}
.chev{color:#4c6555}
.sidebar-footer{border-top-color:#e0ece3}
.logout{color:#182019}
.logout:hover{background:#fff4cc;color:#111}
.main-content{color:#111611}
.topbar{
  border-bottom-color:#dfeae2;
  background:rgba(255,255,255,.92);
  box-shadow:0 2px 12px rgba(16,60,28,.04);
}
.mobile-menu{color:#111611}
.top-search{background:#fff;border-color:#d6e5da}
.top-search span{color:#198d43}
.top-search input{color:#111611}
.top-search input::placeholder{color:#89948d}
.icon-btn{background:#fff;border-color:#d5e4d9;color:#17201a}
.notify-dot{background:var(--yellow);color:#171300}
.avatar{background:linear-gradient(135deg,#0c9a43,#20bd5d);color:#fff}
.user-name{color:#111611}
.page-header h1{color:#111611}
.eyebrow{color:#10853c}
.card{
  background:#fff;
  border-color:#dce9df;
  box-shadow:0 8px 24px rgba(19,67,35,.07);
}
.toolbar h2,.card h2{color:#111611}
.stat .label{color:#617067}
.stat .value{color:#111611}
.stat:after{background:linear-gradient(135deg,var(--yellow),#20b95a);opacity:.10}
.btn{background:#fff;border-color:#cfded3;color:#17201a}
.btn:hover{filter:none;background:#f3faf5}
.btn.sky,.btn.purple,.btn.green{
  background:#159b47;border-color:#159b47;color:#fff;
}
.btn.yellow{background:#f4c400;border-color:#e4b700;color:#1c1700}
.btn.danger{background:#fff1f1;border-color:#f2b8b8;color:#b91c1c}
.input,select,textarea{background:#fff;border-color:#cfddd3;color:#111611}
.input:focus,select:focus,textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.12)}
label{color:#3f4c43}
.table-wrap{border-color:#dce8df}
th,td{border-bottom-color:#e4ece6}
th{color:#35433a;background:#f3f8f4}
td{color:#1b241e}
.muted{color:#66736a}
.badge.green{background:#dcf7e5;color:#087a35}
.badge.yellow{background:#fff3bf;color:#7a5b00}
.badge.red{background:#fee2e2;color:#b91c1c}
.badge.blue{background:#dcf7e5;color:#087a35}
.alert.success{background:#e3f8e9;color:#087a35;border-color:#a9ddba}
.alert.danger{background:#fff0f0;color:#b91c1c;border-color:#efb1b1}
.alert.warning{background:#fff6cf;color:#725600;border-color:#ead36a}
.login{
  background:radial-gradient(circle at 20% 20%,#dff6e7,transparent 35%),
             radial-gradient(circle at 80% 70%,#fff3bf,transparent 30%),#f4faf6;
}
.login-card{background:#fff;border-color:#dce9df;box-shadow:0 24px 60px rgba(17,64,33,.12)}
.login-logo{color:#111611}
.login-logo span{color:#119345}

@media(max-width:850px){
  .sidebar{box-shadow:12px 0 30px rgba(16,60,28,.14)}
}
\n\n/* AMATECH ISP BILLING UI v2: green + black + white with purple secondary accents and larger typography */
:root{
  --bg:#f7fbf8;
  --bg2:#eef8f1;
  --sidebar:#ffffff;
  --panel:#ffffff;
  --panel2:#f8fbf9;
  --line:#d8e6dc;
  --text:#111612;
  --muted:#5f6d63;
  --blue:#1687d9;
  --sky:#3aaee8;
  --green:#159447;
  --yellow:#f2c300;
  --red:#dc2626;
  --purple:#7c3aed;
  --purple2:#a855f7;
  --ink:#111612;
}
html{background:var(--bg)}
body{font-size:15px;background:radial-gradient(circle at 88% 0%,#f0e8ff 0%,transparent 25%),radial-gradient(circle at 0% 100%,#e9f8ef 0%,transparent 28%),#f7fbf8;color:var(--text)}
.sidebar{background:linear-gradient(180deg,#fff 0%,#fcfffd 72%,#f4faf6 100%);border-right:1px solid #dce7df}
.brand-mark{background:linear-gradient(135deg,#129447,#20b957)}
.brand-copy b{font-size:22px}.brand-copy small{font-size:10px}
.nav-section{font-size:12px;color:#148344;padding-top:18px}
.nav-link{font-size:15px;min-height:42px;color:#172019;padding:9px 11px}
.nav-icon{font-size:18px;color:#158545}
.nav-link:hover{background:#f0eaff;color:#4c1d95}
.nav-link.active{background:linear-gradient(90deg,#149648,#20b65a);box-shadow:0 7px 18px rgba(21,148,71,.18)}
.nav-link.external{color:#6d28d9}.nav-link.external .nav-icon{color:#7c3aed}
.topbar{background:rgba(255,255,255,.95);border-bottom-color:#dfe8e2}
.top-search{height:46px}.top-search input{font-size:15px}.top-search span{font-size:24px}
.icon-btn{font-size:16px}.user-menu{font-size:15px}.page-header h1{font-size:32px}.eyebrow{font-size:12px;color:#6d28d9}
.card{border-color:#dbe7df;border-radius:14px;box-shadow:0 8px 24px rgba(19,67,35,.065)}
.toolbar h2,.card h2{font-size:20px}.card h3{font-size:18px}
.stat .label{font-size:14px}.stat .value{font-size:32px}.muted{font-size:13px}
.btn{font-size:14px;padding:10px 14px}.btn.small{font-size:12px}.btn.purple{background:var(--purple);border-color:var(--purple);color:#fff}.btn.purple:hover{background:#6d28d9}
.btn.sky{background:#1687d9;border-color:#1687d9;color:#fff}.btn.green{background:var(--green);border-color:var(--green);color:#fff}
.btn.yellow{background:var(--yellow);border-color:#dfb400;color:#171300}
.input,select,textarea{font-size:15px;padding:12px 13px}.input:focus,select:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(124,58,237,.12)}
label{font-size:13px}table{font-size:14px}th,td{padding:13px 11px}th{font-size:13px}.badge{font-size:12px;padding:6px 9px}
.badge.blue{background:#e0f2fe;color:#075985}.badge.green{background:#dcfce7;color:#166534}.badge.yellow{background:#fff4bf;color:#725500}.badge.red{background:#fee2e2;color:#b91c1c}
.alert{font-size:14px}.form-grid{gap:10px 16px}
/* Normalize the small inline dashboard helper text to the same readable scale. */
.muted[style*="font-size:11px"]{font-size:13px !important}.muted[style*="font-size:12px"]{font-size:13px !important}
@media(max-width:850px){.nav-link{font-size:15px}.page-header h1{font-size:28px}}

.nav-subgroup{margin:-1px 0 3px 14px;padding-left:10px;border-left:1px solid #dce8df}.nav-child{min-height:34px;padding:7px 11px;font-size:13px}.nav-child .nav-icon{font-size:14px;width:18px;flex-basis:18px}.nav-subgroup .nav-link.active{box-shadow:none}

/* Collapsible application navigation */
.side-nav .nav-group,
.side-nav .nav-nested { margin: 2px 0; }
.side-nav .nav-group > summary,
.side-nav .nav-nested > summary { list-style: none; cursor: pointer; }
.side-nav .nav-group > summary::-webkit-details-marker,
.side-nav .nav-nested > summary::-webkit-details-marker { display:none; }
.side-nav .nav-group-title {
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  width:100%; padding:10px 12px; border-radius:10px; color:inherit;
  font-weight:700; font-size:.91rem;
}
.side-nav .nav-group-title > span:first-child { display:flex; align-items:center; gap:10px; }
.side-nav .nav-group-title:hover,
.side-nav .nav-nested > .nav-parent:hover { background:rgba(255,255,255,.07); }
.side-nav .group-chevron { transition:transform .18s ease; opacity:.8; }
.side-nav .nav-group[open] > .nav-group-title .group-chevron,
.side-nav .nav-nested[open] > .nav-parent .chev { transform:rotate(180deg); }
.side-nav .nav-subgroup { padding:2px 0 4px 12px; }
.side-nav .nav-nested .nav-subgroup-deeper { padding-left:12px; }
.side-nav .nav-child { padding-left:16px; font-size:.88rem; }
.side-nav .nav-child .nav-icon { opacity:.8; }
.side-nav .nav-nested > .nav-parent { width:100%; border:0; background:transparent; color:inherit; text-align:left; }
.side-nav .nav-nested > .nav-parent .chev { margin-left:auto; transition:transform .18s ease; }

.grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.role-list{display:grid;gap:10px;max-height:520px;overflow:auto}
.role-card{border:1px solid #dce7df;border-radius:12px;padding:12px;background:#fbfdfb}
.role-card>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center}
.role-card p{margin:6px 0 8px;color:#64748b;font-size:13px}
.role-perms{display:flex;gap:5px;flex-wrap:wrap}
.inline-details{display:inline-block;vertical-align:middle;margin-right:5px}
.inline-details>summary{display:inline-flex;list-style:none;cursor:pointer}
.inline-details>summary::-webkit-details-marker{display:none}
.inline-edit-form{display:flex;gap:6px;flex-wrap:wrap;padding:10px;margin-top:6px;border:1px solid #dce7df;border-radius:10px;background:#fff}
.inline-edit-form input,.inline-edit-form select{min-width:130px}
.btn-small{padding:7px 10px;font-size:12px}
.btn-danger{border-color:#fecaca;color:#dc2626;background:#fff}
@media (max-width:900px){.grid-2{grid-template-columns:1fr}.compact-grid{grid-template-columns:1fr}}

/* V25 brand palette enhancement: blue + purple + pink blended into the existing green theme */
:root{
  --accent-cyan:#50cbd8;
  --accent-blue:#508dcc;
  --accent-purple:#8453a4;
  --accent-pink:#ec2777;
  --accent-pink2:#f11c75;
}
body{
  background:
    radial-gradient(circle at 0% 0%, rgba(80,203,216,.20) 0%, transparent 25%),
    radial-gradient(circle at 38% 0%, rgba(132,83,164,.18) 0%, transparent 27%),
    radial-gradient(circle at 100% 12%, rgba(236,39,119,.18) 0%, transparent 28%),
    radial-gradient(circle at 100% 65%, rgba(241,28,117,.10) 0%, transparent 25%),
    radial-gradient(circle at 0% 100%, rgba(233,248,239,.95) 0%, transparent 30%),
    #f7fbf8;
}
.sidebar{
  background:
    linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(250,252,255,.99) 58%,rgba(248,250,252,.99) 100%);
  border-right:1px solid #d9e3e9;
  box-shadow:6px 0 24px rgba(80,141,204,.07);
}
.brand-mark{
  background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-purple) 52%,var(--accent-pink) 100%);
  box-shadow:0 8px 24px rgba(132,83,164,.22),0 0 18px rgba(236,39,119,.10);
}
.brand-copy small{color:#66737d}
.nav-section{color:#6d28d9}
.nav-link:hover{
  background:linear-gradient(90deg,rgba(80,203,216,.12),rgba(132,83,164,.10),rgba(236,39,119,.08));
  color:#4c1d95;
}
.nav-link.active{
  background:linear-gradient(90deg,#149648,#20b65a);
  box-shadow:0 7px 18px rgba(21,148,71,.18),0 0 0 1px rgba(132,83,164,.06);
}
.nav-icon{color:#5b72b5}
.nav-link.external{color:#7c3aed}
.topbar{
  background:
    linear-gradient(90deg,rgba(255,255,255,.96),rgba(252,249,255,.96),rgba(255,248,252,.96));
  border-bottom-color:#dce4e9;
}
.top-search:focus-within{border-color:var(--accent-purple);box-shadow:0 0 0 3px rgba(132,83,164,.10)}
.top-search span{color:#5b72b5}
.eyebrow{color:var(--accent-purple)}
.page-header h1{color:#111612}
.card{
  box-shadow:0 8px 24px rgba(19,67,35,.055),0 2px 10px rgba(132,83,164,.035);
}
.stat:after{background:linear-gradient(135deg,var(--yellow),var(--accent-purple),var(--accent-pink));opacity:.11}
.btn.purple{
  background:var(--accent-purple);
  border-color:var(--accent-purple);
  color:#fff;
}
.btn.purple:hover{background:#71458f;border-color:#71458f}
.input:focus,select:focus,textarea:focus{
  border-color:var(--accent-purple);
  box-shadow:0 0 0 3px rgba(132,83,164,.12);
}
.badge.blue{background:#e2f1fb;color:#285d91}
.login{
  background:
    radial-gradient(circle at 8% 12%,rgba(80,203,216,.34),transparent 30%),
    radial-gradient(circle at 42% 0%,rgba(132,83,164,.30),transparent 32%),
    radial-gradient(circle at 92% 70%,rgba(236,39,119,.25),transparent 34%),
    radial-gradient(circle at 5% 95%,rgba(220,247,229,.80),transparent 28%),
    #f7fbf8;
}
.login-logo span{color:var(--accent-purple)}
/* A restrained gradient accent for section headings without changing green action semantics. */
.page-header{position:relative}
.page-header:after{
  content:'';
  position:absolute;
  left:0;
  bottom:8px;
  width:170px;
  height:3px;
  border-radius:4px;
  background:linear-gradient(90deg,var(--green),var(--accent-blue),var(--accent-purple),var(--accent-pink));
  opacity:.72;
}
@media(max-width:850px){
  .sidebar{box-shadow:12px 0 30px rgba(80,141,204,.13)}
}

/* V27 Atlantic Blue Pearl interface refinement: less white, richer blue surfaces,
   while preserving green for primary/success actions and the existing purple/pink accents. */
:root{
  --atlantic-pearl:#1769a8;
  --atlantic-deep:#0f4f82;
  --atlantic-mid:#2d86bd;
  --atlantic-soft:#dcecf7;
  --atlantic-pale:#eaf4fa;
  --accent-blue:#2f82bb;
  --accent-cyan:#4bb7d5;
  --accent-purple:#7650a8;
  --accent-pink:#d83f88;
}
html{background:#e7f1f7}
body{
  background:
    radial-gradient(circle at 0% 0%,rgba(75,183,213,.30) 0%,transparent 26%),
    radial-gradient(circle at 42% 0%,rgba(118,80,168,.23) 0%,transparent 29%),
    radial-gradient(circle at 100% 10%,rgba(216,63,136,.22) 0%,transparent 29%),
    radial-gradient(circle at 100% 72%,rgba(47,130,187,.16) 0%,transparent 28%),
    linear-gradient(135deg,#e9f3f9 0%,#eef2f9 48%,#f4edf6 100%);
}
.sidebar{
  background:linear-gradient(180deg,#dbeaf5 0%,#e6f0f7 48%,#e8eaf6 100%);
  border-right-color:#b9cfdf;
  box-shadow:6px 0 28px rgba(23,105,168,.12);
}
.brand{border-bottom-color:#bfd4e2}
.brand-copy small{color:#46677f}
.nav-section{color:#5d3f94}
.nav-link{color:#173f5d}
.nav-link:hover{
  background:linear-gradient(90deg,rgba(47,130,187,.16),rgba(118,80,168,.13),rgba(216,63,136,.09));
  color:#173f5d;
}
.nav-icon{color:#1769a8}
.topbar{
  background:linear-gradient(90deg,rgba(226,240,249,.96),rgba(235,232,247,.96),rgba(246,232,241,.96));
  border-bottom-color:#bfd3df;
}
.top-search{background:#e4f0f7;border-color:#b7cedd}
.top-search span{color:#1769a8}
.icon-btn{background:#e2eef6;border-color:#b9cfdd}
.card{
  background:linear-gradient(145deg,#e6f2f8 0%,#edf4f8 56%,#eee9f6 100%);
  border-color:#bfd3df;
  box-shadow:0 10px 28px rgba(23,105,168,.10),0 2px 10px rgba(118,80,168,.05);
}
.stat{background:linear-gradient(145deg,#dceef7,#e8f1f7 58%,#ece8f4)}
.toolbar h2,.card h2{color:#143e5b}
.table-wrap{border-color:#b9cfdd}
th{background:#dbeaf3;color:#173f5d}
td{color:#193d55}
th,td{border-bottom-color:#c8d9e4}
.input,select,textarea{background:#e4f0f7;border-color:#b7cedd;color:#14384f}
.input::placeholder,textarea::placeholder{color:#5d7890}
label{color:#36566d}
.btn{background:#e3eff6;border-color:#b7cedd;color:#173f5d}
.btn:hover{background:#d5e8f3}
.btn.sky{background:var(--atlantic-pearl);border-color:var(--atlantic-pearl);color:#fff}
.btn.purple{background:var(--accent-purple);border-color:var(--accent-purple)}
.page-header h1{color:#102f45}
.eyebrow{color:#6c43a0}
.stat .label{color:#41657d}
.muted{color:#4d6a7e}
.badge.blue{background:#cfe6f4;color:#145b8d}
.alert.success{background:#d8f2e4}
.alert.warning{background:#f5eecb}
.alert.danger{background:#f6dddd}
.login{
  background:
    radial-gradient(circle at 8% 12%,rgba(75,183,213,.45),transparent 30%),
    radial-gradient(circle at 42% 0%,rgba(118,80,168,.36),transparent 32%),
    radial-gradient(circle at 92% 70%,rgba(216,63,136,.30),transparent 34%),
    linear-gradient(135deg,#dcecf7,#e8e8f5 52%,#f2e0eb);
}
.login-card{background:#e5f0f7;border-color:#b9cfdd}
/* Replace common inline white/pale-green surfaces with the Atlantic pearl tint. */
[style*="background:#f8fbf9"],[style*="background: #f8fbf9"]{background:#e6f2f8 !important;border-color:#bfd3df !important}
[style*="background:#fff"],[style*="background: #fff"]{background:#eaf3f8 !important}

/* V28 — SINGLE LOCK-SCREEN PALETTE
   Derived directly from the supplied reference image. The interface uses only
   the reference's magenta → lilac → violet family; former green/yellow/blue
   accents are intentionally remapped into this palette. */
:root{
  --ref-magenta:#d324af;
  --ref-pink:#cb52d5;
  --ref-lilac:#bf84fd;
  --ref-violet:#a37df6;
  --ref-purple:#7f5bd7;
  --ref-deep:#532fb2;
  --ref-night:#2f0d97;
  --ref-ink:#24114f;
  --ref-soft:#eadfff;
  --ref-surface:#d9c8f8;
  --ref-border:#b99be9;
  --ref-white:#fff7ff;
  --green:var(--ref-purple);
  --blue:var(--ref-purple);
  --sky:var(--ref-lilac);
  --purple:var(--ref-purple);
  --purple2:var(--ref-pink);
  --yellow:var(--ref-pink);
  --red:var(--ref-magenta);
}
html{background:var(--ref-violet)}
body{
  background:
    linear-gradient(180deg,
      var(--ref-magenta) 0%,
      var(--ref-pink) 13%,
      var(--ref-lilac) 34%,
      var(--ref-violet) 53%,
      var(--ref-purple) 73%,
      var(--ref-deep) 88%,
      var(--ref-night) 100%);
  color:var(--ref-white);
}
a{color:var(--ref-white)}
a:hover{color:#fff}
.sidebar{
  background:linear-gradient(180deg,var(--ref-magenta) 0%,var(--ref-pink) 18%,var(--ref-lilac) 48%,var(--ref-violet) 72%,var(--ref-deep) 100%);
  border-right:1px solid rgba(255,247,255,.28);
  box-shadow:8px 0 30px rgba(47,13,151,.28);
}
.brand{border-bottom-color:rgba(255,247,255,.28)}
.brand-mark{
  background:linear-gradient(180deg,var(--ref-magenta),var(--ref-deep));
  box-shadow:0 8px 24px rgba(47,13,151,.35);
}
.brand-copy b,.brand-copy small{color:#fff7ff}
.nav-section{color:#fff0ff}
.nav-link{color:#fff7ff}
.nav-link:hover{background:rgba(255,247,255,.13);color:#fff}
.nav-link.active{background:linear-gradient(90deg,var(--ref-deep),var(--ref-purple));color:#fff;box-shadow:0 8px 22px rgba(47,13,151,.30)}
.nav-icon,.nav-link.external,.chev{color:#fff0ff}
.nav-link.active .nav-icon{color:#fff}
.sidebar-footer{border-top-color:rgba(255,247,255,.28)}
.logout,.logout:hover{color:#fff;background:transparent}
.main-content{color:#fff7ff}
.topbar{
  background:linear-gradient(90deg,rgba(211,36,175,.94),rgba(203,82,213,.92),rgba(163,125,246,.92));
  border-bottom-color:rgba(255,247,255,.24);
  box-shadow:0 4px 20px rgba(47,13,151,.18);
}
.mobile-menu{color:#fff}
.top-search{background:rgba(255,247,255,.14);border-color:rgba(255,247,255,.35);color:#fff}
.top-search span,.top-search input,.top-search input::placeholder{color:#fff}
.icon-btn{background:rgba(255,247,255,.14);border-color:rgba(255,247,255,.35);color:#fff}
.notify-dot{background:var(--ref-magenta);color:#fff}
.avatar{background:linear-gradient(180deg,var(--ref-magenta),var(--ref-deep));color:#fff}
.user-name{color:#fff}
.page-header h1,.toolbar h2,.card h2{color:#fff7ff}
.eyebrow{color:#fff0ff}
.page-header:after{background:linear-gradient(90deg,var(--ref-magenta),var(--ref-lilac),var(--ref-deep));opacity:.95}
.card{
  background:linear-gradient(145deg,rgba(217,200,248,.96),rgba(191,132,253,.90) 55%,rgba(127,91,215,.82));
  border-color:rgba(255,247,255,.34);
  box-shadow:0 12px 30px rgba(47,13,151,.20);
}
.stat{background:linear-gradient(145deg,rgba(234,223,255,.94),rgba(191,132,253,.86) 58%,rgba(127,91,215,.80))}
.stat .label,.stat .value{color:#fff7ff}
.stat:after{background:linear-gradient(135deg,var(--ref-magenta),var(--ref-lilac),var(--ref-night));opacity:.24}
.btn{background:rgba(255,247,255,.14);border-color:rgba(255,247,255,.38);color:#fff}
.btn:hover{background:rgba(255,247,255,.22);color:#fff}
.btn.sky,.btn.green,.btn.purple{background:linear-gradient(135deg,var(--ref-purple),var(--ref-deep));border-color:var(--ref-deep);color:#fff}
.btn.yellow{background:var(--ref-magenta);border-color:var(--ref-magenta);color:#fff}
.btn.danger{background:rgba(211,36,175,.20);border-color:rgba(255,247,255,.45);color:#fff}
.input,select,textarea{background:rgba(255,247,255,.20);border-color:rgba(255,247,255,.42);color:#fff}
.input::placeholder,textarea::placeholder{color:rgba(255,247,255,.80)}
.input:focus,select:focus,textarea:focus{border-color:#fff;box-shadow:0 0 0 3px rgba(255,247,255,.18)}
label{color:#fff0ff}
.table-wrap{border-color:rgba(255,247,255,.34)}
th{background:rgba(83,47,178,.48);color:#fff}
td{color:#fff7ff}
th,td{border-bottom-color:rgba(255,247,255,.24)}
.muted{color:#f0e6ff}
.badge.green,.badge.blue,.badge.yellow,.badge.red{background:rgba(255,247,255,.20);color:#fff;border:1px solid rgba(255,247,255,.25)}
.alert.success,.alert.warning,.alert.danger{background:rgba(255,247,255,.14);color:#fff;border-color:rgba(255,247,255,.30)}
.login{
  background:linear-gradient(180deg,var(--ref-magenta) 0%,var(--ref-pink) 16%,var(--ref-lilac) 40%,var(--ref-violet) 62%,var(--ref-deep) 84%,var(--ref-night) 100%);
}
.login-card{background:rgba(83,47,178,.52);border-color:rgba(255,247,255,.34);box-shadow:0 30px 80px rgba(47,13,151,.45);backdrop-filter:blur(14px)}
.login-logo,.login-logo span{color:#fff}
/* Inline legacy colors: keep the single reference palette even where templates
   contain older inline green/yellow/blue backgrounds. */
[style*="#16a34a"],[style*="#159447"],[style*="#20b95a"],[style*="#149648"],[style*="#1687d9"],[style*="#2d9cff"],[style*="#f2c300"],[style*="#f4c400"]{
  background:linear-gradient(135deg,var(--ref-purple),var(--ref-deep)) !important;
  border-color:var(--ref-deep) !important;color:#fff !important;
}
[style*="#fff"],[style*="#ffffff"]{color:inherit}

/* V29 — REFERENCE GRADIENT PALETTE
   Replaces the previous V28 magenta/lilac palette with the supplied image's
   lime → mint → cyan → powder-blue → pink gradient. */
:root{
  --ref-lime:#97fe66;
  --ref-mint:#73feb5;
  --ref-aqua:#57f8fa;
  --ref-cyan:#66e0eb;
  --ref-blue:#85c9de;
  --ref-powder:#9cb2d0;
  --ref-lilac:#b39bc3;
  --ref-pink:#e16da7;
  --ref-deep:#315f78;
  --ref-ink:#173f4c;
  --ref-soft:#dffaf3;
  --ref-white:#f7ffff;
  --green:var(--ref-aqua);
  --blue:var(--ref-blue);
  --sky:var(--ref-cyan);
  --purple:var(--ref-powder);
  --purple2:var(--ref-pink);
  --yellow:var(--ref-lime);
  --red:var(--ref-pink);
}
html{background:var(--ref-aqua)}
body{
  background:linear-gradient(125deg,
    var(--ref-lime) 0%,
    var(--ref-mint) 24%,
    var(--ref-aqua) 43%,
    var(--ref-blue) 68%,
    var(--ref-lilac) 84%,
    var(--ref-pink) 100%);
  background-attachment:fixed;
  color:var(--ref-ink);
}
a{color:#255f73} a:hover{color:#7d3564}
.sidebar{
  background:linear-gradient(180deg,var(--ref-lime) 0%,var(--ref-mint) 28%,var(--ref-aqua) 52%,var(--ref-blue) 75%,var(--ref-pink) 100%);
  border-right:1px solid rgba(255,255,255,.48);
  box-shadow:8px 0 30px rgba(49,95,120,.18);
}
.brand{border-bottom-color:rgba(255,255,255,.46)}
.brand-mark{background:linear-gradient(135deg,var(--ref-aqua),var(--ref-pink));box-shadow:0 8px 24px rgba(49,95,120,.22)}
.brand-copy b,.brand-copy small{color:#173f4c}
.brand-copy small{opacity:.78}
.nav-section{color:#245d69}
.nav-link{color:#174653}
.nav-link:hover{background:rgba(255,255,255,.26);color:#173f4c}
.nav-link.active{background:linear-gradient(90deg,rgba(49,95,120,.92),rgba(125,53,100,.82));color:#fff;box-shadow:0 8px 22px rgba(49,95,120,.22)}
.nav-icon,.nav-link.external,.chev{color:#245d69}
.nav-link.active .nav-icon{color:#fff}
.sidebar-footer{border-top-color:rgba(255,255,255,.45)}
.logout,.logout:hover{color:#174653;background:transparent}
.main-content{color:var(--ref-ink)}
.topbar{
  background:linear-gradient(90deg,rgba(151,254,102,.92),rgba(87,248,250,.90) 45%,rgba(225,109,167,.90) 100%);
  border-bottom-color:rgba(255,255,255,.48);
  box-shadow:0 4px 20px rgba(49,95,120,.16);
}
.mobile-menu{color:#173f4c}
.top-search{background:rgba(255,255,255,.30);border-color:rgba(255,255,255,.62);color:#173f4c}
.top-search span,.top-search input,.top-search input::placeholder{color:#245d69}
.icon-btn{background:rgba(255,255,255,.30);border-color:rgba(255,255,255,.62);color:#173f4c}
.notify-dot{background:var(--ref-pink);color:#fff}
.avatar{background:linear-gradient(135deg,var(--ref-cyan),var(--ref-pink));color:#fff}
.user-name{color:#173f4c}
.page-header h1,.toolbar h2,.card h2{color:#173f4c}
.eyebrow{color:#7d3564}
.page-header:after{background:linear-gradient(90deg,var(--ref-lime),var(--ref-aqua),var(--ref-pink));opacity:1}
.card{
  background:linear-gradient(145deg,rgba(247,255,255,.46),rgba(223,250,243,.42) 42%,rgba(179,155,195,.38) 100%);
  border-color:rgba(255,255,255,.58);
  box-shadow:0 12px 30px rgba(49,95,120,.14);
  backdrop-filter:blur(8px);
}
.stat{background:linear-gradient(145deg,rgba(247,255,255,.50),rgba(115,254,181,.35) 45%,rgba(225,109,167,.30))}
.stat .label,.stat .value{color:#173f4c}
.stat:after{background:linear-gradient(135deg,var(--ref-lime),var(--ref-aqua),var(--ref-pink));opacity:.24}
.btn{background:rgba(255,255,255,.28);border-color:rgba(255,255,255,.65);color:#173f4c}
.btn:hover{background:rgba(255,255,255,.42);color:#173f4c}
.btn.sky,.btn.green,.btn.purple{background:linear-gradient(135deg,var(--ref-aqua),var(--ref-blue));border-color:var(--ref-blue);color:#173f4c}
.btn.yellow{background:linear-gradient(135deg,var(--ref-lime),var(--ref-mint));border-color:var(--ref-mint);color:#173f4c}
.btn.danger{background:rgba(225,109,167,.24);border-color:rgba(125,53,100,.38);color:#7d3564}
.input,select,textarea{background:rgba(255,255,255,.28);border-color:rgba(255,255,255,.68);color:#173f4c}
.input::placeholder,textarea::placeholder{color:rgba(36,93,105,.72)}
.input:focus,select:focus,textarea:focus{border-color:#315f78;box-shadow:0 0 0 3px rgba(87,248,250,.24)}
label{color:#245d69}
.table-wrap{border-color:rgba(255,255,255,.58)}
th{background:rgba(102,224,235,.34);color:#173f4c}
td{color:#173f4c}
th,td{border-bottom-color:rgba(255,255,255,.42)}
.muted{color:#315f78}
.badge.green,.badge.blue,.badge.yellow,.badge.red{background:rgba(255,255,255,.30);color:#245d69;border:1px solid rgba(255,255,255,.48)}
.alert.success,.alert.warning,.alert.danger{background:rgba(255,255,255,.26);color:#245d69;border-color:rgba(255,255,255,.52)}
.login{
  background:linear-gradient(125deg,var(--ref-lime) 0%,var(--ref-mint) 24%,var(--ref-aqua) 43%,var(--ref-blue) 68%,var(--ref-lilac) 84%,var(--ref-pink) 100%);
}
.login-card{background:rgba(247,255,255,.26);border-color:rgba(255,255,255,.58);box-shadow:0 30px 80px rgba(49,95,120,.25);backdrop-filter:blur(16px)}
.login-logo,.login-logo span{color:#173f4c}
/* Replace common legacy inline backgrounds while preserving the new palette. */
[style*="#16a34a"],[style*="#159447"],[style*="#20b95a"],[style*="#149648"],[style*="#1687d9"],[style*="#2d9cff"],[style*="#f2c300"],[style*="#f4c400"],[style*="#7c3aed"],[style*="#a855f7"]{
  background:linear-gradient(135deg,var(--ref-aqua),var(--ref-blue),var(--ref-pink)) !important;
  border-color:rgba(49,95,120,.35) !important;color:#173f4c !important;
}
[style*="background:#fff"],[style*="background: #fff"],[style*="background:#ffffff"],[style*="background: #ffffff"]{
  background:rgba(247,255,255,.34) !important;
}

/* V30 — READABILITY REFINEMENT
   Keep the V29 lime → mint → aqua → blue → pink palette, but introduce
   controlled warm-white surfaces and larger, clearer typography. */
:root{
  --surface-white:rgba(255,255,255,.72);
  --surface-white-soft:rgba(255,255,255,.58);
  --surface-white-strong:rgba(255,255,255,.82);
  --text-clear:#173b49;
  --text-muted-clear:#456776;
}
body{font-size:15.5px;color:var(--text-clear)}
.main-content{color:var(--text-clear)}
.sidebar{
  background:linear-gradient(180deg,
    rgba(255,255,255,.76) 0%,
    rgba(151,254,102,.48) 20%,
    rgba(87,248,250,.48) 50%,
    rgba(133,201,222,.52) 76%,
    rgba(225,109,167,.44) 100%);
}
.topbar{
  background:linear-gradient(90deg,
    rgba(255,255,255,.78),
    rgba(151,254,102,.34) 24%,
    rgba(87,248,250,.36) 52%,
    rgba(225,109,167,.34) 100%);
}
.top-search{background:rgba(255,255,255,.70);color:var(--text-clear)}
.icon-btn{background:rgba(255,255,255,.68)}
.page-header h1{font-size:32px;color:var(--text-clear)}
.eyebrow{font-size:12.5px}
.nav-section{font-size:12.5px}
.nav-link{font-size:15.5px;min-height:43px}
.nav-child{font-size:14px}
.brand-copy b{font-size:22px}
.brand-copy small{font-size:10px}
.card{
  background:linear-gradient(145deg,
    rgba(255,255,255,.78) 0%,
    rgba(255,255,255,.66) 48%,
    rgba(223,250,243,.55) 100%);
  border-color:rgba(255,255,255,.72);
  box-shadow:0 10px 28px rgba(49,95,120,.12);
}
.stat{
  background:linear-gradient(145deg,
    rgba(255,255,255,.80),
    rgba(223,250,243,.62) 58%,
    rgba(225,109,167,.25));
}
.stat .label{font-size:14px;color:var(--text-muted-clear)}
.stat .value{font-size:32px;color:var(--text-clear)}
.toolbar h2,.card h2{font-size:20px;color:var(--text-clear)}
.card h3{font-size:18px}
.btn{font-size:14px;padding:10px 14px;background:rgba(255,255,255,.68);color:var(--text-clear)}
.btn.small{font-size:12.5px;padding:8px 11px}
.input,select,textarea{
  font-size:15.5px;
  padding:12px 13px;
  background:rgba(255,255,255,.72);
  color:var(--text-clear);
}
.input::placeholder,textarea::placeholder{font-size:15px;color:rgba(36,93,105,.68)}
label{font-size:14px;color:#285466;margin:11px 0 6px}
table{font-size:14.5px}
th,td{padding:13px 11px}
th{font-size:14px}
td{font-size:14.5px;color:var(--text-clear)}
.badge{font-size:12.5px;padding:6px 9px}
.alert{font-size:14.5px}
.muted{font-size:13.5px;color:var(--text-muted-clear)}
.form-grid{gap:11px 16px}
.login-card{background:rgba(255,255,255,.70);color:var(--text-clear)}
.login-logo,.login-logo span{color:var(--text-clear)}
/* Keep white surfaces readable without becoming glaring white. */
[style*="background:#fff"],[style*="background: #fff"],[style*="background:#ffffff"],[style*="background: #ffffff"]{
  background:rgba(255,255,255,.68) !important;
}
@media(max-width:850px){
  .nav-link{font-size:15px}
  .page-header h1{font-size:29px}
  label{font-size:13.5px}
}

/* V31 — RESTORE CLASSIC AMATECH GREEN / WHITE / BLACK THEME
   Reverts the V25–V30 gradient palettes while retaining the readability improvements. */
:root{
  --bg:#f4faf6;
  --bg2:#eef8f1;
  --sidebar:#ffffff;
  --panel:#ffffff;
  --panel2:#f7fbf8;
  --line:#d9e8de;
  --text:#101612;
  --muted:#66736a;
  --blue:#159447;
  --sky:#1aa653;
  --green:#16a34a;
  --yellow:#f4c400;
  --red:#dc2626;
  --purple:#16a34a;
  --purple2:#22c55e;
  --ink:#101612;
  --text-clear:#101612;
  --text-muted-clear:#66736a;
}
html{background:#f4faf6}
body{
  background:
    radial-gradient(circle at 88% 0%,#e7f8ec 0%,transparent 30%),
    radial-gradient(circle at 0% 100%,#f5fbe7 0%,transparent 28%),
    #f4faf6;
  color:#101612;
}
a{color:#07883d} a:hover{color:#056b31}
.sidebar{
  background:linear-gradient(180deg,#ffffff 0%,#fbfffc 72%,#f3fbf5 100%);
  border-right:1px solid #dbe9df;
  box-shadow:6px 0 22px rgba(16,80,35,.06);
}
.brand{border-bottom-color:#e2eee5}
.brand-mark{background:linear-gradient(135deg,#0a8f43,#20b95a);box-shadow:0 8px 22px rgba(22,163,74,.22)}
.brand-copy b,.brand-copy small{color:#111611}
.brand-copy small{opacity:1}
.nav-section{color:#13813e}
.nav-link{color:#17201a}
.nav-link:hover{background:#eef9f1;color:#075f2c}
.nav-link.active{background:linear-gradient(90deg,#0d983f,#19b955);color:#fff;box-shadow:0 8px 20px rgba(22,163,74,.22)}
.nav-icon{color:#11863d}
.nav-link.active .nav-icon{color:#fff}
.nav-link.external{color:#111611}
.chev{color:#4c6555}
.sidebar-footer{border-top-color:#e0ece3}
.logout{color:#182019}
.logout:hover{background:#fff4cc;color:#111}
.main-content{color:#111611}
.topbar{border-bottom-color:#dfeae2;background:rgba(255,255,255,.94);box-shadow:0 2px 12px rgba(16,60,28,.04)}
.mobile-menu{color:#111611}
.top-search{background:#fff;border-color:#d6e5da}
.top-search span{color:#198d43}
.top-search input{color:#111611}
.top-search input::placeholder{color:#89948d}
.icon-btn{background:#fff;border-color:#d5e4d9;color:#17201a}
.notify-dot{background:var(--yellow);color:#171300}
.avatar{background:linear-gradient(135deg,#0c9a43,#20bd5d);color:#fff}
.user-name{color:#111611}
.page-header h1,.toolbar h2,.card h2{color:#111611}
.eyebrow{color:#10853c}
.card{
  background:#fff;
  border-color:#dce9df;
  box-shadow:0 8px 24px rgba(19,67,35,.07);
}
.stat{background:#fff}
.stat .label{color:#617067}
.stat .value{color:#111611}
.stat:after{background:linear-gradient(135deg,var(--yellow),#20b95a);opacity:.10}
.btn{background:#fff;border-color:#cfded3;color:#17201a}
.btn:hover{background:#f3faf5}
.btn.sky,.btn.purple,.btn.green{background:#159b47;border-color:#159b47;color:#fff}
.btn.yellow{background:#f4c400;border-color:#e4b700;color:#1c1700}
.btn.danger{background:#fff1f1;border-color:#f2b8b8;color:#b91c1c}
.input,select,textarea{background:#fff;border-color:#cfddd3;color:#111611}
.input::placeholder,textarea::placeholder{color:#89948d}
.input:focus,select:focus,textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.12)}
label{color:#3f4c43}
.table-wrap{border-color:#dce8df}
th,td{border-bottom-color:#e4ece6}
th{color:#35433a;background:#f3f8f4}
td{color:#1b241e}
.muted{color:#66736a}
.badge.green{background:#dcf7e5;color:#087a35}
.badge.yellow{background:#fff3bf;color:#7a5b00}
.badge.red{background:#fee2e2;color:#b91c1c}
.badge.blue{background:#dcf7e5;color:#087a35}
.alert.success{background:#e3f8e9;color:#087a35;border-color:#a9ddba}
.alert.danger{background:#fff0f0;color:#b91c1c;border-color:#efb1b1}
.alert.warning{background:#fff6cf;color:#725600;border-color:#ead36a}
.login{background:radial-gradient(circle at 20% 20%,#dff6e7,transparent 35%),radial-gradient(circle at 80% 70%,#fff3bf,transparent 30%),#f4faf6}
.login-card{background:#fff;border-color:#dce9df;box-shadow:0 24px 60px rgba(17,64,33,.12)}
.login-logo,.login-logo span{color:#111611}
/* Cancel the prior V25–V30 inline color overrides. */
[style*="#16a34a"],[style*="#159447"],[style*="#20b95a"],[style*="#149648"],[style*="#1687d9"],[style*="#2d9cff"],[style*="#f2c300"],[style*="#f4c400"],[style*="#7c3aed"],[style*="#a855f7"]{
  background:inherit !important;
  border-color:inherit !important;
  color:inherit !important;
}
[style*="background:#fff"],[style*="background: #fff"],[style*="background:#ffffff"],[style*="background: #ffffff"]{
  background:#fff !important;
}

/* V52 CONSOLIDATED FORM SYSTEM */
.form-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 12px;align-items:start}
.form-grid.compact-5{grid-template-columns:repeat(5,minmax(0,1fr)) !important}
.form-grid.compact-4{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
.form-grid.compact-3{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
.form-grid.compact-2{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.form-grid>div{min-width:0}.form-grid .input,.form-grid select,.form-grid textarea{min-width:0;width:100%}
.form-grid label{margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.form-grid .span-2{grid-column:span 2}.form-grid .span-3{grid-column:span 3}.form-grid .span-full{grid-column:1/-1}
@media(max-width:1100px){.form-grid,.form-grid.compact-5{grid-template-columns:repeat(4,minmax(0,1fr)) !important}}
@media(max-width:980px){.form-grid,.form-grid.compact-5,.form-grid.compact-4{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media(max-width:760px){.form-grid,.form-grid.compact-5,.form-grid.compact-4,.form-grid.compact-3{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:560px){.form-grid,.form-grid.compact-5,.form-grid.compact-4,.form-grid.compact-3,.form-grid.compact-2{grid-template-columns:1fr !important}.form-grid .span-2,.form-grid .span-3,.form-grid .span-full{grid-column:1/-1}}

/* V82 FORM CLEANUP: hide explanatory helper text beneath form fields. */
form small.muted,
form .form-grid > div > small.muted,
form .form-grid > div > div > small.muted {
  display: none !important;
}