:root{--olive-900: #1b3a2a;--olive-800: #264e36;--olive-700: #336b3b;--olive-600: #3f7f45;--olive-500: #4b9650;--olive-100: #e7f3ea;--olive-050: #f4faf6;--bg: var(--olive-050);--surface: #ffffff;--surface-elevated: #ffffff;--surface-border: rgba(15, 23, 42, .06);--text: #0f172a;--muted: #64748b;--border: #d1e2d6;--radius-lg: 18px;--radius-md: 12px;--transition-fast: .16s ease-out}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,#ecfdf3 0%,var(--bg) 45%,#eef2ff 100%)}a{color:inherit;text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:24px}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.brand{display:flex;align-items:center;gap:14px}.logo{width:44px;height:44px;border-radius:14px;background:conic-gradient(from 200deg,#a3e635,#4b9650,#1b3a2a,#a3e635);box-shadow:0 14px 30px #1b3a2a59}.title h1{margin:0;font-size:20px;letter-spacing:.2px}.title p{margin:2px 0 0;font-size:12px;color:var(--muted)}.card{position:relative;background:var(--surface);border-radius:var(--radius-lg);padding:16px 18px;border:1px solid var(--surface-border);box-shadow:0 18px 45px #0f172a14,0 0 0 1px #0f172a03;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.card:hover{transform:translateY(-1px);box-shadow:0 22px 55px #0f172a24,0 0 0 1px #1b3a2a14}.row{display:flex;gap:12px;flex-wrap:wrap}.btn{position:relative;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--text);padding:9px 14px;cursor:pointer;font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 1px #0f172a0a;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),color var(--transition-fast)}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;background:radial-gradient(circle at center,rgba(255,255,255,.6),transparent 60%);transition:opacity var(--transition-fast);pointer-events:none}.btn:hover:after{opacity:1}.btn:hover{transform:translateY(-.5px);box-shadow:0 3px 8px #0f172a1a}.btnPrimary{background:linear-gradient(135deg,var(--olive-600),var(--olive-500));border-color:#0f172a33;color:#f8fafc}.btnPrimary:hover{background:linear-gradient(135deg,var(--olive-700),var(--olive-600))}.btnDanger{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.btn:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}.input,.select,.textarea{width:100%;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border);outline:none;background:#fff;font-size:13px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.input:focus,.select:focus,.textarea:focus{border-color:var(--olive-500);box-shadow:0 0 0 1px #4b96501a,0 0 0 3px #4b96502e}.textarea{min-height:90px;resize:vertical}.grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:900px){.grid{grid-template-columns:1.1fr .9fr}}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 12px;border-bottom:1px solid rgba(148,163,184,.2);vertical-align:top;font-size:13px}.table th{text-align:left;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(75,150,80,.2);background:#4b96500f;color:var(--olive-900);font-size:12px;font-weight:700}.muted{color:var(--muted);font-size:13px}.error{color:#b91c1c;font-weight:700}