:root{--bg-color:#050505;--glass-bg:#191919a6;--glass-border:#ffffff1a;--glass-glow:#ffffff0d;--accent-blue:#5871ef;--accent-red:#ff3b30;--text-primary:#fff;--text-secondary:#fff9;--blur-amount:24px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#5871ef08,#0000 25%),radial-gradient(circle at 85% 30%,#ffffff0a,#0000 25%);justify-content:center;height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow:hidden}#app{flex-direction:column;width:100%;max-width:500px;height:100dvh;padding:10px;display:flex;position:relative}.glass-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-amount));border:1px solid var(--glass-border);box-shadow:0 8px 32px 0 #00000080, inset 0 1px 0 var(--glass-glow);border-radius:24px;flex-direction:column;gap:16px;height:100%;max-height:calc(100dvh - 20px);padding:20px;display:flex;overflow:hidden}header{border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:12px;padding-bottom:16px;display:flex}.status-indicator{background-color:#555;border-radius:50%;width:12px;height:12px;transition:all .3s;box-shadow:0 0 #0000}.status-indicator.online{background-color:var(--accent-blue);animation:2s infinite pulse;box-shadow:0 0 12px #5871ef99}@keyframes pulse{0%{box-shadow:0 0 #5871ef66}70%{box-shadow:0 0 0 10px #5871ef00}to{box-shadow:0 0 #5871ef00}}h1{letter-spacing:-.5px;font-size:1.25rem;font-weight:600}main{flex-direction:column;flex-grow:1;gap:16px;display:flex}.empty-state{text-align:center;height:100%;min-height:200px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;animation:.5s fadeIn;display:flex}.empty-icon{opacity:.5;margin-bottom:8px}.empty-state p{color:var(--text-primary);font-size:1.1rem;font-weight:500}.empty-state span{font-size:.85rem}.approval-card{background:#0000004d;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:16px;padding:20px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex}.approval-header{justify-content:space-between;align-items:center;display:flex}.badge{letter-spacing:.5px;text-transform:uppercase;background:#ffffff1a;border-radius:100px;padding:4px 10px;font-size:.75rem;font-weight:600}.approval-title{font-size:1.15rem;font-weight:600;line-height:1.4}.approval-desc{color:var(--text-secondary);background:#0003;border-radius:8px;padding:12px;font-family:monospace;font-size:.95rem;line-height:1.5}.approval-actions{gap:12px;margin-top:8px;display:flex}button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;flex:1;padding:14px;font-size:1rem;font-weight:600;transition:all .2s}button:active{transform:scale(.96)}.btn-approve{background:var(--accent-blue);color:#fff;box-shadow:0 4px 12px #5871ef33}.btn-reject{color:var(--accent-red);background:#ff3b3026;border:1px solid #ff3b304d}.btn-approve:hover{background:#6b82ff}.btn-reject:hover{background:#ff3b3040}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-container{background:#0003;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;flex-grow:1;min-height:300px;display:flex;overflow:hidden}.chat-messages{flex-direction:column;flex-grow:1;gap:12px;padding:16px 16px 32px;display:flex;overflow-y:auto}.chat-bubble{word-wrap:break-word;border-radius:18px;max-width:85%;padding:12px 16px;font-size:.95rem;line-height:1.4;animation:.3s cubic-bezier(.16,1,.3,1) slideUp}.chat-bubble.user{color:var(--text-primary);background:#5871ef1f;border:1px solid #5871ef40;border-bottom-right-radius:4px;flex-direction:column;align-self:flex-end;display:flex;box-shadow:0 4px 16px #5871ef0f,inset 0 1px #ffffff0d}.chat-bubble.agent{color:var(--text-primary);background:#ffffff0f;border:1px solid #ffffff14;border-bottom-left-radius:4px;flex-direction:column;align-self:flex-start;display:flex;box-shadow:0 4px 16px #00000026,inset 0 1px #ffffff05}.chat-bubble a{color:var(--accent-blue);font-weight:500;text-decoration:underline;transition:opacity .2s}.chat-bubble a:hover{opacity:.85}.chat-bubble code{color:var(--accent-blue);background:#ffffff1a;border:1px solid #ffffff0d;border-radius:6px;padding:2px 6px;font-family:monospace;font-size:.85em}.chat-bubble strong{color:#fff;font-weight:700}.chat-bubble em{color:#ffffffe6;font-style:italic}.chat-bubble h3{color:var(--accent-blue);margin:12px 0 6px;font-size:1.05rem;font-weight:600;line-height:1.3}.chat-bubble h2{color:#fff;border-bottom:1px solid #ffffff14;margin:16px 0 8px;padding-bottom:4px;font-size:1.15rem;font-weight:600;line-height:1.3}.chat-bubble li{margin-block-end:4px;margin-inline-start:16px;list-style-type:square}.bubble-text{font-size:.95rem}.bubble-time{color:#ffffff59;letter-spacing:.2px;align-self:flex-end;margin-top:5px;font-size:.68rem;font-weight:400}.chat-input-wrapper{background:#0006;border-top:1px solid #ffffff0d;gap:8px;padding:12px;display:flex}.chat-input-wrapper input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;outline:none;flex-grow:1;padding:0 16px;font-size:.95rem}.chat-input-wrapper input:focus{border-color:var(--accent-blue)}.chat-input-wrapper button{background:var(--accent-blue);color:#fff;border-radius:20px;flex:none;width:auto;padding:10px 20px}.header-avatar{border:1.5px solid var(--glass-border);cursor:pointer;object-fit:cover;border-radius:50%;width:36px;height:36px;transition:all .2s}.header-avatar:hover{border-color:var(--accent-blue);transform:scale(1.05);box-shadow:0 0 10px #5871ef4d}.btn-icon-menu{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;transition:all .2s;display:flex}.btn-icon-menu:hover{background:#ffffff14;transform:scale(1.05)}.drawer-overlay{-webkit-backdrop-filter:blur(4px);z-index:998;opacity:0;pointer-events:none;background:#0009;width:100vw;height:100vh;transition:opacity .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0}.drawer-overlay.visible{opacity:1;pointer-events:auto}.nav-drawer{-webkit-backdrop-filter:blur(32px);border-right:1px solid var(--glass-border);z-index:999;background:#0a0a0ae0;flex-direction:column;width:280px;height:100vh;padding:24px;transition:left .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:-300px;box-shadow:10px 0 30px #000000b3}.nav-drawer.open{left:0}.drawer-header{border-bottom:1px solid #ffffff14;align-items:center;gap:16px;padding-bottom:20px;display:flex}.btn-close-drawer{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:6px;transition:all .2s;display:flex}.btn-close-drawer:hover{color:var(--text-primary);background:#ffffff14}.drawer-logo{letter-spacing:-.3px;background:linear-gradient(135deg, #fff 30%, var(--accent-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.15rem;font-weight:700}.drawer-profile{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:24px 0;display:flex}.drawer-avatar{border:2px solid var(--accent-blue);border-radius:50%;width:48px;height:48px;box-shadow:0 0 12px #5871ef33}.drawer-profile-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.profile-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.profile-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.drawer-menu{flex-direction:column;flex-grow:1;gap:8px;padding:24px 0;display:flex}.drawer-menu-item{color:var(--text-secondary);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.drawer-menu-item svg{opacity:.7}.drawer-menu-item:hover,.drawer-menu-item.active{color:var(--text-primary);background:#ffffff0d}.drawer-menu-item.active{color:var(--accent-blue);border-left:3px solid var(--accent-blue);background:#5871ef1a;border-top-left-radius:4px;border-bottom-left-radius:4px}.drawer-menu-item.active svg{color:var(--accent-blue);opacity:1}.drawer-footer{border-top:1px solid #ffffff14;padding-top:16px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#fff3}.profile-popover{-webkit-backdrop-filter:blur(24px);z-index:1000;opacity:0;pointer-events:none;transition-behavior:allow-discrete;background:#121216f2;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:12px;width:300px;padding:16px;transition-property:opacity,transform,display,overlay;transition-duration:.25s;transition-timing-function:cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:70px;right:10px;transform:scale(.9)translateY(-10px);box-shadow:0 16px 40px #0009,inset 0 1px #ffffff0d}.profile-popover.visible{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}@starting-style{.profile-popover.visible{opacity:0;transform:scale(.9)translateY(-10px)}}.popover-email{color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #ffffff14;padding-bottom:8px;font-size:.78rem;overflow:hidden}.popover-body{flex-direction:column;align-items:center;gap:12px;padding:8px 0;display:flex}.popover-avatar{border:2px solid var(--accent-blue);border-radius:50%;width:64px;height:64px;box-shadow:0 0 16px #5871ef33}.popover-name{color:var(--text-primary);text-align:center;font-size:1rem;font-weight:600}.popover-footer{border-top:1px solid #ffffff14;justify-content:center;padding-top:8px;display:flex}.btn-logout-google{color:var(--accent-red);cursor:pointer;background:#ff3b301a;border:1px solid #ff3b3033;border-radius:100px;justify-content:center;align-items:center;width:100%;padding:8px 20px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-logout-google:hover{background:#ff3b3033;transform:translateY(-1px)}#approvals-list{scrollbar-gutter:stable;overscroll-behavior:contain;flex-shrink:0;max-height:200px;overflow-y:auto}#approvals-list::-webkit-scrollbar{width:4px}#approvals-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}.chat-date-divider{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff0d;border-radius:100px;align-self:center;margin:12px 0 4px;padding:4px 12px;font-size:.75rem;font-weight:600}.host-diagnostics-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;flex-shrink:0;gap:6px;margin-bottom:8px;padding:10px 14px;animation:.4s fadeIn;display:flex;box-shadow:inset 0 1px #ffffff05}.diagnostics-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:2px;padding-bottom:4px;display:flex}.diagnostics-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;font-size:.72rem;font-weight:700}.diagnostics-repo{color:var(--accent-blue);text-overflow:ellipsis;white-space:nowrap;background:#5871ef1a;border:1px solid #5871ef26;border-radius:6px;max-width:220px;padding:2px 8px;font-family:monospace;font-size:.72rem;overflow:hidden}.diagnostics-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.diag-column{flex-direction:column;gap:2px;display:flex}.diag-label{color:var(--text-secondary);text-transform:uppercase;font-size:.65rem}.diag-value{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.diag-value.badge-blue{color:var(--accent-blue);background:#5871ef1f;border:1px solid #5871ef33;border-radius:4px;width:fit-content;padding:1px 6px;font-family:monospace;font-size:.72rem;font-weight:600;display:inline-block}.diag-value.text-online{color:var(--accent-blue);align-items:center;gap:4px;font-weight:600;display:flex}.diag-value.text-online:before{content:"";background-color:var(--accent-blue);width:6px;height:6px;box-shadow:0 0 6px var(--accent-blue);border-radius:50%;animation:2s infinite pulse;display:inline-block}.readme-modal{-webkit-backdrop-filter:blur(8px);z-index:2000;opacity:0;pointer-events:none;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}.readme-modal.visible{opacity:1;pointer-events:auto}.readme-modal-content{background:#0f0f14f2;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:16px;width:92%;max-width:460px;height:80vh;padding:20px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;box-shadow:0 24px 60px #000c,inset 0 1px #ffffff0a}.readme-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.readme-modal-header h2{color:#fff;border:none;margin:0;padding:0;font-size:1.15rem;font-weight:600}.btn-close-readme,.btn-close-help{color:var(--text-secondary)!important;cursor:pointer!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:50%!important;flex:none!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;padding:0!important;transition:all .2s!important;display:flex!important}.btn-close-readme:hover,.btn-close-help:hover{color:#fff!important;background:#ffffff26!important;transform:scale(1.05)!important}.readme-body{color:#ffffffd9;flex-grow:1;padding-right:4px;font-size:.9rem;line-height:1.5;overflow-y:auto}.readme-body h1{color:#fff;margin:16px 0 10px;font-size:1.25rem;font-weight:700}.readme-body h2{color:var(--accent-blue);border-bottom:1px solid #ffffff0d;margin:14px 0 8px;padding-bottom:4px;font-size:1.05rem;font-weight:600}.readme-body h3{color:#fff;margin:10px 0 6px;font-size:.95rem;font-weight:600}.readme-body blockquote{border-left:3px solid var(--accent-blue);background:#ffffff08;border-radius:4px;margin:10px 0;padding:8px 12px;font-size:.85rem}.readme-body code{color:var(--accent-blue);background:#ffffff14;border-radius:4px;padding:2px 5px;font-family:monospace;font-size:.85em}.readme-body a{color:var(--accent-blue);text-decoration:underline}.readme-body li{margin-block-end:6px;margin-inline-start:16px;list-style-type:square}.loading-readme,.error-readme{height:100%;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.95rem;display:flex}.readme-body::-webkit-scrollbar{width:4px}.readme-body::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}#app.drawer-pinned{flex-direction:row!important;align-items:stretch!important;gap:16px!important;max-width:820px!important;display:flex!important}#app.drawer-pinned .glass-container{flex-grow:1!important}.nav-drawer.pinned{height:auto!important;min-height:calc(100dvh - 20px)!important;box-shadow:none!important;border:1px solid var(--glass-border)!important;background:var(--glass-bg)!important;border-radius:24px!important;position:relative!important;top:0!important;left:0!important}.drawer-overlay.pinned{opacity:0!important;pointer-events:none!important;display:none!important}.btn-pin-drawer{color:var(--text-secondary)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:50%!important;flex:none!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;padding:0!important;transition:all .25s!important;display:flex!important}.btn-pin-drawer:hover{color:#fff!important;background:#ffffff14!important;transform:rotate(30deg)!important}.btn-pin-drawer.active{color:var(--accent-blue)!important;background:#5871ef1f!important;border:1px solid #5871ef33!important}.help-modal{-webkit-backdrop-filter:blur(8px);z-index:2000;opacity:0;pointer-events:none;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}.help-modal.visible{opacity:1;pointer-events:auto}.help-modal-content{background:#0f0f14f2;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:16px;width:92%;max-width:460px;height:80vh;padding:20px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;box-shadow:0 24px 60px #000c,inset 0 1px #ffffff0a}.help-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.help-modal-header h2{color:#fff;border:none;margin:0;padding:0;font-size:1.15rem;font-weight:600}.help-body{color:#ffffffd9;flex-direction:column;flex-grow:1;gap:16px;padding-right:4px;font-size:.88rem;line-height:1.5;display:flex;overflow-y:auto}.help-section{flex-direction:column;gap:6px;display:flex}.help-section h3{color:var(--accent-blue);margin-bottom:2px;font-size:.95rem;font-weight:600}.help-section p{color:#ffffffb3}.help-list{flex-direction:column;gap:4px;margin-inline-start:16px;display:flex}.help-list li{color:#ffffffb3;list-style-type:square}.help-body::-webkit-scrollbar{width:4px}.help-body::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}