@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--bg: #f3f6fb;--panel: #ffffff;--panel-border: #d6deeb;--text: #1a2433;--muted: #607089;--brand: #0f8aa6;--brand-deep: #0b6f85;--danger: #be3f4c;--success: #20895d;--shadow: 0 16px 32px rgba(31, 48, 76, .08)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 10%,rgba(43,126,190,.08),transparent 32%),radial-gradient(circle at 90% 15%,rgba(15,138,166,.12),transparent 30%),repeating-linear-gradient(-35deg,rgba(40,64,94,.025) 0,rgba(40,64,94,.025) 1px,transparent 1px,transparent 11px),var(--bg)}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{border-right:1px solid var(--panel-border);background:linear-gradient(180deg,#eaf0fa,#f6f9ff 40%,#f7f8fc);padding:20px 16px;display:flex;flex-direction:column;gap:16px}.brand-wrap{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--panel-border);border-radius:12px;background:#ffffffbf}.brand-badge{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-family:IBM Plex Mono,monospace;font-weight:500;color:#fff;background:linear-gradient(135deg,#1a4768,#0f8aa6)}.brand-title{margin:0;font-weight:700;font-size:.96rem}.brand-subtitle{margin:2px 0 0;color:var(--muted);font-size:.76rem}.nav-list{display:flex;flex-direction:column;gap:6px}.nav-item{text-decoration:none;color:var(--text);padding:10px 12px;border-radius:9px;border:1px solid transparent;font-size:.9rem;transition:.18s ease}.nav-item:hover{background:#0f8aa60f;border-color:#0f8aa633}.nav-item-active{background:#0f8aa61a;border-color:#0f8aa659;color:#0a4f62;font-weight:600}.main-panel{padding:18px;display:flex}.page{width:100%;display:flex;flex-direction:column;gap:14px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.page-head h1{margin:0;font-size:1.32rem}.page-head p{margin:4px 0 0;color:var(--muted);font-size:.88rem}.head-actions{display:flex;gap:8px;align-items:center}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;box-shadow:var(--shadow);padding:14px}.card h2{margin:0 0 8px;font-size:1.01rem}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.muted{color:var(--muted);margin:0 0 8px;font-size:.84rem}.table-subtext{margin-top:4px;color:var(--muted);font-size:.76rem}.input,input,select,textarea{width:100%;border:1px solid #ccd6e6;background:#fff;border-radius:8px;color:var(--text);padding:8px 10px;font-size:.9rem;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:#0f8aa6cc;box-shadow:0 0 0 3px #0f8aa629}textarea{resize:vertical;min-height:84px}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:.82rem;color:var(--muted)}.field-inline{flex-direction:row;align-items:center;gap:8px}.field-inline input{width:16px;height:16px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;align-items:end}.form-grid-wide{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.field-full{grid-column:1 / -1}.form-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row-actions{display:flex;gap:6px}.btn{border:1px solid transparent;border-radius:8px;padding:8px 12px;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:.18s ease}.btn:disabled{cursor:not-allowed;opacity:.65}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-ghost{background:#fff;border-color:#c7d1e3;color:#334760}.btn-ghost:hover:not(:disabled){background:#f3f7ff}.btn-danger{background:#fff3f5;border-color:#f2c4cb;color:var(--danger)}.btn-danger:hover:not(:disabled){background:#ffe4e8}.btn-block{width:100%}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;border-bottom:1px solid #e1e8f3;padding:9px 8px;font-size:.84rem;vertical-align:top}th{color:#4a5f79;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}tbody tr:hover{background:#f6fbfd}.row-active{background:#ebf7fb}.empty{color:var(--muted);text-align:center;padding:20px 8px}.notice{margin:0;border-radius:8px;padding:9px 10px;font-size:.84rem;border:1px solid #d5deeb;background:#f7f9fc}.notice.error{border-color:#efbcc4;background:#fff4f6;color:#9a2d3a}.notice.success{border-color:#b9e4cc;background:#f2fff7;color:#186244}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.detail{min-width:280px}.detail-grid{margin:0;display:grid;gap:8px}.detail-grid dt{font-size:.76rem;color:var(--muted);margin-bottom:3px}.detail-grid dd{margin:0;font-family:IBM Plex Mono,monospace;font-size:.79rem;color:#23364d;word-break:break-word}.status{border-radius:999px;border:1px solid #d2dbe9;padding:2px 8px;font-size:.76rem;color:#4b5e75;white-space:nowrap}.status-ok{border-color:#a8dcc2;background:#effdf6;color:#1d6d4b}.status-warn{border-color:#f0d09d;background:#fff9ea;color:#8a5a18}.status-danger{border-color:#f2c3ca;background:#fff3f5;color:#a53644}.banner-list{display:grid;gap:12px}.banner-editor{padding:12px;border:1px solid #dde5f0;border-radius:12px;background:linear-gradient(180deg,#f7faffe6,#fff)}.login-root{min-height:100vh;display:grid;place-items:center;padding:20px}.login-grid{width:min(1040px,100%);display:grid;grid-template-columns:1fr minmax(320px,420px);gap:18px}.login-aside,.login-card{border:1px solid #ced9ea;border-radius:14px;box-shadow:var(--shadow)}.login-aside{background:linear-gradient(160deg,#235379fa,#0b6e8cf7),radial-gradient(circle at 84% 20%,rgba(255,255,255,.22),transparent 28%);padding:28px;color:#eaf8ff;animation:fade-in .45s ease both}.login-aside .eyebrow{margin:0 0 10px;font-family:IBM Plex Mono,monospace;letter-spacing:.08em;font-size:.78rem}.login-aside h1{margin:0 0 12px;font-size:clamp(1.35rem,2vw,2.1rem);line-height:1.2}.login-aside p{margin:0;color:#d6ecf8;max-width:45ch}.login-card-wrap{animation:slide-up .36s ease both}.login-card{background:#ffffffe0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:24px;display:flex;flex-direction:column;gap:10px}.login-card h2{margin:0 0 6px}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1080px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--panel-border);position:sticky;top:0;z-index:10}.nav-list{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr))}.split{grid-template-columns:1fr}}@media (max-width: 860px){.login-grid{grid-template-columns:1fr}.main-panel{padding:12px}.page-head{flex-direction:column;align-items:flex-start}.head-actions{width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}