:root{--bg:#f5f7fb;--bg2:#eef2f8;--panel:#ffffff;--panel2:#f8fafc;--panel3:#eef3fb;--text:#1f2937;--muted:#6b7280;--muted2:#4b5563;--brand:#1a73e8;--brand-2:#4f8df3;--danger:#d93025;--success:#188038;--warning:#f29900;--border:rgba(15,23,42,.08);--border-strong:rgba(15,23,42,.14);--shadow:0 10px 24px rgba(15,23,42,.06);--shadow-soft:0 4px 12px rgba(15,23,42,.05);--radius-sm:10px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px}*{box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;display:block}a{color:inherit;text-decoration:none;transition:opacity .18s ease,color .18s ease,background-color .18s ease,box-shadow .18s ease}a:hover{opacity:.96}button,input,textarea,select{font:inherit}button{transition:transform .12s ease,opacity .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}button:disabled{cursor:not-allowed;opacity:.56;transform:none!important}.container{max-width:1360px;margin:0 auto;padding:20px 24px 28px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow)}.row{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;min-width:0}.input,textarea,select{width:100%;background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);padding:11px 13px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.input::placeholder,textarea::placeholder{color:var(--muted)}.input:hover,textarea:hover,select:hover{border-color:var(--border-strong);background:#fff}.input:focus,textarea:focus,select:focus{border-color:#1a73e885;box-shadow:0 0 0 3px #1a73e824;background:#fff}textarea{min-height:110px;resize:vertical}.btn,button{border:1px solid var(--border);background:#fff;color:var(--text);border-radius:var(--radius-md);padding:10px 14px;cursor:pointer;box-shadow:none;font-weight:600}.btn:hover,button:hover{border-color:var(--border-strong);background:#f8fbff;transform:translateY(-1px)}.btn:active,button:active{transform:translateY(0)}.btn--primary{background:linear-gradient(180deg,var(--brand-2),var(--brand));border-color:transparent;color:#fff;box-shadow:0 8px 18px #1a73e838}.btn--primary:hover{background:linear-gradient(180deg,#5b97f4,#1a73e8)}.btn--danger{background:var(--danger);border-color:transparent;color:#fff}.btn--danger:hover{background:#c5221f}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid rgba(26,115,232,.14);color:#185abc;font-size:12px;background:#1a73e814}.h1{font-size:26px;margin:0 0 8px;letter-spacing:-.01em;font-weight:700}.h2{font-size:14px;margin:0 0 8px;color:var(--muted2);font-weight:700;letter-spacing:.01em}.small{font-size:12px;color:var(--muted);line-height:1.6}.table{width:100%;border-collapse:separate;border-spacing:0}.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.table th{font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.03em;background:#fbfcfe;position:sticky;top:0;z-index:1}.table tbody tr:hover{background:#1a73e809}.nav{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffffe0;border-bottom:1px solid var(--border);position:sticky;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.nav a{padding:8px 10px;border-radius:var(--radius-sm)}.nav a:hover{background:#1a73e80f}.nav a.active{background:#1a73e81f;color:#185abc}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}code{background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:2px 6px}pre{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;overflow:auto}hr{border:none;border-top:1px solid var(--border);margin:16px 0}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.page-header__meta{min-width:0}.page-header__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.list-toolbar__filters,.list-toolbar__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.json-toggle{display:inline-flex;align-items:center;gap:8px;color:#185abc;font-size:12px;font-weight:600;cursor:pointer}.mokkeda-brand-slot{min-height:44px;min-width:44px;border-radius:12px;border:1px dashed var(--border-strong);background:linear-gradient(180deg,#fff,#f8fbff)}@media (max-width: 960px){.container{padding:14px 14px 22px}.card{padding:14px;border-radius:14px}.h1{font-size:22px}.row,.page-header,.list-toolbar{gap:10px}.table{display:block;overflow:auto;white-space:nowrap}}