@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{--accent:#019875;--accent-hover:#017d62;--accent-light:#e6f7f3;--accent-mid:#b2e4d8;--accent-dim:#0198751f;--lime:#cfe320;--lime-dim:#cfe32038;--sidebar-bg:#e8f5f1;--sidebar-border:#c6e6dc;--sidebar-active:#fff;--sidebar-hover:#d4ede6;--sidebar-text:#1a4a3a;--sidebar-muted:#5a9080;--bg:#f5f9f8;--bg-2:#fff;--social-bg:#f0f6f4;--border:#dde8e5;--border-hover:#a8cfc6;--text:#2d4a43;--text-h:#0f211d;--text-muted:#7a9d95;--error-border:#dc26264d;--error-bg:#dc26260d;--shadow-sm:0 1px 3px #01644b14, 0 1px 2px #01644b0d;--shadow-md:0 4px 14px #01644b1a, 0 2px 4px #01644b0f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--font-body:"Inter", sans-serif;--font-mono:"DM Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text);min-height:100svh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);color:var(--text-h);letter-spacing:-.01em;font-weight:600;line-height:1.25}h1{font-size:1.7rem;font-weight:700}h2{font-size:1.3rem}h3{font-size:1.05rem}p{color:var(--text-muted);font-size:.9rem}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}input,textarea,select{font-family:var(--font-body);color:var(--text-h);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-sm);outline:none;padding:9px 12px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.75}select option{color:var(--text-h);background:#fff}textarea{resize:vertical;min-height:100px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;box-shadow:none;flex-shrink:0}button{font-family:var(--font-body);cursor:pointer;border-radius:var(--radius-sm);letter-spacing:.01em;border:1px solid #0000;padding:8px 14px;font-size:.85rem;font-weight:500;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s,opacity .15s}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button[type=submit],button.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 1px 4px #0198754d}button[type=submit]:hover:not(:disabled),button.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 3px 10px #01987559}button:not([type=submit]):not(.btn-primary):not(.btn-danger){background:var(--bg-2);color:var(--accent);border-color:var(--accent-mid);box-shadow:var(--shadow-sm)}button:not([type=submit]):not(.btn-primary):not(.btn-danger):hover:not(:disabled){background:var(--accent-light);border-color:var(--accent);color:var(--accent-hover)}button.btn-danger{background:var(--error-bg);color:#b91c1c;border-color:var(--error-border);box-shadow:none}button.btn-danger:hover:not(:disabled){background:#dc26261a}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px}.table-header{background:var(--social-bg);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:10px 12px;font-size:.75rem;font-weight:600}.table-row{border-top:1px solid var(--border);padding:10px 12px;transition:background .12s}.table-row:hover{background:var(--accent-light)}.alert-error{border:1px solid var(--error-border);background:var(--error-bg);border-radius:var(--radius-md);color:#b91c1c;padding:12px 14px;font-size:.85rem}.alert-success{background:var(--accent-light);border-radius:var(--radius-md);color:var(--accent-hover);border:1px solid #0198754d;padding:12px 14px;font-size:.85rem}.badge{font-family:var(--font-mono);letter-spacing:.03em;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:500;display:inline-block}.badge-green{background:var(--accent-dim);color:var(--accent-hover);border:1px solid #01987540}.badge-lime{background:var(--lime-dim);color:#6b7a00;border:1px solid #cfe32073}.badge-muted{color:var(--text-muted);border:1px solid var(--border);background:#f0f4f3}nav.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);flex-direction:column;flex-shrink:0;width:230px;min-height:100svh;padding:0;display:flex;box-shadow:2px 0 12px #01644b12}nav.sidebar .nav-logo{border-bottom:1px solid var(--sidebar-border);padding:22px 18px 18px}nav.sidebar .nav-logo .nav-logo-title{color:var(--sidebar-text);letter-spacing:-.01em;font-size:.92rem;font-weight:700;line-height:1.3}nav.sidebar .nav-logo .nav-logo-sub{color:var(--sidebar-muted);margin-top:2px;font-size:.75rem;font-weight:400}nav.sidebar .nav-links{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex}nav.sidebar a{border-radius:var(--radius-sm);color:var(--sidebar-text);border:1px solid #0000;align-items:center;gap:9px;padding:9px 12px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s,box-shadow .12s;display:flex}nav.sidebar a:hover{background:var(--sidebar-hover);color:var(--accent-hover);border-color:var(--accent-mid)}nav.sidebar a.active{background:var(--sidebar-active);color:var(--accent);border-color:var(--accent-mid);box-shadow:var(--shadow-sm);font-weight:600}nav.sidebar .nav-bottom{border-top:1px solid var(--sidebar-border);padding:12px 10px 18px}nav.sidebar .nav-bottom button{background:var(--bg-2);width:100%;color:var(--accent);border-color:var(--accent-mid);justify-content:center}nav.sidebar .nav-bottom button:hover:not(:disabled){background:var(--accent-light);border-color:var(--accent)}hr,.divider{border:none;border-top:1px solid var(--border);margin:16px 0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent-mid);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.mono{font-family:var(--font-mono)}#root{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
