body{font-family:Arial,sans-serif;margin:0;background:#f4f8ff;color:#1f2d3d} .site-header{background:linear-gradient(120deg,#2563eb,#7c3aed);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center} .header-icon{width:70px;height:70px} .main-nav{background:#0f172a;padding:10px;display:flex;gap:15px} .main-nav a{color:#fff;text-decoration:none;font-weight:bold} .container{max-width:1100px;margin:20px auto;padding:0 12px} .card{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 3px 10px rgba(0,0,0,.08)} .hero{background:#e0ebff} .button{display:inline-block;background:#2563eb;color:#fff;padding:10px 15px;border-radius:8px;text-decoration:none;border:none;cursor:pointer} .grid{display:grid;gap:16px} .two-cols{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))} .login-card{max-width:520px;margin:0 auto} label{display:block;margin-bottom:10px;font-weight:bold} input,textarea{width:100%;padding:8px;margin-top:4px;border:1px solid #cbd5e1;border-radius:8px;font:inherit} textarea{min-height:70px} .alert{color:#b91c1c;font-weight:bold} .notice{color:#166534;font-weight:bold} .badge{background:#dbeafe;padding:5px 10px;border-radius:999px;font-weight:bold} table{width:100%;border-collapse:collapse} th,td{border:1px solid #dbe4f0;padding:8px;text-align:left} th{background:#f1f5f9} .site-footer{background:#0f172a;color:#fff;text-align:center;padding:12px;margin-top:24px}
.mandate-row,.log-row{border:1px solid #dbe4f0;border-radius:8px;padding:10px;margin:8px 0} details summary{cursor:pointer;margin:10px 0;font-weight:bold}