:root{--bg: #020617;--bg-elevated: #080e1d;--bg-card: #0a1020;--bg-card-hover: #0d1428;--bg-inset: #060b16;--border: #1a2540;--border-subtle: #111b30;--border-focus: #334155;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #4b6080;--text-faint: #2d3f55;--blue: #3b82f6;--blue-bright: #60a5fa;--blue-dim: #1d4ed8;--blue-glow: rgba(59, 130, 246, .12);--blue-glow-lg: rgba(59, 130, 246, .06);--teal: #14b8a6;--teal-dim: #0d9488;--teal-glow: rgba(20, 184, 166, .12);--green: #22c55e;--green-dim: #16a34a;--green-glow: rgba(34, 197, 94, .12);--amber: #f59e0b;--amber-dim: #d97706;--amber-glow: rgba(245, 158, 11, .12);--red: #ef4444;--red-dim: #dc2626;--red-glow: rgba(239, 68, 68, .12);--purple: #a78bfa;--purple-dim: #7c3aed;--purple-glow: rgba(167, 139, 250, .12);--be-color: #f59e0b;--know-color: #60a5fa;--do-color: #34d399;--feel-color: #a78bfa;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, "Cascadia Code", "JetBrains Mono", Menlo, monospace;--text-xs: .72rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-glow-blue: 0 0 0 1px rgba(59, 130, 246, .3), 0 4px 16px rgba(59, 130, 246, .1);--ease: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--duration-fast: .1s;--duration: .15s;--duration-slow: .22s}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);background-image:radial-gradient(circle at top left,rgba(59,130,246,.12),transparent 30%),radial-gradient(circle at top right,rgba(20,184,166,.08),transparent 26%),radial-gradient(circle at bottom center,rgba(167,139,250,.06),transparent 30%),linear-gradient(180deg,#020617,#030816 46%,#020617);background-attachment:fixed;color:var(--text-primary);line-height:1.6;font-size:var(--text-base)}a{color:inherit;text-decoration:none}p{margin:0}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5{margin:0;font-weight:600;line-height:1.25;letter-spacing:-.01em}code{font-family:var(--font-mono);font-size:.82em;padding:.15em .45em;border-radius:var(--radius-sm);background:var(--bg-inset);border:1px solid var(--border);color:var(--blue-bright)}input,textarea,select{font-family:var(--font-sans);font-size:var(--text-base);background:var(--bg-inset);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-2) var(--sp-3);outline:none;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:var(--shadow-glow-blue)}button{font-family:var(--font-sans);cursor:pointer}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius);font-size:var(--text-sm);font-weight:500;border:1px solid transparent;cursor:pointer;transition:background var(--duration) var(--ease),color var(--duration) var(--ease),border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease),transform var(--duration-fast) var(--ease);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover{background:var(--blue-bright);border-color:var(--blue-bright);box-shadow:0 0 0 3px var(--blue-glow),var(--shadow-sm)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-focus)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary)}.btn-danger{background:transparent;color:var(--red);border-color:#ef44444d}.btn-danger:hover{background:var(--red-glow);border-color:var(--red)}.btn-teal{background:var(--teal);color:#fff;border-color:var(--teal)}.btn-teal:hover{background:var(--teal-dim);box-shadow:0 0 0 3px var(--teal-glow),var(--shadow-sm)}.btn-sm{padding:5px var(--sp-3);font-size:var(--text-xs)}.btn-lg{padding:var(--sp-3) var(--sp-6);font-size:var(--text-base);font-weight:600}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;letter-spacing:.01em;border:1px solid transparent}.badge-neutral{background:var(--bg-inset);border-color:var(--border);color:var(--text-secondary)}.badge-blue{background:var(--blue-glow);border-color:#3b82f640;color:var(--blue-bright)}.badge-green{background:var(--green-glow);border-color:#22c55e40;color:var(--green)}.badge-amber{background:var(--amber-glow);border-color:#f59e0b40;color:var(--amber)}.badge-red{background:var(--red-glow);border-color:#ef444440;color:var(--red)}.badge-teal{background:var(--teal-glow);border-color:#14b8a640;color:var(--teal)}.badge-purple{background:var(--purple-glow);border-color:#a78bfa40;color:var(--purple)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5) var(--sp-6);transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.card-hover:hover{background:var(--bg-card-hover);border-color:var(--border-focus);box-shadow:var(--shadow-sm)}.card-interactive{cursor:pointer}.card-inset{background:var(--bg-inset);border-color:var(--border-subtle)}.section-heading{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.divider{height:1px;background:var(--border-subtle);border:none;margin:0}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot.ok{background:var(--green);box-shadow:0 0 6px var(--green)}.status-dot.warn{background:var(--amber);box-shadow:0 0 6px var(--amber)}.status-dot.error{background:var(--red);box-shadow:0 0 6px var(--red)}.status-dot.inactive{background:var(--text-faint)}.stat-box{display:flex;flex-direction:column;gap:2px}.stat-box .stat-val{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1}.stat-box .stat-lbl{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.progress-track{height:4px;background:var(--border);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);background:var(--blue);transition:width .4s var(--ease)}.progress-fill.green{background:var(--green)}.progress-fill.amber{background:var(--amber)}.progress-fill.teal{background:var(--teal)}.empty-state{padding:var(--sp-10) var(--sp-8);border-radius:var(--radius-lg);border:1px dashed var(--border);text-align:center;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.empty-state .empty-icon{font-size:2rem;opacity:.4}.empty-state .empty-title{font-size:var(--text-base);font-weight:600;color:var(--text-secondary)}.empty-state .empty-desc{font-size:var(--text-sm);color:var(--text-muted);max-width:28rem;line-height:1.6}.page-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--sp-4);padding-bottom:var(--sp-6);border-bottom:1px solid var(--border-subtle)}.page-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.025em;color:var(--text-primary)}.page-subtitle{margin-top:4px;font-size:var(--text-sm);color:var(--text-muted)}.fade-in{animation:fadeIn var(--duration-slow) var(--ease) both}.slide-up{animation:slideUp var(--duration-slow) var(--ease) both}.stagger>*{animation:slideUp var(--duration-slow) var(--ease) both}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:40ms}.stagger>*:nth-child(3){animation-delay:80ms}.stagger>*:nth-child(4){animation-delay:.12s}.stagger>*:nth-child(5){animation-delay:.16s}.stagger>*:nth-child(6){animation-delay:.2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}.nav.svelte-12qhfyh{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-6);height:52px;border-bottom:1px solid rgba(26,37,64,.8);background:#020617b3;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);box-shadow:0 1px #ffffff05,0 8px 30px #00000038}.logo.svelte-12qhfyh{display:flex;align-items:center;gap:var(--sp-2);text-decoration:none}.logo-mark.svelte-12qhfyh{font-size:1rem;color:var(--blue-bright);line-height:1}.logo-text.svelte-12qhfyh{font-size:var(--text-base);font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.links.svelte-12qhfyh{display:flex;align-items:center;gap:2px}.link.svelte-12qhfyh{padding:6px 11px;border-radius:var(--radius);font-size:var(--text-sm);font-weight:450;color:var(--text-muted);transition:color var(--duration) var(--ease),background var(--duration) var(--ease);text-decoration:none}.link.svelte-12qhfyh:hover{color:var(--text-secondary);background:#ffffff0a}.link.active.svelte-12qhfyh{color:var(--text-primary);background:#ffffff12}.search-trigger.svelte-12qhfyh{display:flex;align-items:center;gap:var(--sp-2);padding:5px var(--sp-3);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);text-decoration:none;font-size:var(--text-xs);transition:all var(--duration) var(--ease);margin-left:var(--sp-3)}.search-trigger.svelte-12qhfyh:hover,.search-trigger.active.svelte-12qhfyh{border-color:var(--blue);color:var(--text-secondary);box-shadow:0 0 0 2px var(--blue-glow)}.search-trigger-icon.svelte-12qhfyh{font-size:1rem;line-height:1}.search-trigger-kbd.svelte-12qhfyh{display:inline-block;padding:1px 4px;border-radius:3px;background:var(--bg-inset);border:1px solid var(--border-subtle);font-size:10px;font-family:var(--font-mono);color:var(--text-faint)}.app.svelte-12qhfyh{min-height:calc(100vh - 52px);width:min(100%,1640px);margin:0 auto;padding:var(--sp-8) var(--sp-6) var(--sp-12);position:relative}@media(max-width:768px){input,textarea,select{font-size:16px;min-height:44px;padding:10px var(--sp-3)}.btn{min-height:44px;padding:10px var(--sp-4);min-width:44px}.btn-lg{padding:12px var(--sp-6)}h1,h2,h3{line-height:1.3}body{font-size:16px;line-height:1.6}.nav.svelte-12qhfyh{padding:0 var(--sp-4);height:52px;padding-top:max(0px,env(safe-area-inset-top));overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.logo-text.svelte-12qhfyh{font-size:var(--text-sm)}.link.svelte-12qhfyh{padding:8px 10px;min-height:44px;display:flex;align-items:center;white-space:nowrap;flex-shrink:0}.search-trigger.svelte-12qhfyh{min-height:44px;padding:10px var(--sp-3);flex-shrink:0}.search-trigger-kbd.svelte-12qhfyh{display:none}.app.svelte-12qhfyh{width:100%;padding:var(--sp-4) var(--sp-3) var(--sp-10);padding-top:max(var(--sp-4),env(safe-area-inset-top));padding-left:max(var(--sp-3),env(safe-area-inset-left));padding-right:max(var(--sp-3),env(safe-area-inset-right));gap:var(--sp-4)}.links.svelte-12qhfyh{gap:0;flex-wrap:nowrap}}