@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-void:#faf9f5;--bg-deep:#1e1c19;--bg-base:#222019;--bg-card:#1e1c19;--bg-panel:#252320;--bg-elevated:#2a2724;--bg-hover:#302d28;--surface-dark:#181715;--surface-dark-elevated:#252320;--surface-dark-soft:#1f1e1b;--surface-sidebar:#141210;--surface-sidebar-hover:#2a2724;--input-bg:#f5f0e8;--input-bg-focus:#faf7f2;--input-border:#e0d8cc;--green-matrix:#cc785c;--green-bright:#a9583e;--green-mid:#b86b50;--green-dim:#6c6a64;--green-ghost:#cc785c14;--green-glow:#cc785c2e;--cyan-hack:#5db8a6;--cyan-dim:#4ba08f;--red-alert:#c64545;--amber-warn:#e8a55a;--purple-sys:#8e8b82;--border-main:#ffffff1a;--border-bright:#cc785c;--border-subtle:#ffffff0f;--text-primary:#faf9f5;--text-secondary:#e8e0d2;--text-muted:#a09d96;--text-ghost:#6c6a64;--text-on-dark:#faf9f5;--text-header:#302d28;--text-on-dark-soft:#b7b0a5;--font-mono:"JetBrains Mono",monospace;--font-display:"Cormorant Garamond","Times New Roman",serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--sidebar-w:220px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#141413;height:100%;font-family:var(--font-body);-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#faf9f5;font-size:15px;overflow-x:hidden}body{background:#faf9f5}input,select,textarea{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-fill-color:#141413;background-color:var(--input-bg)!important;color:#141413!important;border-radius:10px!important}input:-webkit-autofill{caret-color:var(--green-matrix);-webkit-box-shadow:0 0 0 1000px var(--input-bg)inset!important;-webkit-text-fill-color:#141413!important}input:-webkit-autofill:hover{caret-color:var(--green-matrix);-webkit-box-shadow:0 0 0 1000px var(--input-bg)inset!important;-webkit-text-fill-color:#141413!important}input:-webkit-autofill:focus{caret-color:var(--green-matrix);-webkit-box-shadow:0 0 0 1000px var(--input-bg)inset!important;-webkit-text-fill-color:#141413!important}input:-webkit-autofill:active{caret-color:var(--green-matrix);-webkit-box-shadow:0 0 0 1000px var(--input-bg)inset!important;-webkit-text-fill-color:#141413!important}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}body:before{content:"";pointer-events:none;z-index:-1;background:0 0;position:fixed;inset:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cc785c40;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#cc785c66}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23996b56' d='M6 8.6 2.2 4.8h7.6z'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important}@keyframes matrix-glow{0%,to{text-shadow:0 0 #cc785c00}50%{text-shadow:0 6px 20px #cc785c2e}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes glitch{0%,to{transform:translate(0)}25%{transform:translate(-1px)}75%{transform:translate(1px)}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes pulse-border{0%,to{border-color:var(--border-main)}50%{border-color:#cc785c73}}@keyframes type-in{0%{width:0}to{width:100%}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-log{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping-green{75%,to{opacity:0;transform:scale(1.8)}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.7}}.anim-glow{animation:2s ease-in-out infinite matrix-glow}.anim-blink{animation:1s step-end infinite blink-cursor}.anim-fade-up{animation:.4s forwards fade-up}.anim-spin{animation:1.2s linear infinite spin}.anim-flicker{animation:2s linear infinite flicker}.cyber-panel{background:var(--surface-dark);border:1px solid #ffffff14;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0003}.cyber-panel:before{content:"";pointer-events:none;background:linear-gradient(#ffffff08,#0000 30%);position:absolute;inset:0}.cyber-panel:after{content:"";pointer-events:none;background:#ffffff0f;height:1px;position:absolute;top:0;left:0;right:0}.panel-header{z-index:1;border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;margin-bottom:16px;padding:18px 20px 12px;display:flex;position:relative}.panel-header-label{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--text-on-dark);flex:1;font-size:16px;font-weight:500}.bracket-label{font-family:var(--font-mono);color:var(--text-on-dark-soft);letter-spacing:.04em;font-size:10px}.hbtn{font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:14px;font-weight:500;transition:background-color .2s,border-color .2s,color .2s,opacity .2s,transform .2s;display:inline-flex;position:relative}.hbtn:hover:not(:disabled){transform:translateY(-1px)}.hbtn-exec{background:var(--green-matrix);color:#fff;border-color:var(--green-matrix)}.hbtn-exec:hover:not(:disabled){background:var(--green-bright);border-color:var(--green-bright);color:#fff}.hbtn-exec:disabled{opacity:.45;cursor:not-allowed;color:#6c6a64;background:#3d3a35;border-color:#3d3a35}.hbtn-exec.active-call{background:var(--red-alert);border-color:var(--red-alert);color:#fff}.hbtn-exec.active-call:hover:not(:disabled){background:#a63a3a;border-color:#a63a3a}.hbtn-ghost{color:var(--text-on-dark-soft);background:0 0;border-color:#ffffff1f}.hbtn-ghost:hover:not(:disabled){border-color:var(--border-bright);color:var(--text-on-dark);background:#ffffff0f}.hbtn-warn{color:var(--amber-warn);background:#e8a55a1f;border-color:#e8a55a59}.hbtn-warn:hover:not(:disabled){background:#e8a55a2e}.h-input{width:100%;font-family:var(--font-body);-webkit-text-fill-color:#141413;outline:none;padding:12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s;background:var(--input-bg)!important;border:1px solid var(--input-border)!important;color:#141413!important;border-radius:10px!important}.h-input:focus{box-shadow:0 0 0 3px #cc785c26;border-color:var(--green-matrix)!important;background:var(--input-bg-focus)!important}.h-input::placeholder{color:#8e8b82;-webkit-text-fill-color:#8e8b82}.h-label{font-family:var(--font-body);letter-spacing:.02em;color:var(--text-on-dark-soft);text-transform:none;align-items:center;gap:6px;margin-bottom:7px;font-size:12px;font-weight:500;display:flex}.h-label:before{content:none}.status-pip{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;position:relative}.status-pip.green{background:#5db872;box-shadow:0 0 0 4px #5db87224}.status-pip.green:after{content:"";opacity:.18;background:#5db872;border-radius:50%;animation:1.5s cubic-bezier(0,0,.2,1) infinite ping-green;position:absolute;inset:-4px}.status-pip.amber{background:var(--amber-warn);box-shadow:0 0 0 4px #e8a55a24}.status-pip.red{background:var(--red-alert);box-shadow:0 0 0 4px #c6454524}.status-pip.gray{background:var(--text-ghost)}.log-entry{font-family:var(--font-mono);gap:8px;padding:2px 0;font-size:11.5px;line-height:1.8;animation:.25s slide-log;display:flex}.log-ts{color:var(--text-ghost);flex-shrink:0}.log-tag{flex-shrink:0;min-width:56px;font-weight:600}.log-msg{color:var(--text-secondary)}.log-info .log-tag{color:var(--cyan-hack)}.log-ok .log-tag{color:#8fd19d}.log-ok .log-msg{color:#f7f3ec}.log-warn .log-tag{color:var(--amber-warn)}.log-warn .log-msg{color:#f3d3a6}.log-err .log-tag{color:#ea8a8a}.log-err .log-msg{color:#f3c0c0}.log-sys .log-tag{color:#e5ab96}.log-sys .log-msg{color:#f3ede4}.prov-tab{font-family:var(--font-body);text-transform:none;letter-spacing:0;text-align:center;cursor:pointer;color:var(--text-on-dark-soft);background:0 0;border:1px solid #ffffff1a;border-radius:12px;flex:1;padding:13px 12px;font-size:14px;font-weight:500;transition:all .2s;position:relative}.prov-tab:hover{color:var(--text-on-dark);border-color:var(--green-matrix);background:#cc785c14}.prov-tab.active{color:var(--text-on-dark);background:var(--green-matrix);border-color:var(--green-matrix);font-weight:600}.step-tab{font-family:var(--font-body);text-transform:none;letter-spacing:0;cursor:pointer;color:var(--text-on-dark-soft);background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .15s}.step-tab:hover{color:var(--text-on-dark);border-color:var(--green-matrix)}.step-tab.active{color:var(--text-on-dark);background:var(--green-matrix);border-color:var(--green-matrix)}.mono{font-family:var(--font-mono)}.display-font{font-family:var(--font-display)}.text-matrix{color:var(--green-matrix)}.text-cyan{color:var(--cyan-hack)}.text-muted{color:var(--text-muted)}.text-amber{color:var(--amber-warn)}.text-red{color:var(--red-alert)}.text-purple{color:var(--purple-sys)}.glow-green,.glow-cyan,.glow-red{text-shadow:none}.cursor:after{content:"•";color:var(--green-matrix);margin-left:6px;animation:1s step-end infinite blink-cursor}.neon-hr{background:#ffffff14;border:none;height:1px;margin:4px 0}.cyber-badge{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;border:1px solid;border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.cyber-badge.green{color:#8fd19d;background:#5db8721a;border-color:#5db8724d}.cyber-badge.amber{color:var(--amber-warn);background:#e8a55a1a;border-color:#e8a55a4d}.cyber-badge.red{color:#ea8a8a;background:#c645451a;border-color:#c6454547}.cyber-badge.cyan{color:#7ecdc0;background:#5db8a61a;border-color:#5db8a652}.layout-root{background:#faf9f5;height:100dvh;display:flex;overflow:hidden}.layout-main{background:#faf9f5;flex:1;min-width:0;position:relative;overflow:hidden auto}.page-content{width:100%;max-width:1360px;margin:0 auto}.sidebar{z-index:100;background:#1a1816;border-right:none;border-radius:20px;flex-shrink:0;width:250px;min-width:250px;height:calc(100vh - 210px);margin:16px;transition:transform .25s;position:relative;box-shadow:0 4px 32px #00000026}.sb-accent-line{background:#ffffff14;flex-shrink:0;height:1px}.sb-logo-block{border-bottom:1px solid #ffffff0f;flex-shrink:0;padding:20px 18px 14px}.sb-brand{font-family:var(--font-body);color:var(--text-on-dark);letter-spacing:.01em;font-size:14px;font-weight:700;line-height:1.2}.sb-brand-sub{font-family:var(--font-body);color:var(--text-on-dark-soft);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:500}.sb-clock{font-family:var(--font-mono);color:var(--text-on-dark-soft);align-items:center;gap:6px;margin-top:8px;font-size:11px;display:flex}.sb-section-label{font-family:var(--font-body);color:#faf9f58c;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:600}.sb-icon-box{background:var(--surface-dark-elevated);border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sb-nav-item{cursor:pointer;color:#141413;background:#ffffff1f;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px 14px;transition:all .15s;display:flex;position:relative}.sb-nav-item:hover{color:#141413;background:#fff3}.sb-nav-item.active{background:var(--green-matrix);color:#fff;border:none}.sb-nav-glow,.sb-nav-code{display:none}.sb-nav-label{font-family:var(--font-body);letter-spacing:.01em;flex:1;font-size:14px;font-weight:500}.sb-nav-item.active .sb-nav-label{font-weight:600}.sb-nav-item.active .sb-nav-code{color:#faf9f5b8}.sb-status-block{background:#ffffff05;border-top:1px solid #ffffff0f;flex-shrink:0;padding:14px 16px 16px}.sb-status-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.sb-status-key{font-family:var(--font-mono);color:#faf9f57a;font-size:10px}.sb-avatar{width:32px;height:32px;font-family:var(--font-body);color:var(--text-on-dark);background:#cc785c38;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.sb-logout{color:var(--text-on-dark-soft);cursor:pointer;font-family:var(--font-body);letter-spacing:.08em;background:0 0;border:none;align-items:center;gap:6px;padding:2px 0;font-size:11px;font-weight:600;transition:color .15s;display:flex}.sb-hamburger{z-index:200;background:var(--surface-sidebar);cursor:pointer;border:1px solid #ffffff14;border-radius:10px;padding:8px;display:none;position:fixed;top:12px;left:12px}.sb-backdrop{display:none}@media (max-width:1024px){.responsive-grid-main{grid-template-columns:1fr!important}}@media (max-width:900px){.layout-root{display:block}.sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(calc(-100% - 32px));box-shadow:0 10px 30px #1414131f}.sidebar.sidebar-open{transform:translate(0)}.sb-hamburger{justify-content:center;align-items:center;display:flex}.sb-backdrop{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1414133d;display:block;position:fixed;inset:0}.layout-main{height:100dvh;padding-top:56px;padding-bottom:24px}}@media (max-width:640px){.responsive-grid-2col{grid-template-columns:1fr!important}.responsive-hide{display:none!important}.responsive-full{width:100%!important}.page-content{padding:12px 14px!important}}.script-textarea{resize:vertical;width:100%;min-height:120px;font-family:var(--font-body);caret-color:#141413;-webkit-text-fill-color:#141413;outline:none;padding:14px 16px;font-size:13px;line-height:1.8;transition:border-color .2s,box-shadow .2s;background:var(--input-bg)!important;border:1px solid var(--input-border)!important;color:#141413!important;border-radius:12px!important}.script-textarea:focus{border-color:#cc785ccc;box-shadow:0 0 0 3px #cc785c24}.script-saved-flash{animation:.6s forwards flash-save}@keyframes flash-save{0%{border-color:#cc785ce6;box-shadow:0 0 0 3px #cc785c2e}to{box-shadow:none;border-color:#ffffff14}}.otp-intercept-panel{border-color:#5db8a647}.otp-intercept-panel:after{background:linear-gradient(90deg,#0000,#5db8a6bf,#0000)}.otp-display-grid{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:4px;display:grid}.otp-digit-box{aspect-ratio:1;background:var(--surface-dark-elevated);border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;min-height:44px;transition:all .3s;display:flex;position:relative}.otp-digit-box:before{content:"";pointer-events:none;background:0 0;border-radius:12px;transition:background .3s;position:absolute;inset:0}.otp-digit-box.filled{background:#5db8a60d;border-color:#5db8a67a}.otp-digit-box.filled:before{background:#5db8a60a}.otp-digit-box.captured{border-color:var(--cyan-hack);animation:1.5s infinite pulse-border-cyan;box-shadow:0 0 0 3px #5db8a61f}.otp-digit-box.valid{border-color:#5db872;box-shadow:0 0 0 3px #5db8721f}.otp-digit-box.valid:before{background:#5db8720f}.otp-digit-box.invalid{border-color:var(--red-alert);box-shadow:0 0 0 3px #c645451a}.otp-digit-box.invalid:before{background:#c645450d}.otp-digit-value{font-family:var(--font-body);letter-spacing:.02em;color:var(--text-ghost);font-size:20px;font-weight:700;transition:color .3s}.otp-digit-box.filled .otp-digit-value{color:var(--cyan-dim)}.otp-digit-box.valid .otp-digit-value{color:#3f7a4d}.otp-digit-box.invalid .otp-digit-value{color:var(--red-alert)}@keyframes pulse-border-cyan{0%,to{border-color:#5db8a666}50%{border-color:var(--cyan-hack)}}.otp-btn-valid{color:#8fd19d;font-family:var(--font-body);background:#5db8721f;border:1px solid #5db87247}.otp-btn-valid:hover:not(:disabled){background:#5db87233}.otp-btn-valid:disabled,.otp-btn-invalid:disabled{opacity:.35;cursor:not-allowed}.otp-btn-invalid{color:#ea8a8a;font-family:var(--font-body);background:#c645451a;border:1px solid #c6454542}.otp-btn-invalid:hover:not(:disabled){background:#c645452e}.hbtn-listen-active{background:var(--surface-dark-elevated);color:#faf9f5;border:1px solid #5db8a673;animation:2s infinite pulse-border-cyan;box-shadow:inset 0 0 0 1px #5db8a61f}.hbtn-listen-active:hover:not(:disabled){background:#2b2925}.rec-indicator{font-family:var(--font-mono);color:var(--red-alert);align-items:center;gap:4px;font-size:9px;animation:2s linear infinite flicker;display:flex}.live-log-container{scrollbar-width:thin;scrollbar-color:#ffffff26 var(--surface-dark-soft);border-radius:12px;background:var(--input-bg)!important;border-color:var(--input-border)!important}.live-log-container .log-ts{color:#8e8b82}.live-log-container .log-tag{color:#6c6a64}.live-log-container .log-msg{color:#3d3d3a}