:root{--bg-main: #f3f6fb;--bg-secondary: #e9eef6;--surface: rgba(255, 255, 255, .86);--surface-strong: #ffffff;--surface-muted: #f8fafc;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--line-soft: rgba(148, 163, 184, .3);--line-strong: rgba(71, 85, 105, .35);--accent: #0071e3;--accent-strong: #0056b3;--accent-soft: rgba(0, 113, 227, .12);--success: #0f9d6a;--warning: #d97706;--danger: #dc2626;--shadow-soft: 0 18px 38px -26px rgba(15, 23, 42, .45);--radius-xl: 26px;--radius-lg: 20px;--radius-md: 14px;--ease: .24s cubic-bezier(.2, .85, .3, 1)}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%}body{margin:0;color:var(--text-primary);font-family:Arial,Helvetica,sans-serif;background:radial-gradient(1300px 620px at -10% -15%,#ffffff 0%,transparent 62%),radial-gradient(1000px 580px at 108% -18%,#dce8f8 0%,transparent 66%),linear-gradient(165deg,var(--bg-main),var(--bg-secondary))}input,select,textarea,button{font:inherit}a{color:inherit;text-decoration:none}.app-shell{position:relative;min-height:100vh;padding:30px clamp(16px,2.8vw,42px) 44px;overflow-x:hidden}.ambient-layer{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:999px;filter:blur(.5px);opacity:.85;animation:float 10s ease-in-out infinite}.orb-a{width:320px;height:320px;top:-72px;right:-82px;background:radial-gradient(circle at 32% 30%,#deecff,#c6d9f4 68%,#b1c9eb)}.orb-b{width:270px;height:270px;bottom:14%;left:-116px;background:radial-gradient(circle at 60% 45%,#fff7ed,#fbe5cc 67%,#f0d4b6);animation-delay:-2s}.orb-c{width:180px;height:180px;top:31%;left:18%;background:radial-gradient(circle at 40% 40%,#e7f7ef,#d5f0e3 65%,#c5e3d5);animation-delay:-5s}.top-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 auto;max-width:1400px;padding:6px 0 14px;animation:navDrop .62s cubic-bezier(.18,.88,.3,1) both}.top-nav:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(71,85,105,.4),transparent)}.brand{display:inline-flex;align-items:center;padding:2px 0}.brand-text{font-family:Arial,Helvetica,sans-serif;font-size:clamp(.86rem,1.3vw,1rem);font-weight:700;letter-spacing:.03em;text-transform:uppercase}.nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:999px;font-size:.86rem;font-weight:600;color:var(--text-secondary);transition:color var(--ease),background var(--ease),transform var(--ease)}.nav-link:hover{color:var(--text-primary);background:#ffffffe6}.nav-link.router-link-active{color:var(--accent-strong);background:var(--accent-soft)}.header-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#0f172a;border:1px solid rgba(71,85,105,.4);background:linear-gradient(135deg,#ffffffe6,#f1f5f9f2);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease)}.header-link:hover{transform:translateY(-1px);border-color:#0071e38c;box-shadow:0 14px 24px -20px #0f172acc}.page-container{position:relative;z-index:1;max-width:1400px;margin:26px auto 0}.page-container.compact{margin-top:18px}.view-shell{opacity:0;animation:revealUp .55s cubic-bezier(.2,.8,.25,1) forwards}.page-fade-enter-active,.page-fade-leave-active{transition:opacity var(--ease),transform var(--ease)}.page-fade-enter-from,.page-fade-leave-to{opacity:0;transform:translateY(10px)}.panel{border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-soft);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line-soft)}.panel-title{font-family:Arial,Helvetica,sans-serif;font-size:.95rem;letter-spacing:.01em;font-weight:700}.panel-body{padding:16px 18px 18px}.kicker{color:var(--text-muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}h1,h2,h3{margin:0}.page-title{font-family:Arial,Helvetica,sans-serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.015em}.page-subtitle{margin-top:14px;max-width:68ch;color:var(--text-secondary);font-size:clamp(.96rem,1.9vw,1.08rem);line-height:1.62}input[type=text],input[type=number],select,textarea{width:100%;border-radius:var(--radius-md);border:1px solid var(--line-soft);background:#ffffffe0;color:var(--text-primary);padding:10px 12px;transition:border-color var(--ease),box-shadow var(--ease),background var(--ease)}input[type=text]:focus,input[type=number]:focus,select:focus,textarea:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 36%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent);background:#fffffff7}textarea{min-height:150px;resize:vertical;font-family:Arial,Helvetica,sans-serif}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-soft);border-radius:999px;background:#fffffff2;color:var(--text-primary);font-size:.86rem;font-weight:700;line-height:1;padding:10px 16px;cursor:pointer;transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease),background var(--ease),color var(--ease)}.btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 22%,#d1d5db);box-shadow:0 14px 24px -22px #0f172acc}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-primary{background:linear-gradient(135deg,#0c8eff,#06c 78%);border-color:transparent;color:#fff}.btn-primary:hover{box-shadow:0 20px 26px -20px #0071e3f2}.btn-subtle{background:#ffffffb8}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--line-soft);padding:4px 10px;font-size:.75rem;font-weight:700;color:var(--text-secondary);background:#ffffffb3}.status-text{font-size:.86rem;color:var(--text-secondary)}.empty-note{color:var(--text-muted);font-size:.9rem}code{background:#94a3b81f;border:1px solid rgba(148,163,184,.22);padding:2px 5px;border-radius:8px;font-size:.84em;font-family:Arial,Helvetica,sans-serif}@media (max-width: 980px){.top-nav{padding-bottom:12px}.brand{width:fit-content}.header-link{padding:9px 14px}.nav-links{justify-content:flex-start}}@media (max-width: 640px){.app-shell{padding:14px 12px 30px}.panel-header,.panel-body{padding-inline:14px}.nav-link{font-size:.82rem;padding-inline:11px}.page-title{line-height:1.12}}@keyframes float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-14px,0)}}@keyframes revealUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes navDrop{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}