:root{
  --navy:#143256; --navy-dark:#0e2440; --red:#dc001e; --link:#1c4c86;
  --font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --color-text-primary:#1a1d22; --color-text-secondary:#5b6068; --color-text-tertiary:#8a8f97; --color-text-success:#0F6E56; --color-expense:#b8431d;
  --color-background-primary:#ffffff; --color-background-secondary:#f1f3f7; --color-background-tertiary:#e6e9ef;
  --color-border-tertiary:rgba(20,50,86,.12); --color-border-secondary:rgba(20,50,86,.22);
  --border-radius-md:8px; --border-radius-lg:12px;
}
*{box-sizing:border-box;}
html,body{height:100%;}
body{margin:0;height:100vh;overflow:hidden;background:var(--color-background-secondary);font-family:var(--font-sans);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;}
input,select{height:38px;border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-md);padding:0 12px;font-size:14px;font-family:inherit;background:var(--color-background-primary);color:var(--color-text-primary);}
input{width:100%;}
select{height:36px;font-size:13px;cursor:pointer;padding:0 10px;}
textarea{width:100%;border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-md);padding:10px 12px;font-size:14px;font-family:inherit;background:var(--color-background-primary);color:var(--color-text-primary);resize:vertical;}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(20,50,86,.16);}
button:focus-visible,a:focus-visible{outline:2px solid var(--navy);outline-offset:2px;}

