/* DAK NIVESH - style.css v2.1 | Raj Systems */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500;600&display=swap');
:root {
  --s:#FF6B00;--sl:#FFF3E8;--g:#138808;--gl:#E8F5E9;
  --n:#1A237E;--nm:#283593;--gold:#FFB300;
  --r:#D32F2F;--rl:#FFEBEE;
  --g50:#F8F9FA;--g100:#F1F3F4;--g200:#E8EAED;
  --g400:#9AA0A6;--g600:#5F6368;--g800:#202124;
  --sh1:0 1px 4px rgba(0,0,0,.08);--sh2:0 4px 16px rgba(0,0,0,.10);
  --sh3:0 8px 32px rgba(0,0,0,.14);--rad:12px;
}
*{box-sizing:border-box;margin:0;padding:0;}
/* BASE FONT — larger for 40+ year old agents */
html{font-size:17px;}
body{font-family:"DM Sans",sans-serif;background:var(--g50);color:var(--g800);min-height:100vh;font-size:16px;line-height:1.55;}
a{text-decoration:none;color:inherit;}
/* TOPBAR */
.topbar{background:#fff;border-bottom:3px solid transparent;
  border-image:linear-gradient(90deg,var(--s),#fff 33%,#fff 66%,var(--g)) 1;
  padding:0 22px;height:68px;display:flex;align-items:center;justify-content:space-between;
  position:sticky;top:0;z-index:200;box-shadow:var(--sh1);}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;}
.bname{font-family:"Playfair Display",serif;font-size:22px;font-weight:700;color:var(--n);}
.bsub{font-size:11px;color:var(--g600);letter-spacing:1.5px;text-transform:uppercase;}
.tbr{display:flex;gap:8px;align-items:center;}
/* BUTTONS */
.btn{display:inline-block;padding:10px 20px;border-radius:9px;border:none;cursor:pointer;
  font-family:"DM Sans",sans-serif;font-size:15px;font-weight:600;transition:all .2s;text-decoration:none;line-height:1.4;}
