:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#102a43;background:#eef2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#eef2f7;min-height:100vh}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none}img{max-width:100%;display:block}.app-shell{min-height:100vh;display:flex}.sidebar{color:#f8fafc;background:linear-gradient(#0f172a 0%,#111827 100%);flex-direction:column;justify-content:space-between;width:280px;height:100vh;padding:32px 24px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:16px;margin-bottom:40px;display:flex}.sidebar-logo{-o-object-fit:cover;object-fit:cover;background:#ffffff14;border-radius:16px;width:60px;height:60px;padding:6px}.sidebar-brand h1{letter-spacing:.05em;margin:0;font-size:1.5rem}.sidebar-brand p{color:#cbd5e1;margin:6px 0 0}.sidebar-nav{gap:12px;margin:0;padding:0;list-style:none;display:grid}.sidebar-link{color:#cbd5e1;background:0 0;border-radius:16px;padding:14px 18px;transition:background .25s,color .25s;display:block}.sidebar-link:hover,.sidebar-link.active{color:#fff;background:#ffffff14}.main-content{flex:1;padding:32px 36px}.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-title{margin:0;font-size:2rem}.page-subtitle{color:#64748b;margin:8px 0 0}.card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:28px;box-shadow:0 18px 60px #0f172a14}.grid{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-group{gap:8px;margin-bottom:18px;display:grid}.form-group label{color:#334155;font-size:.95rem;font-weight:600}.form-control{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:14px;width:100%;padding:12px 14px}.form-control:focus{border-color:#22c55e;outline:2px solid #10b9814d}.textarea-control{resize:vertical;min-height:120px}.btn{border-radius:16px;justify-content:center;align-items:center;padding:12px 18px;font-weight:700;transition:background .25s,transform .25s;display:inline-flex}.btn-primary{color:#fff;background:#16a34a}.btn-primary:hover{background:#15803d}.btn-secondary{color:#102a43;background:#e2e8f0}.btn-secondary:hover{background:#cbd5e1}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:14px 16px}.table th{color:#475569;font-size:.9rem;font-weight:700}.table tr:hover{background:#f8fafc}.empty-state{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:20px;padding:24px}.page-loading{background:#eef2f7;place-items:center;min-height:100vh;display:grid}.login-page{background:linear-gradient(#f8fafc 0%,#e2e8f0 100%);place-items:center;min-height:100vh;padding:32px;display:grid}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;width:100%;max-width:420px;padding:32px;box-shadow:0 24px 80px #0f172a14}.login-card h1{margin:0;font-size:2rem}.login-card p{color:#64748b;margin:12px 0 24px}@media (width<=960px){.app-shell{flex-direction:column}.sidebar{width:100%;height:auto;padding:24px;position:relative}.main-content{padding:24px}}