@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--scrnr-blue: #1D4ED8;--scrnr-royal: #2563EB;--scrnr-indigo: #4F46E5;--scrnr-purple: #7C3AED;--scrnr-sky: #0EA5E9;--scrnr-cyan: #06B6D4;--scrnr-teal: #14B8A6;--accent-primary: #2563EB;--accent-hover: #1D4ED8;--accent-active: #1E40AF;--accent-soft: #EFF6FF;--accent-soft-border: rgba(37, 99, 235, .22);--accent-text: #1D4ED8;--accent-gradient: linear-gradient(135deg, #1D4ED8 0%, #6366F1 32%, #0EA5E9 70%, #06B6D4 100%);--accent-gradient-glow: linear-gradient(135deg, #2563EB 0%, #7C3AED 45%, #06B6D4 100%);--scrnr-gradient-full: linear-gradient(90deg, #1D4ED8 0%, #4F46E5 25%, #7C3AED 48%, #0EA5E9 72%, #06B6D4 100%);--scrnr-gradient-card: linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 50%, #F0F9FF 100%);--scrnr-border-gradient: linear-gradient(135deg, rgba(29, 78, 216, .4), rgba(124, 58, 237, .4), rgba(6, 182, 212, .4));--scrnr-glow: 0 4px 20px rgba(79, 70, 229, .28);--bg-app: #F8FAFC;--bg-app-ambient: #F8FAFC;--bg-surface: #FFFFFF;--bg-surface-hover: #F8FAFC;--bg-subtle: #F1F5F9;--bg-subtle-hover: #E2E8F0;--bg-input: #FFFFFF;--sidebar-bg: #0B0F19;--sidebar-surface: #111827;--sidebar-hover: rgba(255, 255, 255, .06);--sidebar-active: rgba(37, 99, 235, .16);--sidebar-active-border: rgba(37, 99, 235, .38);--sidebar-border: rgba(255, 255, 255, .08);--text-sidebar: #F1F5F9;--text-sidebar-muted: #94A3B8;--text-primary: #0F172A;--text-secondary: #334155;--text-muted: #64748B;--text-disabled: #94A3B8;--border-light: #E2E8F0;--border-light-hover: #CBD5E1;--border-subtle: #F1F5F9;--border-divider: #E2E8F0;--border-focus: rgba(37, 99, 235, .45);--color-success: #10B981;--color-success-soft: #ECFDF5;--color-warning: #F59E0B;--color-warning-soft: #FFFBEB;--color-error: #EF4444;--color-error-soft: #FEF2F2;--color-info: #0284C7;--color-info-soft: #F0F9FF;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-btn: 9px;--radius-card: 14px;--radius-panel: 18px;--radius-shell: 22px;--radius-pill: 999px;--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-card: 0 1px 3px 0 rgba(15, 23, 42, .04), 0 1px 2px -1px rgba(15, 23, 42, .03);--shadow-card-hover: 0 8px 18px -2px rgba(15, 23, 42, .07), 0 3px 6px -2px rgba(15, 23, 42, .04);--shadow-float: 0 20px 25px -5px rgba(15, 23, 42, .08), 0 8px 10px -6px rgba(15, 23, 42, .04);--shadow-dropdown: 0 10px 25px -5px rgba(15, 23, 42, .12), 0 8px 10px -6px rgba(15, 23, 42, .08);--shadow-glow: 0 4px 14px rgba(37, 99, 235, .25);--shadow-modal: 0 25px 50px -12px rgba(15, 23, 42, .25);--transition-fast: .12s cubic-bezier(.16, 1, .3, 1);--transition-base: .18s cubic-bezier(.16, 1, .3, 1);--transition-smooth: .24s cubic-bezier(.16, 1, .3, 1);--transition-bounce: .3s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-app);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Plus Jakarta Sans,sans-serif;font-feature-settings:"cv02" 1,"cv03" 1,"cv04" 1,"cv11" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;letter-spacing:-.011em;scroll-behavior:smooth}#root{width:100%;height:100%;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.022em;font-weight:700}button{font-family:inherit;cursor:pointer;border:none;background:transparent;outline:none;transition:transform var(--transition-fast),background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),color var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}button:active{transform:scale(.975)}input,select,textarea{font-family:inherit;outline:none;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base)}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #2563eb24}.btn-primary{height:34px;padding:0 14px;border-radius:var(--radius-btn);background:var(--accent-gradient);color:#fff;font-size:12.5px;font-weight:600;box-shadow:var(--shadow-glow);gap:6px;letter-spacing:-.01em;transition:transform var(--transition-fast),box-shadow var(--transition-base),filter var(--transition-fast)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb61;filter:brightness(1.04)}.btn-primary:active{transform:scale(.97) translateY(0);box-shadow:0 2px 6px #2563eb40}.btn-secondary{height:34px;padding:0 12px;border-radius:var(--radius-btn);background:#fff;border:1px solid var(--border-light);color:var(--text-primary);font-size:12.5px;font-weight:550;gap:6px;box-shadow:var(--shadow-sm);letter-spacing:-.01em;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-secondary:hover{background:var(--bg-subtle);border-color:var(--border-light-hover);transform:translateY(-.5px);box-shadow:0 2px 6px #0f172a0d}.btn-secondary:active{transform:scale(.97) translateY(0)}.btn-ghost{height:30px;padding:0 8px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;font-weight:500;gap:5px;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.btn-ghost:hover{background:var(--bg-subtle);color:var(--text-primary)}.btn-ghost:active{transform:scale(.97)}.card-standard{background:var(--bg-surface);border-radius:var(--radius-card);border:1px solid var(--border-light);box-shadow:var(--shadow-card);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition-base)}.card-interactive:hover{transform:translateY(-2px);border-color:var(--border-light-hover);box-shadow:var(--shadow-card-hover)}.card-interactive:active{transform:translateY(-.5px)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2.5px 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;letter-spacing:.01em;transition:all var(--transition-fast)}.badge-primary,.badge-blue{background:#eff6ff;color:#1d4ed8;border:1px solid #BFDBFE}.badge-success{background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}.badge-warning{background:#fffbeb;color:#92400e;border:1px solid #FDE68A}.badge-error{background:#fef2f2;color:#991b1b;border:1px solid #FECACA}.badge-neutral{background:#f1f5f9;color:#334155;border:1px solid #E2E8F0}.badge-orange{background:#fff7ed;color:#c2410c;border:1px solid #FED7AA}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background-size:400% 100%;animation:skeletonShimmer 1.4s ease infinite;border-radius:6px}@keyframes skeletonShimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes viewFadeSlide{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.view-content-smooth{animation:viewFadeSlide .18s cubic-bezier(.16,1,.3,1) forwards;scroll-behavior:smooth}@keyframes modalBackdropFade{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}@keyframes modalContentZoom{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-backdrop-smooth{animation:modalBackdropFade .18s cubic-bezier(.16,1,.3,1) forwards;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-content-smooth{animation:modalContentZoom .2s cubic-bezier(.16,1,.3,1) forwards;transform-origin:center}@keyframes dropdownPop{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.dropdown-smooth{animation:dropdownPop .15s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}*{scrollbar-width:thin;scrollbar-color:rgba(15,23,42,.14) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0f172a1f;border-radius:999px;border:1px solid transparent;background-clip:padding-box;transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:#0f172a47;background-clip:padding-box}.sidebar-scroll::-webkit-scrollbar{width:3px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.form-input-gradient{width:100%;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #E2E8F0;border-radius:10px;padding:10px 14px;font-size:13.5px;color:#0f172a;box-shadow:0 1px 2px #0f172a08,inset 0 1px #ffffffe6;transition:all .2s cubic-bezier(.16,1,.3,1);outline:none}.form-input-gradient::placeholder{color:#94a3b8;font-size:13px}.form-input-gradient:hover{border-color:#cbd5e1;background:#fff;box-shadow:0 2px 6px #0f172a0a,inset 0 1px #fff}.form-input-gradient:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3.5px #2563eb1f,0 2px 8px -1px #2563eb14}.form-select-gradient{width:100%;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #E2E8F0;border-radius:10px;padding:10px 14px;font-size:13.5px;font-weight:500;color:#0f172a;box-shadow:0 1px 2px #0f172a08,inset 0 1px #ffffffe6;transition:all .2s cubic-bezier(.16,1,.3,1);outline:none;cursor:pointer}.form-select-gradient:hover{border-color:#cbd5e1;background:#fff;box-shadow:0 2px 6px #0f172a0a}.form-select-gradient:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3.5px #2563eb1f,0 2px 8px -1px #2563eb14}.form-param-card{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #E2E8F0;border-radius:12px;padding:12px 14px;box-shadow:0 1px 3px #0f172a08,inset 0 1px #fffffff2;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:8px}.form-param-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px -2px #0f172a0d;transform:translateY(-1px)}.form-param-card:focus-within{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3.5px #2563eb1f,0 4px 14px -2px #2563eb14}.form-param-card-featured{background:linear-gradient(145deg,#f0f7ff,#eef2ff);border:1px solid rgba(37,99,235,.3);border-radius:12px;padding:12px 14px;box-shadow:0 2px 8px -1px #2563eb1f,inset 0 1px #ffffffe6;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:8px}.form-param-card-featured:hover{border-color:#2563eb;box-shadow:0 6px 18px -2px #2563eb33;transform:translateY(-1px)}.form-param-card-featured:focus-within{border-color:#1d4ed8;background:#fff;box-shadow:0 0 0 4px #2563eb2e,0 6px 20px -2px #2563eb26}.param-inner-input{width:100%;border:1px solid #E2E8F0;border-radius:8px;background:#fff;padding:8px 12px;font-size:15px;font-weight:700;color:#0f172a;box-shadow:inset 0 1px 2px #0f172a08;transition:all .18s ease;outline:none}.param-inner-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.callout-gradient-banner{background:linear-gradient(135deg,#eff6ff,#eef2ff,#f0fdfa);border:1px solid rgba(37,99,235,.18);border-radius:12px;padding:13px 18px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 6px #2563eb08}.form-stepper-btn{flex:1;min-width:130px;display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:10px;border:1px solid transparent;background:transparent;color:#64748b;cursor:pointer;font-weight:500;font-size:13px;transition:all .2s cubic-bezier(.16,1,.3,1)}.form-stepper-btn:hover{background:#f8fafc;color:#0f172a;border-color:#e2e8f0}.form-stepper-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:600;box-shadow:0 4px 14px #2563eb59;border-color:transparent}.form-stepper-btn.passed{color:#0f172a;background:#f8fafc;border-color:#e2e8f0}.scrnr-text-gradient{background:linear-gradient(90deg,#1d4ed8,#6366f1,#7c3aed,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;font-weight:800}.scrnr-btn-primary{background:linear-gradient(135deg,#1d4ed8,#6366f1 32%,#0ea5e9 70%,#06b6d4);color:#fff!important;font-weight:650;box-shadow:0 4px 14px #2563eb4d;transition:all .2s cubic-bezier(.16,1,.3,1)}.scrnr-btn-primary:hover{box-shadow:0 6px 22px #6366f173;transform:translateY(-1px)}.scrnr-pill-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#1d4ed814,#6366f114,#06b6d414);border:1px solid rgba(99,102,241,.2);color:#1d4ed8;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700}