:root{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#0b1f3a;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}a{color:#1b60ad;text-decoration:none}header{background:#0b1f3a;color:white;padding:18px 24px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}header a{color:#e3eefb;margin-right:14px;font-size:14px}header strong{font-size:19px}main{max-width:1240px;margin:28px auto;padding:0 18px}.brand{color:#55bcc3}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.card,.panel{background:white;border:1px solid #e3e9f2;border-radius:14px;padding:20px;box-shadow:0 4px 15px rgba(11,31,58,.06)}.card small{display:block;color:#63758d}.card b{display:block;font-size:30px;margin-top:8px;color:#1b60ad}.panel{margin-top:20px;overflow-x:auto}h1{font-size:26px;margin:0 0 20px}h2{font-size:19px;margin:0 0 15px}.muted{color:#60758b}.toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:12px;border-bottom:1px solid #e7edf4;text-align:left;vertical-align:top}th{color:#4f637b;background:#f6f9fc;white-space:nowrap}input,textarea,select{font:inherit;border:1px solid #cbd7e6;border-radius:8px;padding:10px;width:100%;background:white}textarea{min-height:80px}label{display:block;font-size:13px;font-weight:650;margin:0 0 7px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.formgrid .full{grid-column:1/-1}.btn,button{background:#1b60ad;color:white;border:0;border-radius:8px;cursor:pointer;padding:10px 15px;font-weight:600;display:inline-block;font:inherit}.btn.secondary,button.secondary{background:#e9f3f5;color:#0b5362}.btn.danger,button.danger{background:#d6464d}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}form.inline{display:inline}.notice{background:#def5ed;border:1px solid #8fd1b5;border-radius:8px;padding:12px;margin:15px 0}.warning{color:#a53a44}.tag{font-size:12px;padding:4px 7px;border-radius:9px;background:#e6edf9;display:inline-block}.tag.red{background:#fde3e4;color:#a82f35}.tag.amber{background:#fff0d6;color:#925f16}.login{max-width:430px;margin:75px auto}.footer{padding:30px;text-align:center;color:#66798d;font-size:12px}@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.formgrid{grid-template-columns:1fr}}@media(max-width:470px){.grid{grid-template-columns:1fr}header a{margin-right:8px}}

.monthgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:18px 0}.month{background:white;border:1px solid #dbe5f1;padding:15px;text-align:center;border-radius:12px;color:#1b60ad}.month.selected{border:2px solid #1599a3;background:#eaf7f7}@media(max-width:800px){.monthgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}