:root{--bg: #f6f3ee;--surface: #fffdf8;--surface-soft: #f1ece4;--surface-muted: #e9e2d8;--text: #26211d;--text-muted: #72685f;--text-soft: #9b9188;--heading: #16120f;--border: #ddd4c8;--border-strong: #c9bbac;--accent: #7657ff;--accent-hover: #6244e8;--accent-soft: rgba(118, 87, 255, .12);--success-bg: #eef8ee;--warning-bg: #fff7e7;--danger-bg: #fff0ea;--good: #2f7d50;--bad: #b5482d;--shadow-panel: 0 28px 80px rgba(42, 32, 22, .08);--shadow-card: 0 12px 34px rgba(42, 32, 22, .06);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px;--page-width: 1160px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--bg: #12110f;--surface: #1c1a17;--surface-soft: #26231f;--surface-muted: #302c27;--text: #f2eee8;--text-muted: #b8afa4;--text-soft: #8f867c;--heading: #fffaf2;--border: #37312b;--border-strong: #4a4138;--accent: #927cff;--accent-hover: #a696ff;--accent-soft: rgba(146, 124, 255, .18);--success-bg: #18251d;--warning-bg: #292214;--danger-bg: #2a1b17;--good: #7ccf9c;--bad: #ff927a;--shadow-panel: 0 28px 80px rgba(0, 0, 0, .28);--shadow-card: 0 12px 34px rgba(0, 0, 0, .22)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:radial-gradient(circle at top left,var(--accent-soft),transparent 34rem),var(--bg)}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:transparent}button,input,select{font:inherit}button{border:0}button:disabled{cursor:not-allowed;opacity:.55}input,select{color:var(--heading)}#root{min-height:100vh}.app-shell{width:min(var(--page-width),calc(100% - 32px));margin:0 auto;padding:42px 0 76px}.app-header{display:grid;gap:24px;margin-bottom:28px}.header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.app-kicker{margin:0 0 10px;color:var(--text-soft);font-size:.76rem;font-weight:760;letter-spacing:.14em;text-transform:uppercase}.app-title{max-width:980px;margin:0;color:var(--heading);font-size:clamp(2.65rem,7vw,5.7rem);line-height:.96;letter-spacing:-.065em;font-weight:680;text-wrap:balance}.app-subtitle{max-width:760px;margin:14px 0 0;color:var(--text-muted);font-size:1rem;line-height:1.65}.panel{margin-top:18px;padding:26px;border:1px solid var(--border);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--surface) 84%,transparent);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel-quiet{background:color-mix(in srgb,var(--surface) 58%,transparent);box-shadow:none}.panel-header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-title{margin:0;color:var(--heading);font-size:1.12rem;line-height:1.1;letter-spacing:-.04em;font-weight:680}.section-note{margin:8px 0 0;color:var(--text-soft);font-size:.9rem;line-height:1.45}.stack{display:grid;gap:14px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px}.card-list{display:grid;gap:14px}.status-row{display:flex;flex-wrap:wrap;gap:10px}.status-pill{display:inline-flex;align-items:center;gap:8px;width:fit-content;min-height:34px;padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);font-size:.85rem;line-height:1}.status-pill strong{color:var(--heading);font-weight:680}.status-dot{width:8px;height:8px;border-radius:999px;background:var(--text-soft)}.status-dot[data-status=ok]{background:var(--good)}.status-dot[data-status=error]{background:var(--bad)}.card{padding:20px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card)}.card-held{border-color:var(--border-strong);background:linear-gradient(180deg,var(--surface) 0%,var(--surface-soft) 100%)}.card-muted{opacity:.62}.card-success{background:var(--success-bg)}.card-warning{background:var(--warning-bg)}.card-danger{background:var(--danger-bg)}.card-title{margin:0 0 14px;color:var(--heading);font-size:1rem;line-height:1.35;letter-spacing:-.03em;font-weight:680}.card-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.no-bottom{margin-bottom:0}.meta-pill{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--text-muted);font-size:.8rem;line-height:1}.meta-pill strong{color:var(--heading);font-weight:680}.empty-state{margin:0;padding:18px;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--text-muted);line-height:1.5}.spaced-top{margin-top:16px}.stat-card{padding:18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card)}.stat-label{margin:0 0 8px;color:var(--text-soft);font-size:.76rem;font-weight:760;letter-spacing:.12em;text-transform:uppercase}.stat-value{margin:0;color:var(--heading);font-size:2rem;line-height:1;letter-spacing:-.06em;font-weight:680}.field{display:grid;gap:8px;color:var(--text-muted);font-size:.86rem;font-weight:650}.input,.select{width:100%;min-height:42px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--heading);padding:0 12px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.checkbox-field{display:inline-flex;align-items:center;gap:10px;min-height:42px;color:var(--text-muted);font-size:.9rem;font-weight:650}.checkbox-inline{width:fit-content;margin-bottom:12px}.checkbox{width:18px;height:18px;margin:0;accent-color:var(--accent)}.inline-form{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr)) auto;gap:12px;align-items:end;margin-top:16px}.button,.theme-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:42px;width:fit-content;padding:0 16px;border-radius:999px;background:var(--heading);color:var(--bg);font-size:.9rem;font-weight:700;letter-spacing:-.01em;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease,opacity .16s ease}.button:hover:not(:disabled),.theme-toggle:hover{transform:translateY(-1px);box-shadow:0 10px 22px #17131029}.button-primary{background:var(--accent);color:#fffaf2}.button-primary:hover:not(:disabled){background:var(--accent-hover)}.button-ghost,.theme-toggle{border:1px solid var(--border);background:var(--surface);color:var(--heading)}.button-danger{background:var(--bad);color:#fffaf2}.button-row{display:flex;flex-wrap:wrap;gap:10px}.detail-list{display:grid;gap:8px;margin:0 0 16px}.detail{display:flex;justify-content:space-between;gap:16px;padding-bottom:8px;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.9rem}.detail:last-child{border-bottom:0;padding-bottom:0}.detail strong{color:var(--heading);font-weight:680;text-align:right}.text-good{color:var(--good)!important}.text-bad{color:var(--bad)!important}.preview-card{padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--warning-bg)}.preview-card.is-good{background:var(--success-bg)}.preview-title{margin:0 0 12px;color:var(--heading);font-size:.92rem;font-weight:760}@media(max-width:820px){.app-shell{width:min(100% - 20px,var(--page-width));padding-top:20px}.header-top,.panel-header{display:grid;gap:14px}.panel{padding:18px;border-radius:22px}.grid,.grid-two,.form-grid,.inline-form{grid-template-columns:1fr}.button,.theme-toggle{width:100%}.status-row,.card-meta,.button-row{display:grid;grid-template-columns:1fr}.status-pill,.meta-pill{width:100%}.detail{display:grid;gap:4px}.detail strong{text-align:left}}.brand-row{display:flex;align-items:center;gap:16px;position:relative;margin-top:.45rem;margin-bottom:1.35rem;max-width:100%}.brand-logo{width:104px;height:104pxpx;object-fit:contain;flex:0 0 auto;transform:none;opacity:1;filter:none}.brand-row .app-title{display:inline-block;margin:0;padding:0 0 .08em;line-height:.98;letter-spacing:-.065em;font-weight:900;white-space:nowrap;max-width:100%;overflow:visible;color:var(--heading);background:none;-webkit-text-fill-color:currentColor}@media(max-width:900px){.brand-row{gap:12px}.brand-row .app-title{letter-spacing:-.055em}}@media(max-width:720px){.brand-row{align-items:flex-start;gap:10px;margin-bottom:1rem}.brand-logo{width:54px;height:54px;transform:rotate(-3deg) translateY(1px)}.brand-row .app-title{line-height:1;letter-spacing:-.045em;white-space:normal}}.animated-genie{animation:genie-idle 2.8s ease-in-out infinite;transform-origin:center center;will-change:transform}.animated-genie:hover{animation:genie-panic .42s ease-in-out infinite}.animated-genie:active{animation:genie-zip .8s ease-in-out both}@keyframes genie-idle{0%{transform:translateY(0) rotate(-2deg) scale(1)}25%{transform:translateY(-3px) rotate(2deg) scale(1.02)}50%{transform:translateY(0) rotate(-1deg) scale(1)}75%{transform:translateY(2px) rotate(1.5deg) scale(1.01)}to{transform:translateY(0) rotate(-2deg) scale(1)}}@keyframes genie-panic{0%{transform:translate(0) rotate(-6deg) scale(1.06)}20%{transform:translate(-3px,2px) rotate(7deg) scale(1.08)}40%{transform:translate(3px,-2px) rotate(-8deg) scale(1.06)}60%{transform:translate(-2px,-1px) rotate(6deg) scale(1.09)}80%{transform:translate(2px,2px) rotate(-5deg) scale(1.07)}to{transform:translate(0) rotate(-6deg) scale(1.06)}}@keyframes genie-zip{0%{transform:translate(0) rotate(0) scale(1);opacity:1}20%{transform:translate(-8px) rotate(-14deg) scale(.92);opacity:1}45%{transform:translate(180px) rotate(360deg) scale(.55);opacity:0}70%{transform:translate(-60px) rotate(-180deg) scale(.8);opacity:0}to{transform:translate(0) rotate(0) scale(1);opacity:1}}