:root{--navy:#232c40;--saffron:#f9a01b;--bg:#eef1f5;--line:#d9dee5;--ink:#1c2a3a;--mute:#6b7785}
*{box-sizing:border-box}body{margin:0;font:16px/1.4 'Noto Sans','Noto Sans Gurmukhi',system-ui,Arial,sans-serif;background:var(--bg);color:var(--ink)}
header{background:var(--navy);color:#fff;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 16px;border-bottom:4px solid var(--saffron)}
.brand{display:flex;align-items:center;gap:10px}.brand img{height:40px}.brand small{display:block;opacity:.8;font-size:12px}
nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;padding:8px 12px;border-radius:6px;opacity:.85}nav a.on,nav a:hover{background:#ffffff22;opacity:1}
.who{font-size:14px}.link{background:none;border:0;color:var(--saffron);cursor:pointer;font:inherit;text-decoration:underline}
main{max-width:1100px;margin:16px auto;padding:0 12px}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:16px}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.two{display:grid;gap:16px;grid-template-columns:minmax(300px,420px) 1fr}@media(max-width:820px){.two{grid-template-columns:1fr}}
label{display:block;font-size:13px;color:var(--mute);margin-bottom:3px}
input,select,textarea{width:100%;padding:10px;border:1px solid #b9c2cd;border-radius:6px;font:inherit;background:#fff}
input:focus,select:focus{outline:2px solid var(--saffron);border-color:var(--saffron)}
.pa{font-family:'Noto Sans Gurmukhi',sans-serif;font-size:18px}
button.btn{background:var(--navy);color:#fff;border:0;border-radius:8px;padding:11px 18px;font:inherit;font-weight:600;cursor:pointer}
button.btn.go{background:var(--saffron);color:#1c1200}button.btn.sec{background:#e4e9f0;color:var(--navy)}button.btn:disabled{opacity:.5}
.row{display:flex;gap:10px;align-items:end}.row>*{flex:1}.mt{margin-top:12px}
.change{font-size:22px;font-weight:700;color:var(--navy);padding:8px 12px;background:#fff7e6;border-radius:8px;margin-top:8px}
table{width:100%;border-collapse:collapse}th{background:var(--navy);color:#fff;text-align:left;padding:8px;font-size:13px}td{padding:8px;border-bottom:1px solid var(--line);vertical-align:top}
tr.void td{opacity:.45;text-decoration:line-through}.tag{font-size:11px;padding:2px 6px;border-radius:10px;background:#e4e9f0}.tag.ga{background:#fff0cc}.tag.ok{background:#d8f3dc}
.stats{display:flex;gap:18px;flex-wrap:wrap}.stats div{min-width:110px}.stats b{display:block;font-size:22px;color:var(--navy)}.stats span{font-size:12px;color:var(--mute)}
.msg{padding:10px 12px;border-radius:8px;margin:10px 0}.msg.err{background:#fde8e8;color:#8a1c1c}.msg.ok{background:#e1f5e6;color:#1d5b2c}
.sug{position:absolute;z-index:5;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 18px #0002;width:100%;max-height:220px;overflow:auto}
.sug div{padding:8px 10px;cursor:pointer}.sug div:hover{background:#fff7e6}.rel{position:relative}
.login{max-width:360px;margin:12vh auto}.hint{font-size:12px;color:var(--mute)}
.check{display:flex;gap:8px;align-items:flex-start}.check input{width:auto;margin-top:4px}
@media print{header,button,.noprint{display:none!important}}
.login img.lg{display:block;width:150px;margin:0 auto 8px}
#intro{position:fixed;inset:0;background:#fff;z-index:50;display:flex;align-items:center;justify-content:center;transition:opacity .6s}
#intro video{max-width:100%;max-height:100%}#intro.out{opacity:0;pointer-events:none}