:root{--maroon: #7a1f1f;--maroon-dark: #5c1616;--gold: #f2c14e;--cream: #fdf6ec;--ink: #2b2118;--muted: #8a7a6a;--line: #eadbc8;--card: #ffffff}*{box-sizing:border-box}body{margin:0;font-family:Noto Sans Tamil,Nirmala UI,system-ui,sans-serif;background:var(--cream);color:var(--ink)}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--maroon);color:#fff}.app-header .brand{display:flex;align-items:center;gap:10px;font-weight:700}.app-header .brand img{width:30px;height:30px;border-radius:8px}.app-header .tagline{font-size:12px;opacity:.85}.app-header .spacer{flex:1}.hbtn{background:#ffffff1f;border:1px solid rgba(255,255,255,.35);color:#fff;padding:6px 12px;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px}.hbtn:hover{background:#ffffff38}.bell{position:relative}.bell .badge{position:absolute;top:-6px;right:-6px;background:var(--gold);color:var(--maroon-dark);font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}nav.tabs{display:flex;gap:4px;padding:8px 12px;background:var(--maroon-dark);overflow-x:auto}nav.tabs a{color:#f3e2c8;text-decoration:none;padding:7px 14px;border-radius:8px;white-space:nowrap;font-size:14px}nav.tabs a.active{background:var(--gold);color:var(--maroon-dark);font-weight:600}main.page{max-width:960px;margin:0 auto;padding:20px 16px 48px}h1.page-title{font-size:22px;margin:6px 0 16px;color:var(--maroon-dark)}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:14px}.grid.modules{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.module-card{display:block;text-decoration:none;color:inherit}.module-card h3{margin:0 0 6px;color:var(--maroon);font-size:17px}.module-card p{margin:0;color:var(--muted);font-size:13.5px}.module-card .icon{font-size:26px;margin-bottom:8px}.module-card .chip{float:right;font-size:11px;background:var(--cream);border:1px solid var(--line);color:var(--muted);padding:2px 8px;border-radius:999px}label.field{display:block;margin:10px 0 4px;font-size:13px;color:var(--muted);font-weight:600}input[type=text],input[type=tel],input[type=email],input[type=password],input[type=date],select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-family:inherit;font-size:15px;background:#fff;color:var(--ink)}textarea{min-height:90px;resize:vertical}.btn{display:inline-flex;align-items:center;gap:6px;background:var(--maroon);color:#fff;border:none;padding:10px 18px;font-size:15px;border-radius:8px;cursor:pointer;font-family:inherit}.btn:hover{background:var(--maroon-dark)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{background:#fff;color:var(--maroon);border:1px solid var(--maroon)}.btn.small{padding:5px 10px;font-size:13px}.alert{padding:10px 14px;border-radius:8px;margin:12px 0;font-size:14px}.alert.error{background:#fbeaea;color:#7a1f1f;border:1px solid #e4bcbc}.alert.ok{background:#eaf7ea;color:#256a2b;border:1px solid #bfe3bf}.alert.info{background:#fdf6ec;border:1px solid var(--line);color:var(--ink)}table.data{width:100%;border-collapse:collapse;font-size:13.5px}table.data th,table.data td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}table.data th{color:var(--muted);font-weight:600;background:var(--cream)}.login-wrap{max-width:420px;margin:40px auto}.login-wrap .hero{text-align:center;margin-bottom:18px}.login-wrap .hero img{width:64px;height:64px}.login-wrap .hero h1{color:var(--maroon-dark);margin:8px 0 2px;font-size:24px}.tabs-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.tabs-row button{border:1px solid var(--line);background:#fff;padding:7px 14px;border-radius:999px;cursor:pointer;font-family:inherit;font-size:13.5px;color:var(--ink)}.tabs-row button.active{background:var(--maroon);color:#fff;border-color:var(--maroon)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grow{flex:1}.muted{color:var(--muted);font-size:13px}.mt{margin-top:14px}.checks{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px}.checks label{display:flex;gap:6px;align-items:center;font-size:14px}.notif{border-bottom:1px solid var(--line);padding:12px 4px}.notif:last-child{border-bottom:none}.notif.unread{background:#fffaf0}.notif h4{margin:0 0 4px;font-size:15px;color:var(--maroon-dark)}.notif p{margin:0;font-size:13.5px;color:var(--ink)}.notif time{font-size:12px;color:var(--muted)}
