:root{--c-bg: #f4f6fb;--c-surface: #ffffff;--c-surface-2: #f8fafc;--c-border: #e2e8f0;--c-text: #1e293b;--c-text-muted: #64748b;--c-primary: #4f46e5;--c-primary-hover: #4338ca;--c-primary-soft: #eef2ff;--c-success: #16a34a;--c-success-soft: #dcfce7;--c-warning: #d97706;--c-warning-soft: #fef3c7;--c-danger: #dc2626;--c-danger-soft: #fee2e2;--c-info: #0284c7;--c-info-soft: #e0f2fe;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 30px rgba(15, 23, 42, .18);--sidebar-w: 232px}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Hiragino Kaku Gothic ProN,Yu Gothic UI,Meiryo,system-ui,sans-serif;color:var(--c-text);background:var(--c-bg);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:700}a{color:var(--c-primary);text-decoration:none}a:hover{text-decoration:underline}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:#1e1b4b;color:#c7d2fe;padding:20px 14px;display:flex;flex-direction:column;gap:4px}.sidebar .brand{color:#fff;font-size:15px;font-weight:700;padding:6px 10px 16px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:10px;line-height:1.35}.sidebar .brand small{display:block;color:#a5b4fc;font-weight:400;font-size:11px}.sidebar .nav-section{color:#818cf8;font-size:11px;letter-spacing:.04em;padding:14px 10px 4px}.sidebar a.nav-item{display:flex;align-items:center;gap:9px;color:#c7d2fe;padding:8px 10px;border-radius:var(--radius-sm);font-size:13.5px;text-decoration:none}.sidebar a.nav-item:hover{background:#ffffff14;text-decoration:none}.sidebar a.nav-item.active{background:var(--c-primary);color:#fff}.sidebar .nav-icon{width:18px;text-align:center;opacity:.9}.sidebar .spacer{flex:1}.sidebar .admin-me{font-size:12px;color:#a5b4fc;padding:10px;border-top:1px solid rgba(255,255,255,.12)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{background:var(--c-surface);border-bottom:1px solid var(--c-border);padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar h1{font-size:18px}.topbar .crumb{font-size:12px;color:var(--c-text-muted);margin-bottom:2px}.content{padding:24px 28px}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow)}.card+.card{margin-top:18px}.card-head{padding:16px 20px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head h2{font-size:15px}.card-body{padding:20px}.card-body.tight{padding:0}.grid{display:grid;gap:18px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid>.card+.card{margin-top:0}@media(max-width:900px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13.5px;font-weight:600;padding:8px 15px;border-radius:var(--radius-sm);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);cursor:pointer;transition:background .12s,border-color .12s}.btn:hover{background:var(--c-surface-2)}.btn.primary{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.btn.primary:hover{background:var(--c-primary-hover)}.btn.danger{background:var(--c-surface);border-color:var(--c-danger);color:var(--c-danger)}.btn.danger:hover{background:var(--c-danger-soft)}.btn.subtle{border-color:transparent;background:var(--c-primary-soft);color:var(--c-primary)}.btn.sm{padding:5px 10px;font-size:12.5px}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--c-surface-2);color:var(--c-text-muted);border:1px solid var(--c-border)}.badge .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.badge.ok{background:var(--c-success-soft);color:var(--c-success);border-color:transparent}.badge.warn{background:var(--c-warning-soft);color:var(--c-warning);border-color:transparent}.badge.err{background:var(--c-danger-soft);color:var(--c-danger);border-color:transparent}.badge.info{background:var(--c-info-soft);color:var(--c-info);border-color:transparent}.badge.muted{background:#f1f5f9;color:#64748b;border-color:transparent}.badge.pulse .dot{animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13.5px}table.data th,table.data td{padding:11px 16px;text-align:left;border-bottom:1px solid var(--c-border);white-space:nowrap}table.data thead th{background:var(--c-surface-2);color:var(--c-text-muted);font-size:12px;font-weight:600}table.data tbody tr:hover{background:var(--c-primary-soft)}table.data tr.row-warn{background:var(--c-warning-soft)}table.data tr.row-warn:hover{background:#fde9b8}.cell-muted{color:var(--c-text-muted)}.cell-strong{font-weight:600}.form-row{margin-bottom:18px}.form-row label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-row .req{color:var(--c-danger);margin-left:3px}.form-row .hint{font-size:12px;color:var(--c-text-muted);margin-top:5px}.input,select.input,textarea.input{width:100%;font:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:#fff;color:var(--c-text)}.input:focus{outline:2px solid var(--c-primary-soft);border-color:var(--c-primary)}.input.invalid{border-color:var(--c-danger);background:#fff7f7}.field-error{color:var(--c-danger);font-size:12px;margin-top:5px;display:none}.field-error.show{display:block}.checks{display:flex;flex-direction:column;gap:8px}.check{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--c-border);border-radius:var(--radius-sm)}.check input{width:16px;height:16px;accent-color:var(--c-primary)}.row-inline{display:flex;gap:14px}.row-inline>*{flex:1}.alert{display:flex;gap:10px;padding:12px 15px;border-radius:var(--radius-sm);font-size:13px;border:1px solid transparent}.alert .ico{flex-shrink:0}.alert.info{background:var(--c-info-soft);color:#075985}.alert.warn{background:var(--c-warning-soft);color:#92400e}.alert.danger{background:var(--c-danger-soft);color:#991b1b}.alert.success{background:var(--c-success-soft);color:#166534}.timeline{list-style:none;margin:0;padding:0;position:relative}.timeline:before{content:"";position:absolute;left:7px;top:4px;bottom:4px;width:2px;background:var(--c-border)}.timeline li{position:relative;padding:0 0 18px 28px}.timeline li .tl-dot{position:absolute;left:2px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--c-primary);border:2px solid #fff;box-shadow:0 0 0 1px var(--c-border)}.timeline li .tl-dot.ok{background:var(--c-success)}.timeline li .tl-dot.err{background:var(--c-danger)}.timeline li .tl-time{font-size:12px;color:var(--c-text-muted)}.timeline li .tl-body{font-size:13.5px}.spinner{width:46px;height:46px;border:5px solid var(--c-primary-soft);border-top-color:var(--c-primary);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.meter{height:8px;background:#eef2f7;border-radius:999px;overflow:hidden}.meter>span{display:block;height:100%;background:var(--c-primary);border-radius:999px}.meter>span.warn{background:var(--c-warning)}.badge.app{background:var(--c-primary-soft);color:var(--c-primary);border-color:transparent}.res-tile{border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:14px 16px;background:var(--c-surface-2)}.res-tile .res-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;gap:8px}.res-tile .res-lbl{font-size:12px;font-weight:600;color:var(--c-text-muted)}.res-tile .res-val{font-size:18px;font-weight:700;white-space:nowrap}.res-tile .res-val small{font-size:12px;font-weight:400;color:var(--c-text-muted)}.res-tile .res-sub{display:flex;justify-content:space-between;font-size:12px;color:var(--c-text-muted);margin-top:8px;gap:8px}.mini-meter{display:inline-block;width:90px;vertical-align:middle;margin-right:8px}.mini-meter .meter{height:6px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:none;align-items:center;justify-content:center;padding:20px;z-index:50}.modal-backdrop.open{display:flex}.modal{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:480px;overflow:hidden}.modal-head{padding:18px 22px;border-bottom:1px solid var(--c-border);font-size:16px;font-weight:700}.modal-body{padding:22px}.modal-foot{padding:16px 22px;border-top:1px solid var(--c-border);display:flex;justify-content:flex-end;gap:10px}.secret-box{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:SFMono-Regular,Consolas,monospace;font-size:18px;letter-spacing:.06em;background:var(--c-surface-2);border:1px dashed var(--c-primary);border-radius:var(--radius-sm);padding:14px 16px;margin:10px 0}.portal-bg{min-height:100vh;background:linear-gradient(160deg,#4f46e5,#6366f1 45%,#818cf8);display:flex;flex-direction:column}.portal-topbar{padding:16px 26px;color:#fff;display:flex;align-items:center;justify-content:space-between}.portal-topbar .brand{font-weight:700;font-size:15px}.portal-topbar .brand small{display:block;font-weight:400;font-size:11px;opacity:.85}.portal-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px}.portal-wide{width:100%;max-width:1000px}.auth-card{background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);width:100%;max-width:400px;padding:32px;margin:auto}.auth-card h1{font-size:20px;text-align:center;margin-bottom:6px}.auth-card .sub{text-align:center;color:var(--c-text-muted);font-size:13px;margin-bottom:24px}.app-card{background:#fff;border-radius:14px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.app-card .app-top{padding:18px 20px;border-bottom:1px solid var(--c-border);display:flex;gap:12px;align-items:center}.app-card .app-logo{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-weight:700;color:#fff;font-size:18px}.app-card .app-body{padding:16px 20px;flex:1}.app-card .app-foot{padding:14px 20px;border-top:1px solid var(--c-border);background:var(--c-surface-2)}.app-desc{font-size:13px;color:var(--c-text-muted);min-height:40px}.meta-line{font-size:12.5px;color:var(--c-text-muted);display:flex;gap:6px;align-items:center;margin-top:8px}.center-box{background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);max-width:460px;width:100%;margin:auto;padding:40px 32px;text-align:center}.stat{display:flex;flex-direction:column;gap:2px}.stat .num{font-size:24px;font-weight:700}.stat .lbl{font-size:12px;color:var(--c-text-muted)}.muted{color:var(--c-text-muted)}.mt-0{margin-top:0}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.text-sm{font-size:13px}.text-xs{font-size:12px}.flex{display:flex}.items-center{align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.justify-between{justify-content:space-between}.mock-note{position:fixed;bottom:10px;right:12px;background:#1e1b4be6;color:#fff;font-size:11px;padding:5px 10px;border-radius:6px;z-index:60}