@import "https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&family=Roboto:wght@300;400;500&display=swap";:root{--bg-primary:#fff;--bg-secondary:#f6f8fc;--bg-sidebar:#f6f8fc;--bg-email-panel:#fff;--bg-hover:#e8eaed;--bg-selected:#c2e7ff;--bg-unread:#fff;--text-primary:#202124;--text-secondary:#5f6368;--text-unread:#202124;--text-snippet:#5f6368;--border-color:#e0e0e0;--sidebar-active:#d3e3fd;--sidebar-text:#444746;--star-active:#f4b400;--badge-bg:#1a73e8;--badge-text:#fff;--compose-bg:#1a73e8;--compose-hover:#1557b0;--compose-shadow:0 1px 3px #0000004d;--shadow-sm:0 1px 2px #0000001a;--shadow-md:0 4px 12px #00000026;--unread-dot:#1a73e8;--reader-bg:#fff;--search-bg:#eaf1fb;--search-focus:#fff;--divider:#e0e0e0;--scrollbar-thumb:#dadce0;--tooltip-bg:#303134;--sidebar-width:256px;--topbar-height:64px}[data-theme=dark]{--bg-primary:#202124;--bg-secondary:#292a2d;--bg-sidebar:#1f1f1f;--bg-email-panel:#202124;--bg-hover:#35363a;--bg-selected:#004a77;--bg-unread:#25282b;--text-primary:#e8eaed;--text-secondary:#9aa0a6;--text-unread:#e8eaed;--text-snippet:#9aa0a6;--border-color:#3c4043;--sidebar-active:#004a77;--sidebar-text:#c4c7c5;--star-active:#f4b400;--badge-bg:#8ab4f8;--badge-text:#202124;--compose-bg:#8ab4f8;--compose-hover:#aecbfa;--reader-bg:#202124;--search-bg:#303134;--search-focus:#3c4043;--divider:#3c4043;--scrollbar-thumb:#5f6368}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg-secondary);color:var(--text-primary);font-family:Roboto,Google Sans,sans-serif;transition:background .25s,color .25s}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.app-container{grid-template-rows:var(--topbar-height) 1fr;grid-template-columns:var(--sidebar-width) 1fr;height:100%;display:grid;overflow:hidden}.topbar{background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:10;grid-column:1/-1;align-items:center;gap:12px;padding:0 16px;transition:background .25s,border-color .25s;display:flex}.topbar-logo{flex-shrink:0;align-items:center;gap:4px;width:200px;text-decoration:none;display:flex}.topbar-logo .logo-icon{align-items:center;width:40px;height:28px;display:flex}.logo-svg{width:40px;height:28px}.topbar-logo .logo-text{color:var(--text-secondary);letter-spacing:-.5px;font-family:Google Sans,sans-serif;font-size:22px;font-weight:400}.logo-text span{color:var(--text-primary)}.search-bar{flex:1;max-width:720px;position:relative}.search-bar input{background:var(--search-bg);width:100%;height:46px;color:var(--text-primary);border:none;border-radius:24px;outline:none;padding:0 48px 0 56px;font-family:Roboto,sans-serif;font-size:16px;transition:background .2s,box-shadow .2s}.search-bar input:focus{background:var(--search-focus);box-shadow:var(--shadow-md)}.search-bar input::placeholder{color:var(--text-secondary)}.search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.topbar-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.hamburger-btn{cursor:pointer;width:40px;height:40px;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:none}.hamburger-btn:hover{background:var(--bg-hover)}.hamburger-btn svg{width:22px;height:22px}.icon-btn{cursor:pointer;width:40px;height:40px;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:flex;position:relative}.icon-btn:hover{background:var(--bg-hover)}.icon-btn svg{width:20px;height:20px}.avatar-btn{color:#fff;cursor:pointer;background:#1a73e8;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-family:Google Sans,sans-serif;font-size:14px;font-weight:500;display:flex}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);padding:8px 0;transition:background .25s,transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}.compose-btn{background:var(--bg-primary);cursor:pointer;color:var(--text-primary);white-space:nowrap;border:none;border-radius:16px;align-items:center;gap:12px;width:calc(100% - 32px);margin:8px 16px 16px;padding:16px 24px;font-family:Google Sans,sans-serif;font-size:14px;font-weight:500;transition:box-shadow .2s,transform .15s,background .25s;display:flex;box-shadow:0 1px 3px #0003,0 4px 8px #0000001a}.compose-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000040,0 8px 16px #00000026}.compose-btn svg{color:#1a73e8;flex-shrink:0}.nav-section{margin-bottom:8px}.nav-item{cursor:pointer;height:38px;color:var(--sidebar-text);text-align:left;background:0 0;border:none;border-radius:0 20px 20px 0;align-items:center;gap:16px;width:calc(100% - 16px);margin-right:16px;padding:0 16px;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;transition:background .15s;display:flex;position:relative}.nav-item:hover{background:var(--bg-hover)}.nav-item.active{background:var(--sidebar-active);color:var(--text-primary);font-weight:700}.nav-item svg{flex-shrink:0;width:20px;height:20px}.nav-label{flex:1}.nav-badge{color:var(--text-primary);text-align:right;background:0 0;min-width:20px;font-size:12px;font-weight:500}.nav-divider{background:var(--divider);height:1px;margin:8px 16px}.sidebar-overlay{z-index:40;background:#0006;display:none;position:fixed;inset:0}.main-area{display:flex;overflow:hidden}.email-list-panel{background:var(--bg-email-panel);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:420px;min-width:280px;transition:background .25s,border-color .25s;display:flex;overflow:hidden}.email-list-panel.fullwidth{border-right:none;flex:1!important;width:auto!important;min-width:0!important}.list-toolbar{border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:4px;height:52px;padding:0 8px;display:flex}.list-toolbar-title{color:var(--text-secondary);margin-left:4px;font-family:Google Sans,sans-serif;font-size:16px}.email-list{flex:1;overflow-y:auto}.email-row{cursor:pointer;border-bottom:1px solid var(--border-color);align-items:center;gap:12px;height:56px;padding:0 16px;transition:background .15s,box-shadow .15s;display:flex;position:relative}.email-row:hover{background:var(--bg-hover);box-shadow:0 -1px 0 var(--border-color), 0 1px 0 var(--border-color);z-index:1}.email-row.unread{background:var(--bg-unread);font-weight:500}.email-row.selected{background:var(--bg-selected)}.email-row.unread:before{content:"";background:var(--unread-dot);border-radius:0 2px 2px 0;width:3px;height:32px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.email-list-panel.fullwidth .email-row{grid-template-columns:36px 28px 220px 1fr 80px;grid-template-areas:"avatar star sender middle date";align-items:center;gap:0 8px;padding:0 16px;display:grid}.email-list-panel.fullwidth .email-avatar{grid-area:avatar}.email-list-panel.fullwidth .email-star{grid-area:star;justify-self:center}.email-list-panel.fullwidth .email-info,.email-list-panel.fullwidth .email-info-top{display:contents}.email-list-panel.fullwidth .email-sender{white-space:nowrap;text-overflow:ellipsis;grid-area:sender;font-size:14px;overflow:hidden}.email-list-panel.fullwidth .email-subject-snippet{display:none}.email-list-panel.fullwidth .email-subject-line{white-space:nowrap;text-overflow:ellipsis;grid-area:middle;font-size:14px;overflow:hidden}.email-list-panel.fullwidth .email-date{text-align:right;color:var(--text-secondary);white-space:nowrap;grid-area:date;font-size:12px}.email-list-panel.fullwidth .email-row.unread .email-date{color:var(--text-primary);font-weight:600}.email-avatar{color:#fff;letter-spacing:.5px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:Google Sans,sans-serif;font-size:13px;font-weight:500;display:flex}.email-star{cursor:pointer;width:20px;height:20px;color:var(--text-secondary);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,transform .15s;display:flex}.email-star:hover{transform:scale(1.2)}.email-star.starred{color:var(--star-active)}.email-star svg{width:18px;height:18px}.email-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.email-info-top{align-items:baseline;gap:8px;display:flex}.email-sender{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:400;overflow:hidden}.email-row.unread .email-sender{font-weight:600}.email-date{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:12px}.email-row.unread .email-date{color:var(--text-primary);font-weight:600}.email-subject-line{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);font-size:14px;overflow:hidden}.email-row.unread .email-subject-line{font-weight:600}.email-subject-snippet{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.email-snippet-text{color:var(--text-snippet);font-weight:300}.email-reader{background:var(--reader-bg);flex-direction:column;flex:1;transition:background .25s;display:flex;overflow:hidden}.reader-toolbar{border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:4px;height:52px;padding:8px 16px;display:flex}.reader-content{flex:1;padding:24px 40px;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reader-content{animation:.2s ease-out fadeIn}.reader-subject{color:var(--text-primary);margin-bottom:20px;font-family:Google Sans,sans-serif;font-size:22px;font-weight:400;line-height:1.3}.reader-header{align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.reader-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-family:Google Sans,sans-serif;font-size:16px;font-weight:500;display:flex}.reader-meta{flex:1;min-width:0}.reader-from-name{color:var(--text-primary);font-size:14px;font-weight:500}.reader-from-email{color:var(--text-secondary);font-size:12px}.reader-date-full{color:var(--text-secondary);margin-top:2px;font-size:12px}.reader-actions{gap:4px;margin-left:auto;display:flex}.reader-divider{background:var(--divider);height:1px;margin:0 0 24px}.reader-body{color:var(--text-primary);white-space:pre-wrap;font-family:Roboto,sans-serif;font-size:14px;line-height:1.75}.reply-bar{border-top:1px solid var(--border-color);flex-shrink:0;gap:8px;padding:16px 40px;display:flex}.reply-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:8px;padding:9px 20px;font-family:Google Sans,sans-serif;font-size:14px;font-weight:500;transition:background .15s,box-shadow .15s;display:flex}.reply-btn:hover{background:var(--bg-hover);box-shadow:var(--shadow-sm)}.reply-btn svg{width:16px;height:16px}.empty-state{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.empty-state svg{opacity:.3;width:64px;height:64px;margin-bottom:12px}.empty-state p{margin-top:8px;font-size:16px}.reader-placeholder{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px;font-size:16px;display:flex}.reader-placeholder svg{opacity:.15;width:80px;height:80px}.compose-overlay{z-index:100;opacity:0;pointer-events:none;background:#0000004d;justify-content:flex-end;align-items:flex-end;padding:0 24px 24px 0;transition:opacity .2s;display:flex;position:fixed;inset:0}.compose-overlay.open{opacity:1;pointer-events:auto}.compose-modal{background:var(--bg-primary);border-radius:16px;flex-direction:column;width:560px;height:500px;transition:transform .25s cubic-bezier(.4,0,.2,1),background .25s;display:flex;overflow:hidden;transform:translateY(100%);box-shadow:0 8px 32px #00000059}.compose-overlay.open .compose-modal{transform:translateY(0)}.compose-header{color:#fff;cursor:move;background:#404040;align-items:center;gap:8px;padding:12px 16px;font-family:Google Sans,sans-serif;font-size:14px;font-weight:500;display:flex}.compose-header span{flex:1}.compose-close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex}.compose-close:hover{background:#fff3}.compose-field{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding:8px 16px;display:flex}.compose-field label{color:var(--text-secondary);flex-shrink:0;width:30px;font-size:13px}.compose-field input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:Roboto,sans-serif;font-size:14px}.compose-body{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;padding:12px 16px;font-family:Roboto,sans-serif;font-size:14px;line-height:1.6}.compose-footer{border-top:1px solid var(--border-color);align-items:center;gap:8px;padding:8px 16px;display:flex}.send-btn{background:var(--compose-bg);color:#fff;cursor:pointer;box-shadow:var(--compose-shadow);border:none;border-radius:20px;align-items:center;gap:8px;padding:10px 24px;font-family:Google Sans,sans-serif;font-size:14px;font-weight:500;transition:background .15s,box-shadow .15s,transform .1s;display:flex}.send-btn:hover{background:var(--compose-hover);transform:translateY(-1px);box-shadow:0 2px 8px #00000040}.toast{color:#fff;z-index:200;opacity:0;white-space:nowrap;background:#323232;border-radius:8px;padding:10px 24px;font-family:Roboto,sans-serif;font-size:14px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(80px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.icon-btn[data-tooltip]:hover:after{content:attr(data-tooltip);background:var(--tooltip-bg);color:#fff;white-space:nowrap;pointer-events:none;z-index:50;border-radius:4px;padding:4px 10px;font-size:12px;position:absolute;bottom:-32px;left:50%;transform:translate(-50%)}@media (width<=900px){:root{--sidebar-width:72px}.app-container{grid-template-columns:72px 1fr}.nav-label,.nav-badge,.compose-btn span{display:none}.compose-btn{justify-content:center;padding:16px}.nav-item{border-radius:50%;justify-content:center;width:100%;height:48px;margin-right:0;padding:0}.topbar-logo .logo-text{display:none}.topbar-logo{width:auto}.reader-content{padding:16px 20px}.reply-bar{padding:12px 20px}.email-list-panel{width:340px;min-width:240px}}@media (width<=600px){:root{--sidebar-width:280px}.app-container{grid-template-columns:1fr;grid-template-rows:var(--topbar-height) 1fr}.sidebar{width:var(--sidebar-width);z-index:50;border-right:1px solid var(--border-color);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-overlay{display:block}.hamburger-btn{display:flex}.nav-label,.nav-badge,.compose-btn span{display:block}.compose-btn{padding:16px 24px}.nav-item{border-radius:0 20px 20px 0;justify-content:flex-start;width:calc(100% - 16px);height:38px;margin-right:16px;padding:0 16px}.topbar-logo{width:auto}.search-bar{max-width:none}.main-area{position:relative}.email-list-panel{z-index:1;border-right:none;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;flex-shrink:1!important;width:100%!important;min-width:0!important}.email-reader{z-index:2;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:translate(100%)}.email-reader.open{transform:translate(0)}.email-list-panel .email-row{align-items:flex-start;gap:10px;height:72px;padding:10px 12px;grid-template-columns:unset!important;grid-template-areas:unset!important;display:flex!important}.email-list-panel .email-info,.email-list-panel .email-info-top{display:flex!important}.email-list-panel .email-subject-snippet{display:block!important}.email-list-panel .email-subject-line,.email-list-panel .email-sender,.email-list-panel .email-date{grid-area:unset!important}.reader-content{padding:16px}.reply-bar{padding:12px 16px}.compose-modal{border-radius:0;width:100%;height:100%}.compose-overlay{align-items:stretch;padding:0}.topbar-actions .icon-btn:nth-child(2),.topbar-actions .icon-btn:nth-child(3){display:none}}.client-data-badge{background-color:#fff;border:1px solid #0000001a;border-radius:30px;align-items:center;min-width:150px;padding:12px 16px;display:inline-flex;box-shadow:0 4px 12px #0000000d}[data-theme=dark] .client-data-badge{box-shadow:none;background-color:#171717;border:1px solid #ffffff26}.cdb-client-data{flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;width:100%;display:flex}.cdb-priority-row{width:100%}.cdb-priority-label{color:#0009;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:10px}[data-theme=dark] .cdb-priority-label{color:#fff9}.cdb-priority-track{background:#0000001a;border-radius:3px;width:100%;height:6px;overflow:hidden}[data-theme=dark] .cdb-priority-track{background:#fff3}.cdb-priority-fill{border-radius:3px;height:100%;transition:width .5s ease-out}.priority-1,.priority-2{background:#ff5252}.priority-4,.priority-5{background:#33d9b2}.cdb-tags{align-items:center;gap:8px;font-size:11px;display:flex}.cdb-tag{color:#000;background:#0000000d;border-radius:4px;padding:2px 8px;font-weight:500}[data-theme=dark] .cdb-tag{color:#fff;background:#ffffff26}.cdb-revenue{font-weight:600}.cdb-demo{color:#008556;background:#33d9b233}[data-theme=dark] .cdb-demo{color:#d1ffd6;background:#33d9b24d}.cdb-new{color:#855b00;background:#ffb14233}[data-theme=dark] .cdb-new{color:#ffe6b3;background:#ffb1424d}.ai-agent-overlay-container{width:var(--sidebar-width);height:calc(100vh - var(--topbar-height));z-index:100;pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;bottom:0;left:0}.ai-agent-overlay-container.open{pointer-events:auto}.ai-floating-trigger{cursor:pointer;pointer-events:auto;background-color:#141414;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-weight:600;transition-duration:.3s;display:flex;position:absolute;bottom:24px;left:24px;overflow:hidden;box-shadow:0 0 0 4px #b4a0ff41}.trigger-logo{object-fit:contain;opacity:1;width:24px;height:24px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.ai-floating-trigger:hover,.ai-floating-trigger.active{background-color:#171717;border:1px solid #ffffff26;border-radius:50px;align-items:center;width:200px;height:64px;transition-duration:.3s}.ai-trigger-content{opacity:0;pointer-events:none;white-space:nowrap;justify-content:center;align-items:center;width:100%;height:100%;padding:0 20px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;top:0;left:0;transform:translate(10px)}.ai-floating-trigger:hover .ai-trigger-content,.ai-floating-trigger.active .ai-trigger-content{opacity:1;transform:translate(0)}.ai-floating-trigger:hover .trigger-logo,.ai-floating-trigger.active .trigger-logo{opacity:0;width:0;transform:scale(0)}.ai-trigger-text{color:#fff;font-size:14px;font-weight:600}.ai-client-data{flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;width:100%;display:flex}.priority-row{width:100%}.priority-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:10px}.priority-track{background:#fff3;border-radius:3px;width:100%;height:6px;overflow:hidden}.priority-fill{border-radius:3px;height:100%;transition:width .5s ease-out}.priority-1,.priority-2{background:#ff5252}.priority-3{background:#ffb142}.priority-4,.priority-5{background:#33d9b2}.ai-client-tags{align-items:center;gap:8px;font-size:11px;display:flex}.ai-revenue-tag{color:#fff;background:#ffffff26;border-radius:4px;padding:2px 8px;font-weight:600}.ai-status-tag{color:#fff;background:#ffffff26;border-radius:4px;padding:2px 6px}.ai-status-tag.demo{color:#d1ffd6;background:#33d9b24d}.ai-status-tag.new{color:#ffe6b3;background:#ffb1424d}.ai-agent-panel{opacity:0;pointer-events:none;transform-origin:0 100%;z-index:1;background:#f7f7f7;border-top:1px solid #0000000d;border-right:1px solid #0000000d;border-top-right-radius:24px;flex-direction:column;width:100%;height:100%;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:0;left:0;overflow:hidden;transform:translateY(20px)scale(.95);box-shadow:4px -4px 24px #0000001a}.ai-agent-overlay-container.open .ai-agent-panel{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}[data-theme=dark] .ai-agent-panel{background:#171717;border-top:1px solid #ffffff26;border-right:1px solid #ffffff26;box-shadow:4px -4px 24px #00000080}.ai-panel-header{background:#f7f7f7;border-bottom:1px solid #eee;align-items:center;padding:16px 20px;display:flex}[data-theme=dark] .ai-panel-header{background:0 0;border-bottom:1px solid #ffffff1a}.ai-avatar{color:#f7f7f7;background:#929aab;border:1px solid #0000000d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-right:12px;display:flex}[data-theme=dark] .ai-avatar{color:#fff;background:#2a2a2a;border:1px solid #ffffff1a}.ai-avatar svg{width:20px;height:20px}.ai-header-text{flex-direction:column;flex:1;display:flex}.ai-header-text h3{color:#393e46;margin:0;font-family:Google Sans,sans-serif;font-size:16px;font-weight:600}[data-theme=dark] .ai-header-text h3{color:#fff}.ai-header-text span{color:#929aab;font-size:12px;font-weight:400}[data-theme=dark] .ai-header-text span{color:#ffffff80}.ai-close-btn{color:#929aab;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}[data-theme=dark] .ai-close-btn{color:#ffffff80}.ai-close-btn:hover{color:#393e46;background:#eee}[data-theme=dark] .ai-close-btn:hover{color:#fff;background:#ffffff1a}.ai-close-btn svg{width:20px;height:20px}.ai-chat-area{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.ai-message-bubble{word-wrap:break-word;border-radius:16px;max-width:90%;padding:12px 16px;font-size:14px;line-height:1.5;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideIn;position:relative}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-message-bubble.ai{color:#393e46;background:#eee;border-bottom-left-radius:4px;align-self:flex-start}[data-theme=dark] .ai-message-bubble.ai{color:#fff;background:#ffffff1a}.ai-message-bubble.user{color:#f7f7f7;box-shadow:none;background:#393e46;border-bottom-right-radius:4px;align-self:flex-end}[data-theme=dark] .ai-message-bubble.user{color:#171717;background:#faf9f7}.ai-input-area{background:#f7f7f7;border-top:1px solid #eee;align-items:center;gap:12px;padding:16px;display:flex}[data-theme=dark] .ai-input-area{background:0 0;border-top:1px solid #ffffff1a}.ai-input-area input{color:#393e46;background:#eee;border:1px solid #929aab;border-radius:20px;outline:none;flex:1;padding:10px 16px;font-family:inherit;font-size:14px;transition:all .2s}.ai-input-area input:focus{border-color:#393e46;box-shadow:0 0 0 2px #393e461a}[data-theme=dark] .ai-input-area input{color:#fff;background:#ffffff0d;border:1px solid #ffffff26}[data-theme=dark] .ai-input-area input:focus{border-color:#ffffff80;box-shadow:0 0 0 2px #ffffff1a}.ai-send-btn{color:#f7f7f7;cursor:pointer;background:#393e46;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s,background .2s;display:flex}.ai-send-btn:hover:not(:disabled){background:#929aab;transform:scale(1.05)}.ai-send-btn:disabled{color:#929aab;cursor:not-allowed;background:#eee;transform:none}[data-theme=dark] .ai-send-btn{color:#fff;background:#ffffff1a}[data-theme=dark] .ai-send-btn:hover:not(:disabled){background:#fff3}[data-theme=dark] .ai-send-btn:disabled{color:#ffffff4d;background:#ffffff0d}.ai-send-btn svg{width:18px;height:18px;margin-left:-2px}@media (width<=900px){.ai-agent-overlay-container{width:100vw;height:100vh}.ai-agent-overlay-container.open{background:#0006;justify-content:center;align-items:center;padding:16px}.ai-agent-overlay-container.open .ai-agent-panel{border-radius:16px;width:100%;height:80%;max-height:600px;position:relative;box-shadow:0 8px 32px #0000004d}.ai-floating-trigger{z-index:999;position:fixed;bottom:24px;left:auto;right:24px}.ai-floating-trigger:hover,.ai-floating-trigger.active{width:180px}}