:root{--bg-primary: #0b0f19;--bg-secondary: #05080f;--bg-card: rgba(15, 23, 42, .6);--bg-main: #020617;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-blue: #3b82f6;--accent-green: #10b981;--border-color: rgba(255, 255, 255, .05);--sidebar-width: 280px;--radius: 12px}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:24px}.hub-card{background:var(--bg-primary);border:1px solid var(--border-color);padding:16px 20px;border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:row;align-items:center;gap:16px}.hub-card:hover{transform:translateY(-3px);border-color:var(--accent-blue);box-shadow:0 8px 24px -8px #3e81f640;background:#3e81f608}.hub-icon{width:44px;height:44px;min-width:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.hub-icon i{width:20px;height:20px}.hub-card-info{display:flex;flex-direction:column;gap:4px;text-align:left}.hub-card h3{font-size:1.05rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.hub-card p{color:var(--text-secondary);font-size:.82rem;line-height:1.4;margin:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(circle at top,#111827,#020617);background-attachment:fixed;color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}#app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-primary);border-right:1px solid var(--border-color);padding:24px;display:flex;flex-direction:column;position:fixed;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden;z-index:1000}.sidebar.collapsed{width:90px}.sidebar.collapsed .logo-icon{opacity:0;width:0}.sidebar.collapsed #sidebarToggleBtn{transform:rotate(180deg);margin:0 auto}.sidebar.collapsed .sidebar-nav .nav-item a span{display:none}.sidebar.collapsed .sidebar-nav .nav-item a{justify-content:center;padding:12px 0}.sidebar.collapsed .sidebar-footer .user-info{opacity:0;width:0;display:none}.sidebar.collapsed .sidebar-footer .user-profile{flex-direction:column;padding:10px 5px;gap:15px;background:transparent}.sidebar-header{margin-bottom:32px}.sidebar-header h2{font-size:1.2rem;font-weight:800;color:var(--accent-blue)}.sidebar-header .accent{color:var(--accent-green)}.sidebar-nav ul{list-style:none}.nav-item{margin-bottom:4px}.nav-item a{display:flex;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;color:var(--text-secondary);border-radius:var(--radius);font-weight:500;font-size:.95rem;transition:all .2s}.nav-item.active a{background:#3e81f61a;color:var(--accent-blue)}.nav-item:hover a{background:#ffffff08;color:var(--text-primary)}.main-content{flex:1;min-width:0;max-width:calc(100vw - var(--sidebar-width));margin-left:var(--sidebar-width);padding:32px 40px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed~.main-content{margin-left:90px;max-width:calc(100vw - 90px)}.top-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.search-bar{background:var(--bg-primary);border:1px solid var(--border-color);padding:8px 16px;border-radius:var(--radius);display:flex;align-items:center;gap:10px;width:300px}.search-bar input{background:transparent;border:none;outline:none;width:100%;font-size:.9rem;color:#fff}.pill{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;display:inline-block}.pill-pending{background:#ffb80026;color:#ffb800}.pill-active{background:#3e81f626;color:#3e81f6}.pill-success{background:#00f2a126;color:#00f2a1}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.kpi-card{background:var(--bg-primary);border:1px solid var(--border-color);padding:24px;border-radius:var(--radius)}.kpi-body h3{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;margin-bottom:8px}.kpi-body h2{font-size:1.5rem;font-weight:700}.table-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius);padding:24px;margin-bottom:24px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;padding:12px 16px;border-bottom:1px solid var(--border-color)}td{padding:14px 16px;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.05)}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:10px 0}.order-card{position:relative;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.order-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0003}.card-status-strip{height:6px;width:100%;background:var(--text-secondary)}.card-status-strip.pending{background:#f59e0b}.card-status-strip.in-transit{background:#06b6d4}.card-status-strip.in-transit-to-showroom{background:#3b82f6}.card-status-strip.ready-for-collection{background:#a855f7}.card-status-strip.completed{background:#10b981}.card-status-strip.overdue{background:#ef4444!important}.order-card.pending{border-color:#fbbf2433;box-shadow:0 4px 15px #fbbf240a}.order-card.pending:hover{border-color:#fbbf2473;box-shadow:0 8px 24px #fbbf2426}.order-card.in-transit,.order-card.in-transit-to-showroom{border-color:#3b82f633;box-shadow:0 4px 15px #3b82f60a}.order-card.in-transit:hover,.order-card.in-transit-to-showroom:hover{border-color:#3b82f673;box-shadow:0 8px 24px #3b82f626}.order-card.ready-for-collection{border-color:#a855f740;box-shadow:0 4px 15px #a855f70d}.order-card.ready-for-collection:hover{border-color:#a855f780;box-shadow:0 8px 24px #a855f726}.order-card.completed{border-color:#10b98133;box-shadow:0 4px 15px #10b9810a}.order-card.completed:hover{border-color:#10b98173;box-shadow:0 8px 24px #10b98126}.card-content{padding:20px 22px;flex:1;display:flex;flex-direction:column;gap:12px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.order-id{font-size:.72rem;font-weight:800;color:var(--accent-blue);background:#3e81f61a;padding:3px 6px;border-radius:4px}.order-branch{font-size:.68rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase}.order-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:-2px}.customer-name{font-size:1.1rem;font-weight:800;color:#fff;margin:0}.customer-address{font-size:.85rem;color:var(--text-secondary);margin:0;display:flex;align-items:center;gap:6px}.customer-address i{width:12px;color:var(--accent-green)}.order-meta{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.05);padding-top:12px;margin:4px 0 0;font-size:.85rem}.order-total{font-weight:800;color:var(--text-primary)}.card-actions{display:flex;gap:8px;align-items:center}.status-select{flex:1;padding:6px 10px;background:#ffffff0d;color:#fff;border:1px solid var(--border-color);border-radius:6px;font-size:.8rem;height:32px;outline:none}.delivery-btn{background:var(--accent-green);color:#08090d;border:none;padding:8px 12px;border-radius:6px;font-weight:700;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:opacity .2s}.order-card.overdue{border-color:#ef444459!important;box-shadow:0 4px 15px #ef444414!important}.order-card.overdue:hover{border-color:#ef4444b3!important;box-shadow:0 8px 24px #ef444438!important}.delivery-btn{background:var(--accent-green);color:#08090d;border:none;padding:10px 16px;border-radius:6px;font-weight:700;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:opacity .2s}.delivery-btn:hover{opacity:.9}.orders-grid-view #ordersTable thead{display:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:none;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.active{display:flex}.modal{background:var(--bg-primary);border:1px solid var(--border-color);padding:30px;border-radius:12px;width:95%;max-width:800px;max-height:90vh;overflow-y:auto!important;color:#fff;position:relative;box-shadow:0 20px 40px #0006}.modal-header{margin-bottom:30px}#orderForm{padding-bottom:20px}.primary-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius);cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #3b82f640;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #3b82f666}.secondary-btn{background:#ffffff08;color:var(--text-primary);border:1px solid var(--border-color);padding:12px 24px;border-radius:var(--radius);cursor:pointer;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px}.secondary-btn:hover{background:#ffffff14;transform:translateY(-1px)}.icon-btn-small{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:color .2s}.icon-btn-small:hover{color:#fff}.status-badge{padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600;background:#ffffff0d}.page-area{display:none}.page-area.active{display:block}.commerce-tab-pane{display:none}.commerce-tab-pane.active{display:block}.compat-hidden{display:none!important}.commerce-tab{display:flex;align-items:center;gap:8px;background:#ffffff05;border:1px solid var(--border-color);color:var(--text-secondary);padding:10px 18px;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:all .25s}.commerce-tab:hover{background:#ffffff0d;color:#fff}.login-wrapper{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}.login-card{background:var(--bg-primary);padding:60px 40px;border-radius:16px;border:1px solid var(--border-color);text-align:center;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;box-shadow:0 25px 50px -12px #00000080}.login-card .logo-icon{margin:0 auto 32px;display:flex;justify-content:center;align-items:center}.login-card h2{font-size:1.5rem;font-weight:800;margin-bottom:8px;width:100%}.login-card p{color:var(--text-secondary);margin-bottom:32px;font-size:.95rem;width:100%}.google-auth-section{width:100%;display:flex;justify-content:center}.form-group{margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group select{background:var(--bg-secondary);color:#fff;padding:14px;border:1px solid var(--border-color);border-radius:var(--radius);width:100%;font-size:.95rem;outline:none}.form-group select option{background:var(--bg-secondary);color:#fff}select,select option{background-color:var(--bg-secondary)!important;color:#fff!important}.form-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.items-section{margin-top:20px;padding-bottom:20px}.flex-1{flex:1}.item-row{display:flex;gap:12px;margin-bottom:8px;align-items:center}.item-row input{flex:1;padding:8px;background:#ffffff08;color:#fff;border:1px solid var(--border-color);border-radius:4px}.calc-totals{margin-top:20px;border-top:1px solid var(--border-color);padding-top:20px}.calc-line{display:flex;justify-content:space-between;margin-bottom:8px}.final-total{font-weight:800;font-size:1.2rem;color:var(--accent-blue)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.badge-inline{font-size:.7rem;background:#ffffff1a;padding:2px 8px;border-radius:10px;vertical-align:middle}.chat-dashboard-container{display:flex;height:calc(100vh - 140px);background:#0f172a59;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 45px #0006;overflow:hidden;margin-top:24px}.chat-tasks-drawer{width:340px;display:flex;flex-direction:column}.chat-sidebar{width:300px;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;background:#080c1880}.chat-sidebar-header{padding:20px;display:flex;flex-direction:column;gap:15px;border-bottom:1px solid rgba(255,255,255,.08);background:#0f172a66}.chat-groups-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.chat-group-item{padding:12px 16px;border-radius:10px;display:flex;align-items:center;gap:12px;cursor:pointer;border:1px solid transparent;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.chat-group-item:hover{background:#ffffff0a;transform:translate(4px)}.chat-group-item.active{background:linear-gradient(90deg,#3b82f626,#3b82f608);border-color:#3b82f626;box-shadow:inset 3px 0 0 var(--accent-blue)}.chat-group-avatar{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:.9rem;box-shadow:0 4px 10px #0003;text-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .2s;position:relative;flex-shrink:0}.user-status-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid rgba(8,12,22,.95);z-index:2}.user-status-dot.online{background:#10b981;box-shadow:0 0 6px #10b981}.chat-group-item:hover .chat-group-avatar{transform:scale(1.05)}.chat-group-info h4{font-size:.95rem;color:var(--text-primary);margin-bottom:2px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-group-info p{font-size:.78rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-main{flex:1;display:flex;flex-direction:column;background:#0a0f1e59}.chat-main-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);background:#0f172a73}.chat-messages-container{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.chat-bubble{max-width:70%;padding:14px 18px;border-radius:18px;font-size:.95rem;line-height:1.5;position:relative}.chat-bubble.received{background:#0f172a80;border:1px solid rgba(255,255,255,.08);align-self:flex-start;border-bottom-left-radius:4px;box-shadow:0 4px 15px #0000001a}.chat-bubble.sent{background:linear-gradient(135deg,var(--accent-blue) 0%,#2563eb 100%);color:#fff;align-self:flex-end;border-bottom-right-radius:4px;box-shadow:0 4px 15px #3b82f633}.chat-sender{font-size:.75rem;color:var(--text-secondary);margin-bottom:6px;font-weight:600}.chat-bubble.sent .chat-sender{color:#fffc;text-align:right}.chat-input-wrapper{display:flex;padding:20px;background:#0f172aa6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:12px;border-top:1px solid rgba(255,255,255,.08);align-items:center}#dashboardChatInput{flex:1;background:#00000040;border:1px solid rgba(255,255,255,.08);padding:12px 20px;border-radius:24px;color:var(--text-primary);outline:none;font-size:.95rem;transition:all .25s ease}#dashboardChatInput:focus{border-color:var(--accent-blue);background:#0006;box-shadow:0 0 12px #3b82f626}.send-btn{background:linear-gradient(135deg,var(--accent-blue) 0%,#2563eb 100%);border:none;padding:10px 20px;height:42px;border-radius:20px;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f640;white-space:nowrap}.send-btn:hover{transform:scale(1.03) translateY(-1px);box-shadow:0 6px 16px #3b82f666}.chat-subtabs{display:flex;padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.08);background:#0f172a33;gap:6px}.chat-tab-btn{flex:1;padding:8px 0;background:transparent;border:none;color:var(--text-secondary);font-weight:700;font-size:.85rem;cursor:pointer;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.chat-tab-btn.active{background:#3b82f61f;color:#60a5fa}.chat-tab-btn:hover:not(.active){background:#ffffff0a;color:var(--text-primary)}.chat-view-pane{display:none;flex-direction:column;flex:1;overflow:hidden}.chat-view-pane.active{display:flex}.pane-header{padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;background:#0f172a59}.pane-header h4{font-size:.82rem;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-secondary);font-weight:700}.window-tab-btn{padding:6px 15px;border-radius:15px;background:transparent;border:none;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.window-tab-btn.active{background:var(--accent-blue);color:#fff}.window-content-pane{display:none}.window-content-pane.active{display:flex}.task-card{background:#0f172a73;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #00000026}.task-card:hover{background:#0f172aa6;border-color:#3b82f640;transform:translateY(-2px);box-shadow:0 8px 20px #00000040}.task-card h5{margin-bottom:6px;font-size:.95rem;color:#fff;font-weight:700}.task-card p{font-size:.82rem;color:var(--text-secondary);margin-bottom:12px;line-height:1.4}.task-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-secondary);border-top:1px solid rgba(255,255,255,.04);padding-top:10px}.task-status{padding:3px 8px;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;background:#ffffff0d}.task-status.completed{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.25)}.task-status.pending{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.task-status.deleted{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.25)}.crm-nav-item{padding:12px 16px;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:all .2s;margin-bottom:5px;font-size:.95rem}.crm-nav-item:hover{background:#ffffff08;color:#fff}.crm-nav-item.active{background:#3e81f61a;color:var(--accent-blue);font-weight:600}.info-item label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;display:block;margin-bottom:4px}.info-item p{font-size:1rem;color:#fff;margin:0}.crm-pane{display:none}.crm-pane.active{display:block}.crm-order-item{padding:15px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.crm-order-item:last-child{border-bottom:none}.status-pill{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-pill.processing{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-pill.pending{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-pill.completed{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-pill.on-hold{background:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.status-pill.cancelled,.status-pill.refunded{background:#ffffff1a;color:var(--text-secondary)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 1024px){.grid-4{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.grid-4,.grid-2{grid-template-columns:1fr}}@keyframes pulse-glow{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.chat-messages-container{scroll-behavior:smooth}.chat-bubble{max-width:70%;padding:12px 16px;border-radius:18px;font-size:.95rem;line-height:1.5;position:relative;animation:bubble-in .3s cubic-bezier(.175,.885,.32,1.275) both;display:flex;flex-direction:column;gap:4px}@keyframes bubble-in{0%{transform:translateY(12px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.chat-pinned-messages-bar{background:linear-gradient(90deg,#3b82f61a,#3b82f605);border-bottom:1px solid rgba(59,130,246,.2);padding:12px 20px;display:flex;flex-direction:column;gap:8px;animation:slide-down .25s ease-out}@keyframes slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.chat-pinned-messages-bar .pinned-header{display:flex;justify-content:space-between;align-items:center}.chat-pinned-messages-bar .pinned-messages-content{font-size:.85rem;color:var(--text-primary);display:flex;flex-direction:column;gap:5px;max-height:80px;overflow-y:auto}.pinned-item-snippet{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center}.chat-bubble .bubble-actions{position:absolute;top:-15px;right:15px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:12px;display:none;align-items:center;padding:3px;gap:2px;z-index:100;box-shadow:0 4px 15px #00000080}.chat-bubble:hover .bubble-actions{display:flex}.chat-bubble.received .bubble-actions{left:15px;right:auto}.reaction-container{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.reaction-badge{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:2px 6px;border-radius:10px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s}.reaction-badge:hover,.reaction-badge.active{background:#3b82f626;border-color:#3b82f666;color:var(--accent-blue);transform:scale(1.05)}.chat-attachment-card{background:#ffffff08;border:1px solid var(--border-color);border-radius:10px;padding:10px 14px;margin-top:6px;display:flex;align-items:center;gap:12px;color:var(--text-primary);text-decoration:none;font-size:.85rem;transition:all .2s}.chat-attachment-card:hover{background:#3b82f60d;border-color:#3b82f633}.chat-image-preview{max-width:250px;max-height:200px;border-radius:10px;margin-top:6px;cursor:zoom-in;border:1px solid rgba(255,255,255,.08);transition:transform .2s}.chat-image-preview:hover{transform:scale(1.02)}.chat-file-preview-bar{background:var(--bg-card);border-top:1px solid var(--border-color);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;animation:slide-up .2s ease-out}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.file-icon-box{width:32px;height:32px;background:#3b82f626;color:var(--accent-blue);border-radius:6px;display:flex;align-items:center;justify-content:center}.chat-typing-indicator{padding:10px 20px;font-size:.8rem;color:var(--text-secondary);background:#ffffff03;border-top:1px solid rgba(255,255,255,.02);display:flex;align-items:center;gap:8px}.typing-dot{width:6px;height:6px;background:var(--text-secondary);border-radius:50%;animation:bounce-dots 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes bounce-dots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.gc-message{max-width:85%!important;width:fit-content!important;padding:12px 16px!important;border-radius:12px;background:transparent;border:1px solid transparent;align-self:flex-start;display:flex;gap:16px;align-items:flex-start;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;animation:bubble-in .3s cubic-bezier(.175,.885,.32,1.1) both;margin-bottom:12px}@media (max-width: 768px){.gc-message{max-width:92%!important}}.gc-message.sent{align-self:flex-end!important;flex-direction:row-reverse;background:#25d3661f!important;border:1px solid rgba(37,211,102,.25)!important;border-radius:18px 18px 4px}.gc-message.sent:hover{background:#25d3662e!important;border-color:#25d36659!important}.gc-message.sent .gc-content{align-items:flex-end}.gc-message.sent .gc-header{flex-direction:row-reverse}.gc-message.sent .bubble-actions{left:20px;right:auto}.gc-message.sent .reaction-container{justify-content:flex-end}.gc-message.received{align-self:flex-start!important;flex-direction:row;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px 18px 18px 4px}.gc-message.received:hover{background:#ffffff0f!important;border-color:#ffffff1f!important}.gc-message.received .gc-content{align-items:flex-start}.gc-message.received .gc-header{flex-direction:row}.gc-message.received .bubble-actions{right:20px;left:auto}.gc-message.sent:hover .gc-header span:first-child{color:#34d399!important}.gc-message:hover{background:#ffffff08!important;border-color:#ffffff0a}.gc-message:hover .bubble-actions{opacity:1;pointer-events:auto}.gc-message .bubble-actions{right:20px;top:-16px;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 30px #0006;border-radius:10px;padding:4px}.gc-avatar{width:38px;height:38px;min-width:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;box-shadow:0 4px 10px #0003;font-size:.9rem;transition:transform .2s;position:relative}.gc-message:hover .gc-avatar{transform:scale(1.05)}.gc-content{flex:1;display:flex;flex-direction:column;position:relative}.gc-header{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.gc-header span:first-child{font-weight:700;color:#fff;font-size:.95rem;transition:color .2s}.gc-message:hover .gc-header span:first-child{color:#60a5fa}.gc-text{color:var(--text-primary);font-size:.95rem;line-height:1.5}.crm-glass-card{background:var(--bg-primary);border:1px solid rgba(255,255,255,.05);border-radius:12px;box-shadow:0 2px 10px #0000001a;transition:all .2s ease}.crm-glass-card:hover{background:#ffffff05}.grad-blue,.grad-green,.grad-purple{background:transparent}.crm-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;color:#fff;border:2px solid var(--bg-primary)}.crm-row{transition:background .15s ease;border-bottom:1px solid rgba(255,255,255,.02);background:transparent}.crm-row:hover{background:#ffffff05}.crm-row td{padding:14px 20px;vertical-align:middle}.vip-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;background:#f59e0b26;color:#f59e0b;font-size:.7rem;font-weight:700;border:1px solid rgba(245,158,11,.3)}.source-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.source-woo{background:#96588a26;color:#e587d2;border:1px solid rgba(150,88,138,.3)}.source-sq{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.source-dash{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.source-multi{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.crm-table{border-collapse:separate;border-spacing:0;width:100%}.custom-category-menu{border:1px solid var(--border-color)}.custom-category-menu .cat-item{padding:10px 15px;cursor:pointer;color:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.custom-category-menu .cat-item:hover{background:#ffffff0d}.custom-category-menu .sub-cat-menu{display:none;background:#0006;border-left:2px solid var(--accent-blue)}.custom-category-menu .sub-cat-item{padding:8px 15px 8px 30px;cursor:pointer;color:var(--text-secondary);font-size:.9rem}.custom-category-menu .sub-cat-item:hover{background:#ffffff0d;color:#fff}.custom-category-menu .cat-item.expanded+.sub-cat-menu{display:block}.chat-sidebar-search{position:relative;display:flex;align-items:center;width:100%}.chat-sidebar-search i{position:absolute;left:12px;width:16px;height:16px;color:var(--text-secondary);pointer-events:none}.chat-sidebar-search input{width:100%;padding:10px 10px 10px 38px;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:20px;color:#fff;font-size:.9rem;outline:none;transition:all .25s ease}.chat-sidebar-search input:focus{border-color:var(--accent-blue)!important;background:#0006!important;box-shadow:0 0 10px #3b82f626}.chat-action-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.chat-action-btn:hover{background:#ffffff14;color:#fff;border-color:#ffffff26;transform:translateY(-1px)}.chat-reply-quoted{background:#ffffff08;border-left:3px solid var(--accent-blue);padding:6px 12px;border-radius:4px;font-size:.8rem;margin-bottom:6px;display:inline-flex;flex-direction:column;max-width:100%;opacity:.85;cursor:pointer;transition:background .2s,opacity .2s}.chat-reply-quoted:hover{background:#ffffff0f;opacity:1}.chat-emoji-picker-popup{animation:slide-up-emoji .2s cubic-bezier(.175,.885,.32,1.15) both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slide-up-emoji{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}.emoji-item{display:flex;align-items:center;justify-content:center;font-size:1.25rem;padding:4px;cursor:pointer;border-radius:6px;transition:background .15s,transform .15s}.emoji-item:hover{background:#ffffff14;transform:scale(1.2)}.chat-inline-code{background:#ef44441a;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.85rem;color:#ef4444!important;border:1px solid rgba(239,68,68,.2)}.chat-link{color:var(--accent-blue)!important;text-decoration:underline;word-break:break-all}.chat-link:hover{color:#60a5fa!important}.shipping-sidebar::-webkit-scrollbar{width:6px}.shipping-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.shipping-rates-viewport::-webkit-scrollbar{width:6px}.shipping-rates-viewport::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}#shipRatesGrid::-webkit-scrollbar{width:6px}#shipRatesGrid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.shipping-rate-card{background:#ffffff05;border:1px solid var(--border-color);border-radius:8px;padding:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}.shipping-rate-card:hover{transform:translateY(-2px);background:#ffffff0a}.shipping-rate-card.selected{background:#3b82f60f;box-shadow:0 4px 20px #3b82f626}.shipping-rate-card.fedex-card.selected{border-color:#a78bfa;background:#a78bfa0f;box-shadow:0 4px 20px #a78bfa26}.shipping-rate-card.p2g-card.selected{border-color:#60a5fa;background:#60a5fa0f;box-shadow:0 4px 20px #60a5fa26}.shipping-rate-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;opacity:.8}.shipping-rate-card.fedex-card:before{background:#a78bfa}.shipping-rate-card.p2g-card:before{background:#60a5fa}.shipping-rate-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.shipping-rate-service{font-weight:700;color:#fff;font-size:.9rem;line-height:1.3}.shipping-rate-price{font-size:1.1rem;font-weight:800;color:var(--accent-blue);white-space:nowrap}.shipping-rate-details{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-secondary);margin-top:4px}.shipping-rate-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:4px}.shipping-rate-card.fedex-card .shipping-rate-badge{background:#a78bfa1a;color:#a78bfa}.shipping-rate-card.p2g-card .shipping-rate-badge{background:#60a5fa1a;color:#60a5fa}.shipping-rate-card.selected:after{content:"✓";position:absolute;bottom:8px;right:12px;font-size:1rem;font-weight:700}.shipping-rate-card.fedex-card.selected:after{color:#a78bfa}.shipping-rate-card.p2g-card.selected:after{color:#60a5fa}.hidden{display:none!important}.main-content{flex:1;min-width:0;max-width:calc(100vw - var(--sidebar-width) - 50px);margin-left:var(--sidebar-width);margin-right:50px;padding:32px 40px;transition:margin-left .3s cubic-bezier(.4,0,.2,1),margin-right .3s cubic-bezier(.4,0,.2,1)}@media (min-width: 769px){body:has(#rightWorkspaceSidebar:not(.collapsed)) .main-content{margin-right:390px;max-width:calc(100vw - var(--sidebar-width) - 390px)}body:has(#rightWorkspaceSidebar:not(.collapsed)) .sidebar.collapsed~.main-content{max-width:calc(100vw - 480px)}}.sidebar.collapsed~.main-content{margin-left:90px;max-width:calc(100vw - 140px)}.main-content:has(#workspaceEmailArea.active){padding:0!important}.main-content:has(#workspaceEmailArea.active) .top-header{display:none!important}#workspaceEmailArea{display:none;width:100%;height:100vh}#workspaceEmailArea.active{display:block}.workspace-email-container{display:flex;height:100vh;background:var(--bg-card);border:none;border-radius:0;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-top:0}.email-folders-pane{width:240px;border-right:1px solid var(--border-color);padding:24px 20px;display:flex;flex-direction:column;gap:20px;background:#0a0f1e73;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.compose-btn{border-radius:24px;padding:12px 24px;font-size:.95rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px #3b82f64d;transition:all .25s ease}.compose-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.email-folder-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.folder-item a{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease}.folder-item a:hover{background:#ffffff08;color:var(--text-primary)}.folder-item.active a{background:#3b82f61a;color:var(--accent-blue)}.unread-count-badge{margin-left:auto;background:var(--accent-blue);color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:10px}.email-list-pane{width:380px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background:#0a0f1e33;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.email-search-wrapper{padding:16px;position:relative;border-bottom:1px solid var(--border-color)}.email-search-wrapper .search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-secondary);pointer-events:none}.email-search-wrapper input{width:100%;padding:10px 12px 10px 38px;border-radius:20px;border:1px solid var(--border-color);background:#0000004d;color:#fff;font-size:.85rem;outline:none;transition:border-color .2s}.email-search-wrapper input:focus{border-color:var(--accent-blue)}.email-list-actions{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border-color)}.email-list-items{flex:1;overflow-y:auto}.email-item{display:flex;flex-direction:column;padding:14px 18px;border-bottom:1px solid var(--border-color);cursor:pointer;position:relative;transition:all .2s ease}.email-item:hover{background:#ffffff05}.email-item.active{background:#3b82f60d;border-left:3px solid var(--accent-blue)}.email-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.email-sender{font-size:.9rem;font-weight:500;color:var(--text-secondary);max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-item.unread .email-sender{font-weight:700;color:var(--text-primary)}.email-time{font-size:.75rem;color:var(--text-secondary)}.email-subject-line{font-size:.85rem;font-weight:500;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-item.unread .email-subject-line{font-weight:700}.email-snippet{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-meta-indicators{display:flex;align-items:center;gap:8px;margin-top:6px}.star-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;display:flex}.star-btn.starred{color:#fbbf24}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-blue);margin-left:auto}.email-reading-pane{flex:1;display:flex;flex-direction:column;background:#0a0f1e1a;overflow:hidden}.email-no-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary);text-align:center}.email-no-selection h3{color:var(--text-primary);font-size:1.2rem;margin:0}.email-no-selection p{max-width:280px;margin:0;font-size:.85rem}.email-view-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.email-view-subject{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 6px}.email-view-folder-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.7rem;text-transform:uppercase;font-weight:700;background:#ffffff0d;color:var(--text-secondary)}.email-thread-container{flex:1;overflow-y:auto;padding:32px 40px;display:flex;flex-direction:column;gap:24px}.email-message-card{background:#0f172a66;border:1px solid var(--border-color);border-radius:var(--radius);padding:20px}.email-message-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.email-avatar{width:40px;height:40px;border-radius:50%;background:#3b82f626;color:var(--accent-blue);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.email-header-details{flex:1}.email-header-from{font-weight:600;color:var(--text-primary);font-size:.9rem}.email-header-to{font-size:.75rem;color:var(--text-secondary)}.email-header-meta{text-align:right}.email-body-content{color:var(--text-primary);font-size:.9rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.email-inline-reply{padding:20px 24px;border-top:1px solid var(--border-color);background:#0f172a66}.reply-textarea-wrapper{background:#0000004d;border:1px solid var(--border-color);border-radius:var(--radius);padding:12px;margin-bottom:12px}.reply-textarea-wrapper textarea{width:100%;height:80px;background:none;border:none;color:#fff;outline:none;resize:none;font-size:.9rem}.reply-actions{display:flex;justify-content:space-between;align-items:center}.workspace-sidebar{position:fixed;right:0;top:0;height:100vh;display:flex;flex-direction:row;z-index:999;background:#05080fd9;border-left:1px solid var(--border-color);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);transition:width .3s cubic-bezier(.4,0,.2,1);width:50px}.workspace-sidebar:not(.collapsed){width:390px}.workspace-tabs{width:50px;border-right:1px solid var(--border-color);background:#0a0f1e66;display:flex;flex-direction:column;align-items:center;padding-top:20px;gap:16px;flex-shrink:0}.workspace-tab-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.workspace-tab-btn:hover{background:#ffffff08;color:var(--text-primary)}.workspace-tab-btn.active{background:#3b82f61a;color:var(--accent-blue)}.workspace-drawer{flex:1;display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.workspace-sidebar:not(.collapsed) .workspace-drawer{opacity:1;visibility:visible}.workspace-drawer-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:#0f172a4d}.workspace-drawer-header h4{margin:0;font-size:.95rem;font-weight:700;color:var(--text-primary)}.workspace-drawer-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column}.side-tab-content{display:none;flex-direction:column;height:100%}.side-tab-content.active{display:flex}.side-chat-messages{flex:1;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px;background:#0003;padding:10px;margin-bottom:10px;display:flex;flex-direction:column;gap:8px;min-height:200px}.side-msg{display:flex;flex-direction:column;gap:2px;max-width:85%;padding:8px 12px;border-radius:12px;font-size:.8rem}.side-msg.incoming{background:#ffffff0d;color:var(--text-primary);align-self:flex-start;border-bottom-left-radius:2px}.side-msg.outgoing{background:var(--accent-blue);color:#fff;align-self:flex-end;border-bottom-right-radius:2px}.side-msg-sender{font-size:.65rem;font-weight:700;opacity:.8}.side-chat-input-wrapper{display:flex;gap:8px}.side-chat-input-wrapper input{flex:1;padding:8px 12px;border-radius:20px;border:1px solid var(--border-color);background:#0000004d;color:#fff;font-size:.8rem;outline:none}.side-chat-input-wrapper input:focus{border-color:var(--accent-blue)}.side-tasks-input-wrapper{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:#0003;margin-bottom:16px}.side-tasks-input-wrapper input{flex:1;background:none;border:none;color:#fff;outline:none;font-size:.85rem}.side-tasks-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1}.side-task-item{display:flex;align-items:flex-start;gap:10px;padding:10px;border-radius:8px;border:1px solid var(--border-color);background:#0f172a4d;transition:all .2s ease}.side-task-item:hover{background:#ffffff05}.side-task-checkbox{width:16px;height:16px;border-radius:4px;border:1px solid var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.side-task-checkbox.checked{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.side-task-details{flex:1}.side-task-title{font-size:.85rem;color:var(--text-primary);font-weight:500}.side-task-item.completed .side-task-title{text-decoration:line-through;opacity:.6}.side-task-desc{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.side-task-meta{font-size:.65rem;color:var(--accent-blue);margin-top:4px}.side-mail-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.side-mail-header-actions span{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.side-mail-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1}.side-mail-item{display:flex;flex-direction:column;padding:10px;border-radius:8px;border:1px solid var(--border-color);background:#0f172a4d;cursor:pointer;transition:all .2s ease}.side-mail-item:hover{background:#ffffff05}.side-mail-item.unread{border-left:2px solid var(--accent-blue);background:#3b82f608}.side-mail-from{font-size:.8rem;font-weight:600;color:var(--text-primary)}.side-mail-subj{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-mail-time{font-size:.65rem;color:var(--text-secondary);align-self:flex-end}.floating-mail-composer{position:fixed;bottom:0;right:80px;width:520px;background:var(--bg-primary);border:1px solid var(--border-color);border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:0 -8px 30px #00000080;display:none;flex-direction:column;z-index:10000;transition:height .3s ease,bottom .3s ease}.floating-mail-composer.active{display:flex}.floating-mail-composer.minimized{height:40px!important;overflow:hidden}.composer-header{padding:10px 16px;background:#0f172acc;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.composer-header span{font-size:.9rem;font-weight:700;color:var(--text-primary)}.composer-header-actions{display:flex;gap:6px}.composer-body{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1}.composer-field{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border-color);padding-bottom:6px}.composer-field label{font-size:.85rem;color:var(--text-secondary);width:60px}.composer-field input{flex:1;background:none;border:none;color:#fff;font-size:.85rem;outline:none}.composer-textarea-wrapper{flex:1;min-height:200px}.composer-textarea-wrapper textarea{width:100%;height:100%;background:none;border:none;color:#fff;outline:none;resize:none;font-size:.9rem;line-height:1.5}.composer-footer{padding:12px 16px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.send-btn{border-radius:20px;padding:8px 24px}.discard-btn{color:#ef4444}.gmail-connect-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0a0f1eb3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;z-index:100;border-radius:16px;transition:all .3s ease}.gmail-connect-card{background:#141a2ebf;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:40px;max-width:480px;text-align:center;box-shadow:0 20px 50px #0006}.gmail-icon-wrapper{margin-bottom:24px}.gmail-logo{filter:drop-shadow(0 4px 12px rgba(234,67,53,.4));animation:floatGmail 3s ease-in-out infinite}.gmail-connect-card h2{font-size:1.8rem;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gmail-connect-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.connect-gmail-btn{background:linear-gradient(135deg,#4285f4,#357ae8);box-shadow:0 4px 15px #4285f44d;padding:12px 28px;font-size:1rem;border-radius:12px;font-weight:600;border:none;cursor:pointer;color:#fff;transition:all .2s ease}.connect-gmail-btn:hover{background:linear-gradient(135deg,#357ae8,#2a6ed0);box-shadow:0 6px 20px #4285f480;transform:translateY(-1px)}@keyframes floatGmail{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.connection-status-widget{margin-top:auto;padding:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:8px;transition:all .3s ease}.connection-status-widget:hover{background:#ffffff0a;border-color:#ffffff14}.connection-header{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.active{background-color:#10b981;box-shadow:0 0 8px #10b981;animation:pulse-green 2s infinite}.status-dot.simulated{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b;animation:pulse-orange 2s infinite}.connection-email{font-size:.8rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.connection-btn-sleek{width:100%;padding:6px 12px;font-size:.75rem;font-weight:600;text-align:center;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.connection-btn-sleek.connect{background:#3b82f61a;color:var(--accent-blue);border-color:#3b82f633}.connection-btn-sleek.connect:hover{background:#3b82f633;transform:translateY(-1px)}.connection-btn-sleek.disconnect{background:#ef44440d;color:#ef4444;border-color:#ef44441a}.connection-btn-sleek.disconnect:hover{background:#ef444426;transform:translateY(-1px)}@keyframes pulse-green{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes pulse-orange{0%{box-shadow:0 0 #f59e0b80}70%{box-shadow:0 0 0 6px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.repairs-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.repairs-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:20px;display:flex;align-items:center;gap:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.repairs-stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.repairs-stat-info{display:flex;flex-direction:column}.repairs-stat-info span.value{font-size:1.6rem;font-weight:800;color:#fff;line-height:1.2}.repairs-stat-info span.label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.repairs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.repair-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:20px;position:relative;display:flex;flex-direction:column;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.repair-card:hover{transform:translateY(-4px);border-color:#3b82f64d;box-shadow:0 12px 30px #0006}.repair-card-header{display:flex;justify-content:space-between;align-items:flex-start}.repair-id{font-family:monospace;font-weight:700;color:var(--accent-blue);background:#3b82f61a;padding:2px 8px;border-radius:4px;font-size:.85rem}.repair-priority{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:4px}.priority-high{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.priority-medium{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.priority-low{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.repair-customer{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:12px 0;font-size:.85rem;display:flex;flex-direction:column;gap:6px}.customer-detail{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.customer-detail i{width:14px;height:14px;color:var(--text-secondary)}.customer-detail span.name{color:#fff;font-weight:600}.repair-desc{font-size:.9rem;color:var(--text-primary);line-height:1.5;white-space:pre-line}.repair-footer{margin-top:auto;display:flex;flex-direction:column;gap:12px}.repair-costs{background:#0003;border-radius:8px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.cost-item{display:flex;flex-direction:column;gap:2px}.cost-item span.label{font-size:.7rem;color:var(--text-secondary)}.cost-item span.value{font-weight:600;color:#fff}.cost-total{border-left:1px solid var(--border-color);padding-left:12px}.cost-total span.value{color:var(--accent-green);font-weight:800;font-size:1rem}.repair-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.repair-check-wrapper{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.repair-checkbox{width:20px;height:20px;border-radius:6px;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;transition:all .2s;color:transparent}.repair-check-wrapper:hover .repair-checkbox{border-color:var(--accent-green);background:#10b9810d}.repair-check-wrapper.completed .repair-checkbox{background:var(--accent-green);border-color:var(--accent-green);color:#fff}.repair-check-wrapper span{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.repair-check-wrapper.completed span{color:var(--accent-green);text-decoration:line-through;opacity:.8}.repair-status-pill{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:20px}.status-pending{background:#ffffff0d;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.status-inprogress{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.status-completed{background:#10b98126;color:var(--accent-green);border:1px solid rgba(16,185,129,.3)}@keyframes ring-alert{0%,to{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(8deg)}40%{transform:rotate(-6deg)}50%{transform:rotate(4deg)}60%{transform:rotate(0)}}@media (max-width: 1200px){.email-folders-pane{width:76px!important;padding:24px 8px!important;align-items:center!important}.email-folders-pane .compose-btn{padding:10px!important;width:44px!important;height:44px!important;border-radius:50%!important;justify-content:center!important;font-size:0!important;gap:0!important}.email-folders-pane .compose-btn span{display:none!important}.email-folders-pane .compose-btn i{margin:0!important}.email-folders-pane .email-folder-list{align-items:center!important;width:100%!important}.email-folders-pane .email-folder-list .folder-item{width:100%!important;display:flex!important;justify-content:center!important}.email-folders-pane .email-folder-list .folder-item a{padding:0!important;justify-content:center!important;border-radius:50%!important;width:44px!important;height:44px!important;display:flex!important;align-items:center!important}.email-folders-pane .email-folder-list .folder-item a span,.email-folders-pane .email-folder-list .folder-item a .unread-count-badge,.email-folders-pane .connection-status-widget{display:none!important}.email-list-pane{width:320px!important}}.subtasks-section{margin-top:12px;background:#00000026;border-radius:8px;padding:10px 12px;border:1px dashed rgba(255,255,255,.05)}.subtask-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;gap:8px;font-size:.8rem}.subtask-item input[type=checkbox]{accent-color:var(--accent-blue);cursor:pointer;width:14px;height:14px}.subtask-title{flex:1;color:var(--text-primary);text-align:left}.subtask-title.completed{text-decoration:line-through;color:var(--text-secondary);opacity:.6}.subtask-add-input{width:100%;padding:6px 10px;border-radius:6px;background:#0003;border:1px solid rgba(255,255,255,.05);color:#fff;font-size:.78rem;outline:none;margin-top:6px;transition:all .2s}.subtask-add-input:focus{border-color:#3b82f64d;background:#0000004d}.subtask-add-input[contenteditable=true]:empty:before{content:attr(data-placeholder);color:var(--text-secondary);opacity:.65;pointer-events:none}.subtask-add-input::-webkit-search-decoration,.subtask-add-input::-webkit-search-cancel-button,.subtask-add-input::-webkit-search-results-button,.subtask-add-input::-webkit-search-results-decoration{-webkit-appearance:none}.subtasks-progress{font-size:.72rem;color:var(--accent-green);font-weight:700;margin-bottom:6px;text-align:left;display:flex;justify-content:space-between}.chat-input-wrapper{position:relative}.mention-dropdown{position:absolute;bottom:85px;left:20px;width:320px;max-height:250px;overflow-y:auto;background:#0f172af2;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 12px 40px #000000a6;z-index:1000;display:none;padding:6px}.mention-dropdown::-webkit-scrollbar{width:6px}.mention-dropdown::-webkit-scrollbar-track{background:transparent}.mention-dropdown::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.mention-dropdown::-webkit-scrollbar-thumb:hover{background:#fff3}.mention-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.mention-item:hover,.mention-item.active{background:#3b82f640;transform:translate(2px)}.mention-avatar{width:32px;height:32px;border-radius:50%;font-size:.8rem;font-weight:800;display:flex;align-items:center;justify-content:center;color:#fff;border:1.5px solid rgba(255,255,255,.15);flex-shrink:0}.mention-name{flex:1;min-width:0;text-align:left}.mention-name h4{font-size:.85rem;font-weight:700;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-name p{font-size:.7rem;color:var(--text-secondary);margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recording-pulse-dot{width:10px;height:10px;background-color:#ef4444;border-radius:50%;display:inline-block;animation:pulse-red 1.5s infinite ease-in-out}@keyframes pulse-red{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1.1);box-shadow:0 0 0 8px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.chat-action-btn.dictate-active{color:#ef4444!important;background:#ef444426!important;border-color:#ef44444d!important;animation:pulse-glow 1.5s infinite alternate}@keyframes pulse-glow{0%{box-shadow:0 0 2px #ef44444d}to{box-shadow:0 0 10px #ef4444b3}}.task-attachment-card{transition:all .2s ease}.task-attachment-card:hover{background:#ffffff14!important;border-color:#3b82f659!important}.auth-step{display:flex;align-items:center;gap:10px;font-size:.85rem;color:#64748b;transition:all .2s ease}.auth-step.active{color:#38bdf8;font-weight:500}.auth-step.success{color:#4ade80}.auth-step.error{color:#f87171;font-weight:500}.auth-step i{width:16px;height:16px;flex-shrink:0}.auth-step.active i{color:#38bdf8}.auth-step.success i{color:#4ade80}.auth-step.error i{color:#f87171}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.invoice-tabs-wrapper{display:flex;gap:12px;border-bottom:1px solid var(--border-color);padding-bottom:12px;margin-bottom:24px}.invoice-tab-btn{background:#ffffff05;border:1px solid var(--border-color);color:var(--text-secondary);padding:10px 20px;font-size:.9rem;font-weight:700;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.invoice-tab-btn:hover{background:#ffffff0f;color:var(--text-primary);transform:translateY(-1px)}.invoice-tab-btn.active{background:linear-gradient(135deg,#3b82f626,#3b82f608);border-color:#3b82f666;color:var(--accent-blue);box-shadow:0 4px 15px #3b82f61a}.main-content:has(#chatArea.active){padding:0!important;margin-right:50px!important}@media (min-width: 769px){body:has(#rightWorkspaceSidebar:not(.collapsed)) .main-content:has(#chatArea.active){margin-right:390px!important}}.main-content:has(#chatArea.active) .top-header{display:none!important}#chatArea{display:none;width:100%;height:100vh}#chatArea.active{display:block}.chat-dashboard-container.new-layout{display:flex;height:100vh;width:100%;margin-top:0;border-radius:0;border:none;background:var(--bg-primary);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden}.chat-nav-sidebar{width:70px;background:#0a0e17f2;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:12px;flex-shrink:0;z-index:5}.chat-nav-tab-btn{width:48px;height:48px;border-radius:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;outline:none}.chat-nav-tab-btn i{transition:transform .2s ease}.chat-nav-tab-btn:hover{border-radius:16px;background:var(--accent-blue);color:#fff;transform:translateY(-1px)}.chat-nav-tab-btn:hover i{transform:scale(1.08)}.chat-nav-tab-btn.active{border-radius:16px;background:linear-gradient(135deg,var(--accent-blue) 0%,#1d4ed8 100%);color:#fff;border-color:#3b82f64d;box-shadow:0 4px 15px #3b82f659}.chat-nav-tab-btn.active:before{content:"";position:absolute;left:0;top:13px;width:4px;height:22px;background:#fff;border-radius:0 4px 4px 0;animation:indicator-in .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes indicator-in{0%{height:0;transform:scaleY(0)}to{height:22px;transform:scaleY(1)}}.chat-nav-divider{width:32px;height:2px;background:#ffffff14;border-radius:1px}.chat-nav-spaces-list{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center;overflow-y:auto}.chat-nav-spaces-list::-webkit-scrollbar{display:none}.chat-nav-unread{position:absolute;top:2px;right:2px;width:10px;height:10px;border-radius:50%;background:#ef4444;border:2px solid rgba(10,14,23,.95);box-shadow:0 0 8px #ef4444cc}.chat-sub-sidebar{width:280px;background:#080c1680;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:4}.chat-sub-sidebar.collapsed{width:0!important;border-right:none;opacity:0;overflow:hidden;pointer-events:none}.chat-sub-sidebar-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.06);background:#0f172a73}.chat-sub-tab-btn{transition:all .25s cubic-bezier(.4,0,.2,1)}.chat-sub-tab-btn.active{background:#ffffff14!important;color:#fff!important;box-shadow:0 2px 6px #00000040}.chat-sub-tab-btn:hover:not(.active){color:#fff!important;background:#ffffff08}.chat-dashboard-container.new-layout .chat-main{background:#0a0f1e33}.chat-dashboard-container.new-layout .chat-main-header{border-bottom:1px solid rgba(255,255,255,.06);background:#0f172a4d}.chat-dashboard-container.new-layout .chat-input-wrapper{background:#0f172a73;border-top:1px solid rgba(255,255,255,.06)}.chat-landing-page{animation:fade-in .35s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.workspace-sidebar{display:none!important}.main-content,.main-content:has(#chatArea.active){margin-right:0!important;max-width:calc(100vw - var(--sidebar-width))!important}.sidebar.collapsed~.main-content{max-width:calc(100vw - 90px)!important}.chat-dashboard-container.new-layout{position:relative;overflow:hidden;height:100vh}.chat-nav-sidebar{width:64px;padding:12px 0}.chat-nav-tab-btn{width:42px;height:42px}.chat-sub-sidebar{flex:1;width:auto!important}.chat-main{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;display:none!important;background:var(--bg-primary)!important}.chat-landing-page{display:none!important}.chat-dashboard-container.new-layout.mobile-chat-active .chat-main{display:flex!important}.chat-dashboard-container.new-layout.mobile-chat-active .chat-nav-sidebar,.chat-dashboard-container.new-layout.mobile-chat-active .chat-sub-sidebar{display:none!important}.chat-dashboard-container.new-layout.mobile-chat-active .mobile-back-btn{display:flex!important}.chat-dashboard-container.new-layout .chat-tasks-drawer{position:absolute;top:0;right:0;width:100%!important;height:100%!important;z-index:200;margin-right:0!important;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .3s ease!important}.chat-dashboard-container.new-layout .chat-tasks-drawer.collapsed{transform:translate(100%)!important;opacity:0!important;pointer-events:none!important}}.chat-tasks-drawer{width:340px;background:#080c1673!important;backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important;border-left:1px solid rgba(255,255,255,.05)!important;display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.4,0,.2,1),margin-right .35s cubic-bezier(.4,0,.2,1),opacity .3s ease;transform:translate(0);opacity:1;z-index:10}.chat-tasks-drawer.collapsed{transform:translate(100%);margin-right:-340px;opacity:0;pointer-events:none}.chat-tasks-drawer .pane-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.05)!important;background:#0f172a73!important;display:flex;flex-direction:column;gap:12px}.tasks-tabs-container{display:flex;background:#00000040;border-radius:10px;padding:3px;border:1px solid rgba(255,255,255,.05);margin-top:5px}.tasks-tab-btn{flex:1;padding:8px 0;font-size:.8rem;border-radius:8px;font-weight:700;cursor:pointer;border:none;background:transparent;color:var(--text-secondary);transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center}.tasks-tab-btn.active{background:linear-gradient(135deg,var(--accent-blue) 0%,#1d4ed8 100%)!important;color:#fff!important;box-shadow:0 4px 12px #3b82f640}.tasks-tab-btn:hover:not(.active){color:#fff!important;background:#ffffff08}.chat-tasks-drawer .task-card{background:#0f172a73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #00000026}.chat-tasks-drawer .task-card:hover{background:#0f172aa6;border-color:#3b82f659;transform:translateY(-2px);box-shadow:0 12px 30px #00000040}#dashboardChatTasksContainer::-webkit-scrollbar,#dashboardGlobalTasksContainer::-webkit-scrollbar,#dashboardChatOrdersContainer::-webkit-scrollbar{width:6px}#dashboardChatTasksContainer::-webkit-scrollbar-thumb,#dashboardGlobalTasksContainer::-webkit-scrollbar-thumb,#dashboardChatOrdersContainer::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}#dashboardChatTasksContainer::-webkit-scrollbar-thumb:hover,#dashboardGlobalTasksContainer::-webkit-scrollbar-thumb:hover,#dashboardChatOrdersContainer::-webkit-scrollbar-thumb:hover{background:#ffffff26}.notes-segmented-tabs{display:flex;background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:4px;gap:4px;width:fit-content;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notes-tab-btn{background:transparent;border:none;color:var(--text-secondary);padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .25s cubic-bezier(.4,0,.2,1)}.notes-tab-btn.active{background:linear-gradient(135deg,var(--accent-blue) 0%,#1d4ed8 100%)!important;color:#fff!important;box-shadow:0 4px 14px #3b82f640}.notes-tab-btn:hover:not(.active){color:#fff;background:#ffffff08}.premium-color-dot{width:24px;height:24px;border-radius:50%;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:2px solid transparent;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000004d}.premium-color-dot:hover{transform:scale(1.2)}.premium-color-dot.active{border-color:#fff;transform:scale(1.1);box-shadow:0 0 12px #fff6}.premium-note-card{background:#1e293b73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0003;overflow:hidden}.premium-note-card:hover{transform:translateY(-4px);border-color:#ffffff1f;box-shadow:0 12px 40px #00000059}.premium-note-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--card-color, #3b82f6)}.premium-note-card .note-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.premium-note-card:hover .note-actions{opacity:1}.file-folder-card{background:#1e293b66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:30px 24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;box-shadow:0 8px 30px #00000026;position:relative;overflow:hidden}.file-folder-card:hover{transform:translateY(-6px);background:#1e293ba6;box-shadow:0 15px 35px #0000004d}.file-folder-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--folder-accent, #3b82f6);opacity:.7}.file-folder-card:hover:after{height:5px;opacity:1}.file-folder-card .folder-icon-wrapper{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:var(--folder-icon-bg, rgba(59, 130, 246, .1));color:var(--folder-accent, #3b82f6);font-size:1.8rem;box-shadow:0 4px 15px #0003;transition:transform .3s ease}.file-folder-card:hover .folder-icon-wrapper{transform:scale(1.1) rotate(3deg)}.premium-upload-area{border:2px dashed rgba(255,255,255,.15);background:#ffffff03;border-radius:16px;padding:30px 20px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.premium-upload-area:hover,.premium-upload-area.dragover{border-color:var(--accent-blue);background:#3b82f60d;box-shadow:inset 0 0 12px #3b82f60d}.premium-upload-area i{color:var(--accent-blue);transition:transform .25s ease}.premium-upload-area:hover i{transform:translateY(-4px)}.attachment-pill-tag{background:#0003;border:1px solid rgba(255,255,255,.06);padding:6px 12px;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:.8rem;display:flex;align-items:center;gap:6px;transition:all .2s ease;max-width:100%;box-sizing:border-box}.attachment-pill-tag:hover{background:#ffffff14;border-color:#fff3;color:#fff}.vault-files-table{width:100%;border-collapse:collapse;text-align:left}.vault-files-table th{padding:12px 16px;color:var(--text-secondary);font-weight:700;font-size:.8rem;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.06)}.vault-files-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.03);font-size:.9rem;color:#fff;vertical-align:middle}.vault-files-table tr:hover td{background:#ffffff03}.financials-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media (max-width: 1200px){.financials-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.financials-stats-grid{grid-template-columns:1fr}}.financials-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:24px;display:flex;align-items:center;gap:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.financials-stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--card-accent, var(--accent-blue));transition:width .25s ease}.financials-stat-card:hover{transform:translateY(-4px);border-color:#ffffff1a;box-shadow:0 12px 24px -10px #00000080,0 0 15px -3px var(--card-accent-glow, rgba(59, 130, 246, .1))}.financials-stat-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.05);font-size:1.5rem;color:var(--card-accent, var(--accent-blue));transition:all .3s}.financials-stat-card:hover .financials-stat-icon{background:var(--card-accent-alpha, rgba(59, 130, 246, .1));border-color:var(--card-accent, var(--accent-blue));transform:scale(1.05)}.financials-stat-info{display:flex;flex-direction:column;gap:4px}.financials-stat-info span.value{font-size:1.75rem;font-weight:800;color:#fff;line-height:1.2}.financials-stat-info span.label{font-size:.72rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.75px;font-weight:600}.financials-dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}@media (max-width: 900px){.financials-dashboard-grid{grid-template-columns:1fr}}.financials-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;justify-content:space-between;min-height:310px;transition:border-color .3s,box-shadow .3s}.financials-card:hover{border-color:#ffffff14;box-shadow:0 8px 30px #0000004d}.financials-card h3{font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:20px;display:flex;align-items:center;gap:10px}.financials-form-group{margin-bottom:18px}.financials-form-group label{display:block;color:var(--text-secondary);font-size:.8rem;font-weight:500;margin-bottom:8px}.financials-input,.financials-select{width:100%;padding:11px 14px;background:#0a0f1ab3;border:1px solid var(--border-color);color:#fff;border-radius:8px;outline:none;font-size:.9rem;transition:all .25s ease}.financials-input:focus,.financials-select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f626;background:#0a0f1ae6}.financials-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--text-primary);font-size:.9rem;-webkit-user-select:none;user-select:none}.financials-checkbox-label input{accent-color:var(--accent-blue);width:17px;height:17px;cursor:pointer}.financials-btn-group{display:flex;flex-direction:column;gap:12px}.financials-btn-primary{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:.92rem;height:48px;background:linear-gradient(135deg,var(--accent-blue) 0%,#1d4ed8 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 12px #3b82f640;transition:all .25s ease}.financials-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f659;background:linear-gradient(135deg,#60a5fa,#2563eb)}.financials-btn-primary:active{transform:translateY(0)}.financials-btn-secondary{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:.92rem;height:48px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .25s ease}.financials-btn-secondary:hover{background:#ffffff0a;border-color:#fff3;transform:translateY(-2px)}.financials-btn-secondary:active{transform:translateY(0)}.financials-table-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;margin-bottom:24px}.financials-table-card .card-header{padding:24px 28px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.financials-table-card .card-header h3{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.financials-table-card .card-header p{color:var(--text-secondary);font-size:.85rem;margin-top:4px}.financials-table-container{padding:0;overflow-x:auto}.financials-table-modern{width:100%;border-collapse:collapse;text-align:left}.financials-table-modern th{padding:16px 28px;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.75px;font-weight:700;border-bottom:1px solid var(--border-color);background:#ffffff03}.financials-table-modern tbody tr{border-bottom:1px solid rgba(255,255,255,.03);transition:all .2s ease;position:relative}.financials-table-modern tbody tr:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background-color .2s}.financials-table-modern tbody tr:hover{background:#ffffff04}.financials-table-modern tbody tr.source-woo:before{background:var(--accent-blue)}.financials-table-modern tbody tr.source-branch:before{background:var(--accent-green)}.financials-table-modern tbody tr:hover:before{width:4px}.financials-table-modern td{padding:16px 28px;font-size:.9rem;color:#fff;vertical-align:middle}.financials-table-modern td.id-col{font-weight:700;color:var(--accent-blue)}.financials-table-modern td.date-col{color:var(--text-secondary);font-size:.85rem}.financials-table-modern td.amount-col{font-weight:800;font-size:.95rem}.financials-status-pill{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:5px;text-transform:capitalize}.financials-status-pill.completed{background:#10b9811a;color:var(--accent-green);border:1px solid rgba(16,185,129,.2)}.financials-status-pill.processing{background:#3b82f61a;color:var(--accent-blue);border:1px solid rgba(59,130,246,.2)}.financials-status-pill.pending{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.financials-status-pill.cancelled{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.financials-pagination-modern{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-top:1px solid var(--border-color);background:#ffffff01}.financials-pagination-modern button{padding:8px 16px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:#fff;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.financials-pagination-modern button:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff26;transform:translateY(-1px)}.financials-pagination-modern button:disabled{opacity:.4;cursor:not-allowed}.financials-pagination-modern span.info{color:var(--text-secondary);font-size:.85rem;font-weight:500}.commerce-tab.active{background:#3b82f61a!important;border-color:#3b82f640!important;color:var(--accent-blue)!important;box-shadow:0 4px 15px #3b82f61a!important}.commerce-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media (max-width: 1200px){.commerce-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.commerce-stats-grid{grid-template-columns:1fr}}.commerce-stats-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}@media (max-width: 768px){.commerce-stats-grid-2{grid-template-columns:1fr}}.commerce-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:24px;display:flex;align-items:center;gap:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.commerce-stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--card-accent, var(--accent-blue));transition:width .25s ease}.commerce-stat-card:hover{transform:translateY(-4px);border-color:#ffffff1a;box-shadow:0 12px 24px -10px #00000080,0 0 15px -3px var(--card-accent-glow, rgba(59, 130, 246, .1))}.commerce-stat-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.05);font-size:1.5rem;color:var(--card-accent, var(--accent-blue));transition:all .3s}.commerce-stat-card:hover .commerce-stat-icon{background:var(--card-accent-alpha, rgba(59, 130, 246, .1));border-color:var(--card-accent, var(--accent-blue));transform:scale(1.05)}.commerce-stat-info{display:flex;flex-direction:column;gap:4px;text-align:left}.commerce-stat-info span.value{font-size:1.75rem;font-weight:800;color:#fff;line-height:1.2}.commerce-stat-info span.label{font-size:.72rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.75px;font-weight:600}.commerce-filter-card{display:flex;gap:15px;margin-bottom:24px;background:var(--bg-card);padding:16px 20px;border-radius:var(--radius);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;flex-wrap:wrap}.commerce-filter-card .search-input-wrapper{flex:1;position:relative;min-width:200px}.commerce-filter-card .search-input-wrapper i{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;color:var(--text-secondary)}.commerce-filter-card input,.commerce-filter-card select{padding:11px 14px;background:#0a0f1ab3;border:1px solid var(--border-color);color:#fff;border-radius:8px;outline:none;font-size:.9rem;transition:all .25s ease}.commerce-filter-card input:focus,.commerce-filter-card select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f626;background:#0a0f1ae6}.commerce-filter-card input[type=text]{width:100%;padding-left:42px}.commerce-table-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;margin-bottom:24px}.commerce-table-card .card-header{padding:24px 28px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.commerce-table-card .card-header h2{font-size:1.35rem;font-weight:700;color:#fff;margin:0}.commerce-table-card .card-header p{color:var(--text-secondary);font-size:.85rem;margin-top:4px;margin-bottom:0}.commerce-table-container{padding:0;overflow-x:auto}.commerce-table-modern{width:100%;border-collapse:collapse;text-align:left}.commerce-table-modern th{padding:16px 28px;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.75px;font-weight:700;border-bottom:1px solid var(--border-color);background:#ffffff03}.commerce-table-modern tbody tr{border-bottom:1px solid rgba(255,255,255,.03);transition:all .2s ease;position:relative}.commerce-table-modern tbody tr:hover{background:#ffffff04}.commerce-table-modern td{padding:16px 28px;font-size:.9rem;color:#fff;vertical-align:middle}