@import"https://api.fontshare.com/v2/css?f[]=satoshi@300,400,500,600,700,900&display=swap";body:has(.login-container){background:#000!important}.login-container{min-height:100svh;min-height:100dvh;display:flex;flex-direction:row;background:#000;position:relative;overflow:hidden;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.login-left{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(20px,4vw,48px);position:relative;background:#000}.zeno-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%;max-width:600px}.zeno-title{font-size:clamp(60px,10vw,140px);font-weight:900;color:#fff;letter-spacing:.05em;margin-bottom:20px;text-align:center;position:relative;z-index:20}.sparkles-container{width:100%;max-width:640px;height:160px;position:relative}.gradient-line{position:absolute;top:0;left:0;right:0;height:2px}.gradient-purple-1{background:linear-gradient(to right,transparent,#9333ea,transparent);width:75%;margin:0 auto;filter:blur(1px)}.gradient-purple-2{background:linear-gradient(to right,transparent,#9333ea,transparent);width:75%;margin:0 auto;height:1px}.gradient-indigo-1{background:linear-gradient(to right,transparent,#6366f1,transparent);width:25%;margin:0 auto;left:50%;transform:translate(-50%);filter:blur(2px);height:5px}.gradient-indigo-2{background:linear-gradient(to right,transparent,#6366f1,transparent);width:25%;margin:0 auto;left:50%;transform:translate(-50%);height:1px}.sparkles-mask{position:absolute;inset:0;width:100%;height:100%;background:#000;mask-image:radial-gradient(350px 200px at top,transparent 20%,white);-webkit-mask-image:radial-gradient(350px 200px at top,transparent 20%,white)}.login-right{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(20px,4vw,48px);background:#000}.login-card{background:#141414cc;border:1px solid rgba(147,51,234,.3);border-radius:16px;padding:48px;width:100%;max-width:440px;box-shadow:0 0 40px #9333ea1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-form{display:flex;flex-direction:column;gap:24px}.login-form-title{font-size:28px;font-weight:700;color:#fff;margin:0 0 8px;text-align:center}.login-form-subtitle{font-size:14px;color:#fff9;margin:0 0 20px;text-align:center}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#ffffffe6;font-weight:500;font-size:14px}.input-wrapper{display:flex;align-items:center;gap:12px;background:#00000080;border:1px solid rgba(147,51,234,.3);border-radius:8px;padding:12px 16px;transition:all .3s ease}.input-wrapper:focus-within{background:#000000b3;border-color:#9333ea;box-shadow:0 0 0 3px #9333ea33}.input-wrapper svg{color:#9333eacc;flex-shrink:0}.input-wrapper input{flex:1;background:transparent;border:none;color:#fff;font-size:15px;outline:none;padding:0}.input-wrapper input::placeholder{color:#fff6}.login-links{display:flex;justify-content:flex-end;margin-top:-8px}.login-link{color:#ffffffb3;font-size:13px;text-decoration:none;transition:color .2s ease}.login-link:hover{color:#fff;text-decoration:underline}.login-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#9333ea,#6366f1);border:none;color:#fff;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-top:8px}.login-btn:hover{background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 0 20px #9333ea66;transform:translateY(-2px)}.login-btn:active{transform:translateY(0)}.error-message{background:#dc26261a;color:#ef4444;padding:12px 16px;border-radius:8px;border:1px solid rgba(220,38,38,.3);font-size:14px;text-align:center}.success-message{background:#10b9811f;color:#10b981;padding:12px 16px;border-radius:8px;border:1px solid rgba(16,185,129,.4);font-size:14px;text-align:center}.tenant-selection{display:flex;flex-direction:column;gap:20px}.tenant-selection-title{font-size:24px;font-weight:700;color:#fff;margin:0;text-align:center}.tenant-list{display:flex;flex-direction:column;gap:12px}.tenant-option{padding:16px 20px;border-radius:8px;border:2px solid rgba(147,51,234,.3);background:#0006;color:#fff;cursor:pointer;transition:all .3s ease;text-align:left;font-size:16px}.tenant-option:hover{border-color:#9333ea;background:#9333ea1a}.tenant-option.selected{background:linear-gradient(135deg,#9333ea,#6366f1);border-color:#9333ea}.tenant-name{font-weight:600;margin-bottom:4px}.tenant-subdomain{font-size:12px;opacity:.7}@media(max-width:968px){.login-container{flex-direction:column}.login-left{min-height:40vh;padding:20px}.login-right{min-height:60vh;padding:20px}.zeno-title{font-size:clamp(48px,12vw,80px)}.sparkles-container{height:120px}.login-card{padding:32px 24px}.login-form-title{font-size:24px}}@media(max-width:640px){.login-left{min-height:30vh}.login-right{min-height:70vh}.zeno-title{font-size:48px}.sparkles-container{height:100px}.login-card{padding:24px 20px}.login-form{gap:20px}.login-form-title{font-size:22px}}.w-full{width:100%}.h-full{height:100%}.shiny-text{position:relative;display:inline-block;color:var(--text-primary)}.shiny-text:before{content:attr(data-text);position:absolute;left:0;top:0;width:100%;background:linear-gradient(120deg,transparent 0%,transparent 30%,rgba(255,255,255,.75) 50%,transparent 70%,transparent 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine var(--animation-duration, 3s) linear infinite;pointer-events:none}@keyframes shine{0%{background-position:100%}to{background-position:-100%}}.shiny-text.disabled:before{animation:none}.notification-wrapper{position:relative}.notification-bell{position:relative;background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.notification-bell:hover{background:var(--bg-secondary)}.notification-badge{position:absolute;top:2px;right:2px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;padding:2px 5px;border-radius:10px;min-width:18px;text-align:center;line-height:1.2}.notification-panel{position:absolute;top:calc(100% + 8px);left:0;right:auto;width:min(380px,calc(100vw - 24px));max-height:500px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:1000;overflow:hidden;box-sizing:border-box}[data-theme=glassmorphism-light] .notification-panel,[data-theme=glassmorphism-dark] .notification-panel{background:var(--bg-primary);border:1px solid var(--border-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}[data-theme=glassmorphism-light] .notification-item.unread,[data-theme=glassmorphism-dark] .notification-item.unread{background:var(--bg-secondary)}.notification-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary)}.notification-header h3{font-size:16px;font-weight:600;margin:0;color:var(--text-primary)}.notification-actions{display:flex;gap:8px}.btn-icon{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.notification-list{overflow-y:auto;max-height:440px}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:var(--bg-primary)}.notification-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.notification-item{display:flex;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-color);transition:all .2s ease;position:relative}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:var(--bg-secondary)}.notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-primary)}.notification-content{flex:1;display:flex;gap:12px;cursor:pointer}.notification-icon{width:36px;height:36px;border-radius:8px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-details{flex:1;min-width:0}.notification-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.notification-message{font-size:13px;color:var(--text-secondary);margin-bottom:6px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-time{font-size:11px;color:var(--text-tertiary)}.notification-delete{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;flex-shrink:0}.notification-item:hover .notification-delete{opacity:1}.notification-delete:hover{background:var(--danger-light);color:var(--danger)}.notification-empty{padding:60px 20px;text-align:center;color:var(--text-tertiary)}.notification-empty svg{margin-bottom:16px;opacity:.3}.notification-empty p{font-size:15px;font-weight:500;margin-bottom:8px;color:var(--text-secondary)}.notification-empty small{font-size:13px}@media(max-width:768px){.notification-panel{width:min(320px,calc(100vw - 24px));max-height:400px}.notification-list{max-height:340px}}.app-layout{display:flex;min-height:100svh;min-height:100dvh;background:var(--bg-secondary);width:100%}.sidebar{width:var(--sidebar-width);background:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .32s cubic-bezier(.22,1,.36,1),box-shadow .3s ease;position:fixed;height:100svh;height:100dvh;left:0;top:0;z-index:100;border-radius:0 18px 18px 0;overflow:visible;box-shadow:var(--shadow-sm)}.sidebar.closed{width:var(--sidebar-collapsed-width)}.sidebar-header{padding:calc(22px + var(--safe-top)) 20px 22px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box}.sidebar-brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.sidebar-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.sidebar-header h2{font-size:20px;font-weight:700;white-space:nowrap;overflow:hidden;position:relative;transition:opacity .2s ease,transform .2s ease,max-width .2s ease;max-width:180px}.sidebar.closed .sidebar-header h2{opacity:0;transform:translate(-8px);max-width:0}.sidebar.closed .sidebar-header{justify-content:center;padding:calc(20px + var(--safe-top)) 12px}.sidebar.closed .sidebar-brand,.sidebar.closed .notification-wrapper{display:none}.sidebar.closed .sidebar-header-actions{width:auto;justify-content:center}.sidebar-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-nav{flex:1;padding:20px 12px;overflow-y:auto}.nav-group{margin-bottom:24px}.nav-group:last-child{margin-bottom:0}.nav-group-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);padding:0 16px 8px;margin-bottom:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:4px;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:14px;transition:all .2s ease}.nav-item span{display:inline-block;max-width:160px;overflow:hidden;white-space:nowrap;transition:opacity .2s ease,transform .2s ease,max-width .2s ease}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-light);color:var(--accent-primary)}.sidebar.closed .nav-item{justify-content:center;padding:12px;gap:0}.sidebar.closed .nav-item span{opacity:0;transform:translate(-8px);max-width:0}.sidebar-footer{padding:12px 12px calc(12px + var(--safe-bottom));border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.user-info{display:flex;align-items:center;gap:12px;color:var(--text-primary);padding:12px;border-radius:8px;position:relative}.sidebar.closed .user-info{justify-content:center}.user-details{overflow:hidden;flex:1;transition:opacity .2s ease,transform .2s ease,max-width .2s ease;max-width:160px;display:flex;flex-direction:column;justify-content:center;gap:2px}.sidebar.closed .user-details{opacity:0;transform:translate(-8px);max-width:0}.user-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.user-role{font-size:12px;color:var(--text-tertiary);text-transform:capitalize;line-height:1.2}.logout-btn-sidebar{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:var(--danger-light);border:1px solid var(--danger);color:var(--danger);border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease}.logout-btn-sidebar:hover{background:var(--danger);color:#fff}.sidebar.closed .logout-btn-sidebar span{opacity:0;transform:translate(-8px);max-width:0}.logout-btn-sidebar span{display:inline-block;transition:opacity .2s ease,transform .2s ease,max-width .2s ease;max-width:160px;overflow:hidden;white-space:nowrap}.main-content{flex:1;margin-left:var(--sidebar-width);transition:margin-left .3s ease;display:flex;flex-direction:column;min-height:100svh;min-height:100dvh;min-width:0}.floating-menu-btn{position:fixed;top:calc(16px + var(--safe-top));left:calc(16px + var(--safe-left));width:42px;height:42px;border-radius:12px;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);display:none;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);z-index:170;transition:opacity .2s ease,transform .2s ease}.floating-menu-btn:hover{background:var(--bg-hover)}.floating-menu-btn.hidden{opacity:0;pointer-events:none;transform:translateY(-4px)}.sidebar.closed+.main-content{margin-left:var(--sidebar-collapsed-width)}.top-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:calc(16px + var(--safe-top)) 24px 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:150}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.icon-btn{background:none;border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;padding:10px 12px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:14px;font-family:Satoshi,sans-serif;font-weight:500;transition:all .2s ease}.icon-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.reset-btn{border-color:var(--danger);color:var(--danger)}.reset-btn:hover{background:var(--danger-light);border-color:var(--danger)}.logout-btn span,.reset-btn span{display:inline}.page-content{flex:1;padding:calc(var(--page-padding) + var(--safe-top)) calc(var(--page-padding) + var(--safe-right)) calc(var(--page-padding) + var(--safe-bottom)) calc(var(--page-padding) + var(--safe-left))}@media(max-width:768px){.sidebar{transform:translate(-100%);width:260px!important}.sidebar.open{transform:translate(0)}.main-content{margin-left:0!important}.floating-menu-btn{display:flex}.logout-btn span,.reset-btn span{display:none}}.time-tracker{display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:20px;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));box-shadow:var(--shadow-md)}.time-tracker__header{display:flex;align-items:flex-start;justify-content:space-between}.time-tracker .icon-btn{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary)}.time-tracker .icon-btn:disabled{opacity:.5}.time-tracker__label{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.time-tracker__status{font-size:13px;color:var(--text-secondary)}.time-tracker__status.running{color:var(--success)}.time-tracker__dial{width:180px;height:180px;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;position:relative}.time-tracker__dial-inner{width:140px;height:140px;border-radius:50%;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 2px 10px #0000000f}.time-tracker__value{font-size:30px;font-weight:700;color:var(--text-primary);line-height:1.2}.time-tracker__dial-inner small{color:var(--text-tertiary);font-size:13px}.time-tracker__summary{display:flex;justify-content:space-between;gap:16px;padding:16px;border-radius:16px;background:var(--bg-secondary)}.time-tracker__summary p{font-size:13px;color:var(--text-tertiary)}.time-tracker__summary strong{font-size:20px;display:block;color:var(--text-primary)}.time-tracker__summary small{color:var(--text-secondary)}.time-tracker__actions{display:flex;align-items:center;gap:16px}.time-tracker__actions .btn{display:inline-flex;align-items:center;gap:8px;font-weight:600}.time-tracker__hint{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.time-tracker__error{font-size:13px;color:var(--danger);margin-top:-8px}@media(max-width:768px){.time-tracker{padding:20px}.time-tracker__summary{flex-direction:column}}.text-effect{display:inline-block;color:inherit}.text-effect__unit{display:inline-block;opacity:0;transform:translateY(4px);animation:text-effect-fade .42s ease forwards;animation-delay:var(--delay, 0ms);white-space:pre;will-change:opacity,transform}@keyframes text-effect-fade{to{opacity:1;transform:translateY(0)}}.dashboard{max-width:1400px;margin:0 auto}.page-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:center}.dashboard-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:32px}.page-header h1{font-size:28px;font-weight:700;margin-bottom:4px;color:var(--text-primary)}.page-header p{color:var(--text-secondary);font-size:15px}.stats-grid,.dashboard .grid.grid-2{margin-bottom:32px}.stat-card{display:flex;gap:16px;align-items:flex-start;min-height:120px}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{flex:1;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:13px;color:var(--text-secondary);font-weight:500;margin-bottom:4px}.dashboard .stat-label{white-space:normal;word-break:break-word}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:4px}.stat-detail{font-size:12px;color:var(--text-tertiary)}.card-title{font-size:18px;font-weight:600;margin-bottom:20px;color:var(--text-primary)}.tasks-list{display:flex;flex-direction:column;gap:12px}.task-item{padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;transition:all .2s ease}.task-item:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.task-title-row{display:flex;align-items:center;gap:12px;margin-bottom:4px}.task-title-row h4{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.task-customer{font-size:13px;color:var(--text-secondary);margin:4px 0}.task-description{font-size:13px;color:var(--text-tertiary);margin:8px 0 0}.task-meta{display:flex;align-items:center;flex-shrink:0}.task-date{font-size:12px;color:var(--text-tertiary);white-space:nowrap}.empty-state{text-align:center;padding:60px 20px;color:var(--text-tertiary)}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state p{font-size:15px;margin-bottom:8px}.empty-state small{font-size:13px;color:var(--text-tertiary);display:block}.monthly-goal-card{margin-bottom:32px}.goal-modal-title{display:flex;align-items:center;gap:8px;margin:0}.goal-input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:14px}.goal-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.goal-modal .modal-footer{padding-bottom:24px}.goal-modal .modal-close{font-size:22px;line-height:1}.upcoming-tasks-card{margin-bottom:0}.monthly-goal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.current-month{display:flex;align-items:center;font-size:14px;color:var(--text-secondary);margin-top:8px}.goal-progress{display:flex;flex-direction:column;gap:20px}.goal-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.goal-stat{display:flex;flex-direction:column;gap:6px}.goal-stat-label{font-size:13px;color:var(--text-secondary);font-weight:500}.goal-stat-value{font-size:24px;font-weight:700;color:var(--text-primary)}.progress-bar-container{width:100%;height:48px;background:var(--bg-secondary);border-radius:12px;overflow:hidden;position:relative;border:1px solid var(--border-color)}.progress-bar-fill{height:100%;background:var(--accent-primary);transition:width .5s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:16px;min-width:60px}.progress-percentage{color:var(--accent-contrast);font-weight:700;font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.goal-achieved{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--success-light);border-radius:8px;border:1px solid var(--success)}.input-with-prefix{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--bg-primary)}.input-prefix{padding:10px 12px;background:var(--bg-secondary);color:var(--text-secondary);border-right:1px solid var(--border-color);font-weight:600}.input-with-prefix input{flex:1;border:none;padding:10px 12px;background:transparent}.form-hint{display:block;margin-top:6px;font-size:12px;color:var(--text-tertiary)}@media(max-width:768px){.task-item{flex-direction:column;gap:12px}.task-meta{width:100%;justify-content:space-between}.monthly-goal-header{flex-direction:column}.goal-stats{grid-template-columns:1fr}}.pipeline-info-modal{max-width:900px;max-height:90vh;overflow-y:auto}.pipeline-concepts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:32px}.concept-card{display:flex;gap:16px;padding:20px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);transition:all .2s}.concept-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--accent-primary)}.concept-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.concept-content h3{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.concept-content p{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0}.pipeline-example{padding:24px;background:linear-gradient(135deg,#9333ea0d,#6366f10d);border-radius:12px;border:1px solid var(--accent-primary);margin-bottom:24px}.pipeline-example h3{font-size:18px;font-weight:600;margin-bottom:20px;color:var(--text-primary)}.workflow-steps{display:flex;align-items:center;gap:12px;overflow-x:auto;padding:8px 0}.workflow-step{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-primary);border-radius:10px;border:2px solid var(--border-color);min-width:180px}.step-number{width:32px;height:32px;background:var(--accent-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step-content{flex:1}.step-content strong{display:block;font-size:14px;color:var(--text-primary);margin-bottom:4px}.step-content p{font-size:12px;color:var(--text-tertiary);margin:0;line-height:1.3}.workflow-arrow{font-size:24px;color:var(--accent-primary);font-weight:700;flex-shrink:0}.pipeline-tips{padding:20px;background:var(--bg-secondary);border-radius:12px;border-left:4px solid var(--accent-primary);margin-bottom:24px}.pipeline-tips h4{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.pipeline-tips ul{margin:0;padding-left:20px}.pipeline-tips li{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:8px}.pipeline-tips li:last-child{margin-bottom:0}.pipeline-tips strong{color:var(--text-primary)}@media(max-width:768px){.pipeline-concepts{grid-template-columns:1fr}.workflow-steps{flex-direction:column;align-items:stretch}.workflow-arrow{transform:rotate(90deg);align-self:center}.workflow-step{min-width:auto}}.getting-started-panel{margin-bottom:32px;background:linear-gradient(135deg,#9333ea0d,#6366f10d);border:2px solid var(--accent-primary);padding:32px}.getting-started-header{display:flex;align-items:center;gap:20px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.rocket-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--accent-primary),var(--info));color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.getting-started-header h2{font-size:24px;font-weight:700;margin-bottom:4px;color:var(--text-primary)}.getting-started-header p{font-size:15px;color:var(--text-secondary);margin:0}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.quick-action-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.quick-action-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a;border-color:var(--action-color)}.quick-action-card:active{transform:translateY(0)}.action-icon{width:48px;height:48px;background:var(--action-color);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.9}.quick-action-card:hover .action-icon{opacity:1;transform:scale(1.05)}.action-content{flex:1}.action-content h4{font-size:16px;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.action-content p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4}.getting-started-footer{text-align:center;padding-top:20px;border-top:1px solid var(--border-color)}.getting-started-footer p{font-size:13px;color:var(--text-tertiary);margin:0}.getting-started-footer a{color:var(--accent-primary);text-decoration:none;font-weight:500}.getting-started-footer a:hover{text-decoration:underline}@media(max-width:768px){.getting-started-panel{padding:24px}.getting-started-header{flex-direction:column;text-align:center}.quick-actions-grid{grid-template-columns:1fr}.quick-action-card{flex-direction:column;text-align:center}.action-icon{margin:0 auto}}.opportunities-section{margin-top:32px;padding-top:32px;border-top:2px solid var(--border-color, #e5e7eb)}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.section-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 4px;display:flex;align-items:center;gap:8px}.section-header p{color:var(--text-secondary);margin:0}.opp-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.opp-stat-card{background:var(--bg-secondary);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease}.opp-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.opp-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.opp-stat-icon.pipeline{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.opp-stat-icon.weighted{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.opp-stat-icon.won{background:linear-gradient(135deg,#10b981,#34d399)}.opp-stat-icon.winrate{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.opp-stat-content{display:flex;flex-direction:column}.opp-stat-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:4px}.opp-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.opp-stat-sub{font-size:.75rem;color:var(--text-tertiary, #9ca3af);margin-top:4px}.opp-toolbar{display:flex;gap:16px;align-items:center;margin-bottom:16px;padding:16px!important}.opp-toolbar .search-box{flex:1}.opp-toolbar select{min-width:160px}.opp-table table{width:100%}.opp-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.opp-title-cell{display:flex;flex-direction:column;gap:4px}.opp-title-cell strong{color:var(--text-primary)}.expand-btn{background:none;border:none;color:var(--accent-primary);font-size:.75rem;padding:0;cursor:pointer;text-align:left}.expand-btn:hover{text-decoration:underline}.stage-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.025em}.value-cell{font-weight:600;color:var(--text-primary)}.value-cell.weighted{color:var(--accent-primary)}.probability-bar{position:relative;width:100%;max-width:120px;height:24px;background:var(--bg-tertiary, #e5e7eb);border-radius:12px;overflow:hidden}.probability-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:12px;transition:width .3s ease}.probability-bar span{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;font-size:.75rem;font-weight:600;color:var(--text-primary)}tr.expanded{background:var(--bg-secondary)}.details-row td{background:var(--bg-tertiary, #f3f4f6);padding:0!important}.opp-details{padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.detail-section{background:var(--bg-primary);padding:16px;border-radius:8px;border:1px solid var(--border-color)}.detail-section h4{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}.detail-section p{margin:0;color:var(--text-primary);line-height:1.5}.detail-section.success{border-color:#10b981;background:#10b9810d}.detail-section.danger{border-color:#ef4444;background:#ef44440d}.products-list{display:flex;flex-wrap:wrap;gap:8px}.product-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--accent-primary);color:#fff;border-radius:20px;font-size:.875rem;font-weight:500}.product-tag button{background:none;border:none;color:#fff;cursor:pointer;padding:0;font-size:1rem;line-height:1;opacity:.8}.product-tag button:hover{opacity:1}.next-step-date{color:var(--text-secondary);margin-left:8px;font-style:italic}.opp-modal{max-width:800px;width:95%;max-height:90vh}.opp-modal .modal-body{max-height:calc(90vh - 140px);overflow-y:auto;padding:24px}.form-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.form-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:768px){.grid-3{grid-template-columns:1fr}}.form-group input[type=range]{width:100%;margin-bottom:8px}.range-value{display:block;text-align:center;font-weight:600;color:var(--accent-primary);font-size:1.25rem}.products-input{display:flex;gap:8px;margin-bottom:12px}.products-input input{flex:1}.products-input .btn{white-space:nowrap}@media(max-width:1024px){.opp-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.section-header{flex-direction:column;gap:16px}.opp-stats-grid{grid-template-columns:1fr}.opp-toolbar{flex-direction:column;align-items:stretch}.opp-toolbar .search-box{width:100%}.opp-table{overflow-x:auto}.opp-details{grid-template-columns:1fr}.probability-bar{max-width:80px}}[data-theme=dark] .opp-stat-card{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .details-row td{background:var(--bg-tertiary)}[data-theme=dark] .detail-section{background:var(--bg-secondary)}[data-theme=dark] .probability-bar{background:#ffffff1a}[data-theme=glassmorphism-light] .opp-stat-card,[data-theme=glassmorphism-dark] .opp-stat-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=glassmorphism-light] .detail-section,[data-theme=glassmorphism-dark] .detail-section{background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.my-work{padding:0;max-width:1400px;margin:0 auto}.my-work>.card{margin-bottom:24px}.my-work .grid{margin-bottom:24px}.my-work .stats-grid{margin-bottom:32px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.task-breakdown{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-secondary);border-radius:8px;transition:all .2s}.breakdown-item:hover{background:var(--bg-hover);transform:translate(4px)}.breakdown-label{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:var(--text-primary);font-weight:500}.breakdown-dot{width:12px;height:12px;border-radius:50%}.breakdown-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.completion-rate{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.rate-label{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.rate-value{font-size:2rem;font-weight:700;color:var(--accent-primary);margin-bottom:.75rem}.rate-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.rate-progress{height:100%;background:var(--accent-primary);border-radius:4px;transition:width .3s ease}.opportunity-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1.5rem}.summary-item{text-align:center;padding:1rem;background:var(--bg-secondary);border-radius:8px;transition:all .2s}.summary-item:hover{background:var(--bg-hover);transform:translateY(-2px)}.summary-label{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.lead-pipeline{display:flex;justify-content:space-around;padding:1.5rem;gap:1rem}.pipeline-stage{text-align:center;flex:1;padding:1rem;background:var(--bg-secondary);border-radius:8px;transition:all .2s;position:relative}.pipeline-stage:not(:last-child):after{content:"→";position:absolute;right:-1rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:1.5rem}.pipeline-stage:hover{background:var(--bg-hover);transform:scale(1.05)}.stage-label{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.stage-value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-tertiary)}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state p{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.empty-state small{font-size:.9rem;color:var(--text-tertiary)}.tasks-list{display:flex;flex-direction:column;gap:.75rem}.task-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;background:var(--bg-secondary);border-radius:8px;border-left:3px solid var(--accent-primary);transition:all .2s}.task-item:hover{background:var(--bg-hover);transform:translate(4px)}.task-info{flex:1}.task-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.task-title-row h4{margin:0;font-size:1rem;color:var(--text-primary)}.task-customer{font-size:.85rem;color:var(--text-secondary);margin:.25rem 0}.task-description{font-size:.85rem;color:var(--text-tertiary);margin:.5rem 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-meta{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:1rem}.task-date{font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.badge-warning{background:var(--warning-light);color:var(--warning)}@media(max-width:1024px){.my-work{padding:1.5rem}.stats-grid.grid-4{grid-template-columns:repeat(2,1fr)}.opportunity-summary{grid-template-columns:1fr}.lead-pipeline{flex-direction:column}.pipeline-stage:after{content:"↓";right:50%;top:auto;bottom:-1rem;transform:translate(50%)}}@media(max-width:640px){.my-work{padding:1rem}.stats-grid.grid-4,.grid-2{grid-template-columns:1fr}.task-item{flex-direction:column;gap:.75rem}.task-meta{margin-left:0;width:100%;justify-content:space-between}}.message-draft-modal{max-width:900px;max-height:90vh;overflow-y:auto;width:90vw}.message-draft-modal .modal-body{padding:24px}.message-draft-modal .modal-footer{display:flex;gap:12px;padding:16px 24px;justify-content:flex-end}.message-draft-modal .form-group{margin-bottom:20px}.message-draft-modal .form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.channel-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:8px}.channel-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease}.channel-option:hover{border-color:#9333ea;background:#faf5ff}.channel-option.active{border-color:#9333ea;background:#9333ea;color:#fff}.channel-icon{font-size:28px}.channel-label{font-size:13px;font-weight:600}.message-textarea{font-family:Satoshi,sans-serif;font-size:14px;line-height:1.6;resize:vertical;min-height:200px}.character-count{text-align:right;font-size:12px;color:#6b7280;margin-top:4px}.tips-box{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;padding:16px;margin-top:16px}.tips-box h4{font-size:14px;font-weight:600;color:#1e40af;margin:0 0 12px}.tips-box ul{margin:0;padding-left:20px;font-size:13px;color:#1e3a8a;line-height:1.6}.tips-box li{margin-bottom:6px}.btn-outline{background:#fff;border:2px solid #9333ea;color:#9333ea}.btn-outline:hover{background:#faf5ff}.btn-outline:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.channel-selector{grid-template-columns:repeat(3,1fr)}.message-draft-modal{max-width:95%}}.leads-page{max-width:1400px;margin:0 auto}.leads-toolbar,.leads-page .card{margin-bottom:24px}.leads-page .leads-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.leads-page .search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--border-color);padding:8px 10px;border-radius:8px}.leads-page .search-box input{border:none;background:transparent;outline:none;color:var(--text-primary)}.leads-page .industry-filter input{border:1px solid var(--border-color);border-radius:8px;padding:8px 10px;min-width:180px;background:transparent;color:var(--text-primary);outline:none}.leads-page .contact-info{display:flex;flex-direction:column;gap:4px;font-size:13px}.leads-page .contact-line{display:flex;align-items:center;gap:6px;white-space:normal;overflow:hidden;text-overflow:ellipsis}.leads-page .contact-line span{overflow:hidden;text-overflow:ellipsis}.leads-page .performance-table table{min-width:1100px}.leads-page .saved-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.leads-page .saved-filters select{min-width:180px}.leads-page .leads-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 0;flex-wrap:wrap}.leads-page .bulk-left{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary);flex-wrap:wrap;flex:1 1 auto;min-width:220px}.leads-page .bulk-select-all{display:flex;align-items:center;gap:6px;white-space:nowrap}.leads-page .bulk-count{white-space:nowrap}.leads-page .bulk-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex:1 1 auto}.leads-page .lead-meta{display:flex;gap:10px;margin-top:4px;font-size:12px;color:var(--text-secondary);flex-wrap:wrap}.leads-page .lead-meta span:before{content:"-";margin-right:6px;color:var(--text-tertiary)}.leads-page .lead-meta span:first-child:before{content:"";margin-right:0}@media(max-width:900px){.leads-page .leads-bulk-bar{align-items:flex-start}.leads-page .bulk-actions{justify-content:flex-start}}.leads-page .lead-activity,.leads-page .lead-followup{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary)}.leads-page .lead-followup.overdue{color:var(--danger);font-weight:600}.leads-page .lead-activity-type,.leads-page .lead-followup-type{font-weight:600;color:var(--text-primary)}.leads-page .lead-row{cursor:pointer}.leads-page .lead-row:hover td{background:var(--bg-secondary)}.leads-page .convert-summary{display:grid;gap:6px;font-size:14px;color:var(--text-secondary);margin-top:12px}.leads-page .convert-note{margin:0;color:var(--text-secondary)}.leads-page .pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 16px 16px;border-top:1px solid var(--border-color);margin-top:16px;flex-wrap:wrap}.leads-page .pagination-pages{display:flex;gap:4px;flex-wrap:wrap;max-width:600px;overflow-x:auto}.leads-page .pagination-page{min-width:36px;height:36px;padding:0 12px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.leads-page .pagination-page:hover{background:var(--bg-hover);border-color:var(--primary-color)}.leads-page .pagination-page.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:600}.leads-page .pagination-ellipsis{color:var(--text-tertiary);padding:0 6px;font-size:14px}.leads-page .pagination-info{font-size:13px;color:var(--text-secondary);white-space:nowrap}.leads-page .actions-cell{white-space:nowrap}.leads-page .actions-cell .actions{display:flex;gap:8px;justify-content:flex-end}.leads-page .convert-modal .modal-body{padding-bottom:12px}.leads-page .convert-modal .modal-footer{padding:16px 24px 24px;margin-top:0;border-top:1px solid var(--border-color);justify-content:flex-end}.leads-page .convert-warning{margin-top:12px;font-size:13px;color:var(--warning-color, #f59e0b)}.lead-profile{padding:0}.lead-profile .page-header{margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.lead-profile .page-header-actions{display:flex;align-items:center;gap:12px}.lead-profile .grid{gap:24px}.lead-profile-grid{display:flex;flex-direction:column;gap:24px}.lead-profile .lead-detail-list{display:flex;flex-direction:column;gap:12px;font-size:14px;color:var(--text-secondary)}.lead-profile .lead-detail-list div{display:flex;align-items:flex-start;gap:10px;line-height:1.4}.lead-profile .lead-detail-list strong{color:var(--text-primary);font-weight:600}.lead-profile .lead-detail-list span{word-break:break-word}.lead-profile .lead-timeline{display:flex;flex-direction:column;gap:20px}.lead-profile .lead-empty{margin:0;color:var(--text-tertiary);font-size:14px}.lead-conversation{display:flex;flex-direction:column;gap:16px}.lead-conversation-header p{margin:4px 0 0;color:var(--text-secondary);font-size:14px}.conversation-thread{display:flex;flex-direction:column;gap:12px;background:var(--bg-secondary);border-radius:12px;padding:16px;min-height:140px}.conversation-message{display:flex}.conversation-message.customer{justify-content:flex-start}.conversation-message.team{justify-content:flex-end}.conversation-bubble{max-width:70%;padding:12px 14px;border-radius:12px;background:var(--bg-primary);box-shadow:var(--shadow-sm)}.conversation-message.team .conversation-bubble{background:#3e7bff1f;border:1px solid rgba(62,123,255,.24)}.conversation-message.customer .conversation-bubble{background:#10b9811f;border:1px solid rgba(16,185,129,.24)}.conversation-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--text-tertiary);margin-bottom:6px}.conversation-bubble p{margin:0;color:var(--text-primary);font-size:14px;white-space:pre-wrap}.conversation-compose{display:grid;grid-template-columns:1fr 1fr;gap:16px}.conversation-input label{display:block;margin-bottom:6px;font-weight:600;color:var(--text-secondary)}.conversation-input textarea{width:100%;resize:vertical}.conversation-actions{display:flex;justify-content:flex-end}.lead-profile .stepper-step{display:flex;gap:16px;position:relative;padding:4px 0}.lead-profile .stepper-line{position:absolute;left:18px;top:36px;bottom:-20px;width:2px;background:var(--border-color)}.lead-profile .stepper-step:last-child .stepper-line{display:none}.lead-profile .stepper-circle{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-secondary);font-weight:600;flex-shrink:0;z-index:1}.lead-profile .stepper-completed .stepper-circle{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}.lead-profile .stepper-active .stepper-circle{border-color:var(--text-primary);color:var(--text-primary);background:var(--bg-primary)}.lead-profile .stepper-content{flex:1;background:var(--bg-secondary);border-radius:12px;padding:14px 16px;border:1px solid var(--border-color)}.lead-profile .stepper-title{font-weight:600;color:var(--text-primary);display:flex;flex-wrap:wrap;align-items:center;gap:6px}.lead-profile .stepper-status{margin-top:6px;display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.lead-profile .stepper-status-active{background:#3b82f626;color:#1d4ed8}.lead-profile .stepper-status-completed{background:#22c55e26;color:#15803d}.lead-profile .stepper-time{margin-top:6px;font-size:12px;color:var(--text-tertiary)}.lead-profile .timeline-by{margin-left:8px;color:var(--text-secondary);font-weight:500}.lead-profile .timeline-details{margin-top:10px;display:grid;gap:6px}.lead-profile .timeline-detail{display:grid;grid-template-columns:minmax(120px,160px) 1fr;gap:8px;font-size:13px;color:var(--text-secondary)}.lead-profile .timeline-label{color:var(--text-tertiary);text-transform:none}.lead-profile .timeline-value{word-break:break-word}.lead-profile .stepper-controls{margin-top:20px;display:flex;justify-content:space-between;gap:12px}.lead-profile .stepper-button{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);padding:8px 14px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.lead-profile .stepper-button:disabled{opacity:.5;cursor:not-allowed}.lead-profile .stepper-button-primary{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.lead-profile .modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.lead-profile .modal{background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-lg);width:100%;max-width:720px;max-height:90vh;overflow-y:auto}.lead-profile .modal-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:12px}.lead-profile .modal-header h2{font-size:20px;font-weight:600;color:var(--text-primary)}.lead-profile .modal-close{background:none;border:none;font-size:24px;color:var(--text-tertiary);cursor:pointer;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.lead-profile .modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.lead-profile .modal-body{padding:24px}.lead-profile .modal-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;margin-top:20px;border-top:1px solid var(--border-color)}@media(max-width:720px){.lead-profile .timeline-detail,.conversation-compose{grid-template-columns:1fr}.conversation-bubble{max-width:100%}}.customers-page{max-width:1400px;margin:0 auto}.customers-toolbar{margin-bottom:24px}.search-box{position:relative;display:flex;align-items:center;max-width:400px}.search-box svg{position:absolute;left:14px;color:var(--text-tertiary)}.search-box input{padding-left:44px}.customers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:20px;margin-bottom:24px}.customer-card{position:relative;display:flex;flex-direction:column;height:100%}.customer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.customer-avatar{width:48px;height:48px;background:var(--accent-light);color:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.customer-actions{display:flex;gap:8px}.icon-btn-small{background:none;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.icon-btn-small:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.customer-name{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.customer-info{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.info-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary)}.info-item svg{color:var(--text-tertiary);flex-shrink:0}.customer-meta{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-color);margin-bottom:12px}.customer-price{font-size:18px;font-weight:700;color:var(--accent-primary)}.customer-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:16px;background:var(--bg-secondary);border-radius:8px;margin-bottom:12px;align-items:start}.customer-stats.manager-view{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.customer-stats .stat-item{display:flex;flex-direction:column;gap:4px;text-align:left;align-items:flex-start;min-width:0}.customer-stats .stat-label{font-size:11px;color:var(--text-tertiary);font-weight:600;text-transform:none!important;letter-spacing:0!important;line-height:1.3;min-height:32px;white-space:normal;word-break:normal!important;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.customer-stats .stat-value{font-size:14px;font-weight:700;color:var(--text-primary)}.customer-assigned{font-size:12px;color:var(--text-tertiary);padding-top:12px;border-top:1px solid var(--border-color)}.customer-assigned strong{color:var(--text-primary)}.customer-notes{font-size:13px;color:var(--text-secondary);background:var(--bg-secondary);padding:12px;border-radius:6px;margin-top:12px}.customer-notes strong{display:block;margin-bottom:4px;color:var(--text-primary)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:20px;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:28px;color:var(--text-tertiary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:24px}.form-section{padding:18px 0;border-bottom:1px solid var(--border-color)}.form-section:first-of-type{padding-top:0}.form-section:last-of-type{border-bottom:none;padding-bottom:0}.form-section-title{font-size:12px;font-weight:700;color:var(--text-secondary);letter-spacing:.4px;text-transform:uppercase;margin-bottom:12px}.form-section-body{display:flex;flex-direction:column;gap:16px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;margin-top:20px;border-top:1px solid var(--border-color)}@media(max-width:768px){.customers-grid{grid-template-columns:1fr}}.tasks-page{max-width:1600px;margin:0 auto}.tasks-toolbar{margin-bottom:24px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}.filters{display:flex;gap:12px;flex:1;justify-content:flex-end}.filters select{width:auto;min-width:150px}.tasks-board{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.task-column{background:var(--bg-secondary);border-radius:12px;padding:16px;min-height:500px}.column-header{margin-bottom:16px}.column-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--text-primary);text-transform:capitalize}.task-count{background:var(--bg-tertiary);color:var(--text-secondary);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.column-tasks{display:flex;flex-direction:column;gap:12px}.task-card{padding:16px;cursor:pointer;transition:all .2s ease}.task-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.task-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.task-actions{display:flex;gap:6px;opacity:0;transition:opacity .2s ease}.task-card:hover .task-actions{opacity:1}.task-title{font-size:15px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.task-description{font-size:13px;color:var(--text-secondary);margin-bottom:12px;line-height:1.5}.task-customer{font-size:12px;color:var(--text-tertiary);margin-bottom:12px;padding:8px;background:var(--bg-secondary);border-radius:6px}.task-customer strong{color:var(--text-primary)}.task-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;margin-top:12px;border-top:1px solid var(--border-color);font-size:12px;color:var(--text-tertiary)}.task-date{display:flex;align-items:center;gap:6px}.overdue-icon{color:var(--danger)}.task-assignee{font-weight:500;color:var(--text-secondary)}.task-status-actions{display:flex;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color);flex-wrap:wrap}.btn-status{flex:1;min-width:fit-content;padding:6px 12px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Satoshi,sans-serif;display:flex;align-items:center;justify-content:center;gap:4px}.btn-status:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-light)}.btn-complete{color:var(--success);border-color:var(--success)}.btn-complete:hover{background:var(--success-light)}.empty-column{text-align:center;padding:40px 20px;color:var(--text-tertiary);font-size:14px}@media(max-width:1200px){.tasks-board{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.tasks-board{grid-template-columns:1fr}.tasks-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:100%}.filters{justify-content:flex-start}.filters select{flex:1}}.users-page{padding:0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-header h1{margin:0 0 .5rem;font-size:1.75rem;color:var(--text-primary)}.page-header p{margin:0;color:var(--text-secondary);font-size:.95rem}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:1.5rem}.user-card{position:relative;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.user-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.user-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);min-height:84px}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.user-info{flex:1;min-width:0}.user-info h3{margin:0 0 .25rem;font-size:1.1rem;color:var(--text-primary);overflow:hidden;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.user-username{margin:0;color:var(--text-secondary);font-size:.85rem;overflow-wrap:anywhere}.user-details{margin-bottom:1rem}.detail-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;color:var(--text-secondary);font-size:.9rem}.detail-item span{overflow-wrap:anywhere}.detail-item svg{color:var(--primary-color);flex-shrink:0}.user-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1rem 0;padding:1rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.stat{text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:600;color:var(--primary-color);margin-bottom:.25rem}.stat-label{display:block;font-size:.85rem;color:var(--text-secondary)}.user-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem}.user-actions .btn{flex:1}.inactive-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);color:#fff;font-weight:600;font-size:1.1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.access-denied{text-align:center;padding:3rem;color:var(--text-secondary)}.access-denied svg{color:var(--warning-color);margin-bottom:1rem}.access-denied h2{margin:0 0 .5rem;color:var(--text-primary)}.access-denied p{margin:0;font-size:.95rem}.loading{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.1rem}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--bg-primary);border-radius:var(--border-radius);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.modal-close:hover{background:var(--bg-secondary)}.modal-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group small{display:block;margin-top:.5rem;color:var(--text-secondary);font-size:.85rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid var(--border-color)}@media(max-width:768px){.users-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:stretch}.user-actions{flex-direction:column}.user-actions .btn{width:100%}}.customer-profile .profile-list{display:grid;grid-template-columns:1fr;gap:10px}.customer-profile .profile-list>div{display:flex;align-items:center;gap:10px}.customer-profile .tabs{display:flex;gap:8px;border-bottom:1px solid var(--border-color);margin-bottom:16px}.customer-profile .tab{background:transparent;border:none;color:var(--text-secondary);padding:10px 12px;cursor:pointer}.customer-profile .tab.active{color:var(--text-primary);border-bottom:2px solid var(--accent-primary)}.customer-profile .timeline{display:flex;flex-direction:column;gap:12px}.customer-profile .timeline-item{padding:12px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.customer-profile .timeline-item .time{font-size:12px;color:var(--text-tertiary);margin-bottom:6px}.activity-table table{width:100%;border-collapse:collapse}.activity-table th,.activity-table td{padding:10px;border-bottom:1px solid var(--border-color);text-align:left}.customer-profile.container{max-width:1400px;margin:0 auto}.customer-profile .card{margin-bottom:24px}.outreach-page{padding:24px;max-width:1400px;margin:0 auto}.filters-card{margin-bottom:24px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.outreach-detail-modal{max-width:800px;max-height:90vh;overflow-y:auto}.detail-section{padding:20px 0;border-bottom:1px solid #e5e7eb}.detail-section:last-child{border-bottom:none}.detail-section h3{font-size:16px;font-weight:600;margin-bottom:12px;color:#374151}.message-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;white-space:pre-wrap;word-wrap:break-word;font-family:Satoshi,sans-serif;line-height:1.6;color:#1f2937;margin:12px 0}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.metadata-grid label{font-size:12px;font-weight:600;text-transform:uppercase;color:#6b7280;margin-bottom:4px;display:block}.metadata-grid p{font-size:14px;color:#374151;margin:0}.review-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.review-actions button{flex:1;min-width:150px;display:flex;align-items:center;justify-content:center;gap:8px}.score-badge{display:flex;gap:2px;align-items:center}.comment-box{background:#fef3c7;border-left:4px solid #f59e0b;padding:12px 16px;border-radius:4px;font-style:italic;color:#92400e}.review-comment-display{background:#eff6ff;padding:16px;border-radius:8px;border:1px solid #dbeafe}.badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block}.badge-secondary{background:#f3f4f6;color:#6b7280}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-success{background:#d1fae5;color:#065f46}.badge-info{background:#dbeafe;color:#1e40af}.badge-dark{background:#1f2937;color:#f3f4f6}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-info{background:#3b82f6;color:#fff}.btn-info:hover{background:#2563eb}@media(max-width:768px){.filters-grid{grid-template-columns:1fr}.review-actions{flex-direction:column}.review-actions button{width:100%}.metadata-grid{grid-template-columns:1fr}}.quote-form-page{max-width:1200px;margin:0 auto}.quote-number-preview{font-size:14px;color:var(--text-secondary);margin-top:8px}.quote-number-preview strong{color:var(--accent-primary);font-weight:600}.quote-form-container{display:flex;flex-direction:column;gap:24px}.form-section{padding:24px}.form-section h2{font-size:18px;font-weight:600;margin-bottom:20px;color:var(--text-primary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{font-size:13px;font-weight:600;color:var(--text-secondary)}.form-group .required{color:var(--status-error)}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary)}.form-group input.error,.form-group select.error{border-color:var(--status-error)}.form-group textarea{resize:vertical;font-family:inherit}.error-message{font-size:12px;color:var(--status-error);margin-top:4px}.section-error{padding:12px;background:#f443361a;border-radius:6px;margin-bottom:16px}.items-table{overflow-x:auto;margin-top:16px}.items-table th{text-align:left;padding:12px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.items-table td{padding:12px;border-bottom:1px solid var(--border-color)}.items-table input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background:var(--bg-primary);color:var(--text-primary)}.items-table input:focus{outline:none;border-color:var(--accent-primary)}.items-table input[type=number]{text-align:right}.line-total{font-weight:600;color:var(--text-primary);text-align:right;padding:8px 12px}.btn-icon-danger{background:none;border:1px solid var(--border-color);color:var(--status-error);cursor:pointer;padding:8px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon-danger:hover:not(:disabled){background:var(--status-error);color:#fff;border-color:var(--status-error)}.btn-icon-danger:disabled{opacity:.3;cursor:not-allowed}.totals-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.totals-left{display:flex;flex-direction:column;gap:16px}.totals-right{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--bg-secondary);border-radius:8px}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0}.actions-right{display:flex;gap:12px}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary)}.btn-success:hover:not(:disabled){opacity:.9}@media(max-width:768px){.form-row,.totals-grid{grid-template-columns:1fr}.items-table{font-size:13px}.items-table th,.items-table td{padding:8px}.form-actions{flex-direction:column}.actions-right{width:100%;flex-direction:column}.actions-right .btn{width:100%;justify-content:center}}.loading-state{text-align:center;padding:60px 20px;color:var(--text-tertiary)}.quote-details-page{max-width:1400px;margin:0 auto}.btn-back{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 0;margin-bottom:12px;font-size:14px;transition:color .2s ease}.btn-back:hover{color:var(--accent-primary)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.page-header h1{font-size:28px;font-weight:700;color:var(--accent-primary);margin-bottom:4px}.page-header p{color:var(--text-secondary);font-size:16px}.header-actions{display:flex;gap:12px;align-items:center}.quote-details-container{display:grid;grid-template-columns:1fr 320px;gap:24px}.main-content{display:flex;flex-direction:column;gap:24px}.details-section{padding:24px}.details-section h2{font-size:18px;font-weight:600;margin-bottom:20px;color:var(--text-primary)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-item{display:flex;gap:12px;align-items:flex-start}.info-item svg{color:var(--text-tertiary);flex-shrink:0;margin-top:2px}.info-item div{display:flex;flex-direction:column;gap:4px}.info-item label{font-size:12px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-item span{font-size:14px;color:var(--text-primary)}.detail-row{margin-bottom:16px}.detail-row:last-child{margin-bottom:0}.detail-row label{display:block;font-size:12px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.detail-row p{font-size:14px;color:var(--text-primary);line-height:1.6;margin:0}.detail-row p.multiline{white-space:pre-wrap;word-wrap:break-word}.items-table{overflow-x:auto;margin-bottom:20px}.items-table table{width:100%;border-collapse:collapse}.items-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.items-table th.text-right{text-align:right}.items-table td{padding:14px 16px;border-bottom:1px solid var(--border-color);font-size:14px;color:var(--text-primary)}.items-table td.text-right{text-align:right}.items-table td.text-center{text-align:center;color:var(--text-tertiary)}.totals-section{display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--bg-secondary);border-radius:8px;max-width:400px;margin-left:auto}.total-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-secondary)}.total-row strong{color:var(--text-primary);font-size:15px}.total-final{margin-top:8px;padding-top:12px;border-top:2px solid var(--border-color);font-size:16px;font-weight:600}.total-final span,.total-final strong{color:var(--accent-primary);font-size:18px}.sidebar{display:flex;flex-direction:column;gap:20px}.actions-card,.info-card{padding:20px}.actions-card h3,.info-card h3{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.action-buttons{display:flex;flex-direction:column;gap:10px}.btn{padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-block{width:100%}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.btn-success{background:var(--status-success);color:#fff}.btn-success:hover{opacity:.9}.btn-danger{background:var(--status-error);color:#fff}.btn-danger:hover{opacity:.9}.divider{height:1px;background:var(--border-color);margin:8px 0}.info-items{display:flex;flex-direction:column;gap:14px}.info-row{display:flex;flex-direction:column;gap:6px}.info-row label{font-size:11px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-row span{font-size:14px;color:var(--text-primary);display:flex;align-items:center;gap:6px}.info-row span svg{color:var(--text-tertiary)}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-secondary{background:#6c757d1a;color:#6c757d}.badge-info{background:#17a2b81a;color:#17a2b8}.badge-success{background:#28a7451a;color:#28a745}.badge-danger{background:#dc35451a;color:#dc3545}.badge-warning{background:#ffc1071a;color:#ffc107}.loading-state,.empty-state{text-align:center;padding:60px 20px;color:var(--text-tertiary)}.loading-state svg,.empty-state svg{margin-bottom:16px;opacity:.5}.spinner{border:3px solid var(--border-color);border-top:3px solid var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1024px){.quote-details-container{grid-template-columns:1fr}.sidebar{order:-1}.totals-section{max-width:100%}}@media(max-width:768px){.page-header{flex-direction:column;gap:16px}.info-grid{grid-template-columns:1fr}.items-table{font-size:13px}.items-table th,.items-table td{padding:10px 12px}}.quote-template-page{max-width:1400px;margin:0 auto}.quote-template-grid{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:24px}.template-actions{display:flex;gap:12px}.template-form{display:flex;flex-direction:column;gap:16px}.template-logo-upload{margin-top:8px}.template-logo-help{display:block;margin-top:6px;font-size:12px;color:var(--text-tertiary)}.template-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.template-preview-card{display:flex;flex-direction:column;gap:16px}.template-preview-header{display:flex;gap:12px;align-items:flex-start}.template-preview-header h2{margin:0}.template-preview-header p{margin:4px 0 0;color:var(--text-secondary);font-size:14px}.quote-preview{border:1px solid var(--border-color);border-radius:16px;padding:24px;background:var(--bg-secondary);display:flex;flex-direction:column;gap:20px}.quote-preview-brand{display:flex;gap:16px;border-bottom:2px solid;padding-bottom:16px}.quote-preview-logo{width:80px;height:80px;object-fit:contain;border-radius:12px;background:#fff;padding:8px}.quote-preview-company h3{margin:0;font-size:20px}.quote-preview-company p{margin:4px 0 0;color:var(--text-secondary);font-size:13px}.quote-preview-details{margin-top:8px;display:grid;gap:6px}.quote-preview-detail{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--text-secondary)}.quote-preview-detail strong{color:var(--text-primary);font-weight:600;word-break:break-word}.quote-preview-meta{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--text-secondary)}.quote-preview-meta strong{display:block;color:var(--text-primary);font-size:15px}.quote-preview-customer{background:var(--bg-primary);border-radius:12px;padding:16px}.quote-preview-customer h4{margin:0 0 8px}.quote-preview-customer p{margin:4px 0;color:var(--text-secondary)}.quote-preview-items{display:flex;flex-direction:column;gap:12px}.quote-preview-items-header{font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:12px;color:var(--text-secondary)}.quote-preview-item{display:flex;justify-content:space-between;gap:12px;background:var(--bg-primary);padding:12px 16px;border-radius:10px}.quote-preview-item p{margin:4px 0 0;font-size:12px;color:var(--text-tertiary)}.quote-preview-item-total{font-weight:600}.quote-preview-summary{display:flex;flex-direction:column;gap:8px;text-align:right}.quote-preview-summary div{display:flex;justify-content:space-between;font-size:14px}.quote-preview-total{font-size:16px}.quote-preview-notes{display:grid;gap:12px;background:var(--bg-primary);padding:16px;border-radius:12px}.quote-preview-notes h4{margin:0 0 6px}.quote-preview-notes p{margin:0;color:var(--text-secondary);font-size:13px}.quote-preview-footer{text-align:center;color:var(--text-secondary);font-size:13px}@media(max-width:1100px){.quote-template-grid{grid-template-columns:1fr}}@media(max-width:720px){.template-row{grid-template-columns:1fr}.template-actions{flex-direction:column;width:100%}.template-actions .btn{width:100%}.quote-preview-meta{flex-direction:column;align-items:flex-start}}html,body,#root{height:100%}body{min-height:100svh;min-height:100dvh;overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--page-padding: clamp(16px, 2.5vw, 32px);--sidebar-width: clamp(220px, 22vw, 280px);--sidebar-collapsed-width: 72px;font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--bg-hover: #f1f3f5;--text-primary: #111111;--text-secondary: #2f2f2f;--text-tertiary: #5f5f5f;--border-color: #dee2e6;--border-light: #e9ecef;--border-radius: 12px;--accent-primary: #111111;--accent-hover: #000000;--accent-light: #f1f1f1;--accent-contrast: #ffffff;--success: #06d6a0;--success-light: #e6faf5;--warning: #ffd60a;--warning-light: #fff9e5;--danger: #ef476f;--danger-light: #fef0f3;--info: #6366f1;--info-light: #eef2ff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}[data-theme=dark]{--bg-primary: #1e1f22;--bg-secondary: #26282c;--bg-tertiary: #2f3237;--bg-hover: #3a3e44;--text-primary: #ffffff;--text-secondary: #d6d6d6;--text-tertiary: #b3b3b3;--border-color: #3d4255;--border-light: #323645;--border-radius: 12px;--accent-primary: #ffffff;--accent-hover: #f1f1f1;--accent-light: #2c2f34;--accent-contrast: #111111;--success: #06d6a0;--success-light: #1a3d32;--warning: #ffd60a;--warning-light: #3d3420;--danger: #ef476f;--danger-light: #3d2329;--info: #818cf8;--info-light: #2a2d40;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5)}[data-theme=glassmorphism-light]{--bg-primary: rgba(255, 255, 255, .7);--bg-secondary: rgba(255, 255, 255, .55);--bg-tertiary: rgba(255, 255, 255, .8);--bg-hover: rgba(255, 255, 255, .9);--text-primary: #111111;--text-secondary: #2f2f2f;--text-tertiary: #5f5f5f;--border-color: rgba(0, 0, 0, .08);--border-light: rgba(0, 0, 0, .04);--border-radius: 12px;--accent-primary: #111111;--accent-hover: #000000;--accent-light: rgba(0, 0, 0, .08);--accent-contrast: #ffffff;--success: #06d6a0;--success-light: rgba(6, 214, 160, .12);--warning: #ffd60a;--warning-light: rgba(255, 214, 10, .12);--danger: #ef476f;--danger-light: rgba(239, 71, 111, .12);--info: #6366f1;--info-light: rgba(99, 102, 241, .12);--shadow-sm: 0 4px 6px rgba(0, 0, 0, .08);--shadow-md: 0 8px 12px rgba(0, 0, 0, .12);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .16)}[data-theme=glassmorphism-dark]{--bg-primary: rgba(255, 255, 255, .1);--bg-secondary: rgba(255, 255, 255, .05);--bg-tertiary: rgba(255, 255, 255, .15);--bg-hover: rgba(255, 255, 255, .2);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--text-tertiary: rgba(255, 255, 255, .6);--border-color: rgba(255, 255, 255, .2);--border-light: rgba(255, 255, 255, .1);--border-radius: 12px;--accent-primary: #ffffff;--accent-hover: rgba(255, 255, 255, .9);--accent-light: rgba(255, 255, 255, .12);--accent-contrast: #111111;--success: #06d6a0;--success-light: rgba(6, 214, 160, .15);--warning: #ffd60a;--warning-light: rgba(255, 214, 10, .15);--danger: #ef476f;--danger-light: rgba(239, 71, 111, .15);--info: #6366f1;--info-light: rgba(99, 102, 241, .15);--shadow-sm: 0 4px 6px rgba(0, 0, 0, .1);--shadow-md: 0 8px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .2)}body{margin:0;min-height:100vh;background-color:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}[data-theme=glassmorphism-light] body{background:linear-gradient(135deg,#f4f6fb,#e6edf7,#f7f9fc)}[data-theme=glassmorphism-dark] body{background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a)}[data-theme=glassmorphism-light] .card,[data-theme=glassmorphism-light] .sidebar,[data-theme=glassmorphism-dark] .card,[data-theme=glassmorphism-dark] .sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.container{max-width:1400px;margin:0 auto;padding:0}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md)}table{width:100%;border-collapse:collapse}thead{background:var(--bg-secondary)}th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-color)}td{padding:16px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-color);vertical-align:top}tbody tr{transition:background .2s ease}tbody tr:hover{background:var(--bg-secondary)}img,picture,video{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.modal-overlay{padding:calc(var(--page-padding) + var(--safe-top)) calc(var(--page-padding) + var(--safe-right)) calc(var(--page-padding) + var(--safe-bottom)) calc(var(--page-padding) + var(--safe-left))!important}.modal{max-height:calc(100svh - (var(--page-padding) * 2) - var(--safe-top) - var(--safe-bottom))!important;max-height:calc(100dvh - (var(--page-padding) * 2) - var(--safe-top) - var(--safe-bottom))!important}.source-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1;background:#eef2ff;color:#1e1b4b;letter-spacing:.2px}.source-tag.instagram{background:linear-gradient(135deg,#fca650,#e52054,#584ed3 70%,#a12bb2);color:#fff}.source-tag.google{background:#e0f2fe;color:#075985}.source-tag.facebook{background:#e0e7ff;color:#312e81}.source-tag.tiktok{background:#111827;color:#f9fafb}.source-tag.website{background:#ecfeff;color:#155e75}.source-tag.referral{background:#ecfccb;color:#365314}.source-tag.event{background:#fef3c7;color:#92400e}.source-tag.email{background:#f3e8ff;color:#5b21b6}.source-tag.phone{background:#dbeafe;color:#1e3a8a}.source-tag.default{background:#f1f5f9;color:#334155}.btn{font-family:Satoshi,sans-serif;font-weight:500;padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-size:14px;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:var(--accent-contrast)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){filter:brightness(1.1)}.btn-warning{background:var(--warning);color:#1e1e1e}.btn-warning:hover:not(:disabled){filter:brightness(1.05)}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:#d4a900}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-info{background:var(--info-light);color:var(--info)}.badge-primary{background:var(--accent-light);color:var(--accent-primary)}input,select,textarea{font-family:Satoshi,sans-serif;width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;transition:all .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}select option{background:var(--bg-primary);color:var(--text-primary);padding:10px}select option:checked,select option:hover{background:var(--accent-primary);color:var(--accent-contrast)}[data-theme=glassmorphism-light] select{background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.15);color:#111}[data-theme=glassmorphism-light] select option{background:#fff;color:#111}[data-theme=glassmorphism-light] select option:checked{background:var(--accent-primary);color:var(--accent-contrast)}[data-theme=glassmorphism-dark] select{background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff}[data-theme=glassmorphism-dark] select option{background:#1a1a1a;color:#fff}[data-theme=glassmorphism-dark] select option:checked{background:var(--accent-primary);color:var(--accent-contrast)}label{display:block;margin-bottom:6px;font-weight:500;font-size:14px;color:var(--text-secondary)}.form-group{margin-bottom:20px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}