body{margin:0;font:15px system-ui,-apple-system,sans-serif;color:#1e293b;background:#f8fafc}header{display:flex;gap:2rem;padding:1rem 4vw;background:#0f172a;color:white;align-items:center}nav{display:flex;gap:1.25rem;align-items:center}nav a{color:#cbd5e1;text-decoration:none;font-weight:500}nav a:hover{color:white}nav form{margin-left:auto}main{max-width:1200px;margin:auto;padding:2rem 4vw}h1,h2,h3{color:#0f172a;margin-top:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem}.card,table,form.panel,.panel{background:white;padding:1.25rem;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,0.05)}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin:1.5rem 0}form.panel h3{margin-top:0;font-size:1.05rem;color:#0f172a;border-bottom:1px solid #f1f5f9;padding-bottom:0.6rem;margin-bottom:1rem}table{width:100%;border-collapse:collapse;margin-top:0.75rem}th,td{text-align:left;padding:.75rem;border-bottom:1px solid #e2e8f0}th{background:#f1f5f9;color:#475569;font-weight:600;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.05em}label{display:flex;flex-direction:column;gap:0.35rem;margin-bottom:1rem;font-weight:500;font-size:0.9rem;color:#334155}input,select,button{padding:.6rem;border-radius:6px;border:1px solid #cbd5e1;font-size:0.95rem;box-sizing:border-box}input:focus,select:focus{outline:2px solid #0284c7;border-color:transparent}button{cursor:pointer;background:#0284c7;color:white;border:none;font-weight:600}button:hover{background:#0369a1}.danger{background:#dc2626;color:#fff}.danger:hover{background:#b91c1c}.hint{font-size:0.8rem;color:#64748b;font-weight:normal;margin-top:0.15rem}.badge{display:inline-block;padding:0.25rem 0.5rem;border-radius:4px;font-size:0.8rem;font-weight:600}.badge.active{background:#dcfce7;color:#166534}.badge.expired{background:#f1f5f9;color:#64748b}@media(max-width:700px){header,nav{align-items:flex-start;flex-direction:column}table{display:block;overflow:auto}}