.bp{background:var(--s);color:#fff;}.bp:hover{background:#e55e00;}
.bo{background:transparent;border:2px solid var(--n);color:var(--n);}.bo:hover{background:var(--n);color:#fff;}
.bg{background:var(--g);color:#fff;}.bg:hover{background:#0e6e07;}
.bd{background:var(--r);color:#fff;}
.bgo{background:var(--gold);color:var(--g800);}
.bsm{padding:7px 15px;font-size:13px;}.blg{padding:14px 30px;font-size:17px;}
.bfull{width:100%;text-align:center;display:block;}
/* DASH */
.dash{display:flex;min-height:calc(100vh - 68px);}
.sidebar{width:248px;background:var(--n);flex-shrink:0;display:flex;flex-direction:column;
  padding:0 0 14px;position:sticky;top:68px;height:calc(100vh - 68px);overflow-y:auto;}
.sb-prof{display:flex;flex-direction:column;align-items:center;padding:18px 14px 14px;
  border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:6px;}
.sb-prof img{width:62px;height:62px;border-radius:50%;border:2px solid var(--gold);margin-bottom:9px;object-fit:cover;}
.sb-name{font-size:15px;font-weight:700;color:#fff;text-align:center;}
.sb-role{font-size:12px;color:var(--gold);margin-top:3px;}
.sb-sec{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.3);padding:10px 18px 4px;}
.sb-a{display:flex;align-items:center;gap:10px;padding:11px 18px;font-size:15px;color:rgba(255,255,255,.75);transition:all .2s;text-decoration:none;}
.sb-a:hover{background:rgba(255,255,255,.08);color:#fff;}
.sb-a.on{background:rgba(255,107,0,.22);color:#fff;border-right:4px solid var(--s);}
.sb-ic{font-size:18px;width:22px;text-align:center;}
.sb-badge{margin-left:auto;background:var(--s);color:#fff;font-size:11px;padding:2px 8px;border-radius:10px;}
/* CARD */
.card{background:#fff;border-radius:var(--rad);box-shadow:var(--sh1);border:1px solid var(--g200);margin-bottom:16px;}
.c-hd{padding:12px 17px;border-bottom:1px solid var(--g100);display:flex;align-items:center;justify-content:space-between;}
.c-title{font-size:14px;font-weight:600;color:var(--g800);}
.c-body{padding:17px;}
/* FORM */
.fg{margin-bottom:16px;}
.fl{display:block;font-size:13px;font-weight:700;color:var(--g600);margin-bottom:6px;letter-spacing:.4px;text-transform:uppercase;}
.fi{width:100%;padding:13px 15px;border:2px solid var(--g200);border-radius:9px;font-size:16px;font-family:"DM Sans",sans-serif;background:var(--g50);color:var(--g800);transition:border-color .2s;}
.fi:focus{outline:none;border-color:var(--s);background:#fff;}
.fi.err{border-color:var(--r);}
select.fi{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239AA0A6' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px;background-color:var(--g50);}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.frow3{grid-template-columns:1fr 1fr 1fr;}
.frow4{grid-template-columns:1fr 1fr 1fr 1fr;}
.ffull{grid-column:1/-1;}
.fhint{font-size:13px;color:var(--g400);margin-top:5px;}
.fsec{font-size:13px;font-weight:700;color:var(--n);text-transform:uppercase;letter-spacing:.9px;padding:11px 0 9px;border-bottom:2px solid var(--sl);margin-bottom:16px;margin-top:8px;}
.combo{display:flex;gap:8px;}.combo select{width:130px;flex-shrink:0;}.combo input{flex:1;}
/* CAPTCHA */
.cap{display:flex;align-items:center;gap:10px;background:var(--g50);border:2px solid var(--g200);border-radius:9px;padding:10px 14px;}
.cap img{border-radius:6px;background:#fff;border:1px solid var(--g200);}
.cap-btn{background:none;border:none;cursor:pointer;color:var(--s);font-size:22px;padding:3px;}
.cap-in{flex:1;padding:9px 12px;border:2px solid var(--g200);border-radius:8px;font-size:18px;font-family:monospace;letter-spacing:5px;font-weight:700;}
.cap-in:focus{outline:none;border-color:var(--s);}
/* ALERTS */
.alert{padding:13px 16px;border-radius:9px;font-size:15px;margin-bottom:14px;border-left:5px solid;}
.a-ok{background:var(--gl);border-color:var(--g);color:#1B5E20;}
.a-err{background:var(--rl);border-color:var(--r);color:#B71C1C;}
.a-warn{background:#FFF3E0;border-color:var(--s);color:#E65100;}
.a-info{background:#E3F2FD;border-color:#1976D2;color:#0D47A1;}
/* BADGE */
.badge{display:inline-flex;align-items:center;padding:4px 11px;border-radius:100px;font-size:12px;font-weight:600;}
.bgl{background:var(--gl);color:var(--g);}.bsl{background:var(--sl);color:var(--s);}
.brl{background:var(--rl);color:var(--r);}.bnl{background:#E8EAF6;color:var(--n);}
.bgold{background:#FFF8E1;color:#E65100;}
/* TABLE */
.tw{overflow-x:auto;}
table{width:100%;border-collapse:collapse;}
th{background:var(--g50);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--g600);padding:12px 13px;text-align:left;border-bottom:2px solid var(--g200);white-space:nowrap;}
td{padding:13px 13px;font-size:15px;border-bottom:1px solid var(--g100);}
tr:hover td{background:var(--g50);}
.due-r td{background:var(--rl)!important;}.due-r td:first-child{border-left:4px solid var(--r);}
/* STATS */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;}
.stats3{grid-template-columns:repeat(3,1fr);}
.sc{background:#fff;border-radius:var(--rad);padding:18px 20px;box-shadow:var(--sh1);border:1px solid var(--g200);}
.sl{font-size:12px;color:var(--g600);text-transform:uppercase;letter-spacing:.9px;margin-bottom:7px;}
.sv{font-size:28px;font-weight:700;font-family:"Playfair Display",serif;}
.ssub{font-size:13px;color:var(--g400);margin-top:4px;}
.sn .sv{color:var(--n);}.so .sv{color:var(--s);}.sg .sv{color:var(--g);}.sgold .sv{color:var(--gold);}.sr .sv{color:var(--r);}
/* PAGE HEAD */
.phd{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;}
.pt{font-family:"Playfair Display",serif;font-size:26px;color:var(--n);}
.ps{font-size:14px;color:var(--g600);margin-top:4px;}
/* MISC */
.pbar-w{background:var(--g200);border-radius:100px;height:8px;overflow:hidden;}
.pbar{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--s),var(--gold));}
.sbar{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;}
.si{flex:1;min-width:160px;padding:11px 14px 11px 38px;border:2px solid var(--g200);border-radius:9px;font-size:15px;font-family:"DM Sans",sans-serif;background:var(--g50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%239AA0A6' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") 11px center no-repeat;}
.si:focus{outline:none;border-color:var(--s);background-color:#fff;}
.pagi{display:flex;gap:4px;justify-content:flex-end;margin-top:14px;flex-wrap:wrap;}
.pagi a{padding:8px 16px;border-radius:8px;font-size:14px;border:2px solid var(--g200);color:var(--g600);}
.pagi a:hover,.pagi a.on{background:var(--n);color:#fff;border-color:var(--n);}
/* AUTOCOMPLETE */
.ac-w{position:relative;}
.ac-dd{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid var(--s);border-top:none;border-radius:0 0 10px 10px;max-height:220px;overflow-y:auto;z-index:600;box-shadow:var(--sh2);display:none;}
.ac-dd.open{display:block;}
.ac-opt{padding:12px 15px;font-size:15px;cursor:pointer;border-bottom:1px solid var(--g100);}
.ac-opt:hover{background:var(--sl);}
.ac-opt small{font-size:13px;color:var(--g400);}
/* STEP WIZARD */
.wizard{display:flex;gap:0;margin-bottom:20px;background:#fff;border-radius:var(--rad);padding:5px;box-shadow:var(--sh1);}
.wstep{flex:1;padding:12px 4px;text-align:center;font-size:14px;font-weight:700;color:var(--g400);border-radius:9px;cursor:default;transition:all .3s;border-bottom:4px solid transparent;}
.wstep.done{color:var(--g);border-bottom-color:var(--g);}
.wstep.active{color:var(--s);border-bottom-color:var(--s);background:var(--sl);}
/* Holder sections */
.holder-box{background:var(--g50);border:2px solid var(--g200);border-radius:var(--rad);padding:18px;margin-bottom:14px;}
.holder-hd{font-size:15px;font-weight:700;color:var(--n);margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.h-num{background:var(--n);color:#fff;font-size:12px;padding:3px 9px;border-radius:100px;}
/* Nominee box */
.nom-box{background:#fff;border:2px solid var(--g200);border-radius:var(--rad);padding:18px;margin-bottom:15px;}
.nom-hd{font-size:15px;font-weight:700;color:var(--n);margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;}
/* Cond block */
.cond{display:none;}.cond.show{display:block;}
/* Sticky save */
.sticky-save{position:sticky;bottom:0;background:#fff;border-top:2px solid var(--g200);padding:14px 0;display:flex;gap:10px;justify-content:flex-end;z-index:50;}
/* Rate banner */
.rate-ban{background:linear-gradient(135deg,#FFF8E1,#FFF3E0);border:1px solid var(--gold);border-radius:var(--rad);padding:14px 18px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;}
/* Util */
.flex{display:flex;}.flxb{display:flex;align-items:center;justify-content:space-between;}
.g8{gap:8px;}.g12{gap:12px;}
.mt8{margin-top:8px;}.mt16{margin-top:16px;}.mb8{margin-bottom:8px;}.mb16{margin-bottom:16px;}
.tsm{font-size:14px;}.txs{font-size:13px;}.bold{font-weight:700;}
.tg{color:var(--g);}.tr{color:var(--r);}.to{color:var(--s);}.tm{color:var(--g600);}
.tc{text-align:center;}.tright{text-align:right;}
/* CARD */
.card{background:#fff;border-radius:var(--rad);box-shadow:var(--sh1);border:1px solid var(--g200);margin-bottom:18px;}
.c-hd{padding:15px 20px;border-bottom:1px solid var(--g100);display:flex;align-items:center;justify-content:space-between;}
.c-title{font-size:16px;font-weight:700;color:var(--g800);}
.c-body{padding:20px;}
/* MAIN AREA */
.main{flex:1;padding:22px 28px;overflow-y:auto;}
@media(max-width:768px){
  .sidebar{display:none;}
  .stats{grid-template-columns:1fr 1fr;}
  .frow,.frow3,.frow4{grid-template-columns:1fr;}
  .main{padding:14px;}
  .dash{min-height:calc(100vh - 68px);}
}