:root{font-family:Space Grotesk,General Sans,Segoe UI,sans-serif;color:#0b1b2b;background:radial-gradient(circle at 20% 20%,#e9f3ff 0,#f7fbff 40%),radial-gradient(circle at 80% 0%,#fff2d8 0,#fffdfa 40%),linear-gradient(135deg,#f8fbff,#f3f7ff,#fefaf5);min-height:100vh;margin:0}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:transparent}.sidebar{background:#0f172a;color:#e2e8f0;padding:24px;display:flex;flex-direction:column;gap:18px;box-shadow:8px 0 24px #0f172a29}.brand{font-weight:700;font-size:20px;letter-spacing:.5px;display:flex;align-items:center;gap:10px}.brand-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#21c8ff,#8ef6c9);box-shadow:0 0 0 6px #21c8ff26}.nav{display:flex;flex-direction:column;gap:6px}.nav a{padding:12px 14px;border-radius:12px;font-weight:600;color:#cbd5f5;transition:all .18s ease}.nav a:hover,.nav a.active{background:linear-gradient(120deg,#ffffff14,#ffffff05);color:#fff;border:1px solid rgba(255,255,255,.06)}.main{padding:28px 32px 40px;display:flex;flex-direction:column;gap:22px}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:16px}.page-title{font-size:28px;font-weight:700;margin:0;color:#0b1b2b}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#0cab5f24;color:#0a9e69;font-weight:700;letter-spacing:.2px}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.card{background:#ffffffe0;border:1px solid rgba(12,30,60,.06);box-shadow:0 18px 34px #0c1e3c0f;border-radius:18px;padding:18px 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card h3{margin:0 0 8px;font-size:17px;font-weight:700;color:#0b1b2b}.card p{margin:6px 0;color:#2f3b4b;font-size:14px}.form-grid{display:grid;gap:12px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-weight:600;font-size:13px;color:#1f2a3d}.input-group input,.input-group textarea,.input-group select{padding:10px 12px;border-radius:12px;border:1px solid rgba(12,30,60,.12);background:#fff;font-size:14px;transition:border-color .16s ease,box-shadow .16s ease}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{border-color:#1cb68b;box-shadow:0 0 0 4px #1cb68b29;outline:none}.button-row{display:flex;gap:10px;align-items:center}.button{padding:10px 14px;border-radius:12px;border:1px solid transparent;background:linear-gradient(120deg,#1cb68b,#21c8ff);color:#0b1b2b;font-weight:700;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease;box-shadow:0 12px 22px #21c8ff38}.button.secondary{background:#0f172a;color:#e2e8f0;box-shadow:0 12px 22px #0f172a40}.button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.button:hover:not(:disabled){transform:translateY(-1px)}.table{width:100%;border-collapse:collapse;margin-top:10px}.table th,.table td{padding:10px 8px;border-bottom:1px solid rgba(12,30,60,.06);text-align:left;font-size:14px}.table th{font-weight:700;color:#10243a}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px}.status-pill.ok{background:#10b9811f;color:#0f9d72}.status-pill.error{background:#ef44441f;color:#d14343}.tag{padding:6px 10px;border-radius:999px;background:#2069ff1f;color:#1f56d6;font-weight:700;font-size:12px}.list{display:grid;gap:10px}.list-item{padding:12px;border:1px solid rgba(12,30,60,.06);border-radius:12px;background:#fff}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;justify-content:space-between}.nav{flex-direction:row;flex-wrap:wrap}}