html,body,#root{margin:0;min-height:100%}body{margin:0}:root{--text: #0f172a;--muted: #475569;--border: #e5e7eb;--brand: #22c1c3;--brand2: #2f80ed;--bg: #ffffff;--max: 1080px;--narrow: 760px;--r: 12px;--drawer-width: 420px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow-x:hidden;background:#fff}#root{height:100%}#app-viewport{display:flex;width:100vw;height:100vh;transition:all .4s cubic-bezier(.4,0,.2,1)}#main-content{flex:1;height:100vh;overflow-y:auto;background:var(--bg);display:flex;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}#assistant-drawer{width:0;height:100vh;background:#fff;display:flex;flex-direction:column;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);border-left:0 solid var(--border)}#app-viewport.drawer-open #assistant-drawer{width:var(--drawer-width);border-left:1px solid var(--border)}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);line-height:1.5}a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:0 auto;padding:0 24px;width:100%}header{border-bottom:1px solid var(--border);background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:100;width:100%}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.left{display:flex;align-items:center;gap:32px}.brand img{height:32px;width:auto;display:block}nav{display:flex;gap:4px;font-size:14px;color:var(--muted)}.navItem{position:relative;display:inline-flex;align-items:center;cursor:pointer}.navLink-main{padding:10px 14px;border-radius:8px;display:flex;align-items:center;gap:4px;transition:background .2s}.dropdown{position:absolute;top:100%;left:0;min-width:280px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 40px #0000001f;padding:8px;display:none;margin-top:8px;z-index:110}.ddLink{display:flex;flex-direction:column;padding:12px;border-radius:8px;color:var(--text)}.ddLink:hover{background:#f8fafc;color:var(--brand2)}.ddTitle{font-size:14px;font-weight:700;margin-bottom:2px}.ddDesc{font-size:12px;color:var(--muted);line-height:1.4;font-weight:400}.caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.5;transition:transform .3s}.signin-btn{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;flex-shrink:0}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}#mobile-menu-toggle{display:none;cursor:pointer;color:var(--text);font-size:28px}.equal-button-group>.btn{flex:1 1 0;min-width:170px;max-width:240px;display:inline-flex;align-items:center;justify-content:center;text-align:center}@media(min-width:851px){.navLink-main:hover{color:var(--text);background:#f1f5f9}.navItem:hover .dropdown{display:block}.navItem:after{content:"";position:absolute;bottom:-15px;left:0;width:100%;height:15px}}footer{border-top:1px solid var(--border);padding:60px 0;color:var(--muted);font-size:14px;background:#fcfcfc;flex-shrink:0}.foot-wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.footlinks{display:flex;gap:32px;font-weight:400}.drawer-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:#fff;flex-shrink:0}.header-left{display:flex;align-items:center;gap:10px}.header-left img{width:20px;height:20px}.header-left span{font-size:15px;font-weight:600;color:var(--text)}.header-right{display:flex;align-items:center;gap:16px;color:var(--muted)}.icon-btn{cursor:pointer;font-size:20px}.drawer-content{flex:1;padding:40px 24px;overflow-y:auto}.welcome-logo{height:48px;width:auto;margin-bottom:24px}.welcome-title{font-size:28px;font-weight:400;color:#1a73e8;margin:0 0 16px}.welcome-sub{font-size:16px;font-weight:500;color:#3c4043;margin-bottom:24px}.suggestion-list{list-style:none;padding:0;margin:0}.suggestion-list li{padding:10px 0;color:#3c4043;font-size:14px;cursor:pointer;display:flex;align-items:center}.suggestion-list li:before{content:"•";color:var(--muted);font-weight:700;display:inline-block;width:1em;margin-right:8px}.drawer-footer{padding:20px 24px 12px;background:#fff;flex-shrink:0}.input-container{border:1px solid var(--border);border-radius:28px;padding:4px 6px 4px 20px;display:flex;align-items:center;background:#f8f9fa}.input-container input{flex:1;border:none;background:transparent;outline:none;font-size:14px;padding:10px 0}.send-btn-wrap{width:36px;height:36px;background:linear-gradient(135deg,var(--brand),var(--brand2));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.footer-meta{text-align:center;margin-top:16px;font-size:11px;color:#70757a;line-height:1.5}#agent-fab{position:fixed;bottom:24px;right:24px;width:72px;height:72px;cursor:pointer;z-index:200;display:flex;align-items:center;justify-content:center}#agent-fab img{width:100%;height:100%;object-fit:contain}@media(max-width:850px){#mobile-menu-toggle{display:block;margin-right:12px}.wrap{padding:0 20px}.left{gap:12px}nav{display:none;flex-direction:column;position:absolute;top:72px;left:0;width:100%;background:#fff;border-bottom:1px solid var(--border);padding:8px 24px 24px;z-index:99;max-height:calc(100vh - 72px);overflow-y:auto}nav.active{display:flex}.navItem{display:block;width:100%;border-bottom:1px solid #f8fafc}.navLink-main{padding:16px 0;width:100%;font-size:16px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.dropdown{position:static;display:none!important;min-width:0;box-shadow:none;border:none;padding:0 0 12px 16px;margin-top:0}.navItem.open .dropdown{display:block!important}.navItem.open .caret{transform:rotate(180deg)}.signin-btn{padding:8px 14px;font-size:13px}.header-actions{gap:6px}.equal-button-group>.btn{max-width:none}.foot-wrap{flex-direction:column;text-align:left!important;align-items:flex-start!important;gap:24px}.footlinks{flex-wrap:wrap;justify-content:flex-start;gap:16px}}
