:root{--blue:#1F3B73;--red:#C0392B;--pale:#f4f6fb;--ink:#182033}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--ink);background:var(--pale)}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(420px,100%);padding:32px;background:#fff;border-radius:16px;box-shadow:0 12px 35px #1f3b7320;text-align:center}.brand{width:130px;height:130px;object-fit:contain}.card h1{color:var(--blue);font-size:25px;margin:8px 0 24px}.field{display:grid;text-align:left;gap:7px;margin:14px 0}input,select,textarea,button{font:inherit;padding:12px;border-radius:8px;border:1px solid #cbd2e0}textarea{min-height:110px;resize:vertical}button{border:0;background:var(--blue);color:#fff;font-weight:bold;cursor:pointer}button.danger{background:var(--red)}.support{display:inline-block;margin-top:25px;color:var(--blue)}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{background:var(--blue);color:#fff;padding:20px}.side .brand{width:105px;height:105px;background:#fff;border-radius:12px}.side a{display:block;color:#fff;text-decoration:none;padding:12px 4px;border-bottom:1px solid #ffffff27}.main{padding:28px;max-width:1200px;width:100%;margin:auto}.top{display:flex;justify-content:space-between;align-items:center;gap:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.metric,.panel{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #1f3b7312}.metric strong{color:var(--blue);font-size:30px}.panel{margin-top:20px}table{width:100%;border-collapse:collapse;margin-top:14px;background:#fff}th,td{text-align:left;padding:12px;border-bottom:1px solid #e5e7ee}th{color:var(--blue)}.late{color:var(--red);font-weight:bold}.hidden{display:none}@media(max-width:720px){.shell{grid-template-columns:1fr}.side{padding:12px;display:flex;align-items:center;gap:10px;overflow:auto}.side .brand{width:52px;height:52px}.side a{white-space:nowrap;border:0}.main{padding:18px}}