.kcs-frame{position:relative;height:100vh;display:flex;flex-direction:column;background:var(--color-background-secondary);}
.kcs-login{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;}
.kcs-card{background:var(--color-background-primary);border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);padding:1.75rem 1.5rem;width:100%;max-width:340px;}
.kcs-field{margin-bottom:14px;}
.kcs-field label{display:block;font-size:13px;color:var(--color-text-secondary);margin-bottom:5px;}
.kcs-field .hint{font-size:11.5px;color:var(--color-text-tertiary);margin:6px 0 0;}
.kcs-btn-primary{background:var(--navy);color:#fff;border:none;border-radius:var(--border-radius-md);padding:11px 16px;font-size:14px;font-weight:500;cursor:pointer;width:100%;font-family:inherit;}
.kcs-btn-primary:hover{background:var(--navy-dark);}

.kcs-logo{display:flex;align-items:center;gap:10px;}
.kcs-crest{width:38px;height:38px;border-radius:8px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none;}
.kcs-word{display:flex;flex-direction:column;line-height:1.18;}
.kcs-word b{font-size:11.5px;font-weight:600;letter-spacing:.04em;color:var(--color-text-primary);}
.kcs-word small{font-size:9.5px;letter-spacing:.2em;color:var(--red);}
.kcs-logo--nav .kcs-crest{background:#fff;color:var(--navy);}
.kcs-logo--nav .kcs-word b{color:#fff;}
.kcs-logo--nav .kcs-word small{color:rgba(255,255,255,.72);}

.kcs-app{flex:1;display:flex;flex-direction:column;min-height:0;}
.kcs-topbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--navy);padding:10px 18px;}
.kcs-user{display:flex;align-items:center;gap:10px;color:#fff;}
.kcs-avatar{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;flex:none;}
.kcs-uid{font-size:12px;line-height:1.3;}
.kcs-uid small{display:block;color:rgba(255,255,255,.6);font-size:10px;}
.kcs-logout{background:transparent;border:0.5px solid rgba(255,255,255,.35);color:#fff;border-radius:var(--border-radius-md);padding:6px 10px;font-size:12px;cursor:pointer;font-family:inherit;}
.kcs-logout:hover{background:rgba(255,255,255,.1);}

.kcs-body{flex:1;min-height:0;display:flex;align-items:stretch;}
.kcs-sidebar{width:200px;flex:none;background:var(--navy);padding:14px 0;display:flex;flex-direction:column;overflow-y:auto;}
.kcs-navbot{margin-top:auto;border-top:0.5px solid rgba(255,255,255,.14);padding-top:8px;}
.kcs-mlabel{font-size:10px;letter-spacing:.14em;color:rgba(255,255,255,.45);padding:0 18px 8px;}
.kcs-nav{display:flex;align-items:center;gap:11px;width:100%;background:transparent;border:none;border-left:3px solid transparent;color:rgba(255,255,255,.74);padding:11px 18px;font-size:13.5px;cursor:pointer;text-align:left;font-family:inherit;}
.kcs-nav i{font-size:18px;}
.kcs-nav:hover{background:rgba(255,255,255,.07);color:#fff;}
.kcs-nav.active{background:rgba(255,255,255,.14);color:#fff;border-left-color:var(--red);}

.kcs-main{flex:1;min-width:0;background:var(--color-background-primary);padding:20px 24px;overflow-y:auto;}
.kcs-phead{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:16px;}
.kcs-phead h2{margin:0;font-size:19px;font-weight:600;}
.kcs-sub{font-size:12.5px;color:var(--color-text-secondary);}
.kcs-headtools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.kcs-dl{display:inline-flex;align-items:center;gap:7px;background:var(--navy);color:#fff;border:none;border-radius:var(--border-radius-md);padding:8px 13px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;}
.kcs-dl:hover{background:var(--navy-dark);}
.kcs-link{color:var(--link);text-decoration:underline;cursor:pointer;font-weight:500;}

.kcs-finfilter{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:16px;padding:12px;background:var(--color-background-secondary);border-radius:var(--border-radius-md);}
.kcs-finfilter .fl{font-size:11px;letter-spacing:.04em;color:var(--color-text-tertiary);text-transform:uppercase;margin-right:2px;}
.kcs-daterange{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary);}
.kcs-daterange input{height:34px;width:auto;padding:0 8px;}
.kcs-fyear{height:34px;}
.kcs-freset{background:transparent;border:0.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);padding:7px 13px;font-size:12.5px;cursor:pointer;color:var(--color-text-primary);font-family:inherit;}
.kcs-freset:hover{background:var(--color-background-tertiary);}

.kcs-grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px;}
.kcs-stat{background:var(--color-background-secondary);border-radius:var(--border-radius-md);padding:13px 14px;}
.kcs-stat .l{font-size:12px;color:var(--color-text-secondary);display:flex;align-items:center;gap:6px;}
.kcs-stat .v{font-size:21px;font-weight:600;margin-top:5px;}
.kcs-statbtn{cursor:pointer;font-family:inherit;border:none;width:100%;text-align:left;display:block;}
.kcs-statbtn .l{width:100%;}
.kcs-stat--accent{background:var(--navy);}
.kcs-stat--accent .l{color:rgba(255,255,255,.78);}
.kcs-stat--accent .v{color:#fff;}
.kcs-stat--accent:hover{background:var(--navy-dark);}
.kcs-2col{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;}
.kcs-block{border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);padding:14px;}
.kcs-block h3{margin:0 0 10px;font-size:14px;font-weight:600;}
.kcs-chartlegend{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px;font-size:12px;color:var(--color-text-secondary);}
.kcs-chartlegend i{display:inline-block;width:11px;height:11px;border-radius:3px;vertical-align:-1px;margin-right:5px;}

.kcs-prose{font-size:13.5px;line-height:1.6;color:var(--color-text-secondary);}
.kcs-prose p{margin:8px 0;}
.kcs-prose b{color:var(--color-text-primary);}
.kcs-prose ul{margin:8px 0;padding-left:20px;}
.kcs-prose li{margin-bottom:5px;}
.kcs-prose h4{color:var(--color-text-primary);font-size:14px;margin:14px 0 6px;}

.kcs-hols{display:flex;flex-direction:column;gap:8px;}
.kcs-hol{display:flex;align-items:center;gap:10px;font-size:13px;}

.kcs-ev{display:flex;align-items:center;gap:11px;padding:9px 0;border-top:0.5px solid var(--color-border-tertiary);}
.kcs-ev:first-of-type{border-top:none;}
.kcs-date{flex:none;width:44px;text-align:center;background:var(--color-background-secondary);border-radius:var(--border-radius-md);padding:4px 0;}
.kcs-date b{display:block;font-size:15px;font-weight:600;color:var(--navy);}
.kcs-date span{font-size:10px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;}
.kcs-ev .x{flex:1;min-width:0;}
.kcs-ev .x p{margin:0;font-size:13.5px;}
.kcs-tag{display:inline-block;font-size:10.5px;padding:1px 8px;border-radius:999px;margin-top:3px;}
.kcs-tag.meet{background:#E6F1FB;color:#0C447C;}
.kcs-tag.fund{background:#E1F5EE;color:#0F6E56;}
.kcs-tag.soc{background:#FBEAF0;color:#72243E;}

.kcs-ql{display:flex;flex-direction:column;gap:8px;}
.kcs-ql button{display:flex;align-items:center;gap:9px;background:var(--color-background-secondary);border:none;border-radius:var(--border-radius-md);padding:10px 12px;font-size:13px;color:var(--color-text-primary);cursor:pointer;text-align:left;font-family:inherit;}
.kcs-ql button:hover{background:var(--color-background-tertiary);}
.kcs-ql i{color:var(--navy);font-size:17px;}

.kcs-tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap;}
.kcs-tab,.kcs-vtab{background:transparent;border:0.5px solid var(--color-border-secondary);border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer;color:var(--color-text-secondary);font-family:inherit;}
.kcs-tab.active,.kcs-vtab.active{background:var(--navy);color:#fff;border-color:var(--navy);}
.kcs-file{display:flex;align-items:center;gap:12px;padding:11px 4px;border-top:0.5px solid var(--color-border-tertiary);}
.kcs-file:first-of-type{border-top:none;}
.kcs-file .fi{color:var(--red);font-size:20px;flex:none;}
.kcs-file .fn{flex:1;min-width:0;font-size:13.5px;}
.kcs-file .fn small{display:block;color:var(--color-text-secondary);font-size:11.5px;}
.kcs-cat{font-size:10.5px;padding:2px 9px;border-radius:999px;background:var(--color-background-secondary);color:var(--color-text-secondary);flex:none;}
.kcs-fbtn{background:var(--navy);border:none;border-radius:var(--border-radius-md);width:34px;height:34px;cursor:pointer;color:#fff;flex:none;display:inline-flex;align-items:center;justify-content:center;}
.kcs-fbtn i{font-size:18px;}
.kcs-fbtn:hover{background:var(--navy-dark);}

.kcs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 20px;color:var(--color-text-secondary);}
.kcs-empty i{font-size:40px;color:var(--navy);margin-bottom:12px;}
.kcs-empty h3{margin:0 0 6px;font-size:16px;color:var(--color-text-primary);font-weight:600;}
.kcs-empty p{margin:0;font-size:13px;max-width:380px;line-height:1.6;}

.kcs-bbar{margin-bottom:12px;}
.kcs-bbar .row{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:5px;}
.kcs-bbar .row span:first-child{color:var(--color-text-secondary);}
.kcs-track{background:var(--color-background-secondary);border-radius:999px;height:9px;overflow:hidden;}
.kcs-track i{display:block;height:100%;}

.kcs-back{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);padding:7px 13px;font-size:13px;color:var(--color-text-primary);cursor:pointer;font-family:inherit;margin-bottom:14px;}
.kcs-back:hover{background:var(--color-background-secondary);}
.kcs-ftabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap;}
.kcs-ftab{background:transparent;border:0.5px solid var(--color-border-secondary);border-radius:999px;padding:5px 13px;font-size:12.5px;cursor:pointer;color:var(--color-text-secondary);font-family:inherit;}
.kcs-ftab.active{background:var(--navy);color:#fff;border-color:var(--navy);}
.kcs-txn{display:flex;align-items:center;gap:12px;padding:10px 4px;border-top:0.5px solid var(--color-border-tertiary);}
.kcs-txn:first-of-type{border-top:none;}
.kcs-txn .td{flex:none;width:62px;font-size:12px;color:var(--color-text-secondary);}
.kcs-txn .ds{flex:1;min-width:0;font-size:13.5px;}
.kcs-txn .ds .dt{display:block;}
.kcs-catpill{display:inline-block;font-size:10.5px;padding:1px 9px;border-radius:999px;margin-top:4px;font-weight:500;}
.cat-membership{background:#E6F1FB;color:#0C447C;}
.cat-fundraising{background:#E1F5EE;color:#0F6E56;}
.cat-donation{background:#EEEDFE;color:#3C3489;}
.cat-sponsorship{background:#FBEAF0;color:#72243E;}
.cat-grant{background:#FAEEDA;color:#854F0B;}
.cat-admin{background:#F1EFE8;color:#444441;}
.cat-events{background:#FAECE7;color:#993C1D;}
.cat-classroom{background:#E6F1FB;color:#0C447C;}
.cat-equipment{background:#E1F5EE;color:#0F6E56;}
.kcs-amt{font-size:13.5px;font-weight:600;flex:none;font-variant-numeric:tabular-nums;}
.kcs-amt.pos{color:var(--color-text-success);}
.kcs-amt.neg{color:var(--color-expense);}
.kcs-txntotal{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:2px solid var(--color-border-secondary);font-size:14px;font-weight:600;}
.kcs-acct{font-size:12px;color:var(--color-text-secondary);margin-bottom:14px;}

.kcs-role{padding:11px 0;border-top:0.5px solid var(--color-border-tertiary);}
.kcs-role:first-of-type{border-top:none;}
.kcs-role b{font-size:13.5px;color:var(--color-text-primary);}
.kcs-role p{margin:4px 0 0;font-size:13px;color:var(--color-text-secondary);line-height:1.55;}
.kcs-roledesc{margin-top:8px;font-size:12.5px;color:var(--color-text-secondary);background:var(--color-background-secondary);border-radius:var(--border-radius-md);padding:10px 12px;border-left:3px solid var(--navy);line-height:1.55;}
.kcs-yn{display:flex;gap:18px;align-items:center;}
.kcs-yn label{display:flex;align-items:center;gap:6px;color:var(--color-text-primary);font-size:13px;margin:0;}
.kcs-yn input{width:auto;height:auto;}
.kcs-thanks{background:var(--color-background-secondary);border-radius:var(--border-radius-lg);padding:22px;display:flex;gap:14px;align-items:flex-start;max-width:640px;}
.kcs-thanks i{color:var(--color-text-success);font-size:26px;flex:none;}
.kcs-thanks p{font-size:13.5px;line-height:1.6;color:var(--color-text-primary);}
.kcs-flag{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:#FAEEDA;color:#854F0B;margin-left:6px;}
.kcs-checkline{font-size:13px;color:var(--color-text-primary);padding:6px 0;}

.kcs-bigav{width:66px;height:66px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;flex:none;background-size:cover;background-position:center;}
.kcs-form2{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0 14px;}

.kcs-paper{background:#ffffff;color:#16264a;border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);padding:20px;}
.kcs-paperhead{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:2px solid var(--navy);padding-bottom:12px;margin-bottom:6px;}
.kcs-ph-school{color:var(--navy);font-size:13px;letter-spacing:.02em;}
.kcs-ph-title{color:var(--navy);font-size:19px;font-weight:600;}
.kcs-callegend{display:flex;flex-wrap:wrap;gap:16px;margin:14px 0;font-size:12px;color:#16264a;}
.kcs-callegend i{display:inline-block;width:13px;height:13px;border-radius:3px;margin-right:6px;vertical-align:-2px;}
.kcs-cal{display:grid;grid-template-columns:repeat(auto-fit,minmax(212px,1fr));gap:14px;margin:14px 0 24px;}
.kcs-month{border:1px solid #e3e3df;border-radius:6px;overflow:hidden;}
.kcs-mtitle{background:#e7e7e3;color:#16264a;font-size:12px;font-weight:600;text-align:center;padding:5px;}
.kcs-mtable{width:100%;border-collapse:collapse;table-layout:fixed;}
.kcs-mtable th{font-size:9px;color:#7a7a74;font-weight:600;text-transform:uppercase;padding:4px 0;background:#f0f0ec;}
.kcs-mtable td{font-size:11px;text-align:center;padding:5px 0;border:1.5px solid #fff;background:#f6f6f3;color:#16264a;}
.kcs-mtable td.empty{background:#ececea;}
.kcs-idhead{color:var(--navy);font-size:16px;font-weight:600;margin:6px 0 12px;}
.kcs-iddates{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2px 24px;}
.kcs-idr{display:flex;gap:9px;align-items:center;font-size:11.5px;padding:3px 0;color:#16264a;}
.kcs-idd{flex:none;min-width:84px;text-align:center;border-radius:4px;padding:2px 6px;color:#16264a;font-weight:500;}
.kcs-note{font-size:13px;color:#5b6068;background:#f6f6f3;border-radius:6px;padding:14px;}
.pink{background:#F4C7D2;}.cyan{background:#9FD9EE;}.orange{background:#F6BE94;}.purple{background:#C3B7E8;}

.kcs-toast{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);background:var(--navy);color:#fff;padding:9px 15px;border-radius:var(--border-radius-md);font-size:12.5px;opacity:0;pointer-events:none;transition:opacity .25s;z-index:50;}
.kcs-toast.show{opacity:1;}
[hidden]{display:none !important;}

@media (max-width:720px){
  .kcs-body{flex-direction:column;}
  .kcs-sidebar{width:100%;flex-direction:row;overflow-x:auto;padding:8px;gap:4px;}
  .kcs-navtop,.kcs-navbot{display:contents;}
  .kcs-mlabel{display:none;}
  .kcs-nav{width:auto;white-space:nowrap;border-left:none;border-bottom:3px solid transparent;padding:8px 12px;}
  .kcs-nav.active{border-left:none;border-bottom-color:var(--red);}
}
@media (prefers-reduced-motion:reduce){*{transition:none !important;}}

/* ---- Laravel additions ---- */
.kcs-errors{background:#FDECEE;color:#8a1020;border-radius:var(--border-radius-md);padding:9px 12px;font-size:12.5px;margin-bottom:14px;}
.kcs-fielderr{color:#b3122a;font-size:12px;margin:5px 0 0;}
.kcs-avatar.has-img,.kcs-bigav.has-img{background-size:cover;background-position:center;}
.kcs-logoutform{margin:0;}
a.kcs-nav{text-decoration:none;}
a.kcs-tab,a.kcs-vtab,a.kcs-ftab,a.kcs-back,a.kcs-dl,a.kcs-fbtn,a.kcs-statbtn{text-decoration:none;}
a.kcs-statbtn{color:inherit;}
.kcs-ql a{display:flex;align-items:center;gap:9px;background:var(--color-background-secondary);border-radius:var(--border-radius-md);padding:10px 12px;font-size:13px;color:var(--color-text-primary);text-decoration:none;}
.kcs-ql a:hover{background:var(--color-background-tertiary);}
.kcs-toast{position:fixed;}

@media print{
  body{height:auto;overflow:visible;background:#fff;}
  .kcs-frame,.kcs-app,.kcs-body{height:auto;display:block;}
  .kcs-topbar,.kcs-sidebar,.kcs-phead .kcs-headtools,.kcs-toast,.kcs-fbtn{display:none !important;}
  .kcs-main{overflow:visible;padding:0;}
  .kcs-month,.kcs-ev{break-inside:avoid;}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
}

/* ---- Dashboard / About additions ---- */
.kcs-callout{display:flex;gap:14px;align-items:flex-start;background:#FDECEE;border:1px solid rgba(220,0,30,.28);border-left:4px solid var(--red);border-radius:var(--border-radius-md);padding:16px 18px;color:#5a0a14;}
.kcs-callout i{font-size:26px;color:var(--red);flex:none;}
.kcs-callout b{font-size:15px;color:#3d0710;}
.kcs-callout p{margin:6px 0 0;font-size:13.5px;line-height:1.55;}
.kcs-table{width:100%;border-collapse:collapse;font-size:13px;margin:10px 0;}
.kcs-table th,.kcs-table td{text-align:left;padding:8px 10px;border-bottom:0.5px solid var(--color-border-tertiary);vertical-align:top;}
.kcs-table th{font-size:11.5px;color:var(--color-text-secondary);font-weight:600;}
.kcs-table td.c,.kcs-table th.c{text-align:center;}
.kcs-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;}
.kcs-steps{counter-reset:s;list-style:none;padding:0 !important;margin:8px 0;}
.kcs-steps li{counter-increment:s;position:relative;padding:3px 0 3px 34px;margin:0 0 6px;}
.kcs-steps li:before{content:counter(s);position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;}
.kcs-toc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.kcs-toc a{font-size:12.5px;color:var(--link);text-decoration:none;border:0.5px solid var(--color-border-secondary);border-radius:999px;padding:5px 12px;}
.kcs-toc a:hover{background:var(--color-background-secondary);}
.kcs-block[id]{scroll-margin-top:12px;}

.kcs-tag.reg{background:#FAEEDA;color:#854F0B;}
.kcs-tag.vote{background:#EEEDFE;color:#3C3489;}
.kcs-fmt{display:inline-block;font-size:10.5px;padding:1px 8px;border-radius:999px;margin:3px 0 0 6px;border:0.5px solid var(--color-border-secondary);color:var(--color-text-secondary);}
.kcs-evlist{margin-top:8px;display:flex;flex-direction:column;gap:8px;}
.kcs-evlist div{font-size:13px;color:rgba(255,255,255,.88);}
.kcs-evlist b{display:block;font-size:15px;font-weight:600;color:#fff;}

/* About sections: clear, separate panels */
.kcs-sec{border:1.5px solid rgba(20,50,86,.35);border-radius:var(--border-radius-lg);overflow:hidden;margin-bottom:28px;box-shadow:0 2px 6px rgba(20,50,86,.08);background:#fff;}
.kcs-sec-h{display:flex;align-items:center;gap:12px;background:var(--navy);padding:12px 18px;border-bottom:3px solid var(--red);}
.kcs-sec-h h3{margin:0;font-size:16px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.kcs-sec-h .n{flex:none;width:26px;height:26px;border-radius:50%;background:#fff;color:var(--navy);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;}
.kcs-sec-b{padding:18px 22px;}
.kcs-sec-b .kcs-prose h4{margin:18px 0 6px;padding-top:12px;border-top:1px dashed var(--color-border-secondary);}
.kcs-sec-b .kcs-prose h4:first-child{border-top:none;padding-top:0;margin-top:0;}
.kcs-toc{align-items:center;position:sticky;top:-20px;z-index:5;background:#fff;padding:10px 0;border-bottom:1px solid var(--color-border-tertiary);margin:-4px 0 20px;}
.kcs-toc-l{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-right:4px;}
.kcs-toc a{background:var(--color-background-secondary);border-color:var(--color-border-secondary);font-weight:500;}
.kcs-flag{background:#FAEEDA;}
.kcs-sec-h .kcs-flag{margin-left:0;}

/* ---- Locked menu + membership walkthrough ---- */
.kcs-nav .kcs-lock{margin-left:auto;font-size:14px;}
@media (max-width:720px){.kcs-nav .kcs-lock{display:none;}}

.kcs-wiz{max-width:860px;}
.kcs-wizsteps{display:flex;gap:0;margin:0 0 20px;padding:0;list-style:none;counter-reset:w;}
.kcs-wizsteps li{flex:1;position:relative;text-align:center;font-size:12px;color:var(--color-text-tertiary);padding-top:34px;counter-increment:w;}
.kcs-wizsteps li:before{content:counter(w);position:absolute;top:0;left:50%;transform:translateX(-50%);width:26px;height:26px;border-radius:50%;background:var(--color-background-tertiary);color:var(--color-text-secondary);font-weight:600;display:flex;align-items:center;justify-content:center;z-index:1;}
.kcs-wizsteps li:after{content:"";position:absolute;top:12px;left:-50%;width:100%;height:2px;background:var(--color-background-tertiary);}
.kcs-wizsteps li:first-child:after{display:none;}
.kcs-wizsteps li.done:before,.kcs-wizsteps li.current:before{background:var(--navy);color:#fff;}
.kcs-wizsteps li.done:after,.kcs-wizsteps li.current:after{background:var(--navy);}
.kcs-wizsteps li.current{color:var(--color-text-primary);font-weight:600;}
.kcs-wizstep{border:1.5px solid rgba(20,50,86,.3);border-radius:var(--border-radius-lg);padding:22px 24px;background:#fff;}
.kcs-wizstep h3{margin:0 0 4px;font-size:18px;}
.kcs-wizstep .lead{margin:0 0 16px;font-size:14px;color:var(--color-text-secondary);line-height:1.55;}
.js .kcs-wizstep{display:none;}
.js .kcs-wizstep.current{display:block;}
.kcs-wiznav{display:flex;justify-content:space-between;margin-top:16px;gap:10px;}
.kcs-wiznav .kcs-freset,.kcs-wiznav .kcs-btn-primary{width:auto;padding:10px 20px;font-size:14px;}
.kcs-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0 0 6px;}
.kcs-benefit{border:0.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);padding:14px;background:var(--color-background-secondary);}
.kcs-benefit i{font-size:24px;color:var(--navy);}
.kcs-benefit b{display:block;margin:6px 0 3px;font-size:14px;}
.kcs-benefit p{margin:0;font-size:12.5px;color:var(--color-text-secondary);line-height:1.5;}
.kcs-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-bottom:14px;}
.kcs-cmp{border-radius:var(--border-radius-md);padding:14px 16px;border:1.5px solid var(--color-border-secondary);}
.kcs-cmp.yes{border-color:var(--navy);background:#eef3fa;}
.kcs-cmp h4{margin:0 0 2px;font-size:15px;}
.kcs-cmp .sub{font-size:12px;color:var(--color-text-secondary);margin-bottom:8px;}
.kcs-cmp ul{list-style:none;padding:0;margin:0;font-size:13px;}
.kcs-cmp li{padding:3px 0 3px 22px;position:relative;}
.kcs-cmp li:before{content:"✓";position:absolute;left:0;color:var(--color-text-success);font-weight:700;}
.kcs-cmp li.no{color:var(--color-text-tertiary);}
.kcs-cmp li.no:before{content:"✕";color:#b3122a;}
.kcs-tl{list-style:none;margin:0;padding:0;}
.kcs-tl li{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-top:0.5px solid var(--color-border-tertiary);}
.kcs-tl li:first-child{border-top:none;}
.kcs-tl .when{flex:none;min-width:130px;font-weight:600;color:var(--navy);font-size:13.5px;}
.kcs-tl .what{font-size:13.5px;}
.kcs-tl .what small{display:block;color:var(--color-text-secondary);font-size:12px;margin-top:2px;}
.kcs-memberok{background:#E1F5EE;border:1px solid #9bd8c1;border-radius:var(--border-radius-lg);padding:20px;display:flex;gap:14px;max-width:760px;}
.kcs-memberok i{font-size:30px;color:var(--color-text-success);flex:none;}
details.kcs-coc{border:0.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);padding:10px 14px;margin:6px 0 10px;background:var(--color-background-secondary);}
details.kcs-coc summary{cursor:pointer;font-size:13px;font-weight:500;color:var(--link);}

/* ---- Role interest (yes / no → dropdown + overview) ---- */
.kcs-biglead{font-size:16px;font-weight:500;line-height:1.5;color:var(--navy);background:#eef3fa;border-left:4px solid var(--navy);border-radius:var(--border-radius-md);padding:12px 14px;margin:0 0 14px;}
.kcs-roleint > label{font-size:14.5px;color:var(--color-text-primary);font-weight:500;}
.kcs-roleint-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:18px;margin-top:14px;align-items:start;}
.kcs-roleint-body[hidden]{display:none;}
.kcs-roleint-pick label{font-size:13.5px;}
.kcs-roleint-ov{border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-md);padding:12px 14px;background:var(--color-background-secondary);max-height:340px;overflow-y:auto;}
.kcs-roleint-ov h4{margin:0 0 8px;font-size:13.5px;}
.kcs-roleint-item{padding:8px 10px;border-radius:6px;border-left:3px solid transparent;}
.kcs-roleint-item b{font-size:13px;}
.kcs-roleint-item p{margin:3px 0 0;font-size:12.5px;line-height:1.5;color:var(--color-text-secondary);}
.kcs-roleint-item.sel{background:#fff;border-left-color:var(--red);box-shadow:0 1px 3px rgba(20,50,86,.15);}
@media (max-width:720px){.kcs-roleint-body{grid-template-columns:1fr;}}

/* Role overview in the page's right-hand column (wide screens) */
.kcs-wizlayout .kcs-wiz{max-width:780px;}
.kcs-roleint-ov--side{display:none;}
@media (min-width:1340px){
  .kcs-wizlayout{display:grid;grid-template-columns:minmax(0,780px) minmax(300px,1fr);gap:24px;align-items:start;}
  .kcs-wizlayout .kcs-roleint-ov--inline{display:none;}
  .kcs-wizlayout .kcs-roleint-body{grid-template-columns:1fr;}
  .js .kcs-wizlayout.on-step-4.role-yes .kcs-roleint-ov--side{display:block;position:sticky;top:0;max-height:calc(100vh - 140px);margin-top:62px;background:#fff;border-width:1.5px;border-color:rgba(20,50,86,.3);}
  .kcs-roleint-ov--side h4{font-size:15px;}
}

/* ---- Cost centres ---- */
.kcs-ccsum{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:6px;}
.kcs-ccsum div{background:var(--color-background-secondary);border-radius:var(--border-radius-md);padding:10px 14px;}
.kcs-ccsum span{display:block;font-size:12px;color:var(--color-text-secondary);}
.kcs-ccsum b{font-size:18px;}
.kcs-cchead{margin:18px 0 8px;padding:6px 10px;background:var(--navy);color:#fff;font-size:13px;border-radius:6px;font-weight:600;}
details.kcs-cc{border:0.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);margin-bottom:6px;background:#fff;}
details.kcs-cc[open]{border-color:var(--navy);box-shadow:0 1px 4px rgba(20,50,86,.12);}
details.kcs-cc > summary{display:flex;align-items:center;gap:12px;padding:9px 12px;cursor:pointer;list-style:none;font-size:13.5px;}
details.kcs-cc > summary::-webkit-details-marker{display:none;}
details.kcs-cc > summary:before{content:"▸";color:var(--navy);font-size:12px;}
details.kcs-cc[open] > summary:before{content:"▾";}
details.kcs-cc .code{flex:none;font-size:11px;font-weight:600;background:#E6F1FB;color:#0C447C;border-radius:999px;padding:2px 9px;}
details.kcs-cc .nm{flex:1;min-width:0;font-weight:500;}
details.kcs-cc .nm small{display:block;font-weight:400;font-size:11.5px;color:var(--color-text-tertiary);}
details.kcs-cc .fig{flex:none;min-width:76px;text-align:right;font-variant-numeric:tabular-nums;}
details.kcs-cc .fig small{display:block;font-size:10.5px;color:var(--color-text-tertiary);}
details.kcs-cc .fig em{font-style:normal;font-weight:600;}
details.kcs-cc .fig em.pos{color:var(--color-text-success);}
details.kcs-cc .fig em.neg{color:var(--color-expense);}
details.kcs-cc .body{padding:4px 14px 12px 34px;border-top:0.5px solid var(--color-border-tertiary);}
details.kcs-cc .mean{font-size:13px;line-height:1.55;color:var(--color-text-secondary);margin:8px 0;}
@media (max-width:720px){details.kcs-cc > summary{flex-wrap:wrap;}details.kcs-cc .fig{min-width:60px;}}

/* ---- Modal (centre of screen, stays until closed) ---- */
.kcs-modal{position:fixed;inset:0;z-index:100;background:rgba(14,36,64,.55);display:flex;align-items:center;justify-content:center;padding:20px;}
.kcs-modal[hidden]{display:none !important;}
.kcs-modal-card{position:relative;background:#fff;border-radius:14px;max-width:460px;width:100%;padding:30px 28px 24px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.35);}
.kcs-modal-x{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;background:transparent;border-radius:50%;cursor:pointer;color:var(--color-text-secondary);font-size:20px;display:flex;align-items:center;justify-content:center;}
.kcs-modal-x:hover{background:var(--color-background-secondary);}
.kcs-modal-ic i{font-size:46px;color:var(--color-text-success);}
.kcs-modal-ic i.ti-lock,.kcs-modal-ic i.ti-alert-triangle{color:var(--red);}
.kcs-modal h3{margin:8px 0 6px;font-size:19px;}
.kcs-modal p{margin:0 0 18px;font-size:14.5px;line-height:1.55;color:var(--color-text-secondary);}
.kcs-modal-acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.kcs-modal-acts .kcs-btn-primary{width:auto;padding:10px 20px;text-decoration:none;display:inline-block;}
.kcs-modal-acts .kcs-freset{padding:10px 20px;font-size:14px;}
body.kcs-modal-open{overflow:hidden;}

/* ---- Top bar: name + year group, hover menu ---- */
.kcs-logolink{text-decoration:none;}
.kcs-usermenu{position:relative;padding:6px 4px;cursor:default;outline:none;}
.kcs-usermenu .kcs-uid{font-size:13.5px;font-weight:500;text-align:right;}
.kcs-usermenu .kcs-uid i{font-size:12px;opacity:.7;}
.kcs-usermenu .kcs-uid small{font-size:11.5px;}
.kcs-usermenu-pop{display:none;position:absolute;right:0;top:100%;min-width:260px;background:#fff;border-radius:var(--border-radius-md);box-shadow:0 8px 28px rgba(0,0,0,.28);padding:6px;z-index:60;}
.kcs-usermenu:hover .kcs-usermenu-pop,.kcs-usermenu:focus-within .kcs-usermenu-pop{display:block;}
.kcs-usermenu-pop button{display:flex;align-items:center;gap:9px;width:100%;background:transparent;border:none;border-radius:6px;padding:10px 12px;font-size:13px;font-family:inherit;color:#8a1020;cursor:pointer;text-align:left;}
.kcs-usermenu-pop button:hover{background:#FDECEE;}
.kcs-nav[data-locked]{width:100%;}
.kcs-nav .kcs-lock{opacity:.55;}

/* ---- Voting tabs (grey, like the About jump links) ---- */
.kcs-tabs .kcs-vtab{background:var(--color-background-secondary);border:1px solid var(--color-border-secondary);color:var(--color-text-primary);font-weight:500;padding:8px 18px;font-size:13.5px;text-decoration:none;}
.kcs-tabs .kcs-vtab:hover{background:var(--color-background-tertiary);}
.kcs-tabs .kcs-vtab.active{background:var(--navy);color:#fff;border-color:var(--navy);}

/* ---- "Already applied" green box ---- */
.kcs-applied{display:flex;gap:14px;align-items:flex-start;max-width:700px;background:#E1F5EE;border:1px solid #7fcfae;border-left:5px solid #1D9E75;border-radius:var(--border-radius-md);padding:18px 20px;}
.kcs-applied > i{font-size:30px;color:#0F6E56;flex:none;}
.kcs-applied h3{margin:0 0 6px;font-size:16px;color:#0a4d3b;}
.kcs-applied p{margin:0 0 12px;font-size:13.5px;line-height:1.55;color:#0a4d3b;}
.kcs-rescind{color:#8a1020;border-color:rgba(179,18,42,.45);background:#fff;}
.kcs-rescind i{margin-right:6px;vertical-align:-2px;}
.kcs-rescind:hover{background:#FDECEE;}

/* ---- Settings danger zone ---- */
.kcs-danger{border-color:rgba(179,18,42,.35);}
.kcs-danger-row{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:12px 0;border-top:0.5px solid var(--color-border-tertiary);}
.kcs-danger-row:first-of-type{border-top:none;}
.kcs-danger-row p{margin:3px 0 0;font-size:12.5px;color:var(--color-text-secondary);max-width:480px;line-height:1.5;}
.kcs-danger-row form{flex:none;margin:0;}
.kcs-btn-danger{background:#b3122a;color:#fff;border:none;border-radius:var(--border-radius-md);padding:9px 16px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;}
.kcs-btn-danger:hover{background:#8a1020;}
@media (max-width:720px){.kcs-danger-row{flex-direction:column;align-items:flex-start;}}

.kcs-later{font-size:14px;color:var(--color-text-secondary);margin:0 0 10px;line-height:1.5;}

/* "is not" card: red crosses, normal text */
.kcs-cmp.not{border-color:rgba(179,18,42,.5);background:#fdf3f4;}
.kcs-cmp.not li{color:var(--color-text-primary);}
.kcs-cmp.not li:before{content:"✕";color:#b3122a;font-weight:700;}
.kcs-cmp.yes li:before{color:#0F6E56;}

/* ---- One-time code sign-in ---- */
input.kcs-otp{font-size:26px;letter-spacing:.5em;text-align:center;height:52px;font-weight:600;}
.kcs-linkbtn{background:none;border:none;padding:0;color:var(--link);text-decoration:underline;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:500;}

.kcs-fixed{height:38px;display:flex;align-items:center;padding:0 12px;border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);background:var(--color-background-secondary);font-size:14px;color:var(--color-text-primary);}

/* Settings cog in the top bar */
.kcs-cog{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--border-radius-md);border:0.5px solid rgba(255,255,255,.35);background:transparent;color:#fff;cursor:pointer;text-decoration:none;font-size:18px;}
.kcs-cog:hover,.kcs-cog.active{background:rgba(255,255,255,.18);}

/* ---- Language switcher ---- */
.kcs-langpills{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:420px;margin:0 auto 18px;}
.kcs-langpills button{background:#fff;border:1px solid var(--color-border-secondary);border-radius:999px;padding:6px 14px;font-size:13px;font-family:inherit;cursor:pointer;color:var(--color-text-primary);}
.kcs-langpills button:hover{background:var(--color-background-tertiary);}
.kcs-langpills button.active{background:var(--navy);color:#fff;border-color:var(--navy);font-weight:600;}
.kcs-langsel{display:flex;align-items:center;gap:6px;color:#fff;margin:0;}
.kcs-langsel i{font-size:17px;opacity:.85;}
.kcs-langsel select{height:34px;font-size:13px;border:0.5px solid rgba(255,255,255,.35);background:transparent;color:#fff;border-radius:var(--border-radius-md);padding:0 8px;}
.kcs-langsel select option{color:#1a1d22;}

/* ---- Where money goes (expense accounts) ---- */
.kcs-acctrow{display:flex;align-items:center;gap:12px;padding:7px 0;border-top:0.5px solid var(--color-border-tertiary);font-size:13.5px;}
.kcs-acctrow:first-of-type{border-top:none;}
.kcs-acctrow .code{flex:none;width:44px;font-size:11px;font-weight:600;color:#0C447C;background:#E6F1FB;border-radius:999px;text-align:center;padding:2px 0;}
.kcs-acctrow .nm{flex:0 0 230px;min-width:0;}
.kcs-acctrow .bar{flex:1;height:8px;border-radius:999px;background:var(--color-background-secondary);overflow:hidden;}
.kcs-acctrow .bar i{display:block;height:100%;background:#D85A30;}
.kcs-acctrow .amt{flex:none;width:90px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-expense);}
.kcs-acctrow.zero .nm,.kcs-acctrow.zero .amt{color:var(--color-text-tertiary);font-weight:400;}
@media (max-width:720px){.kcs-acctrow .nm{flex-basis:130px;}}

/* ---- Flags ---- */
.kcs-flag-svg{display:inline-block;width:22px;height:15px;border-radius:2px;vertical-align:-3px;box-shadow:0 0 0 0.5px rgba(0,0,0,.25);overflow:hidden;flex:none;}
.kcs-langpills button{display:inline-flex;align-items:center;gap:8px;padding:7px 16px 7px 12px;font-size:14px;}
.kcs-langsel{gap:4px;}
.kcs-langsel button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border:0.5px solid rgba(255,255,255,.35);background:transparent;color:#fff;border-radius:var(--border-radius-md);font-family:inherit;font-size:12.5px;cursor:pointer;}
.kcs-langsel button:hover{background:rgba(255,255,255,.14);}
.kcs-langsel button.active{background:#fff;color:var(--navy);font-weight:600;border-color:#fff;}

/* ---- Deadline / cut-off notices ---- */
.kcs-deadline{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--border-radius-md);font-size:13.5px;margin:0 0 14px;background:#eef3fa;color:var(--navy);border:1px solid rgba(20,50,86,.25);}
.kcs-deadline i{font-size:19px;flex:none;}
.kcs-deadline--open{background:#FAEEDA;color:#854F0B;border-color:rgba(133,79,11,.35);font-weight:500;}
.kcs-deadline--closed{background:#f1f3f7;color:#5b6068;border-color:rgba(0,0,0,.15);}

/* ---- Ballot ---- */
.kcs-cand{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:0.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);margin-bottom:8px;cursor:pointer;background:#fff;}
.kcs-cand:hover{background:var(--color-background-secondary);}
.kcs-cand input{margin-top:4px;width:auto;height:auto;}
.kcs-cand small{display:block;margin-top:3px;font-size:12.5px;line-height:1.5;color:var(--color-text-secondary);}
.kcs-cand--ro{cursor:default;}
.kcs-cand--ro:hover{background:#fff;}
.kcs-voted{display:inline-flex;align-items:center;gap:5px;margin-left:8px;font-size:12px;font-weight:500;color:#0F6E56;background:#E1F5EE;border-radius:999px;padding:2px 10px;}

/* ================= Admin console ================= */
.adm .kcs-main{padding:22px 28px;}
.adm h2{margin:0;font-size:20px;}
.adm-sub{font-size:13px;color:var(--color-text-secondary);margin:2px 0 0;}
.adm-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-bottom:18px;}
.adm-card{border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-lg);padding:16px 18px;margin-bottom:18px;background:#fff;}
.adm-card h3{margin:0 0 4px;font-size:15px;}
.adm-card > .adm-sub{margin-bottom:12px;}
.adm-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px;}
.adm-kpi{background:var(--color-background-secondary);border-radius:var(--border-radius-md);padding:13px 15px;}
.adm-kpi span{display:block;font-size:12px;color:var(--color-text-secondary);}
.adm-kpi b{display:block;font-size:24px;margin-top:3px;}
.adm-kpi small{display:block;font-size:11.5px;color:var(--color-text-tertiary);margin-top:2px;}
.adm-kpi.accent{background:var(--navy);}
.adm-kpi.accent span,.adm-kpi.accent small{color:rgba(255,255,255,.75);}
.adm-kpi.accent b{color:#fff;}
.adm-table{width:100%;border-collapse:collapse;font-size:13px;}
.adm-table th{text-align:left;font-size:11.5px;color:var(--color-text-secondary);font-weight:600;padding:8px 10px;border-bottom:1.5px solid var(--color-border-secondary);white-space:nowrap;}
.adm-table td{padding:8px 10px;border-bottom:0.5px solid var(--color-border-tertiary);vertical-align:middle;}
.adm-table tr:hover td{background:#f8f9fb;}
.adm-table .r{text-align:right;font-variant-numeric:tabular-nums;}
.adm-table input,.adm-table select{height:32px;font-size:12.5px;padding:0 8px;width:auto;max-width:100%;}
.adm-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 16px;align-items:end;}
.adm-form .kcs-field{margin-bottom:12px;}
.adm-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.adm-btn{display:inline-flex;align-items:center;gap:6px;background:var(--navy);color:#fff;border:none;border-radius:var(--border-radius-md);padding:8px 14px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;text-decoration:none;}
.adm-btn:hover{background:var(--navy-dark);}
.adm-btn--ghost{background:#fff;color:var(--color-text-primary);border:1px solid var(--color-border-secondary);}
.adm-btn--ghost:hover{background:var(--color-background-secondary);}
.adm-btn--danger{background:#fff;color:#b3122a;border:1px solid rgba(179,18,42,.45);}
.adm-btn--danger:hover{background:#FDECEE;}
.adm-btn--sm{padding:5px 10px;font-size:12px;}
.adm-alert{border-radius:var(--border-radius-md);padding:10px 14px;margin-bottom:16px;font-size:13.5px;line-height:1.5;}
.adm-alert--ok{background:#E1F5EE;color:#0a4d3b;border:1px solid #9bd8c1;}
.adm-alert--error{background:#FDECEE;color:#8a1020;border:1px solid rgba(179,18,42,.35);}
.adm-alert--warn{background:#FAEEDA;color:#854F0B;border:1px solid rgba(133,79,11,.35);}
.adm-pill{display:inline-block;font-size:11px;padding:2px 9px;border-radius:999px;font-weight:600;background:#E6F1FB;color:#0C447C;}
.adm-pill--ok{background:#E1F5EE;color:#0F6E56;}
.adm-pill--warn{background:#FAEEDA;color:#854F0B;}
.adm-pill--bad{background:#FDECEE;color:#8a1020;}
.adm-pill--grey{background:#eceef2;color:#5b6068;}
.adm-bar{display:block;height:8px;border-radius:999px;background:var(--color-background-tertiary);overflow:hidden;min-width:80px;}
.adm-bar i{display:block;height:100%;background:var(--navy);}
.adm-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px;}
.adm-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px;}
.adm-filters select,.adm-filters input{width:auto;height:34px;font-size:13px;}
.adm-spark{display:flex;align-items:flex-end;gap:4px;height:90px;margin-top:8px;}
.adm-spark div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;font-size:10px;color:var(--color-text-tertiary);}
.adm-spark i{display:block;width:100%;background:var(--navy);border-radius:3px 3px 0 0;min-height:2px;}
.adm-help{font-size:12.5px;color:var(--color-text-secondary);line-height:1.55;}
.adm-help code{background:var(--color-background-secondary);padding:1px 5px;border-radius:4px;font-size:12px;}
.adm textarea{min-height:110px;}
.adm-lang{border-left:3px solid var(--navy);padding-left:12px;margin-bottom:12px;}
.adm-pager{display:flex;gap:6px;margin-top:12px;font-size:13px;}
.adm-pager a,.adm-pager span{padding:4px 10px;border:1px solid var(--color-border-secondary);border-radius:6px;text-decoration:none;color:var(--color-text-primary);}
.adm-pager .cur{background:var(--navy);color:#fff;border-color:var(--navy);}
@media (max-width:720px){.adm .kcs-main{padding:16px;}}
.adm-preview{border:1.5px dashed rgba(20,50,86,.35);border-radius:var(--border-radius-md);padding:14px 16px;margin-top:10px;background:#fff;}