:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#244b61;background:#b4e8fb;font-family:Trebuchet MS,Segoe UI,Tahoma,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}body{min-width:320px;font-family:Trebuchet MS,Segoe UI,Tahoma,sans-serif}.login-page{box-sizing:border-box;background:radial-gradient(circle at 0 0,#ffffff73,#0000 24%),linear-gradient(#b4e8fb 0%,#9ddbf5 100%);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative}.about-link-button{color:#2f6077;letter-spacing:.02em;cursor:pointer;background:#f8fdffb8;border:1px solid #276d8e33;border-radius:999px;padding:9px 15px;font-size:13px;font-weight:600;transition:background-color .2s,border-color .2s,transform .15s;position:absolute;top:20px;right:20px}.about-link-button:hover{background:#ffffffeb;border-color:#276d8e57;transform:translateY(-1px)}.login-container{color:#2d4d5f;background:linear-gradient(#f9fdff 0%,#eef8ff 100%);border:1px solid #70bce68c;border-radius:16px;width:min(460px,100%);padding:32px 24px 24px;box-shadow:0 16px 40px #276d8e33}.login-eyebrow{color:#3d90b8;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:700}.login-title{color:#1f7fab;margin:0;font-family:Consolas,Courier,monospace;font-size:clamp(28px,4vw,38px);line-height:1.12}.login-subtitle{color:#557283;margin:12px 0 20px;font-size:15px;line-height:1.5}.login-form{gap:10px;display:grid}.login-input{box-sizing:border-box;color:#334b58;background:#fff;border:2px solid #b4e0f6;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:16px;transition:border-color .2s,box-shadow .2s}.login-input:focus{border-color:#52b9e8;box-shadow:0 0 0 3px #52b9e833}.login-input::placeholder{color:#6d8998}.login-message{color:#c0392b;margin:4px 0 0;font-size:14px}.login-button,.register-button{color:#2a5f7d;cursor:pointer;background:#fff;border:2px solid #7dcdf2;border-radius:999px;width:100%;min-height:46px;margin-top:6px;font-size:15px;font-weight:700;transition:border-color .2s,transform .15s,box-shadow .2s,background-color .2s}.login-button:hover,.register-button:hover{background:#eef8ff;border-color:#47b5e7;transform:translateY(-1px);box-shadow:0 6px 14px #48addf38}.forgot-password-container{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:14px;display:flex}.forgot-text,.register-text{color:#3f667a;font-size:14px}.forgot-password{color:#1f7fab;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600}.forgot-password:hover{text-decoration:underline}.register-container{margin-top:16px}@media (max-width:640px){.login-page{place-items:start center;padding-top:76px}.about-link-button{top:16px;right:16px}}.register-page{box-sizing:border-box;background:linear-gradient(#b4e8fb 0%,#9ddbf5 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.registe-container{color:#2d4d5f;background:linear-gradient(#f9fdff 0%,#eef8ff 100%);border:1px solid #70bce68c;border-radius:16px;width:min(460px,100%);padding:32px 24px 24px;box-shadow:0 16px 40px #276d8e33}.registe-container h1{color:#1f7fab;margin:0 0 18px;font-family:Consolas,Courier,monospace;font-size:clamp(28px,4vw,36px);line-height:1.12}.register-form{gap:10px;display:grid}.register-input{box-sizing:border-box;color:#334b58;background:#fff;border:2px solid #b4e0f6;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:16px;transition:border-color .2s,box-shadow .2s}.register-input:focus{border-color:#52b9e8;box-shadow:0 0 0 3px #52b9e833}.register-input::placeholder{color:#6d8998}.register-button{color:#2a5f7d;cursor:pointer;background:#fff;border:2px solid #7dcdf2;border-radius:999px;width:100%;min-height:46px;margin-top:6px;font-size:15px;font-weight:700;transition:border-color .2s,transform .15s,box-shadow .2s,background-color .2s}.register-button:hover{background:#eef8ff;border-color:#47b5e7;transform:translateY(-1px);box-shadow:0 6px 14px #48addf38}.forgot-page{box-sizing:border-box;background:linear-gradient(#b4e8fb 0%,#9ddbf5 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.forgot-container{color:#2d4d5f;background:linear-gradient(#f9fdff 0%,#eef8ff 100%);border:1px solid #70bce68c;border-radius:16px;width:min(460px,100%);padding:32px 24px 24px;box-shadow:0 16px 40px #276d8e33}.forgot-container h1{color:#1f7fab;margin:0 0 18px;font-family:Consolas,Courier,monospace;font-size:clamp(28px,4vw,36px);line-height:1.12}.forgot-form{gap:10px;display:grid}.forgot-input{box-sizing:border-box;color:#334b58;background:#fff;border:2px solid #b4e0f6;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:16px;transition:border-color .2s,box-shadow .2s}.forgot-input:focus{border-color:#52b9e8;box-shadow:0 0 0 3px #52b9e833}.forgot-input::placeholder{color:#6d8998}.forgot-message{color:#c0392b;margin:4px 0 0;font-size:14px}.forgot-message.success{color:#1b7f4a}.forgot-button{color:#2a5f7d;cursor:pointer;background:#fff;border:2px solid #7dcdf2;border-radius:999px;width:100%;min-height:46px;margin-top:6px;font-size:15px;font-weight:700;transition:border-color .2s,transform .15s,box-shadow .2s,background-color .2s}.forgot-button:hover{background:#eef8ff;border-color:#47b5e7;transform:translateY(-1px);box-shadow:0 6px 14px #48addf38}.back-to-login{justify-content:center;margin-top:14px;display:flex}.back-to-login button{color:#1f7fab;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600}.back-to-login button:hover{text-decoration:underline}:root{--sidebar-width:260px;--page-gap:24px;--shell-gap:20px;--card-radius:24px;--panel-bg:#f8fcfff0;--panel-border:#6cbde561;--panel-shadow:0 18px 36px #2981ac29;--text-primary:#2d5162;--text-secondary:#5a7b8d;--accent:#67c3ef;--accent-strong:#3ea9de;--accent-soft:#67c3ef29;--interactive:#2db55d;--locked:#d78342;--idle:#89a7b8;--surface-dark:#172029}.dashboard-container{width:100vw;height:100vh;color:var(--text-primary);background:radial-gradient(circle at top,#ffffff73 0,#fff0 32%),linear-gradient(#b4e8fb 0%,#9ddbf5 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.mobile-menu-btn,.mobile-drawer-overlay{display:none}.dashboard-sidebar{width:var(--sidebar-width);z-index:20;background:linear-gradient(#dceaf2 0%,#d1e5f1 100%);flex-direction:column;gap:12px;padding:30px 20px 20px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:10px 0 26px #2c617c24}.dashboard-title{color:#1f7fab;margin:0 0 12px;font-family:Consolas,Courier New,monospace;font-size:1.75rem;font-weight:700;line-height:1.05}.sidebar-btn{color:#59b6e1;cursor:pointer;text-align:left;background:#fff;border:2px solid #9ad9f5;border-radius:999px;width:100%;padding:12px;font-family:Consolas,Courier New,monospace;font-size:.95rem;font-weight:700;transition:transform .18s,border-color .18s,box-shadow .18s,background-color .18s}.sidebar-btn:hover{background:#f3fbff;border-color:#67c2ee;transform:translateY(-1px);box-shadow:0 10px 18px #2981ac29}.chat-list{border-top:1px solid #3a527514;flex-direction:column;gap:8px;min-height:0;margin-top:10px;padding-top:12px;display:flex;overflow-y:auto}.chat-item{color:#2d5162;cursor:pointer;background:#eef8ff;border-radius:14px;padding:11px 12px;transition:transform .14s,background-color .14s}.chat-item:hover{background:#d7f0fd;transform:translateY(-1px)}.active-chat{color:#24506a;background:#8cd5f3;font-weight:600}.dashboard-main{inset:0 0 0 var(--sidebar-width);padding:var(--page-gap);box-sizing:border-box;position:absolute;overflow:hidden}.dashboard-shell{gap:var(--shell-gap);grid-template-columns:minmax(0,1fr) 320px;height:100%;display:grid}.dashboard-stage{gap:var(--shell-gap);grid-template-rows:minmax(360px,1.35fr) minmax(230px,.9fr) auto;min-width:0;min-height:0;display:grid}.dashboard-card{border:1px solid var(--panel-border);border-radius:var(--card-radius);background:var(--panel-bg);min-width:0;min-height:0;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;display:flex;overflow:hidden}.panel-heading{border-bottom:1px solid #9ad9f580;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 16px;display:flex}.panel-heading h2{color:#1f7fab;margin:2px 0 0;font-family:Consolas,Courier New,monospace;font-size:1.35rem;font-weight:700}.panel-kicker{color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-family:Consolas,Courier New,monospace;font-size:.72rem;font-weight:700}.panel-caption{color:var(--text-secondary);font-size:.82rem;line-height:1.4}.run-chip,.thinking-indicator,.thinking-complete,.thoughts-run-label,.transcript-run-status{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:7px 12px;font-family:Consolas,Courier New,monospace;font-size:.72rem;font-weight:700;display:inline-flex}.run-chip{color:#3b6c85;background:#eef8ff;border:1px solid #bfe6f8}.run-chip.live{color:#23824a;background:#2db55d1f;border-color:#2db55d47}.run-chip.review{color:#2379a5;background:#3ea9de1f;border-color:#3ea9de47}.live-agent-viewport{background:linear-gradient(#ffffff0f 0%,#fff0 100%),linear-gradient(#212d38 0%,#151d25 100%);border:1px solid #ffffff14;border-radius:18px;flex:1;min-height:0;margin:0 20px 20px;position:relative;overflow:hidden}.browser-status-indicator{z-index:4;color:#f4fcff;background:#111920c7;border:1px solid #ffffff1f;border-radius:18px;align-items:center;gap:10px;padding:9px 12px;transition:transform .18s,box-shadow .18s;display:flex;position:absolute;top:14px;right:14px}.browser-status-indicator.interactive{background:#0a2714db;border-color:#2db55d85;transform:scale(1.05);box-shadow:0 0 0 1px #2db55d33}.browser-status-indicator.locked{background:#432410d1;border-color:#d7834273}.browser-status-dot{background:var(--idle);border-radius:50%;flex-shrink:0;width:10px;height:10px}.browser-status-indicator.interactive .browser-status-dot{background:var(--interactive);animation:1.6s infinite pulseRing;box-shadow:0 0 #2db55d80}.browser-status-indicator.locked .browser-status-dot{background:var(--locked)}.browser-status-copy{flex-direction:column;gap:1px;display:flex}.browser-status-copy strong{letter-spacing:.08em;text-transform:uppercase;font-family:Consolas,Courier New,monospace;font-size:.76rem}.browser-status-copy span{color:#f4fcffcc;font-size:.72rem}.browser-frame-wrapper{outline:none;width:100%;height:100%}.browser-frame-shell{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:100%;padding:28px 24px 24px;display:flex}.browser-frame-wrapper.browser-interactive{cursor:crosshair}.browser-frame-wrapper.browser-interactive:focus-visible{box-shadow:inset 0 0 0 2px #2db55d8c}.browser-frame{pointer-events:none;border:1px solid #ffffff24;border-radius:14px;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 18px 30px #00000047}.live-agent-placeholder{text-align:center;color:#f4fcff;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:24px;display:flex;position:relative}.placeholder-kicker{color:#f4fcffa8;letter-spacing:.1em;text-transform:uppercase;margin:0;font-family:Consolas,Courier New,monospace;font-size:.72rem;font-weight:700}.live-agent-placeholder h3{margin:0;font-family:Consolas,Courier New,monospace;font-size:1.4rem;font-weight:700}.live-agent-placeholder p{color:#f4fcffd1;margin:0;font-size:.92rem}.placeholder-orbit{background:#ffffff14;border-radius:50%;position:absolute}.placeholder-orbit-a{width:110px;height:110px;top:16%;right:16%}.placeholder-orbit-b{width:54px;height:54px;bottom:14%;left:14%}.transcript-scroll{flex-direction:column;flex:1;gap:14px;min-height:0;padding:20px;display:flex;overflow-y:auto}.transcript-empty{background:#ffffff8c;border:1px dashed #6ab5df73;border-radius:18px;margin:auto 0;padding:18px 20px}.transcript-empty p,.transcript-empty span{color:var(--text-secondary);margin:0}.transcript-empty span{margin-top:4px;font-size:.88rem;display:block}.transcript-run{background:#ffffff8f;border:1px solid #9ad9f575;border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:flex}.transcript-run-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.transcript-run-title{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-family:Consolas,Courier New,monospace;font-size:.74rem;font-weight:700}.transcript-run-status.running{color:#22814a;background:#2db55d1f;border:1px solid #2db55d3d}.transcript-run-status.finished{color:#2379a5;background:#3ea9de1f;border:1px solid #3ea9de3d}.transcript-stack{flex-direction:column;gap:10px;display:flex}.transcript-bubble{max-width:min(82%,760px)}.transcript-awaiting{color:var(--text-secondary);background:#67c3ef14;border:1px dashed #6ab5df75;border-radius:16px;padding:12px 14px;font-size:.9rem}.chat-system,.chat-user{word-break:break-word;border-radius:18px;width:fit-content;max-width:min(76%,720px);padding:14px 18px;font-size:.98rem;line-height:1.55;animation:.24s ease-out riseIn;box-shadow:0 6px 14px #0000000d}.chat-system{color:#406174;background:#fff;border:1px solid #bde2f5d9;border-bottom-left-radius:6px;margin-right:auto}.chat-user{color:#fff;background:#67c3ef;border:1px solid #4daad759;border-bottom-right-radius:6px;margin-left:auto}.chat-system p{margin:.35em 0}.chat-system p:first-child,.chat-system p:last-child{margin-block:0}.chat-system ul,.chat-system ol{margin:.3em 0;padding-left:1.3em}.chat-system code{background:#edf2f6;border-radius:4px;padding:.12em .35em;font-size:.92em}.dashboard-input-bar{gap:10px;padding:18px 20px 20px}.input-label{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-family:Consolas,Courier New,monospace;font-size:.74rem;font-weight:700}.input-row{gap:12px;display:flex}.dashboard-input{color:#4a6674;background:#f8fcff;border:1px solid #b5e3f8;border-radius:18px;outline:none;flex:1;min-width:0;height:56px;padding:0 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.dashboard-input::placeholder{color:#7d98a7}.dashboard-input:focus{border-color:#3ab2e5;box-shadow:0 0 0 3px #3ab2e529}.dashboard-bar-btn{color:#fff;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#73c8ef 0%,#46b1e2 100%);border:none;border-radius:18px;min-width:132px;font-family:Consolas,Courier New,monospace;font-size:.84rem;font-weight:700;transition:transform .16s,box-shadow .16s,opacity .16s;box-shadow:0 10px 18px #2981ac33}.dashboard-bar-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 22px #2981ac3d}.dashboard-bar-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.dashboard-thoughts-panel .panel-heading{align-items:center}.thinking-indicator{color:#2379a5;background:#3ea9de1f;border:1px solid #3ea9de3d}.thinking-spinner{border:2px solid #3ea9de33;border-top-color:var(--accent-strong);border-radius:50%;width:13px;height:13px;animation:.8s linear infinite spin}.thinking-complete{color:#22814a;background:#2db55d1f;border:1px solid #2db55d38}.thoughts-meta{border-bottom:1px solid #9ad9f580;flex-direction:column;gap:8px;padding:16px 20px 14px;display:flex}.thoughts-run-label{color:#2379a5;background:#3ea9de1f;border:1px solid #3ea9de3d;align-self:flex-start}.thoughts-prompt{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.55}.thoughts-stream{flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px 20px 20px;font-family:Consolas,Courier New,monospace;display:flex;overflow-y:auto}.thought-line{background:#ffffff94;border:1px solid #9ad9f575;border-radius:14px;grid-template-columns:34px minmax(0,1fr);align-items:flex-start;gap:10px;padding:12px;display:grid}.thought-line-number{color:#3ea9de;letter-spacing:.08em;font-size:.74rem}.thought-line-body{min-width:0}.thought-line-text{color:#35576a;white-space:pre-wrap;word-break:break-word;font-size:.8rem;line-height:1.55}.thought-line-group{align-items:flex-start;gap:10px;min-width:0;display:flex}.thought-line-group-header{flex:none}.thought-line-icon{object-fit:contain;flex:0 0 16px;width:16px;height:16px;margin-top:2px}.thought-line-list{min-width:0;margin:0;padding-left:18px}.thought-line-list .thought-line-text+.thought-line-text{margin-top:4px}.thoughts-empty-state{color:var(--text-secondary);background:#ffffff80;border:1px dashed #9ad9f580;border-radius:16px;margin:auto 0;padding:16px;font-size:.8rem;line-height:1.5}.chat-list::-webkit-scrollbar{width:8px}.transcript-scroll::-webkit-scrollbar{width:8px}.thoughts-stream::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar{width:8px}.cards-scroll::-webkit-scrollbar{width:8px}.general-creds-container::-webkit-scrollbar{width:8px}.chat-list::-webkit-scrollbar-thumb{background:#3ab2e542;border-radius:999px}.transcript-scroll::-webkit-scrollbar-thumb{background:#3ab2e542;border-radius:999px}.thoughts-stream::-webkit-scrollbar-thumb{background:#3ab2e542;border-radius:999px}.modal-content::-webkit-scrollbar-thumb{background:#3ab2e542;border-radius:999px}.cards-scroll::-webkit-scrollbar-thumb{background:#3ab2e542;border-radius:999px}.general-creds-container::-webkit-scrollbar-thumb{background:#3ab2e542;border-radius:999px}.modal-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#152a376b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{width:min(700px,100%);max-height:min(82vh,760px);color:var(--text-primary);background:linear-gradient(#f9fdff 0%,#eef8ff 100%);border:1px solid #70bce66b;border-radius:18px;padding:28px 24px 22px;position:relative;overflow-y:auto;box-shadow:0 24px 44px #276d8e38}.modal-content.user-credentials-modal{flex-direction:column;width:min(980px,100%);height:min(82vh,760px);display:flex;overflow:hidden}.modal-close{color:#4f7f95;cursor:pointer;background:#fff;border:2px solid #b6e1f6;border-radius:50%;width:34px;height:34px;font-family:Consolas,Courier New,monospace;font-size:.8rem;font-weight:700;transition:transform .16s,border-color .16s,background-color .16s;position:absolute;top:14px;right:14px}.modal-close:hover{background:#f2fbff;border-color:#79c8ee;transform:scale(1.04)}.modal-title{color:#1f7fab;margin:0 36px 12px 0;font-family:Consolas,Courier New,monospace;font-size:1.7rem;font-weight:700}.modal-title-divider{background:#3ea9de59;border:none;width:100%;height:1px;margin:0 0 18px}.modal-label,.creds-field label,.input-label{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-family:Consolas,Courier New,monospace;font-size:.74rem;font-weight:700}.modal-textarea,.creds-textarea,.creds-field input:not([type=checkbox]),.creds-field select,.small-input{box-sizing:border-box;color:#24485b;width:100%;font:inherit;background:#fbfeff;border:1px solid #b8dff2;border-radius:12px;outline:none;transition:border-color .2s,box-shadow .2s,background-color .2s}.modal-textarea{resize:vertical;min-height:220px;padding:12px 14px;line-height:1.5}.modal-textarea:focus,.creds-textarea:focus,.creds-field input:not([type=checkbox]):focus,.creds-field select:focus,.small-input:focus{background:#fff;border-color:#52b9e8;box-shadow:0 0 0 3px #52b9e82e}.small-input{padding:12px}.save-btn,.setting-btn{color:#59b6e1;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#fff;border:2px solid #9ad9f5;border-radius:999px;justify-content:center;align-items:center;min-width:150px;padding:10px 16px;font-family:Consolas,Courier New,monospace;font-size:.8rem;font-weight:700;transition:transform .18s,border-color .18s,box-shadow .18s,background-color .18s;display:inline-flex}.save-btn:hover,.setting-btn:hover{background:#f3fbff;border-color:#67c2ee;transform:translateY(-1px);box-shadow:0 10px 18px #2981ac29}.save-btn{margin-top:16px}.user-credentials-body{flex:1;min-height:0;overflow:hidden}.user-creds-container{grid-template-columns:1fr 1fr;gap:20px;height:100%;min-height:0;display:grid}.general-creds-container,.services-container{background:#fff;border:1px solid #cfe8f6;border-radius:14px;min-height:0;padding:16px}.general-creds-container{overflow-y:auto}.general-creds-container h3,.services-container h3,.password-prompt{color:#2a5f7d;margin:0 0 12px}.services-container{flex-direction:column;display:flex}.credentials-tabs{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.credentials-tab{color:#3f6c82;cursor:pointer;background:#f5fcff;border:1px solid #b8dff2;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:700}.credentials-tab.active{color:#fff;background:#67c3ef;border-color:#67c3ef}.credentials-tab-body{flex:1;min-height:0;overflow:hidden}.cards-scroll{height:100%;padding-right:4px;overflow-y:auto}.services-grid{gap:10px;display:grid}.services-empty-state{color:#648295;margin:0;font-size:.9rem}.service-card{cursor:pointer;text-align:left;background:#f8fdff;border:1px solid #c9e6f6;border-radius:12px;flex-direction:column;gap:4px;width:100%;padding:10px 12px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.service-card:hover{border-color:#79c8ee;transform:translateY(-1px);box-shadow:0 8px 14px #2981ac1f}.service-card-name{color:#2a5f7d;font-weight:700}.service-card-username{color:#507588;font-size:.82rem}.service-detail-header,.service-detail-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.service-detail-actions{flex-wrap:wrap;justify-content:flex-start;margin-top:10px}.back-services-btn{min-width:90px}.delete-service-btn{color:#ab4d4d;border-color:#eab8b8}.credentials-add-btn{align-self:flex-start;margin-top:12px}.creds-field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.creds-field input:not([type=checkbox]),.creds-field select{height:42px;padding:0 12px}.creds-textarea{resize:vertical;min-height:110px;padding:10px 12px}.creds-checkbox-row{flex-direction:row;justify-content:space-between;align-items:center}.creds-checkbox-row input[type=checkbox]{width:18px;height:18px}.password-verification-group{text-align:center;flex-direction:column;align-items:center;gap:12px;margin:auto;display:flex}.password-input{width:min(360px,100%)}.verify-identity-btn{min-width:180px}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseRing{0%{box-shadow:0 0 #2db55d80}70%{box-shadow:0 0 0 9px #2db55d00}to{box-shadow:0 0 #2db55d00}}@media (max-width:1200px){.dashboard-shell{grid-template-columns:1fr}.dashboard-main{overflow-y:auto}.dashboard-shell{height:auto;min-height:100%}.dashboard-thoughts-panel{min-height:280px}}@media (max-width:860px){:root{--page-gap:16px;--shell-gap:16px}.mobile-menu-btn{z-index:80;color:#2d5b72;background:#fff;border:2px solid #9ad9f5;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:inline-flex;position:fixed;top:10px;left:10px;box-shadow:0 6px 14px #2981ac33}.mobile-menu-icon{font-size:1.35rem;line-height:1}.mobile-drawer-overlay{z-index:50;background:#1c3b4d59;display:block;position:fixed;inset:0}.dashboard-sidebar{z-index:60;width:min(82vw,320px);transition:transform .24s;transform:translate(-100%)}.dashboard-sidebar.mobile-open{transform:translate(0)}.dashboard-main{padding:60px var(--page-gap)var(--page-gap);inset:0}}@media (max-width:640px){.dashboard-stage{grid-template-rows:minmax(270px,1fr) minmax(220px,auto) auto}.panel-heading{flex-direction:column;align-items:flex-start}.input-row{flex-direction:column}.dashboard-bar-btn{width:100%;min-height:50px}.browser-status-indicator{justify-content:center;left:12px;right:12px}.chat-system,.chat-user,.transcript-bubble{max-width:90%}.user-creds-container{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.about-site{--bg-top:#d9f3ff;--bg-bottom:#9fd8f3;--ink-strong:#164e68;--ink-main:#2f5f76;--ink-soft:#53768a;--line:#1d617f2e;--line-strong:#1d617f4d;--surface:#f8fcffd1;background:linear-gradient(#ffffff2e 1px,transparent 1px),linear-gradient(90deg,#ffffff2e 1px,transparent 1px),linear-gradient(180deg,var(--bg-top)0%,var(--bg-bottom)100%);min-height:100vh;color:var(--ink-main);background-size:44px 44px,44px 44px,100% 100%;position:relative;overflow:hidden}.about-overlay{pointer-events:none;background:radial-gradient(circle at 16% 10%,#ffffff9e,#0000 24%),radial-gradient(circle at 86% 14%,#ffffff4d,#0000 26%);position:absolute;inset:0}.about-header,.about-main{z-index:1;width:min(1140px,100% - 40px);margin:0 auto;position:relative}.about-header{justify-content:space-between;align-items:center;gap:20px;padding:22px 0 0;display:flex}.about-brand{align-items:center;gap:14px;display:flex}.about-brand-tag{border:1px solid var(--line-strong);width:46px;height:46px;color:var(--ink-strong);letter-spacing:.08em;background:#fafeffb8;border-radius:10px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.about-brand-name,.about-brand-meta,.about-kicker,.about-system-label,.about-aside-label{margin:0}.about-brand-name{color:var(--ink-strong);letter-spacing:.02em;font-family:Consolas,Menlo,Monaco,Lucida Console,monospace;font-size:15px;font-weight:700}.about-brand-meta{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;margin-top:4px;font-size:12px}.about-return{border:1px solid var(--line-strong);color:var(--ink-strong);cursor:pointer;background:#fafeffbd;border-radius:999px;padding:10px 15px;font-family:inherit;font-size:13px;font-weight:700;transition:background-color .2s,border-color .2s,transform .2s}.about-return:hover{background:#fffffff0;border-color:#1d617f6b;transform:translateY(-1px)}.about-main{padding:46px 0 60px}.about-hero{border-bottom:1px solid var(--line-strong);padding:26px 0 42px}.about-kicker{color:#2f86ad;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.about-hero-title{max-width:980px;color:var(--ink-strong);letter-spacing:-.05em;margin:18px 0 0;font-family:Consolas,Menlo,Monaco,Lucida Console,monospace;font-size:clamp(42px,7vw,84px);line-height:.98}.about-hero-copy{max-width:760px;color:var(--ink-main);margin:22px 0 0;font-size:18px;line-height:1.8}.about-hero-rail{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.about-hero-rail span{border:1px solid var(--line);color:var(--ink-strong);background:#f8fcffb8;padding:10px 13px;font-size:13px}.about-section{padding:34px 0 0}.about-section+.about-section{border-top:1px solid var(--line);margin-top:12px}.about-section-heading h2,.about-workflow-item h3{color:var(--ink-strong);margin:0;font-family:Consolas,Menlo,Monaco,Lucida Console,monospace}.about-section-heading h2{letter-spacing:-.04em;max-width:850px;margin-top:12px;font-size:clamp(28px,4vw,46px);line-height:1.12}.about-story-layout,.about-closing-layout{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:start;gap:28px;margin-top:26px;display:grid}.about-story-copy-block p,.about-aside p,.about-workflow-item p,.about-system-body,.about-closing-layout p{color:var(--ink-main);margin:0;font-size:16px;line-height:1.85}.about-story-copy-block p+p{margin-top:18px}.about-aside{border:1px solid var(--line);background:var(--surface);padding:18px 18px 20px}.about-aside-label{color:#2f86ad;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}.about-aside p:last-child{margin-top:10px}.about-workflow{border-top:1px solid var(--line);margin:26px 0 0;padding:0;list-style:none}.about-workflow-item{border-bottom:1px solid var(--line);grid-template-columns:90px minmax(0,1fr);gap:18px;padding:22px 0;display:grid}.about-workflow-number{color:#2f86ad;letter-spacing:.06em;font-size:18px;font-weight:700}.about-workflow-item h3{margin-bottom:8px;font-size:24px;line-height:1.2}.about-system-table{border-top:1px solid var(--line);margin-top:26px}.about-system-row{border-bottom:1px solid var(--line);grid-template-columns:220px minmax(0,1fr);gap:20px;padding:18px 0;display:grid}.about-system-label{color:var(--ink-strong);letter-spacing:.08em;text-transform:uppercase;font-size:14px;font-weight:700}.about-section-closing .about-closing-layout{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:900px){.about-story-layout,.about-closing-layout,.about-section-closing .about-closing-layout,.about-system-row,.about-workflow-item{grid-template-columns:1fr}.about-workflow-item{gap:10px}}@media (max-width:640px){.about-header,.about-main{width:min(1140px,100% - 28px)}.about-header{flex-direction:column;align-items:flex-start}.about-main{padding-top:32px;padding-bottom:40px}.about-hero-title{font-size:clamp(34px,12vw,56px)}.about-hero-copy,.about-story-copy-block p,.about-aside p,.about-workflow-item p,.about-system-body,.about-closing-layout p{font-size:15px}.about-section-heading h2{font-size:clamp(24px,8vw,34px)}}
