:root{--bg:#f3f5f7;--surface:#fff;--ink:#1a2332;--muted:#5c6b7a;--border:#d5dde5;--accent:#0b4f6c;--accent-hover:#093d54;--danger:#b42318;--ok:#067647;--warn:#b54708;--sidebar:#0f2740;--sidebar-ink:#e8eef4;--sidebar-muted:#9bb0c3;--radius:8px;--shadow:0 1px 2px #1018280f, 0 1px 3px #1018281a;--font:"Segoe UI", "IBM Plex Sans", "Source Sans 3", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 500px at 10% -10%, #0b4f6c14, transparent 60%), var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, #123152 0%, var(--sidebar) 100%);color:var(--sidebar-ink);flex-direction:column;gap:1.5rem;padding:1.25rem 1rem;display:flex}.brand{flex-direction:column;gap:.25rem;padding:.5rem .75rem;display:flex}.brand strong{letter-spacing:.02em;font-size:1.05rem}.brand span{color:var(--sidebar-muted);font-size:.85rem}.nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.nav a{color:var(--sidebar-muted);border-radius:6px;padding:.65rem .85rem}.nav a:hover,.nav a.active{color:var(--sidebar-ink);background:#ffffff14}.sidebar-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:.5rem;padding-top:1rem;display:flex}.main{flex-direction:column;min-width:0;display:flex}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#fffc;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.content{padding:1.5rem}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.page-header h1{margin:0 0 .35rem;font-size:1.5rem}.page-header p{color:var(--muted);margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}.card+.card{margin-top:1rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.btn{appearance:none;cursor:pointer;background:var(--accent);color:#fff;border:1px solid #0000;border-radius:6px;padding:.55rem .9rem}.btn:hover{background:var(--accent-hover)}.btn.secondary{color:var(--ink);border-color:var(--border);background:#fff}.btn.danger{background:var(--danger)}.btn:disabled{opacity:.55;cursor:not-allowed}.field{flex-direction:column;gap:.35rem;margin-bottom:.85rem;display:flex}.field label{color:var(--muted);font-size:.9rem}.field input,.field select,.field textarea{border:1px solid var(--border);background:#fff;border-radius:6px;padding:.6rem .75rem}.field-hint{color:var(--muted);margin:.35rem 0 0;font-size:.85rem;line-height:1.4}.field.has-error input,.field.has-error .input-affix{border-color:var(--danger)}.input-affix{border:1px solid var(--border);background:#fff;border-radius:6px;align-items:stretch;display:flex;overflow:hidden}.input-affix-prefix{color:var(--muted);border-right:1px solid var(--border);white-space:nowrap;background:#f0f4f8;align-items:center;padding:0 .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;display:inline-flex}.input-affix input{border:0;border-radius:0;flex:1;min-width:0}.chip-row{flex-wrap:wrap;align-items:center;gap:.45rem;margin:0 0 1rem;display:flex}.chip{appearance:none;border:1px solid var(--border);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:.25rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.chip:hover{border-color:var(--accent);color:var(--accent)}.create-intro{margin:-.25rem 0 1rem}.table-wrap{overflow:auto}table.data{border-collapse:collapse;width:100%}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--border);padding:.7rem .6rem;font-size:.95rem}table.data th{color:var(--muted);font-weight:600}.badge{color:var(--muted);background:#eef2f6;border-radius:999px;align-items:center;padding:.15rem .5rem;font-size:.75rem;display:inline-flex}.badge.ok{color:var(--ok);background:#e8f8ef}.badge.warn{color:var(--warn);background:#fff4e5}.badge.err{color:var(--danger);background:#fee4e2}.login-page{background:linear-gradient(135deg,#0f2740eb,#0b4f6cd9),radial-gradient(circle at 20% 20%,#ffffff1f,#0000 40%);place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{background:#fff;border-radius:12px;width:min(420px,100%);padding:1.75rem;box-shadow:0 20px 50px #00000040}.login-card h1{margin:0 0 .25rem}.login-card .muted{color:var(--muted);margin-bottom:1.25rem}.error{color:var(--danger);margin:.5rem 0 0;font-size:.9rem}.empty{color:var(--muted);padding:1.5rem 0}.embed-frame{border:1px solid var(--border);border-radius:var(--radius);background:#fafbfc;width:100%;min-height:480px;overflow:hidden}.embed-frame>div,.embed-frame iframe{border:0;width:100%;height:560px;min-height:480px}.embed-placeholder{text-align:center;color:var(--muted);place-items:center;padding:3rem 1.5rem;display:grid}.toolbar{flex-wrap:wrap;gap:.5rem;display:flex}.section-title{margin:0 0 .75rem;font-size:1.05rem}.muted{color:var(--muted);margin:0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.truncate{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.split-panels{grid-template-columns:minmax(320px,1fr) minmax(360px,1.15fr);align-items:start;gap:1rem;display:grid}.split-panels>.card{min-width:0;margin-top:0}.list-toolbar{grid-template-columns:1.4fr .8fr;gap:.75rem;margin-bottom:.5rem;display:grid}table.data.selectable tbody tr{cursor:pointer}table.data.selectable tbody tr:hover{background:#0b4f6c0a}table.data.selectable tbody tr.is-selected{background:#0b4f6c1a}table.data.compact th,table.data.compact td{white-space:nowrap;text-overflow:ellipsis;max-width:220px;padding:.45rem .5rem;font-size:.85rem;overflow:hidden}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.85rem;display:flex}.pagination-meta,.pagination-page{color:var(--muted);font-size:.9rem}.pagination-controls{align-items:center;gap:.5rem;display:flex}.pagination-controls .btn{padding:.35rem .7rem}.detail-placeholder{place-items:center;min-height:240px;display:grid}.detail-panel{flex-direction:column;gap:1rem;display:flex}.detail-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.detail-header .section-title{margin-bottom:.25rem}.detail-meta{border:1px solid var(--border);background:#f7f9fb;border-radius:6px;gap:.65rem;margin:0;padding:.75rem;display:grid}.detail-meta dt{color:var(--muted);margin-bottom:.15rem;font-size:.8rem}.detail-meta dd{word-break:break-all;margin:0}.detail-actions{flex-wrap:wrap;align-items:flex-end;gap:.65rem;display:flex}.inline-field{min-width:110px;margin-bottom:0}.status-banner{border:1px solid var(--border);background:#f7f9fb;border-radius:6px;flex-direction:column;gap:.25rem;padding:.75rem .85rem;display:flex}.status-banner.ok{color:var(--ok);background:#e8f8ef;border-color:#abefc6}.status-banner.err{color:var(--danger);background:#fee4e2;border-color:#fecdca}.preview-block{border-top:1px solid var(--border);padding-top:.85rem}.preview-header{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.5rem;display:flex}.preview-header .section-title{margin:0}.preview-table{border:1px solid var(--border);border-radius:6px;max-height:420px}@media (width<=960px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:10;position:sticky;top:0}.grid-2,.list-toolbar,.split-panels{grid-template-columns:1fr}}