:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eaf6f4;--ink:#152028;--accent:#21b06c;--accent-strong:#158c54;--soft:#f3fbf9;--card:#fff;--muted:#4f5c66;--line:#cfe2dd;--shadow:0 20px 45px #0f261e29;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:30px;--space-8:38px;--space-9:40px;--space-10:48px;--space-11:80px}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 0 0,#e5f7ff 0%,#eaf6f4 48%,#d8f1e5 100%);min-height:100vh;margin:0;font-family:Space Grotesk,Fira Sans,Trebuchet MS,sans-serif}main{padding:var(--space-10)var(--space-5)var(--space-6)}.site-footer{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-5)var(--space-6);color:var(--muted);border-top:1px solid var(--line);font-size:.85rem;display:flex}h1,h2,h3{margin:0 0 var(--space-3);font-family:Sora,Space Grotesk,Trebuchet MS,sans-serif}h3{margin-top:var(--space-9)}p{margin:0 0 var(--space-3);line-height:1.6}.container{max-width:1100px;margin:0 auto}.header{padding:var(--space-4)var(--space-6);background:var(--soft);border:1px solid var(--line);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:var(--space-4);border-radius:18px;display:flex}.header h1{font-size:1.6rem}.brand{align-items:center;gap:var(--space-4);display:flex}.login-card .brand{margin-bottom:var(--space-7)}.brand div{flex-direction:column;justify-content:center;display:flex}.brand h1,.brand p{margin:0}.brand img{object-fit:contain;filter:drop-shadow(0 6px 12px #158c5440);width:84px;height:84px}.badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);color:var(--accent-strong);background:#d7f5ea;border-radius:999px;font-size:.85rem;font-weight:600;display:inline-flex}.grid{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.grid.two-up{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);padding:var(--space-6);border-radius:20px;position:relative;overflow:hidden}.login-card{max-width:600px;margin:0 auto}.card:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 100% 0,#21b06c2e,#0000 55%);transition:opacity .4s;position:absolute;inset:0}.card:hover:after{opacity:1}.form{gap:var(--space-4);display:grid}.field-inline{align-items:center;gap:var(--space-2);font-weight:600;display:flex}.field-inline input[type=checkbox]{width:18px;height:18px}.login-card .form{margin-top:var(--space-8)}label{margin-bottom:var(--space-1);font-weight:600;display:block}input,textarea,select{width:100%;padding:var(--space-3)var(--space-4);border:1px solid var(--line);background:var(--soft);border-radius:12px;min-height:48px;font-family:inherit;font-size:1rem}select{height:48px;padding-right:40px;line-height:1.2}input:disabled,textarea:disabled,select:disabled{color:#7a8792;opacity:.9;background:#eef3f2;border-style:dashed}textarea{resize:vertical;min-height:90px}button{padding:var(--space-3)var(--space-5);cursor:pointer;border:none;border-radius:14px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}button.primary{background:var(--accent);color:#fff;box-shadow:0 12px 25px #21b06c4d}button.secondary{color:var(--accent-strong);background:#d7f5ea}button.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}button.icon-button{justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}button.icon-button svg{fill:currentColor;width:20px;height:20px}button:disabled{opacity:.6;cursor:not-allowed}.actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.alert{padding:var(--space-3)var(--space-4);color:#205a44;margin-bottom:var(--space-4);background:#e6f7f0;border:1px solid #bfe7d6;border-radius:12px}.notice{margin-top:var(--space-2);padding:var(--space-2)var(--space-3);color:#2d6b2a;background:#dff2da;border-radius:10px;font-weight:600}.link{margin-top:var(--space-2);color:var(--accent);font-weight:700;text-decoration:none;display:inline-flex}.link:hover{text-decoration:underline}.status{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-radius:10px;font-size:.85rem;font-weight:600;display:inline-flex}.status.draft{color:#4b5563;background:#e9edf3}.status.submitted{color:#1f5f7a;background:#d8f1ff}.status.approved{color:#2d6b2a;background:#dff2da}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;padding:var(--space-2)var(--space-2);border-bottom:1px solid var(--line);vertical-align:top}.table th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.85rem}.tight-list{padding-left:var(--space-5);margin:0}.tight-list li{margin-bottom:var(--space-1)}.footer-note{margin-top:var(--space-3);color:var(--muted);font-size:.9rem}.hint-tight{margin-top:var(--space-1)}@media (max-width:640px){.header{align-items:flex-start;gap:var(--space-2);flex-direction:column}.site-footer{flex-direction:column;align-items:flex-start}button{width:100%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card{animation:.5s both fadeUp}