:root{--bg: #fff8ef;--bg-soft: #fff1dc;--bg-elevated: rgba(255, 250, 243, .76);--surface: rgba(255, 255, 255, .7);--surface-strong: rgba(255, 250, 243, .9);--surface-muted: rgba(255, 246, 236, .8);--surface-dark: #4a2900;--surface-dark-soft: rgba(74, 41, 0, .84);--line: rgba(255, 176, 71, .2);--line-strong: rgba(217, 119, 6, .28);--text: #4d340c;--text-strong: #2f1c00;--text-muted: #7b4a00;--text-faint: #b06d1c;--primary: #d97706;--primary-strong: #c26a14;--primary-soft: rgba(217, 119, 6, .12);--accent: #e8b46a;--accent-strong: #f0cf87;--accent-soft: rgba(232, 180, 106, .18);--danger: #d95d39;--danger-soft: rgba(217, 93, 57, .14);--warning: #d98b00;--warning-soft: rgba(217, 139, 0, .14);--success: #c96b00;--success-soft: rgba(201, 107, 0, .14);--radius-2xl: 32px;--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--radius-xs: 10px;--shadow-soft: 0 28px 80px rgba(217, 119, 6, .1);--shadow-card: 0 18px 40px rgba(194, 106, 20, .1), 0 0 10px rgba(232, 180, 106, .06);--shadow-float: 0 18px 44px rgba(194, 106, 20, .16), 0 0 10px rgba(217, 119, 6, .12);--blur-panel: blur(16px);--font-sans: "Plus Jakarta Sans", "IBM Plex Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-display: "Sora", "Plus Jakarta Sans", "IBM Plex Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "Fira Code", "JetBrains Mono", Consolas, Monaco, "Courier New", monospace;--text-xs: clamp(.6875rem, .65rem + .18vw, .75rem);--text-sm: clamp(.75rem, .7rem + .25vw, .875rem);--text-base: clamp(.875rem, .8rem + .37vw, 1rem);--text-lg: clamp(1rem, .95rem + .25vw, 1.125rem);--text-xl: clamp(1.125rem, 1.05rem + .37vw, 1.25rem);--text-2xl: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--text-3xl: clamp(1.5rem, 1.35rem + .75vw, 1.875rem);--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--space-page: 16px;--nav-height: 0px}:root[data-device=mobile]{--space-page: 12px;--nav-height: 72px;--mobile-page-eyebrow-size: 11px;--mobile-page-title-size: 20px;--mobile-page-subtitle-size: 13px;--mobile-hero-title-size: 28px;--mobile-overview-label-size: 11px;--mobile-overview-value-size: 18px;--mobile-section-title-size: 18px;--mobile-panel-title-size: 15px;--mobile-modal-title-size: 22px;--mobile-stat-value-size: 18px;--mobile-stat-label-size: 11px}:root[data-device=desktop]{--space-page: 16px;--nav-height: 0px}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%}body{position:relative;font-family:var(--font-sans);color:var(--text);font-size:var(--text-base);line-height:var(--leading-relaxed);word-wrap:break-word;overflow-wrap:break-word;background:radial-gradient(circle at 0% 0%,rgba(232,180,106,.18),transparent 24%),radial-gradient(circle at 100% 10%,rgba(217,119,6,.12),transparent 20%),radial-gradient(circle at 100% 100%,rgba(240,207,135,.12),transparent 26%),linear-gradient(180deg,#fffdf9,#fff7ed 44%,#fff1dc);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[data-device=mobile] body{overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.24) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.52),transparent 84%);mask-image:radial-gradient(circle at center,rgba(0,0,0,.52),transparent 84%);opacity:.48}body:after{content:"";position:fixed;inset:auto auto -120px -120px;width:320px;height:320px;border-radius:50%;background:#d9770624;filter:blur(28px);pointer-events:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:var(--leading-tight);color:var(--text-strong);margin-top:0;overflow-wrap:break-word}h1{font-size:var(--text-3xl);letter-spacing:-.02em}h2{font-size:var(--text-2xl);letter-spacing:-.015em}h3{font-size:var(--text-xl);letter-spacing:-.01em}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}pre,code,kbd,samp{font-family:var(--font-mono);font-size:.9em;direction:ltr}pre{overflow-x:auto;-webkit-overflow-scrolling:touch;line-height:var(--leading-normal)}table{width:100%;border-collapse:collapse}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}button,a,input,textarea,select{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:0 0 0 4px #d9770624}::selection{color:#fff;background:#d97706ad}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#5b688047;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.page-shell{min-height:100vh;min-height:100dvh}.panel-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);backdrop-filter:var(--blur-panel);-webkit-backdrop-filter:var(--blur-panel)}.primary-button,.ghost-button,.danger-button{min-height:44px;border-radius:999px;border:1px solid transparent;padding:0 18px;font-weight:700;letter-spacing:-.01em}.primary-button{color:#fffaf3;background:linear-gradient(135deg,#e8b46a,#d98b29 46%,#c26a14);box-shadow:0 0 5px #d977062e,0 14px 28px #c26a142e}.ghost-button{color:var(--text);background:#ffffff94;border-color:#e8b46a3d}.danger-button{color:#fff;background:linear-gradient(135deg,#ea7a52,#d95d39);box-shadow:0 0 5px #d95d3933,0 16px 32px #d95d3929}.primary-button:hover,.ghost-button:hover,.danger-button:hover{transform:translateY(-1px)}.primary-button:hover{box-shadow:var(--shadow-float)}.ghost-button:hover{border-color:#d9770638;background:#ffffffd1;box-shadow:0 0 5px #d9770614}.danger-button:hover{box-shadow:0 18px 38px #d84f683d}.field-label{display:block;margin-bottom:8px;color:var(--text-faint);font-size:var(--text-xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.text-input,.text-area,.select-input{width:100%;border:1px solid rgba(148,163,184,.18);border-radius:var(--radius-md);background:#ffffffdb;color:var(--text);padding:13px 15px;outline:none;font-size:16px}.text-input:hover,.text-area:hover,.select-input:hover{border-color:#d9770633}.text-input:focus,.text-area:focus,.select-input:focus{border-color:#d977065c;box-shadow:0 0 0 4px #d977061a,0 0 8px #d9770614;background:#fffffff5}.text-area{min-height:92px;resize:vertical}.inline-error{border-radius:18px;border:1px solid rgba(216,79,104,.18);background:#fff4f6eb;color:#b43b53;padding:13px 15px;font-size:var(--text-sm);line-height:var(--leading-relaxed)}.status-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;font-size:var(--text-xs);font-weight:800;letter-spacing:.02em}.status-pill:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.status-pill.success{background:var(--success-soft);color:var(--success)}.status-pill.unknown{background:var(--warning-soft);color:var(--warning)}.status-pill.error{background:var(--danger-soft);color:var(--danger)}.empty-state{padding:56px 24px;text-align:center;color:var(--text-muted);line-height:1.8}@media(max-width:900px){.panel-card{border-radius:24px}}