html,body,#root{width:100%;min-width:100%;height:100%;margin:0}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,textarea,input{font:inherit}button{color:inherit}.dark-theme{--bg:#09090b;--sidebar:#0d0d11;--surface:#111116;--surface-2:#17171d;--surface-3:#1e1e26;--text:#f5f3f8;--text-soft:#c4bfcb;--muted:#81798b;--muted-2:#5f5868;--border:#25222b;--border-strong:#332d3c;--purple:#4b168f;--purple-bright:#7c3aed;--purple-glow:#9a45ff;--purple-soft:#21132f;--purple-hover:#2e1945;--purple-text:#c6a4ff;--input:#121217;--hover:#18171d;--shadow:#00000047;--scrollbar:#7c3aed52;--scrollbar-hover:#9a45ffb3}.light-theme{--bg:#fff;--sidebar:#faf9fc;--surface:#fff;--surface-2:#f5f2f8;--surface-3:#eee9f3;--text:#17131c;--text-soft:#49414f;--muted:#756b7d;--muted-2:#9b91a3;--border:#e6e0eb;--border-strong:#d8cede;--purple:#4c1d95;--purple-bright:#6d28d9;--purple-glow:#7c3aed;--purple-soft:#eee5fa;--purple-hover:#e5d7f7;--purple-text:#4c1d95;--input:#faf8fc;--hover:#f3eff6;--shadow:#24123014;--scrollbar:#4c1d953d;--scrollbar-hover:#4c1d9594}.app{background:var(--bg);width:100%;height:100vh;color:var(--text);transition:background .2s,color .2s;display:flex;overflow:hidden}.brand-logo,.welcome-logo,.logo-avatar{overflow:hidden}.brand-logo img,.welcome-logo img,.logo-avatar img{object-fit:contain;width:100%;height:100%;display:block}.brand-logo{background:0 0;border-radius:11px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;display:flex}.brand-logo img{width:42px;height:42px}.welcome-logo{filter:drop-shadow(0 0 16px #7c3aed47);background:0 0;border-radius:18px;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 19px;display:flex}.welcome-logo img{width:76px;height:76px}.logo-avatar{background:0 0!important;border:0!important;padding:0!important}.message-avatar.logo-avatar{width:31px;min-width:31px;height:31px}.company-avatar.logo-avatar{width:36px;min-width:36px;height:36px}.message-avatar.logo-avatar img,.company-avatar.logo-avatar img{width:100%;height:100%}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;width:292px;min-width:292px;height:100vh;padding:20px 14px 14px;display:flex;overflow:hidden}.brand{flex-shrink:0;align-items:center;gap:11px;padding:1px 8px 18px;display:flex}.brand h1{color:var(--text);letter-spacing:.7px;margin:0;font-size:16px}.brand span{color:var(--muted);margin-top:2px;font-size:11px;display:block}.new-chat-button{border:1px solid var(--border-strong);background:var(--surface-2);width:100%;color:var(--text);cursor:pointer;border-radius:10px;flex-shrink:0;align-items:center;gap:9px;padding:11px 13px;transition:all .18s;display:flex}.new-chat-button>span{color:var(--purple-text)}.new-chat-button:hover{border-color:var(--purple);background:var(--purple-soft)}.sidebar-section{flex-shrink:0;margin-top:25px}.section-title{color:var(--muted);letter-spacing:1.2px;margin:0 10px 9px;font-size:10px;font-weight:700}.menu-item,.bottom-menu-item{width:100%;color:var(--text-soft);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:10px 11px;font-size:13px;transition:all .15s;display:flex}.menu-item:hover,.bottom-menu-item:hover{background:var(--hover);color:var(--text)}.menu-item.active,.bottom-menu-active{background:var(--purple-soft);color:var(--text)}.menu-item.active{box-shadow:inset 2px 0 0 var(--purple-bright)}.bottom-menu-active{color:var(--purple-text)}.menu-icon{width:18px;color:var(--purple-text)}.coming-soon{background:var(--surface-3);color:var(--muted);border-radius:5px;margin-left:auto;padding:3px 6px;font-size:9px}.conversations-section{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.conversations-section .section-title{flex-shrink:0}.conversation-list{scrollbar-width:thin;scrollbar-color:transparent transparent;flex-direction:column;flex:auto;gap:3px;min-height:0;padding-right:3px;display:flex;overflow:hidden auto}.conversation-list:hover{scrollbar-color:var(--scrollbar) transparent}.conversation-list::-webkit-scrollbar{width:5px}.conversation-list::-webkit-scrollbar-track{background:0 0}.conversation-list::-webkit-scrollbar-thumb{background:0 0;border-radius:999px}.conversation-list:hover::-webkit-scrollbar-thumb{background:var(--scrollbar)}.conversation-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.conversation{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;flex-shrink:0;align-items:center;gap:10px;padding:8px;display:flex}.conversation:hover{background:var(--hover)}.active-conversation{background:var(--purple-soft)}.conversation-avatar{background:var(--surface-3);width:31px;min-width:31px;height:31px;color:var(--purple-text);border-radius:8px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.active-conversation .conversation-avatar{background:var(--purple);color:#fff}.conversation-info{flex-direction:column;min-width:0;display:flex}.conversation-info strong{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.conversation-info span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;overflow:hidden}.sidebar-message{color:var(--muted);padding:10px 11px;font-size:11px}.sidebar-bottom{border-top:1px solid var(--border);flex-shrink:0;margin-top:12px;padding-top:8px}.bottom-menu-item{margin:2px 0}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:100%;min-height:42px;color:var(--text-soft);cursor:pointer;border-radius:9px;align-items:center;gap:10px;margin-top:8px;padding:8px 10px;display:flex}.theme-toggle:hover{border-color:var(--purple);background:var(--purple-soft)}.theme-toggle-icon{width:18px;color:var(--purple-text);font-size:14px}.theme-toggle>span:nth-child(2){font-size:11px}.theme-switch{background:var(--purple);border-radius:20px;align-items:center;width:34px;height:19px;margin-left:auto;padding:2px;transition:all .2s;display:flex}.theme-switch-circle{background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;transform:translate(0)}.theme-switch-light .theme-switch-circle{transform:translate(15px)}.company-profile{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:10px;padding:13px 8px 3px;display:flex}.company-avatar{background:var(--purple);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.company-profile div:nth-child(2){flex-direction:column;min-width:0;display:flex}.company-profile strong{color:var(--text);font-size:11px;font-weight:500}.company-profile span{color:var(--muted);margin-top:2px;font-size:9px}.profile-dots{margin-left:auto}.main{background:var(--bg);flex-direction:column;flex:1;min-width:0;height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;height:69px;min-height:69px;padding:0 25px;display:flex}.employee-info{align-items:center;gap:11px;display:flex}.employee-avatar{border:1px solid var(--border-strong);background:var(--purple-soft);width:35px;height:35px;color:var(--purple-text);border-radius:9px;justify-content:center;align-items:center;font-size:11px;display:flex}.employee-info h2,.page-heading h2{color:var(--text);margin:0;font-size:14px;font-weight:600}.online-status{color:var(--muted);align-items:center;gap:5px;margin-top:4px;font-size:9px;display:flex}.online-dot{background:#49a96c;border-radius:50%;width:6px;height:6px}.icon-button{border:1px solid var(--border);width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px}.icon-button:hover{background:var(--purple-soft);color:var(--purple-text)}.page-heading span{color:var(--muted);margin-top:4px;font-size:10px;display:block}.chat{scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;min-height:0;overflow-y:auto}.chat:hover{scrollbar-color:var(--scrollbar) transparent}.chat::-webkit-scrollbar{width:5px}.chat::-webkit-scrollbar-track{background:0 0}.chat::-webkit-scrollbar-thumb{background:0 0;border-radius:999px}.chat:hover::-webkit-scrollbar-thumb{background:var(--scrollbar)}.chat::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.chat-content{width:min(800px,100% - 40px);margin:0 auto;padding:55px 0 35px}.welcome{text-align:center;padding:15px 0 55px}.welcome h2{color:var(--text);margin:0;font-size:20px;font-weight:600}.welcome p{max-width:420px;color:var(--muted);margin:9px auto 0;font-size:12px;line-height:1.6}.messages{flex-direction:column;gap:29px;display:flex}.message-row{width:100%;display:flex}.customer-row{justify-content:flex-end}.ai-row{align-items:flex-start;gap:12px}.message{font-size:13px;line-height:1.65}.customer-message{border:1px solid var(--border-strong);background:var(--purple-soft);max-width:72%;color:var(--text);border-radius:15px 15px 4px;padding:11px 15px}.message-avatar{border-radius:8px;justify-content:center;align-items:center;width:29px;min-width:29px;height:29px;display:flex}.ai-message{max-width:78%;color:var(--text-soft)}.message-name{color:var(--purple-text);margin-bottom:5px;font-size:11px;font-weight:600}.composer-area{background:var(--bg);flex-shrink:0;padding:12px 25px 17px}.composer{border:1px solid var(--border-strong);background:var(--surface);width:min(800px,100%);min-height:58px;box-shadow:0 8px 35px var(--shadow);border-radius:15px;align-items:flex-end;gap:10px;margin:0 auto;padding:10px 10px 10px 16px;display:flex}.composer:focus-within{border-color:var(--purple)}.composer textarea{resize:none;min-height:36px;max-height:140px;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:8px 0;font-size:13px}.composer textarea::placeholder{color:var(--muted)}.send-button{background:var(--purple);color:#fff;cursor:pointer;border:0;border-radius:10px;width:36px;min-width:36px;height:36px;font-size:17px;font-weight:700}.send-button:hover:not(:disabled){background:var(--purple-bright)}.send-button:disabled{background:var(--surface-3);color:var(--muted);cursor:default}.composer-note{color:var(--muted-2);text-align:center;margin:8px 0 0;font-size:9px}.customers-page,.products-page,.analytics-page{background:var(--bg);scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;min-height:0;overflow-y:auto}.customers-page:hover,.products-page:hover,.analytics-page:hover{scrollbar-color:var(--scrollbar) transparent}.customers-page::-webkit-scrollbar{width:5px}.products-page::-webkit-scrollbar{width:5px}.analytics-page::-webkit-scrollbar{width:5px}.customers-page::-webkit-scrollbar-track{background:0 0}.products-page::-webkit-scrollbar-track{background:0 0}.analytics-page::-webkit-scrollbar-track{background:0 0}.customers-page::-webkit-scrollbar-thumb{background:0 0;border-radius:999px}.products-page::-webkit-scrollbar-thumb{background:0 0;border-radius:999px}.analytics-page::-webkit-scrollbar-thumb{background:0 0;border-radius:999px}.customers-page:hover::-webkit-scrollbar-thumb{background:var(--scrollbar)}.products-page:hover::-webkit-scrollbar-thumb{background:var(--scrollbar)}.analytics-page:hover::-webkit-scrollbar-thumb{background:var(--scrollbar)}.customers-container,.products-container,.analytics-container{width:min(1100px,100% - 60px);margin:0 auto;padding:45px 0 70px}.customers-header,.products-header,.analytics-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:27px;display:flex}.customers-header h1,.products-header h1,.analytics-header h1{color:var(--text);letter-spacing:-.5px;margin:0;font-size:25px;font-weight:600}.customers-header p,.products-header p,.analytics-header p{color:var(--muted);margin:7px 0 0;font-size:12px}.customers-loading,.products-loading,.analytics-loading{border:1px solid var(--border);background:var(--surface);color:var(--muted);text-align:center;border-radius:12px;padding:30px}.customer-count{border:1px solid var(--border);background:var(--purple-soft);color:var(--purple-text);border-radius:8px;padding:7px 10px;font-size:10px}.customers-table{border:1px solid var(--border);background:var(--surface);border-radius:13px;overflow:hidden}.customers-table-header,.customer-row-item{grid-template-columns:minmax(190px,1.4fr) minmax(170px,1.2fr) minmax(140px,1fr) 120px 100px;align-items:center;column-gap:15px;display:grid}.customers-table-header{border-bottom:1px solid var(--border);background:var(--surface-2);min-height:43px;color:var(--muted);letter-spacing:.8px;text-transform:uppercase;padding:0 18px;font-size:9px;font-weight:700}.customer-row-item{border-bottom:1px solid var(--border);min-height:70px;padding:11px 18px}.customer-row-item:last-child{border-bottom:0}.customer-row-item:hover{background:var(--hover)}.customer-name-cell{align-items:center;gap:11px;min-width:0;display:flex}.customer-avatar{background:var(--purple-soft);width:35px;min-width:35px;height:35px;color:var(--purple-text);border-radius:9px;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.customer-name-cell>div:last-child{flex-direction:column;min-width:0;display:flex}.customer-name-cell strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.customer-name-cell span{color:var(--muted);margin-top:4px;font-size:9px}.customer-data{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.status-badge{border:1px solid var(--border-strong);border-radius:20px;justify-content:center;align-items:center;min-width:67px;padding:5px 8px;font-size:9px;font-weight:600;display:inline-flex}.status-new{background:var(--surface-2);color:var(--muted)}.status-interested{background:var(--purple-soft);color:var(--purple-text)}.status-qualified{color:#62a87c;background:#317d501f;border-color:#3c915e59}.customer-action{text-align:right}.customer-action button{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-soft);cursor:pointer;border-radius:7px;padding:7px 9px;font-size:9px}.customer-action button:hover{border-color:var(--purple);background:var(--purple-soft);color:var(--purple-text)}.empty-customers{color:var(--muted);text-align:center;padding:55px 20px;font-size:12px}.add-product-button{border:1px solid var(--purple);background:var(--purple);color:#fff;cursor:pointer;border-radius:9px;align-items:center;gap:7px;min-height:37px;padding:0 14px;font-size:11px;font-weight:600;display:flex}.add-product-button:hover{background:var(--purple-bright)}.product-form-card{border:1px solid var(--border-strong);background:var(--surface);border-radius:14px;margin-bottom:28px;padding:22px}.product-form-header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.product-form-header h3{color:var(--text);margin:0;font-size:15px}.product-form-header p{color:var(--muted);margin:5px 0 0;font-size:10px}.close-form-button{border:1px solid var(--border);background:var(--surface-2);width:30px;height:30px;color:var(--muted);cursor:pointer;border-radius:7px;font-size:17px}.close-form-button:hover{background:var(--purple-soft);color:var(--purple-text)}.product-form{flex-direction:column;gap:17px;display:flex}.form-group{flex-direction:column;gap:7px;display:flex}.form-group label{color:var(--text-soft);font-size:10px;font-weight:600}.form-group input,.form-group textarea{border:1px solid var(--border-strong);background:var(--input);width:100%;color:var(--text);border-radius:9px;outline:none;font-size:12px}.form-group input{height:42px;padding:0 13px}.form-group textarea{resize:vertical;min-height:100px;padding:12px 13px}.form-group input:focus,.form-group textarea:focus{border-color:var(--purple)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted-2)}.product-form-actions{justify-content:flex-end;gap:9px;display:flex}.cancel-product-button,.save-product-button{cursor:pointer;border-radius:8px;min-height:36px;padding:0 14px;font-size:10px;font-weight:600}.cancel-product-button{border:1px solid var(--border);background:var(--surface-2);color:var(--text-soft)}.save-product-button{border:1px solid var(--purple);background:var(--purple);color:#fff}.save-product-button:hover:not(:disabled){background:var(--purple-bright)}.save-product-button:disabled{border-color:var(--border);background:var(--surface-3);color:var(--muted);cursor:default}.products-summary{color:var(--muted);margin-bottom:13px;font-size:10px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.product-card{border:1px solid var(--border);background:var(--surface);border-radius:13px;flex-direction:column;min-height:230px;padding:20px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.product-card:hover{border-color:var(--purple);box-shadow:0 10px 30px var(--shadow);transform:translateY(-2px)}.product-card-top{justify-content:space-between;align-items:center;display:flex}.product-icon{background:var(--purple-soft);width:37px;height:37px;color:var(--purple-text);border-radius:10px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.product-id{color:var(--muted);font-size:9px}.product-card h3{color:var(--text);margin:18px 0 8px;font-size:14px}.product-card>p{color:var(--muted);margin:0 0 20px;font-size:11px;line-height:1.6}.product-card-bottom{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto;padding-top:15px;display:flex}.product-price-label{color:var(--muted);font-size:9px}.product-card-bottom strong{color:var(--purple-text);font-size:11px;font-weight:600}.empty-products{border:1px dashed var(--border-strong);text-align:center;border-radius:13px;grid-column:1/-1;padding:70px 20px}.empty-products-icon{background:var(--purple-soft);width:42px;height:42px;color:var(--purple-text);border-radius:11px;justify-content:center;align-items:center;margin:0 auto 13px;display:flex}.empty-products h3{color:var(--text);margin:0;font-size:13px}.empty-products p{color:var(--muted);font-size:10px}.refresh-analytics-button{border:1px solid var(--border-strong);background:var(--surface);min-height:36px;color:var(--text-soft);cursor:pointer;border-radius:8px;padding:0 13px;font-size:10px;font-weight:600}.refresh-analytics-button:hover{border-color:var(--purple);background:var(--purple-soft);color:var(--purple-text)}.refresh-analytics-button:disabled{opacity:.5;cursor:default}.analytics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.metric-card{border:1px solid var(--border);background:var(--surface);border-radius:13px;min-height:170px;padding:19px}.metric-card:hover{border-color:var(--purple)}.metric-top{color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.metric-icon{border:1px solid var(--border-strong);background:var(--purple-soft);width:28px;height:28px;color:var(--purple-text);border-radius:8px;justify-content:center;align-items:center;font-size:10px;display:flex}.metric-card>strong{color:var(--text);letter-spacing:-1px;margin-top:22px;font-size:30px;font-weight:600;display:block}.metric-card>p{color:var(--muted);margin:9px 0 0;font-size:9px;line-height:1.5}.analytics-lower-grid{grid-template-columns:1.5fr 1fr;gap:14px;display:grid}.analytics-panel{border:1px solid var(--border);background:var(--surface);border-radius:13px;padding:21px}.analytics-panel-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:25px;display:flex}.analytics-panel-header h3{color:var(--text);margin:0;font-size:13px;font-weight:600}.analytics-panel-header p{color:var(--muted);margin:5px 0 0;font-size:9px}.analytics-panel-header>span{color:var(--muted);font-size:9px}.pipeline-list{flex-direction:column;gap:22px;display:flex}.pipeline-item{position:relative}.pipeline-label{color:var(--text-soft);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:10px;display:flex}.pipeline-label>div{align-items:center;gap:7px;display:flex}.pipeline-label strong{color:var(--text);font-size:10px}.pipeline-dot{border-radius:50%;width:7px;height:7px}.pipeline-dot-new{background:#81798b}.pipeline-dot-interested{background:var(--purple-bright)}.pipeline-dot-qualified{background:#55a574}.pipeline-bar{background:var(--surface-3);border-radius:20px;width:calc(100% - 42px);height:7px;overflow:hidden}.pipeline-fill{border-radius:20px;min-width:0;height:100%}.pipeline-fill-new{background:#81798b}.pipeline-fill-interested{background:var(--purple-bright)}.pipeline-fill-qualified{background:#55a574}.pipeline-percent{color:var(--muted);font-size:9px;position:absolute;bottom:-2px;right:0}.overview-list{flex-direction:column;display:flex}.overview-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:51px;display:flex}.overview-item:last-child{border-bottom:0}.overview-item span{color:var(--muted);font-size:10px}.overview-item strong{color:var(--text);font-size:12px;font-weight:600}.overview-item .online-value{color:#55a574;font-size:10px}.analytics-note{border:1px solid var(--border);background:var(--surface);border-radius:11px;align-items:flex-start;gap:11px;margin-top:14px;padding:15px 17px;display:flex}.analytics-note-icon{border:1px solid var(--border-strong);background:var(--purple-soft);width:25px;min-width:25px;height:25px;color:var(--purple-text);border-radius:7px;justify-content:center;align-items:center;font-size:10px;display:flex}.analytics-note strong{color:var(--text-soft);font-size:10px;font-weight:600}.analytics-note p{color:var(--muted);margin:4px 0 0;font-size:9px;line-height:1.5}@media (width<=1100px){.analytics-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1000px){.customers-table{overflow-x:auto}.customers-table-header,.customer-row-item{min-width:850px}.analytics-lower-grid{grid-template-columns:1fr}}@media (width<=800px){.sidebar{width:220px;min-width:220px}.chat-content,.customers-container,.products-container,.analytics-container{width:calc(100% - 30px)}.product-grid{grid-template-columns:1fr}}@media (width<=650px){.sidebar{display:none}.topbar{padding:0 16px}.composer-area{padding-left:12px;padding-right:12px}.customers-header,.products-header,.analytics-header{flex-direction:column;align-items:flex-start}.add-product-button,.refresh-analytics-button{justify-content:center;width:100%}.analytics-grid{grid-template-columns:1fr}}.user-profile-wrapper{margin-left:auto;position:relative}.user-avatar-button{border:1px solid var(--border-color);color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:16px;font-weight:700;transition:transform .18s,border-color .18s;display:flex;overflow:hidden}.user-avatar-button:hover{border-color:#8b5cf6;transform:scale(1.05)}.user-avatar-image{object-fit:cover;width:100%;height:100%}.user-profile-menu{background:var(--sidebar-bg,#171717);border:1px solid var(--border-color,#303030);z-index:1000;border-radius:16px;width:285px;padding:10px;position:absolute;top:52px;right:0;box-shadow:0 18px 50px #0000004d}.user-profile-menu-header{align-items:center;gap:12px;padding:10px;display:flex}.user-profile-menu-avatar{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;font-weight:700;display:flex;overflow:hidden}.user-profile-menu-avatar img{object-fit:cover;width:100%;height:100%}.user-profile-menu-info{flex-direction:column;gap:3px;min-width:0;display:flex}.user-profile-menu-info strong{color:var(--text-primary,#fff);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.user-profile-menu-info span{color:var(--text-secondary,#9ca3af);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.user-profile-menu-divider{background:var(--border-color,#303030);height:1px;margin:6px 0}.user-profile-menu-item{width:100%;color:var(--text-primary,#fff);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:11px 12px;font-size:14px;display:flex}.user-profile-menu-item:hover{background:#8b5cf61f}.user-profile-signout{color:#ef4444}.profile-modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:5000;background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.profile-modal{background:var(--main-bg,#212121);width:min(560px,100%);max-height:90vh;color:var(--text-primary,#fff);border:1px solid var(--border-color,#343434);border-radius:22px;overflow-y:auto;box-shadow:0 30px 80px #00000073}.profile-modal-header{border-bottom:1px solid var(--border-color,#343434);justify-content:space-between;align-items:flex-start;gap:20px;padding:24px;display:flex}.profile-modal-header h2{margin:0 0 5px;font-size:21px}.profile-modal-header p{color:var(--text-secondary,#9ca3af);margin:0;font-size:13px}.profile-modal-close{width:34px;height:34px;color:var(--text-primary,#fff);cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:25px}.profile-modal-close:hover{background:#ffffff14}.profile-avatar-section{border-bottom:1px solid var(--border-color,#343434);align-items:center;gap:18px;padding:24px;display:flex}.profile-large-avatar{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;justify-content:center;align-items:center;width:78px;min-width:78px;height:78px;font-size:28px;font-weight:700;display:flex;overflow:hidden}.profile-large-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar-section strong{margin-bottom:4px;display:block}.profile-avatar-section p{color:var(--text-secondary,#9ca3af);margin:0 0 10px;font-size:12px}.profile-photo-button{border:1px solid var(--border-color,#444);color:var(--text-primary,#fff);cursor:pointer;background:0 0;border-radius:9px;padding:8px 13px}.profile-photo-button:hover{border-color:#8b5cf6}.profile-settings-form{flex-direction:column;gap:18px;padding:24px;display:flex}.profile-form-group{flex-direction:column;gap:7px;display:flex}.profile-form-group label{font-size:13px;font-weight:600}.profile-form-group input{box-sizing:border-box;border:1px solid var(--border-color,#3d3d3d);background:var(--input-bg,#171717);width:100%;color:var(--text-primary,#fff);font:inherit;border-radius:10px;outline:none;padding:11px 12px}.profile-form-group input:focus{border-color:#8b5cf6}.profile-form-group input:disabled{opacity:.6;cursor:not-allowed}.profile-form-group small{color:var(--text-secondary,#9ca3af);font-size:11px}.profile-username-input{border:1px solid var(--border-color,#3d3d3d);background:var(--input-bg,#171717);border-radius:10px;align-items:center;display:flex;overflow:hidden}.profile-username-input:focus-within{border-color:#8b5cf6}.profile-username-input span{color:var(--text-secondary,#9ca3af);padding-left:12px}.profile-username-input input{background:0 0;border:0}.profile-save-message{color:#a78bfa;background:#8b5cf61f;border-radius:9px;padding:10px 12px;font-size:13px}.profile-modal-actions{justify-content:flex-end;gap:10px;padding-top:5px;display:flex}.profile-cancel-button,.profile-save-button{cursor:pointer;border-radius:10px;padding:10px 16px;font-weight:600}.profile-cancel-button{color:var(--text-primary,#fff);border:1px solid var(--border-color,#444);background:0 0}.profile-save-button{color:#fff;background:#7c3aed;border:1px solid #7c3aed}.profile-save-button:hover{background:#6d28d9}.profile-save-button:disabled,.profile-photo-button:disabled{opacity:.55;cursor:not-allowed}@media (width<=650px){.profile-modal{border-radius:16px}.profile-avatar-section{align-items:flex-start}.user-profile-menu{width:250px}}.company-menu-wrapper{margin-left:auto;position:relative}.company-menu-dots{width:36px;height:34px;color:inherit;letter-spacing:2px;cursor:pointer;opacity:.7;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;padding:0;font-size:17px;transition:background .15s,opacity .15s;display:flex}.company-menu-dots:hover{opacity:1;background:#8b5cf61f}.company-popup-menu{background:var(--sidebar-bg,#171717);border:1px solid var(--border-color,#303030);z-index:3000;border-radius:16px;width:275px;padding:9px;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 18px 50px #00000061}.company-popup-header{flex-direction:column;gap:3px;padding:9px 10px 11px;display:flex}.company-popup-header strong{color:var(--text-primary,#fff);font-size:14px}.company-popup-header span{color:var(--text-secondary,#9ca3af);font-size:11px}.company-popup-divider{background:var(--border-color,#303030);height:1px;margin:5px 0}.company-popup-item{width:100%;color:var(--text-primary,#fff);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:10px;transition:background .15s;display:flex}.company-popup-item:hover{background:#8b5cf61f}.company-popup-icon{color:#a78bfa;background:#8b5cf61f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex}.company-popup-item div{flex-direction:column;gap:2px;min-width:0;display:flex}.company-popup-item strong{font-size:13px;font-weight:600}.company-popup-item small{color:var(--text-secondary,#9ca3af);font-size:10px}.sidebar{z-index:100!important;overflow:visible!important}.sidebar-bottom,.company-profile{overflow:visible!important}.company-menu-wrapper{z-index:9999!important;position:relative!important}.company-popup-menu{z-index:99999!important;width:275px!important;min-width:275px!important;position:absolute!important;bottom:calc(100% + 10px)!important;left:auto!important;right:-8px!important;overflow:visible!important}.billing-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:46px 38px 70px}.billing-heading{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:38px;display:flex}.billing-eyebrow{color:#a78bfa;letter-spacing:1.5px;margin-bottom:9px;font-size:11px;font-weight:700;display:block}.billing-heading h1{margin:0 0 9px;font-size:30px;line-height:1.15}.billing-heading p{max-width:560px;color:var(--text-secondary,#9ca3af);margin:0;font-size:14px;line-height:1.6}.current-plan-badge{color:var(--text-primary,#fff);white-space:nowrap;background:#8b5cf61a;border:1px solid #8b5cf659;border-radius:10px;padding:10px 14px;font-size:12px}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.pricing-card{box-sizing:border-box;border:1px solid var(--border-color,#343434);background:var(--sidebar-bg,#171717);border-radius:18px;flex-direction:column;min-height:480px;padding:25px;transition:transform .18s,border-color .18s;display:flex;position:relative}.pricing-card:hover{border-color:#8b5cf68c;transform:translateY(-3px)}.pricing-card-popular{border-color:#7c3aed}.pricing-card-current{box-shadow:inset 0 0 0 1px #7c3aed}.popular-label{color:#fff;white-space:nowrap;background:#7c3aed;border-radius:999px;padding:6px 13px;font-size:10px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card-top h2{margin:0 0 8px;font-size:20px}.pricing-card-top p{min-height:45px;color:var(--text-secondary,#9ca3af);margin:0;font-size:12px;line-height:1.55}.pricing-price{align-items:baseline;gap:6px;margin-top:25px;display:flex}.pricing-price strong{letter-spacing:-1px;font-size:31px}.pricing-price span{color:var(--text-secondary,#9ca3af);font-size:12px}.pricing-divider{background:var(--border-color,#343434);height:1px;margin:22px 0}.pricing-features{flex-direction:column;gap:13px;margin-bottom:26px;display:flex}.pricing-feature{align-items:center;gap:9px;font-size:12px;display:flex}.pricing-check{color:#a78bfa;font-weight:700}.pricing-button{border:1px solid var(--border-color,#444);width:100%;color:var(--text-primary,#fff);cursor:pointer;background:0 0;border-radius:10px;margin-top:auto;padding:11px 14px;font-weight:600}.pricing-button:hover:not(:disabled){background:#8b5cf61a;border-color:#8b5cf6}.pricing-button-primary{color:#fff;background:#7c3aed;border-color:#7c3aed}.pricing-button-primary:hover:not(:disabled){background:#6d28d9}.pricing-button:disabled{opacity:.55;cursor:default}.billing-footer-note{border:1px solid var(--border-color,#343434);background:#8b5cf60a;border-radius:13px;align-items:center;gap:13px;margin-top:25px;padding:16px 18px;display:flex}.billing-footer-note strong{margin-bottom:3px;font-size:12px;display:block}.billing-footer-note p{color:var(--text-secondary,#9ca3af);margin:0;font-size:11px}.billing-loading{color:var(--text-secondary,#9ca3af);padding:50px 0}@media (width<=950px){.pricing-grid{grid-template-columns:1fr}.pricing-card{min-height:auto}}@media (width<=650px){.billing-page{padding:28px 18px 50px}.billing-heading{flex-direction:column}}.ofko-home{text-align:center;width:100%;max-width:820px;margin:0 auto;padding:80px 24px 30px}.ofko-home .welcome-logo{justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 22px;display:flex}.ofko-home .welcome-logo img{object-fit:contain;width:100%;height:100%}.ofko-home h2{letter-spacing:-.7px;margin:0;font-size:30px;font-weight:650}.ofko-home>p{opacity:.65;max-width:560px;margin:12px auto 34px;font-size:14px;line-height:1.6}.home-suggestions{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:680px;margin:0 auto;display:grid}.home-suggestion-card{min-height:92px;color:inherit;text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #ffffff17;border-radius:16px;align-items:flex-start;gap:13px;padding:16px;transition:background .18s,border-color .18s,transform .18s;display:flex}.home-suggestion-card:hover{background:#ffffff0f;border-color:#8b5cf659;transform:translateY(-2px)}.home-suggestion-icon{background:#8b5cf61f;border-radius:10px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;display:flex}.home-suggestion-card div{flex-direction:column;gap:5px;min-width:0;display:flex}.home-suggestion-card strong{font-size:14px;font-weight:600}.home-suggestion-card small{opacity:.55;font-size:12px;line-height:1.4}.light-theme .home-suggestion-card{background:#00000005;border-color:#00000014}.light-theme .home-suggestion-card:hover{background:#0000000b;border-color:#8b5cf64d}@media (width<=700px){.ofko-home{padding-top:45px}.ofko-home h2{font-size:25px}.home-suggestions{grid-template-columns:1fr}}