@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");:root{--bg:#0b0f14;--card:#11161c;--muted:#1a222b;--text:#e5e7eb;--subtext:#9aa4b2;--primary:#7c5cff;--primary-2:#5e9fff;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji;color:var(--text);background:radial-gradient(1200px 600px at -10% -10%,#1a1f2a66,transparent 50%),radial-gradient(900px 500px at 110% 0,#13233880,transparent 50%),linear-gradient(180deg,#0a0f15,#0b1118 30%,#0b0f14)}.nn-card{background:color-mix(in oklab,var(--card) 92%,transparent);border:1px solid color-mix(in oklab,var(--muted) 70%,transparent);border-radius:16px;backdrop-filter:blur(6px);box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.02)}.nn-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:42px;padding:0 16px;border-radius:12px;border:1px solid transparent;font-weight:600;letter-spacing:.2px;cursor:pointer;transition:transform .06s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease}.nn-btn:active{transform:translateY(1px) scale(.995)}.nn-btn-primary{color:white;background-color:#3b82f6;box-shadow:0 10px 24px rgba(59,130,246,.22),inset 0 1px 0 rgba(255,255,255,.05)}.nn-btn-primary:hover{box-shadow:0 12px 28px rgba(124,92,255,.32),inset 0 1px 0 rgba(255,255,255,.06)}.nn-btn-ghost{color:var(--text);background:#0f141b;border-color:#1f2833}.nn-btn-ghost:hover{background:#131a22}.nn-icon-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#0f141b;border:1px solid #1f2833;color:#b9c4d1;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .06s ease}.nn-icon-btn:hover{background:#131a22;color:#e5e7eb;border-color:#2a3645}.nn-icon-btn:active{transform:translateY(1px) scale(.98)}.nn-table{width:100%;border-collapse:separate;border-spacing:0}.nn-table thead th{text-align:left;font-weight:700;font-size:.9rem;letter-spacing:.3px;padding:14px 16px;color:#b9c4d1;background:#0f141b;position:sticky;top:0;z-index:1;border-bottom:1px solid #1f2833}.nn-table tbody td{padding:14px 16px;border-bottom:1px dashed #1b2330;color:var(--text)}.nn-tr:hover{background:#0f131a}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:6px 10px;border-radius:999px;font-weight:600;font-size:.78rem;border:1px solid transparent}.badge-success{color:#86efac;background:#062513;border-color:#154c2b}.badge-warn{color:#fde68a;background:#2a1d07;border-color:#5a3f12}.badge-danger{color:#fecaca;background:#2a0e0e;border-color:#5e1c1c}.nn-input,.nn-select,.nn-textarea{width:100%;color:var(--text);background:#0f141b;border:1px solid #1f2833;border-radius:12px;padding:12px 14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.nn-input:focus,.nn-select:focus,.nn-textarea:focus{border-color:color-mix(in oklab,var(--primary) 60%,white 0%);box-shadow:0 0 0 4px rgba(124,92,255,.15)}label{color:#c9d4e1;font-size:.9rem;margin-bottom:.5rem;display:inline-block}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:100%;max-width:480px;border-radius:16px;padding:22px}.modal-success{border:1px solid #1b3a26;background:#0d1711}.modal-fail{border:1px solid #422325;background:#181012}.text-dim{color:var(--subtext)}.page-wrap{padding:24px}.page-title{font-weight:800;font-size:1.6rem;letter-spacing:.2px;margin-bottom:18px}.section-title{font-weight:700;font-size:1.1rem;margin:6px 0 12px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:860px){.grid-2{grid-template-columns:1fr}}.skeleton{background:linear-gradient(90deg,#10151c,#0b1016 40%,#10151c 80%);animation:sk 1.2s linear infinite}@keyframes sk{0%{background-position:-200px 0}to{background-position:200px 0}}.category-grid .nn-table td.name-cell,.category-grid .nn-table th.name-cell{white-space:normal!important;overflow-wrap:anywhere;word-break:break-word;max-width:36ch}.nn-select{min-height:44px;padding:10px 40px 10px 12px;background:#0f141b;border:1px solid var(--muted);color:var(--text);border-radius:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239aa4b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px 18px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,filter .15s ease}.nn-select:hover{border-color:color-mix(in oklab,var(--muted) 70%,white 0%);filter:brightness(1.02)}.nn-select:focus{outline:none;border-color:color-mix(in oklab,var(--primary) 60%,white 0%);box-shadow:0 0 0 4px color-mix(in oklab,var(--primary) 20%,transparent)}.nn-select::-ms-expand{display:none}.nn-select option{background:#0f141b;color:var(--text)}.nn-select:disabled{opacity:.6;cursor:not-allowed}.nn-select[data-fit]{width:auto;max-width:100%}.nn-select.is-invalid{border-color:var(--danger);box-shadow:0 0 0 4px rgba(239,68,68,.15)}