.logo-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-icon{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.keys-svg{display:block}.logo-text{font-size:18px;font-weight:600;letter-spacing:2px;color:#3b74af;margin:0;text-align:center}.logo-small .logo-text{font-size:12px;letter-spacing:1px;margin-top:4px}.logo-medium .logo-text{font-size:18px;letter-spacing:2px}.logo-large .logo-text{font-size:24px;letter-spacing:3px;margin-top:12px}.logo-small .logo-image{width:50px;height:50px}.logo-medium .logo-image{width:100px;height:100px}.logo-large .logo-image{width:280px;height:250px;margin-bottom:-60px}@media (max-width: 768px){.logo-medium .logo-text{font-size:14px;letter-spacing:1.5px}}.status-select-container:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;opacity:.7;pointer-events:none;z-index:1}.dark-mode .status-select-container:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#dbeafe,#b3d3fc)}.auth-card{background:var(--white);border-radius:16px;padding:40px;width:100%;max-width:450px;box-shadow:0 10px 40px #0000001a}.auth-header{text-align:center;margin-bottom:32px}.auth-header h2{font-size:28px;color:var(--text-dark);margin-bottom:8px}.auth-header p{color:var(--text-light);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:20px}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--text-light);transition:color .2s ease}.password-toggle:hover{color:var(--text-dark)}.auth-button{padding:14px;background:var(--primary-color);color:var(--white);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.auth-button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #2d8ef14d}.auth-button:disabled{opacity:.6;cursor:not-allowed}.error-message{padding:12px;background:#fee2e2;color:var(--error);border-radius:8px;font-size:14px;text-align:center}.auth-footer{margin-top:24px;text-align:center}.auth-footer p{color:var(--text-light);font-size:14px}.auth-footer a{color:var(--primary-color);text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.demo-credentials{margin-top:20px;padding:16px;background:#f3f4f6;border-radius:8px;font-size:12px;text-align:left}.demo-credentials p{margin:4px 0;color:var(--text-dark)}.auth-input{background-color:#f3f4f6!important;padding:12px 20px!important;border:1px solid #D1D5DB!important;font-size:14px!important}@media (max-width: 480px){.auth-card{padding:24px}.auth-header h2{font-size:24px}}.dark-mode .auth-container{background:linear-gradient(135deg,#1e293b,#0f172a)}.dark-mode .auth-card{background:#1e293b;box-shadow:0 10px 40px #0000004d}.dark-mode .auth-header h2{color:#f1f5f9}.dark-mode .auth-header p{color:#94a3b8}.dark-mode .form-group label{color:#e2e8f0}.dark-mode .form-group input,.dark-mode .form-group select{background:#334155;border-color:#475569;color:#f1f5f9}.dark-mode .form-group input:focus,.dark-mode .form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2d8ef133}.dark-mode .form-group input::placeholder{color:#94a3b8}.dark-mode .password-input-wrapper input{background:#334155;border-color:#475569;color:#f1f5f9}.dark-mode .password-input-wrapper input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2d8ef133}.dark-mode .password-toggle{color:#94a3b8}.dark-mode .password-toggle:hover{color:#e2e8f0}.dark-mode .auth-footer p{color:#94a3b8}.dark-mode .demo-credentials{background:#0f172a}.dark-mode .demo-credentials p{color:#cbd5e1}.dark-mode .auth-input{background-color:#334155!important;border:1px solid #475569!important;color:#f1f5f9!important}.dark-mode .auth-button{color:#fff}.dashboard-container{display:flex;min-height:100vh;background:var(--background)}.menu-toggle-header{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--text-dark)}.brand-text{font-size:18px;font-weight:700;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.brand-logo{display:flex;align-items:center;justify-content:center;padding:8px 0}.sidebar{width:280px;background:var(--background-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;height:100vh;overflow:hidden;z-index:1000;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 12px #0000000f}.sidebar.collapsed{width:80px}.sidebar-header{padding:20px 16px;border-bottom:1px solid var(--border-color);background:var(--background-secondary);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.sidebar-toggle-btn{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:6px;color:var(--text-medium);display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.sidebar-toggle-btn:hover{background:var(--background);color:var(--primary-color)}.sidebar-search{padding:16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:12px;background:var(--background)}.sidebar-search-input{flex:1;border:none;background:transparent;font-size:14px;color:var(--text-dark);outline:none}.sidebar-search-input::placeholder{color:var(--text-lighter)}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;color:var(--text-medium);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:500;position:relative;white-space:nowrap}.nav-item:hover{background:#2d8ef114;color:var(--primary-color)}.nav-item.active{background:#2d8ef11f;color:var(--primary-color);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--primary-color);border-radius:0 2px 2px 0}.nav-item svg{flex-shrink:0;width:20px;height:20px;stroke-width:2}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.sidebar.collapsed .nav-item span{display:none}.sidebar-footer{padding:16px 12px;border-top:1px solid var(--border-color);background:var(--background-secondary);flex-shrink:0}.user-info{display:flex;align-items:center;gap:12px;padding:12px;background:var(--background);border-radius:10px;margin-bottom:12px}.sidebar.collapsed .user-info{justify-content:center;padding:12px}.sidebar.collapsed .user-details{display:none}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-color);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-details{flex:1;min-width:0}.user-name{font-size:12px;font-weight:600;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:var(--text-medium);font-weight:500}.logout-button{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:10px 16px;background:transparent;border:none;border-radius:10px;color:var(--text-medium);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.logout-button svg{width:18px;height:18px;stroke-width:2}.logout-button:hover{background:#ef44441a;color:var(--error)}.logout-button-icon{width:100%;display:flex;align-items:center;justify-content:center;padding:10px;background:transparent;border:none;border-radius:10px;color:var(--text-medium);cursor:pointer;transition:all .2s ease}.logout-button-icon svg{width:18px;height:18px;stroke-width:2}.logout-button-icon:hover{background:#ef44441a;color:var(--error)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.dashboard-main{flex:1;margin-left:280px;min-height:100vh;display:flex;flex-direction:column;background:var(--background);transition:margin-left .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 280px)}.dashboard-container:has(.sidebar.collapsed) .dashboard-main{margin-left:80px;width:calc(100% - 80px)}.sidebar.collapsed~.dashboard-main{margin-left:80px;width:calc(100% - 80px)}.dashboard-header-bar{background:var(--background-secondary);border-bottom:1px solid var(--border-color);padding:20px 36px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #0000000a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-left{display:flex;align-items:center;gap:16px}.header-left .page-title{font-size:18px;font-weight:600;color:var(--text-dark);margin:0;letter-spacing:-.01em}.header-right{display:flex;align-items:center;gap:16px}.header-search{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--background);border:1px solid var(--border-color);border-radius:12px;min-width:280px;transition:all .3s ease}.header-search:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #2d8ef11a;background:var(--background-secondary)}.theme-toggle{position:relative}.header-search svg{color:var(--text-light);flex-shrink:0}.header-search input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:var(--text-dark)}.header-search input::placeholder{color:var(--text-lighter)}.header-icon-button{position:relative;background:none;border:none;padding:8px;border-radius:var(--radius-md);cursor:pointer;color:var(--text-medium);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.header-icon-button svg{width:18px;height:18px}.header-icon-button:hover{background:var(--background);color:var(--primary-color);transform:scale(1.05)}.notification-badge{position:absolute;top:4px;right:4px;background:var(--error);color:var(--white);border-radius:10px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.user-menu-header{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;transition:all .3s ease;cursor:pointer}.user-menu-header:hover{background:#2d8ef10d}.user-info-header{display:flex;flex-direction:column;gap:2px}.user-name-header{font-size:14px;font-weight:600;color:var(--text-dark);line-height:1.2}.user-role-header{font-size:12px;color:var(--text-light);line-height:1.2}.user-avatar-small{width:32px;height:32px;border-radius:50%;background:var(--primary-color);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;cursor:pointer;transition:transform .2s ease}.user-avatar-small:hover{transform:scale(1.05)}.dashboard-content{padding:32px 36px;max-width:1800px;margin:0 auto;width:100%;flex:1;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.sidebar:not(.collapsed){width:260px}.dashboard-main{margin-left:260px;width:calc(100% - 260px)}.dashboard-container:has(.sidebar.collapsed) .dashboard-main{margin-left:80px;width:calc(100% - 80px)}.sidebar.collapsed~.dashboard-main{margin-left:80px;width:calc(100% - 80px)}.dashboard-header-bar{padding:18px 28px}.header-left .page-title{font-size:22px}.header-search{min-width:240px}}@media (max-width: 1024px){.sidebar:not(.collapsed){width:240px}.dashboard-main{margin-left:240px;width:calc(100% - 240px)}.dashboard-container:has(.sidebar.collapsed) .dashboard-main{margin-left:80px;width:calc(100% - 80px)}.sidebar.collapsed~.dashboard-main{margin-left:80px;width:calc(100% - 80px)}.dashboard-content{padding:24px}.dashboard-header-bar{padding:16px 24px}.header-search{min-width:200px}.user-info-header{display:none}}@media (max-width: 768px){.menu-toggle-header{display:block;margin:0}.sidebar{transform:translate(-100%);width:280px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #0000001f}.sidebar.collapsed{width:280px;transform:translate(-100%)}.sidebar.collapsed.open{transform:translate(0)}.sidebar-overlay{display:block;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s ease}.dashboard-main{margin-left:0!important;width:100%!important}.dashboard-container:has(.sidebar.collapsed) .dashboard-main{margin-left:0!important;width:100%!important}.sidebar.collapsed~.dashboard-main{margin-left:0!important;width:100%!important}.dashboard-header-bar{padding:14px 16px;flex-wrap:nowrap;gap:0;justify-content:space-between}.header-left{width:auto;display:flex;align-items:center;gap:0}.header-left .page-title{display:none}.header-right{width:auto;justify-content:flex-end;gap:12px}.header-search{display:none}.dashboard-content{padding:20px}.nav-item{padding:12px 16px;font-size:15px;margin:4px 8px}.sidebar-header{padding:24px 20px}.sidebar-footer{padding:16px}.sidebar .sidebar-toggle-btn{display:none}}@media (max-width: 480px){.dashboard-content{padding:16px}.brand-text{font-size:16px}.sidebar,.sidebar.collapsed{width:100%;max-width:280px}.dashboard-header-bar{padding:10px 12px}.header-left .page-title{font-size:18px}.header-search{min-width:0;padding:8px 12px}.header-search input{font-size:13px}.header-icon-button{padding:6px}.header-icon-button svg{width:16px;height:16px}.user-avatar-small{width:28px;height:28px;font-size:12px}.user-info-header{display:none}.header-right{gap:8px}}.leads-dropdown-container{position:relative}.leads-toggle{display:flex;align-items:center;gap:12px;width:100%;cursor:pointer;padding:12px 16px;border-radius:10px;color:var(--text-medium);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:600;background:none;border:none;position:relative;white-space:nowrap;text-align:left}.leads-toggle:hover{background:#2d8ef114;color:var(--primary-color)}.leads-dropdown-container.active .leads-toggle{background:#2d8ef11f;color:var(--primary-color)}.leads-dropdown-container.active .leads-toggle:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--primary-color);border-radius:0 2px 2px 0}.leads-toggle svg:first-child{flex-shrink:0;width:20px;height:20px;stroke-width:2}.leads-chevron{margin-left:auto;transition:transform .2s ease;width:16px;height:16px;stroke-width:2.5}.leads-chevron.open{transform:rotate(180deg)}.leads-submenu{padding-left:2.75rem;margin:4px 0;animation:slideDown .2s ease;overflow:hidden}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:200px;transform:translateY(0)}}.nav-subitem{display:flex;align-items:center;gap:12px;padding:10px 16px;color:var(--text-medium);text-decoration:none;font-size:13px;font-weight:600;border-radius:8px;margin:2px 0;transition:all .2s ease;position:relative}.nav-subitem:hover{background:#2d8ef114;color:var(--primary-color)}.nav-subitem.active{background:#2d8ef11f;color:var(--primary-color);font-weight:600}.nav-subitem.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--primary-color);border-radius:0 2px 2px 0}.nav-subitem svg{flex-shrink:0;width:16px;height:16px;stroke-width:2}.sidebar.collapsed .leads-toggle{justify-content:center;padding:12px}.sidebar.collapsed .leads-toggle span,.sidebar.collapsed .leads-chevron{display:none}.collapsed-submenu{display:flex;flex-direction:column;gap:4px;margin-top:4px}.sidebar.collapsed .collapsed-submenu .nav-item{justify-content:center;padding:12px}@media (max-width: 768px){.leads-submenu{padding-left:2rem}.nav-subitem{padding:9px 14px;font-size:14px}.sidebar.open .leads-toggle{justify-content:flex-start}.sidebar.open .leads-toggle span,.sidebar.open .leads-chevron,.sidebar.collapsed.open .leads-toggle span,.sidebar.collapsed.open .leads-chevron{display:flex}.sidebar.collapsed.open .collapsed-submenu{display:none}.sidebar.collapsed.open .leads-submenu{display:block}}.dark .leads-toggle:hover,.dark .nav-subitem:hover{background:#2d8ef126}.dark .leads-dropdown-container.active .leads-toggle,.dark .nav-subitem.active{background:#2d8ef133}.sidebar.collapsed .leads-dropdown-container{margin:4px 0}.sidebar.collapsed .leads-dropdown-container.active .nav-item{background:#2d8ef11f;color:var(--primary-color);font-weight:600}.sidebar.collapsed .collapsed-submenu .nav-item:hover{background:#2d8ef114}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:20px;padding:40px}.loader-spinner{position:relative;display:inline-block}.loader-small{width:32px;height:32px}.loader-medium{width:48px;height:48px}.loader-large{width:64px;height:64px}.loader-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid transparent;border-top-color:var(--primary-color);border-radius:50%;animation:loader-spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.loader-ring:nth-child(1){animation-delay:-.45s}.loader-ring:nth-child(2){animation-delay:-.3s;border-top-color:var(--primary-dark)}.loader-ring:nth-child(3){animation-delay:-.15s;border-top-color:var(--primary-color);opacity:.7}.loader-ring:nth-child(4){border-top-color:var(--primary-dark);opacity:.5}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-text{font-size:14px;color:var(--text-light);margin:0;font-weight:500;letter-spacing:.5px}.dark-mode .loader-text{color:var(--text-medium)}.loader-pulse{width:48px;height:48px;border-radius:50%;background:var(--primary-color);animation:loader-pulse 1.5s ease-in-out infinite}@keyframes loader-pulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}}.status-select-container:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;opacity:.7;pointer-events:none;z-index:1}.dark-mode .status-select-container:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #D1D5DB}.header-content{flex:1}.page-title{font-size:28px;color:#1e293b;margin-bottom:4px;font-weight:600}.page-subtitle{font-size:14px;color:#6b7280}.user-badge{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:12px;border:1px solid #D1D5DB;box-shadow:0 2px 8px #0000000d}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2d8ef1,#1e6dc7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600}.user-info{display:flex;flex-direction:column}.user-name{font-size:14px;font-weight:500;color:#1e293b}.user-role{font-size:12px;color:#6b7280;text-transform:uppercase}.profile-container{display:grid;grid-template-columns:280px 1fr;gap:24px}@media (max-width: 1024px){.profile-container{grid-template-columns:1fr}}.profile-sidebar{display:flex;flex-direction:column;gap:24px}.user-summary{background:#fff;border-radius:16px;padding:32px 24px;text-align:center;box-shadow:0 4px 20px #00000014;border:1px solid #D1D5DB}.user-avatar-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#2d8ef1,#1e6dc7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;margin:0 auto 16px}.user-name-large{font-size:20px;font-weight:600;color:#1e293b;margin-bottom:8px}.user-role-badge{display:inline-block;padding:6px 16px;background:#2d8ef11a;border:1px solid #2D8EF1;color:#2d8ef1;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px}.profile-tabs{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;border:1px solid #D1D5DB}.tab-button{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:transparent;border:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left;border-bottom:1px solid #E5E7EB}.tab-button:last-child{border-bottom:none}.tab-button:hover{background:#f3f4f6;color:#1e293b}.tab-button.active{background:#2d8ef11a;color:#2d8ef1;border-left:3px solid #2D8EF1}.tab-button svg{color:currentColor}.profile-main{flex:1}.profile-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;border:1px solid #D1D5DB}.tab-content{padding:32px}@media (max-width: 768px){.tab-content{padding:24px}}.section-title{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #E5E7EB}.form-section{margin-bottom:40px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#1e293b}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon input,.input-with-icon .regular-input{width:100%;padding:12px 16px!important;background:#f3f4f6!important;border:1px solid #D1D5DB!important;border-radius:8px;color:#1e293b;font-size:14px!important;transition:all .3s ease;box-sizing:border-box}.input-with-icon input:focus,.input-with-icon .regular-input:focus{outline:none;border-color:#2d8ef1!important;box-shadow:0 0 0 3px #2d8ef11a}.input-with-icon input.disabled-input{background:#f3f4f6!important;color:#6b7280;cursor:not-allowed}.password-input-wrapper{position:relative;width:100%;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding:12px 48px 12px 16px!important;background:#f3f4f6!important;border:1px solid #D1D5DB!important;border-radius:8px;font-size:14px!important;transition:all .3s ease;box-sizing:border-box}.password-input-wrapper input:focus{outline:none;border-color:#2d8ef1!important;box-shadow:0 0 0 3px #2d8ef11a}.password-toggle{position:absolute;right:12px;background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.password-toggle:hover{color:#1e293b}.password-hints{display:flex;flex-direction:column;gap:4px;margin-top:8px;font-size:12px;color:#6b7280}.password-hints .valid{color:#10b981}.form-actions{display:flex;gap:12px;margin-top:24px}.btn-primary,.btn-outline,.btn-small{display:flex;align-items:center;gap:8px;padding:14px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background:#2d8ef1;color:#fff}.btn-primary:hover:not(:disabled){background:#1e6dc7;transform:translateY(-1px);box-shadow:0 4px 12px #2d8ef14d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background:transparent;border:1px solid #D1D5DB;color:#1e293b;padding:13px 24px}.btn-outline:hover{border-color:#2d8ef1;color:#2d8ef1;background:#2d8ef10d}.btn-small{padding:8px 16px;font-size:12px}.info-section{margin-top:32px;padding-top:32px;border-top:1px solid #E5E7EB}.info-card{background:#f3f4f6;border:1px solid #D1D5DB;border-radius:8px;padding:20px}.info-card h4{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:16px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 768px){.info-grid{grid-template-columns:1fr}}.info-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:14px;color:#1e293b;font-weight:500}.status-active{display:flex;align-items:center;gap:8px;color:#10b981;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981}.security-section{margin-top:40px;padding-top:40px;border-top:1px solid #E5E7EB}.security-options{display:flex;flex-direction:column;gap:16px}.security-option{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f3f4f6;border:1px solid #D1D5DB;border-radius:8px}.option-info h4{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:4px}.option-info p{font-size:12px;color:#6b7280}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#2d8ef1}input:checked+.toggle-slider:before{transform:translate(24px)}.export-section{max-width:800px;margin:0 auto}.export-header{text-align:center;margin-bottom:40px}.export-icon{color:#2d8ef1;margin-bottom:16px}.export-description{color:#6b7280;font-size:14px;line-height:1.6;max-width:600px;margin:0 auto}.export-options{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.export-option{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#f3f4f6;border:1px solid #D1D5DB;border-radius:8px;transition:all .3s ease}.export-option:hover{border-color:#2d8ef1;background:#2d8ef10d;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.option-content h4{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:4px}.option-content p{font-size:14px;color:#6b7280;margin-bottom:8px}.file-size{font-size:12px;color:#6b7280}.export-notice{background:#fef3c7;border:1px solid #F59E0B;border-radius:8px;padding:20px}.export-notice .notice-icon{width:24px;height:24px;border-radius:50%;background:#f59e0b;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;margin-bottom:12px}.export-notice h4{font-size:14px;font-weight:600;color:#92400e;margin-bottom:8px}.export-notice ul{list-style:none;padding:0;margin:0}.export-notice li{font-size:12px;color:#92400e;margin-bottom:4px;padding-left:16px;position:relative}.export-notice li:before{content:"•";position:absolute;left:0}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.user-badge{width:100%;justify-content:center}.profile-sidebar{order:2}.profile-main{order:1}.export-option{flex-direction:column;align-items:flex-start;gap:16px}.export-option .btn-outline{width:100%;justify-content:center}}@media (max-width: 480px){.tab-content{padding:16px}.form-actions{flex-direction:column}.btn-primary,.btn-outline{width:100%;justify-content:center}.auth-card{padding:24px}.auth-header h2{font-size:24px}}.dark-mode .profile-card,.dark-mode .profile-tabs,.dark-mode .user-summary{background:#1e293b;border-color:#374151;color:#f9fafb}.dark-mode .page-title,.dark-mode .section-title,.dark-mode .user-name-large,.dark-mode .info-card h4,.dark-mode .option-content h4{color:#f9fafb}.dark-mode .page-subtitle,.dark-mode .export-description,.dark-mode .option-content p,.dark-mode .info-label{color:#d1d5db}.dark-mode .input-with-icon input,.dark-mode .password-input-wrapper input,.dark-mode .info-card,.dark-mode .info-value,.dark-mode .security-option,.dark-mode .export-option{background:#374151!important;border-color:#4b5563!important;color:#f9fafb}.dark-mode .btn-outline{border-color:#4b5563;color:#f9fafb}.dark-mode .btn-outline:hover{border-color:#2d8ef1;background:#2d8ef11a}.dark-mode .tab-button{color:#d1d5db;border-bottom-color:#374151}.dark-mode .tab-button:hover{background:#374151;color:#f9fafb}.dark-mode .tab-button.active{background:#2d8ef133;color:#2d8ef1}.password-form{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.password-row{width:100%}.password-row .form-group{margin-bottom:0}.dark-mode .password-hints{color:#d1d5db}.dark-mode .password-hints .valid{color:#10b981}.dark-mode .security-option{background:#374151;border-color:#4b5563}.dark-mode .security-option .option-info h4{color:#f9fafb}.dark-mode .security-option .option-info p{color:#d1d5db}.dark-mode .preference-info{display:flex;align-items:center;gap:12px}.dark-mode .preference-info svg{color:#f9fafb}.dark-mode .preference-info h4{color:#f9fafb;margin-bottom:4px}.dark-mode .preference-info p{color:#d1d5db;font-size:12px}.save-button,.cancel-button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.save-button{background:var(--primary-color);color:#fff;border:none}.save-button:hover{background:var(--primary-dark)}.cancel-button{background:var(--background-secondary);color:var(--text-dark);border:1px solid var(--border-color)}.cancel-button:hover{background:var(--background);border-color:var(--primary-color);color:var(--primary-color)}.badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;background:var(--success-light);color:var(--success);border:1px solid var(--success);width:fit-content}.dark-mode .badge{background:#10b9811a;color:#10b981;border-color:#10b981}.status-select-container:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;opacity:.7;pointer-events:none;z-index:1}.dark-mode .status-select-container:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.customers-grid,.customers-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.customer-avatar-large{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:#fff;background:var(--primary-color);margin-bottom:16px}.customer-name-section-modern{flex:1;min-width:0}.customer-name-modern{font-size:20px;font-weight:700;color:var(--text-dark);margin:0 0 10px;letter-spacing:-.01em;line-height:1.3}.customer-tags-modern{display:flex;gap:8px;margin-top:4px}.customer-contact-section-modern{display:flex;flex-direction:column;gap:12px;padding:20px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.customer-contact-item-modern{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-medium);line-height:1.5}.customer-contact-item-modern .contact-icon{width:16px;height:16px;flex-shrink:0;color:var(--primary-color);opacity:.7}.customer-info{flex:1;min-width:0}.customer-name-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.customer-name-row h3{font-size:18px;font-weight:600;color:var(--text-dark);margin:0;flex:1}.customer-type{font-size:14px;color:var(--text-light);margin:4px 0}.customer-contact{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-light);margin-top:8px}.customer-contact span{display:flex;align-items:center;gap:6px}.customer-actions-modern{display:flex;align-items:center;gap:12px;padding-top:4px}@media (max-width: 1024px){.customers-grid-modern{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}}@media (max-width: 768px){.customers-grid-modern{grid-template-columns:1fr;gap:16px}.customer-card-modern{padding:20px}.customer-card-header-modern{flex-direction:column;align-items:center;text-align:center}.customer-avatar-modern{width:64px;height:64px;font-size:24px}.customer-name-modern{font-size:18px}.customer-contact-section-modern{padding:16px 0}.customer-actions-modern{width:100%;flex-direction:column}.view-details-button-modern{width:100%;justify-content:center}}@media (max-width: 480px){.customer-card-modern{padding:16px}.customer-name-modern{font-size:16px}.customer-avatar-modern{width:48px;height:48px;font-size:18px}.customer-type-badge-modern,.status-badge-modern{font-size:10px;padding:4px 10px 4px 8px}.customer-contact-item-modern{font-size:12px}.view-details-button-modern{padding:10px 16px;font-size:13px}}.dark-mode .customer-card-modern{background:var(--background-secondary);border-color:var(--border-color)}.dark-mode .customer-card-modern:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #0000004d}.dark-mode .customer-avatar-modern{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff}.dark-mode .customer-name-modern{color:var(--text-dark)}.dark-mode .customer-type-badge-modern{background:#2d8ef126;color:#60a5fa;border-color:#2d8ef14d}.dark-mode .customer-contact-section-modern{border-color:var(--border-color)}.dark-mode .customer-contact-item-modern{color:var(--text-medium)}.dark-mode .customer-contact-item-modern .contact-icon{color:var(--primary-color)}.add-category-card{padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;transition:all .2s ease;cursor:pointer;border:2px dashed #2D8EF1;background:#2d8ef115!important}.add-category-card:hover{background:#2d8ef125!important;transform:translateY(-2px);box-shadow:0 4px 12px #2d8ef126}.add-category-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.add-category-text{color:#2d8ef1;font-weight:500;font-size:.95rem}.add-category-form{padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;gap:1rem;min-height:120px;justify-content:center;background:#2d8ef115!important;border:2px solid #2D8EF1}.category-input{width:100%;padding:.75rem 1rem;border:1px solid var(--primary-color);border-radius:8px;font-size:13px;background:#eef6fe;color:#333;transition:border-color .2s ease}.dark-mode .category-input{background:#1f2937;color:#e5e7eb;border:1px solid #374151}.category-input:focus{outline:none;border-color:#2d8ef1;box-shadow:0 0 0 3px #2d8ef11a}.category-form-actions{display:flex;gap:.5rem;justify-content:flex-end}.category-form-button{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.375rem;transition:all .2s ease}.category-form-button.save{background:#10b981;color:#fff}.category-form-button.save:hover:not(:disabled){background:#0da271;transform:translateY(-1px)}.category-form-button.save:disabled{background:#9ca3af;cursor:not-allowed;opacity:.7}.category-form-button.cancel{background:#6b7280;color:#fff}.category-form-button.cancel:hover{background:#4b5563;transform:translateY(-1px)}.supplier-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.supplier-category-card,.add-category-card,.add-category-form{min-height:120px}@media (max-width: 768px){.supplier-categories-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.add-category-card,.add-category-form{padding:1rem;min-height:100px}.add-category-text{font-size:.875rem}.category-input{padding:.5rem .75rem;font-size:.875rem}.category-form-button{padding:.375rem .75rem;font-size:.75rem}}.customer-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;background:var(--background-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.customer-header-left{display:flex;align-items:flex-start;gap:12px}.customer-avatar-extra-large{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;color:#fff;background:var(--primary-color)}.customer-detail-header h1{font-size:20px;font-weight:600;color:var(--text-dark);margin:0 0 8px}.customer-tags{display:flex;gap:12px;align-items:center}.status-badge-modern{padding:6px 14px!important;border-radius:20px!important;font-size:12px!important;font-weight:600!important;text-transform:capitalize;display:inline-flex;align-items:center!important;border:1px solid currentColor!important}.status-badge-modern.active{color:#10b981;background-color:#10b98126;border-color:#10b981}.status-badge-modern.planning{color:#f59e0b;background-color:#f59e0b26;border-color:#f59e0b}.status-badge-modern.completed{color:#3b82f6;background-color:#3b82f626;border-color:#3b82f6}.status-badge-modern.on-hold{color:#ef4444;background-color:#ef444426;border-color:#ef4444}.customer-header-actions{display:flex;align-items:center;gap:10px}.edit-customer-button{padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.edit-customer-button:hover{background:var(--primary-dark)}.supplier-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.supplier-category-card{padding:20px;border-radius:12px;text-align:center;transition:all .3s ease;cursor:pointer}.supplier-category-card.editable{cursor:pointer}.supplier-category-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.category-name{font-size:15px;font-weight:600;color:var(--text-dark);margin-bottom:8px}.category-status{margin-top:8px}.booked-badge{display:inline-block;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:500;background:var(--success-soft-bg);color:var(--success-foreground)}.needed-badge{display:inline-block;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:500;background:var(--warning-soft-bg);color:var(--warning-foreground)}.category-action-hint{font-size:11px;color:var(--text-light);margin-top:8px;font-style:italic}.booked-suppliers-list{display:flex;flex-direction:column;gap:12px}.booked-supplier-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--background-secondary);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.supplier-icon{width:40px;height:40px;border-radius:10px;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff!important;flex-shrink:0}.supplier-info{flex:1}.supplier-name{font-size:15px;font-weight:600;color:var(--text-dark);margin-bottom:4px}.supplier-category{font-size:13px;color:var(--text-light)}.supplier-price{font-size:18px;font-weight:700;color:var(--text-dark);margin-right:12px}.supplier-tabs{display:flex;gap:8px}.supplier-tab{padding:10px 20px;background:var(--background-secondary);border:none;border-bottom:2px solid transparent;color:var(--text-medium);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.supplier-tab:hover{color:var(--text-dark);background:var(--background)}.supplier-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.communication-filters{display:flex;gap:8px}.filter-button{padding:8px 16px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-medium);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.filter-button:hover{background:var(--background);border-color:var(--primary-color)}.filter-button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.communication-timeline{display:flex;flex-direction:column;gap:16px}.timeline-item{display:flex;gap:16px;padding:20px;background:var(--background-secondary);border-radius:12px;border-left:3px solid var(--border-color);transition:all .2s ease;box-shadow:var(--shadow-sm)}.timeline-item:hover{background:var(--background-secondary);border-left-color:var(--primary-color)}.timeline-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--background);color:var(--text-dark);flex-shrink:0}.timeline-icon.email{background:#3b82f61a;color:#3b82f6}.timeline-icon.phone{background:#10b9811a;color:#10b981}.timeline-icon.whatsapp{background:#22c55e1a;color:#22c55e}.timeline-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.timeline-badge{padding:4px 10px;border-radius:8px;font-size:11px;font-weight:500;text-transform:capitalize}.timeline-badge.follow-up{background:var(--warning-soft-bg);color:var(--warning-foreground)}.timeline-badge.completed{background:var(--success-soft-bg);color:var(--success-foreground)}.timeline-type{font-size:12px;color:var(--text-medium);text-transform:capitalize}.timeline-date{font-size:12px;color:var(--text-medium);margin-left:auto}.timeline-participants{font-size:13px;color:var(--text-dark);margin-bottom:8px}.timeline-subject{font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:4px}.timeline-message{font-size:13px;color:var(--text-medium);line-height:1.5}.reconnect-button{margin-top:12px;padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.reconnect-button:hover{background:var(--primary-dark)}@media (max-width: 768px){.customer-detail-header{flex-direction:column;align-items:flex-start;gap:16px}.customer-header-actions{width:100%;flex-wrap:wrap}.metrics-grid{grid-template-columns:1fr}.supplier-categories-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.supplier-tabs,.communication-filters{flex-wrap:wrap}}.section-icon{margin-right:12px;color:var(--primary-color)}.section-title{display:flex;align-items:center;font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.add-category-form-premium{padding:20px;background:#2d8ef114;border:1px solid rgba(45,142,241,.3);border-radius:12px;display:flex;flex-direction:column;gap:12px}.category-input-modern{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--background);color:var(--text-dark);font-size:14px;transition:all .2s ease}.category-input-modern:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2d8ef11a}.add-category-card-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:#2d8ef10d;border:2px dashed rgba(45,142,241,.3);border-radius:12px;cursor:pointer;transition:all .2s ease;color:var(--primary-color)}.add-category-card-modern:hover{background:#2d8ef114;border-color:var(--primary-color);transform:translateY(-2px)}.remove-category-button{position:absolute;top:8px;right:8px;background:#ef44441a;border:none;color:#ef4444;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.remove-category-button:hover{background:#ef4444;color:#fff}.save-button-modern:hover{background:#1e40af;transform:translateY(-1px);box-shadow:0 6px 16px #2d8ef14d}.cancel-button-modern{padding:12px 24px;background:#fff;color:#475569;border:1px solid #cbd5e1;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.back-button-modern{display:flex;align-items:center;gap:8px;background:none;border:none;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;margin-bottom:8px;padding:0;transition:color .2s ease}.back-button-modern:hover{color:var(--primary-color)}@media (max-width: 1024px){.form-actions-fixed{left:0}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.status-select-container:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;opacity:.7;pointer-events:none;z-index:1}.dark-mode .status-select-container:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.leads-tabs-container{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;border-bottom:2px solid var(--border-light);padding-bottom:12px}.lead-tab-button{display:flex;align-items:center;gap:6px;padding:10px 20px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-medium);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.tab-count{font-size:12px;opacity:.8;margin-left:6px}.calls-table-container{background:var(--white);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a;border:1px solid var(--border-color);overflow:hidden}.booking-row{transition:all var(--transition-fast)}.booking-row:hover{background:var(--background-secondary)}.booking-id{font-family:Courier New,monospace;font-weight:600;color:var(--primary-color);font-size:13px}.customer-name{font-weight:600;color:var(--text-dark);font-size:15px}.service-name{padding:4px 10px;background:var(--background-secondary);border-radius:12px;font-size:12px;font-weight:500;color:var(--text-dark);display:inline-block}.amount-value{font-weight:600;color:var(--text-dark);font-size:16px}.payment-method{font-size:13px;color:var(--text-medium);padding:4px 10px;background:var(--background);border-radius:6px;display:inline-block}.bookings-tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.booking-tab{padding:6px 12px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-dark);font-size:11px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.booking-tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.booking-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.bookings-list{display:flex;flex-direction:column;gap:8px}.booking-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--background);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-fast)}.booking-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000000f}.booking-icon{width:32px;height:32px;border-radius:6px;background:var(--primary-color);color:var(--white);display:flex;align-items:center;justify-content:center;flex-shrink:0}.booking-icon svg{width:16px;height:16px}.booking-content{flex:1;min-width:0}.booking-customer{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:13px;font-weight:600;color:var(--text-dark)}.booking-id-text{font-family:Courier New,monospace;font-weight:600;color:var(--primary-color);font-size:13px;margin-right:8px}.booking-customer-name{font-weight:600;color:var(--text-dark);font-size:13px}.booking-details{font-size:11px;color:var(--text-light);margin-bottom:4px}.booking-payment-method{font-size:12px;color:var(--text-light);margin-top:4px}.booking-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.booking-amount{font-size:16px;font-weight:700;color:var(--text-dark)}.booking-status-badge{padding:4px 10px;border-radius:10px;font-size:10px;font-weight:500;border:none;cursor:pointer}.booking-status-badge.confirmed{background:var(--primary-color);color:var(--white)}.booking-status-badge.completed{background:var(--success);color:var(--white)}.booking-status-badge.pending{background:#fef3c7;color:#92400e}.booking-status-badge.paid{background:var(--success);color:var(--white)}.booking-deposit{font-size:10px;color:var(--text-light)}.booking-actions{display:flex;gap:6px}.booking-action-button{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-dark);font-size:10px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.booking-action-button svg{width:14px;height:14px}.booking-action-button:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.booking-action-button.paid{background:var(--success);color:var(--white);border-color:var(--success)}.empty-state,.empty-state-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-light)}.empty-state-message svg{color:var(--text-light);opacity:.5;margin-bottom:16px}.empty-state-message p{font-size:14px;color:var(--text-medium);margin:0}.error-state{padding:24px;text-align:center;color:var(--error)}.edit-supplier-form,.edit-packages-form{max-width:900px;margin:0 auto}.form-section{background:var(--background-secondary);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #0000000f;border:1px solid var(--border-color)}.form-section h2{font-size:18px;font-weight:600;color:var(--text-dark);margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid var(--primary-color)}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--text-dark);margin-bottom:8px}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=url],.form-group input[type=number],.form-group input[type=date],.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;color:var(--text-dark);background:var(--background);transition:all var(--transition-fast);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--error)}.form-group small{display:block;margin-top:6px;font-size:12px;color:var(--text-light)}.form-group .error-text{color:var(--error);font-size:12px;margin-top:6px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.checkbox-group{display:flex;align-items:center;gap:8px}.checkbox-group label{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer;font-weight:400}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.file-upload-area{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.file-upload-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--white);border:2px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-dark);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.file-upload-button:hover{border-color:var(--primary-color);background:var(--primary-color);color:var(--white)}.remove-file-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color);background:var(--white);color:var(--text-dark);cursor:pointer;transition:all var(--transition-fast)}.remove-file-button:hover{background:var(--error);color:var(--white);border-color:var(--error)}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;margin-top:24px;border-top:1px solid var(--border-color)}.cancel-button,.save-button,.add-package-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none}.cancel-button{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-dark)}.cancel-button:hover{background:var(--background);border-color:var(--text-medium)}.save-button{background:var(--primary-color);color:var(--white)}.add-package-button{background:var(--white);border:1px solid var(--primary-color);color:var(--primary-color)}.add-package-button:hover{background:var(--primary-color);color:var(--white)}@media (max-width: 768px){.bookings-tabs-container{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.bookings-filters-bar{flex-direction:column;align-items:stretch}.bookings-filters-bar>*{width:100%}.bookings-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px}.booking-tab{white-space:nowrap;flex-shrink:0;font-size:10px;padding:5px 10px}.booking-item{flex-direction:column;align-items:flex-start;gap:10px;padding:12px}.booking-content{width:100%}.booking-right{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.booking-actions{width:100%;flex-direction:column}.booking-action-button{width:100%;justify-content:center}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column;align-items:stretch}.form-actions-right{flex-direction:column}}.form-container-premium{padding:1rem 0;max-width:1200px;margin:0 auto}.form-section-card{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 4px 25px #0000000d;border:1px solid rgba(0,0,0,.05)}.section-header-modern{display:flex;align-items:center;gap:1.25rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f1f5f9}.section-icon-box{width:48px;height:48px;background:#f0f9ff;color:#0284c7;border-radius:12px;display:flex;align-items:center;justify-content:center}.section-header-modern h2{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.form-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 2rem}.full-width{grid-column:span 2}.form-row-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;grid-column:span 2}.input-icon-left,.select-icon-left{position:absolute;left:1rem;color:#94a3b8}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1.5px solid #e2e8f0;border-radius:12px;background:#f8fafc}.form-actions-fixed{position:fixed;bottom:0;right:0;left:280px;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.5rem 2.5rem;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid #e2e8f0;z-index:100}.save-button-modern{background:#2563eb;color:#fff;border:none;padding:.75rem 2rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:.75rem;cursor:pointer}.cancel-button-modern{background:#fff;color:#64748b;border:1.5px solid #e2e8f0;padding:.75rem 2rem;border-radius:12px;font-weight:600;cursor:pointer}.dark-mode .section-icon-box{background:#0284c71a;color:#38bdf8}.dark-mode .form-group input,.dark-mode .form-group select,.dark-mode .form-group textarea{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark-mode .form-actions-fixed{background:#0f172acc;border-color:#334155}.dark-mode .cancel-button-modern{background:#1e293b;border-color:#334155;color:#94a3b8}.status-select-container:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;opacity:.7;pointer-events:none;z-index:1}.dark-mode .status-select-container:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.supplier-categories-overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}.supplier-category-overview-card{padding:20px;border-radius:12px;text-align:center;cursor:pointer;transition:all .3s ease}.supplier-category-overview-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.category-count{font-size:20px;font-weight:700;color:var(--text-dark);margin-bottom:8px}.category-name-small{font-size:14px;font-weight:500;color:var(--text-dark)}.recent-items-list{display:flex;flex-direction:column;gap:12px}.recent-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--background-secondary);border-radius:12px;border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.recent-item:hover{background:var(--background);border-color:var(--primary-color);transform:translate(4px)}.recent-item-content{flex:1}.recent-item-title{font-size:15px;font-weight:600;color:var(--text-dark);margin-bottom:4px}.recent-item-meta{display:flex;gap:12px;align-items:center}.recent-item-date,.recent-item-type{font-size:12px;color:var(--text-light)}.recent-item-status{padding:4px 10px;border-radius:8px;font-size:11px;font-weight:500;text-transform:capitalize}.recent-item-amount{font-size:16px;font-weight:700;color:var(--primary-color);margin-left:16px}.view-all-button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-dark);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-all-button:hover{background:var(--primary-color);color:#fff}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.section-header h2{font-size:14px;font-weight:600;color:var(--text-dark);display:flex;align-items:center;gap:8px;letter-spacing:-.01em;margin:0}.section-header h1{font-size:20px;margin:0;display:flex;align-items:center;gap:6px}.section-header h1 svg{color:var(--primary-color, #3B82F6)}.recent-item-details{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color)}.detail-row{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:12px;color:var(--text-medium)}.detail-row:last-child{margin-bottom:0}.detail-label{font-weight:500;color:var(--text-dark)}.detail-value{color:var(--text-medium)}.detail-row svg{color:var(--primary-color)}@media (max-width: 1024px){.analytics-combined-card{grid-template-columns:1fr}.stats-grid-overview{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width: 768px){.analytics-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.analytics-title-section{width:100%;justify-content:space-between;align-items:center}.analytics-header h2,.analytics-header h3{font-size:16px;white-space:nowrap}.chart-container{padding:0 4px;margin-left:-4px;margin-right:-4px;width:calc(100% + 8px);height:250px}.recharts-wrapper{margin-left:-8px;margin-right:-8px;width:calc(100% + 16px)!important}.recharts-surface{width:100%!important}.recharts-cartesian-axis{transform:translate(-8px)}.analytics-card,.analytics-card-small{padding:16px 12px}.analytics-combined-card{gap:20px}.stats-grid-overview{grid-template-columns:1fr}}@media (max-width: 480px){.chart-container{padding:0 2px;margin-left:-6px;margin-right:-6px;width:calc(100% + 12px)}.recharts-wrapper{margin-left:-12px;margin-right:-12px;width:calc(100% + 24px)!important}.recharts-cartesian-axis-tick{font-size:10px!important}.recharts-xAxis .recharts-cartesian-axis-ticks{transform:translate(-4px)}.recharts-yAxis .recharts-cartesian-axis-ticks{transform:translate(-2px)}.analytics-header>div:last-child{display:flex;flex-wrap:wrap;gap:8px;width:100%}.analytics-filter{flex:1;min-width:120px;font-size:11px;padding:5px 10px}.analytics-title-section{gap:4px}.analytics-header h2,.analytics-header h3{font-size:15px}}@media (max-width: 360px){.chart-container{margin-left:-4px;margin-right:-4px;width:100%;overflow:hidden;height:180px}.recharts-wrapper{margin-left:0;margin-right:0;width:100%!important}.recharts-cartesian-axis-tick{font-size:9px!important}.analytics-card,.analytics-card-small{padding:12px 8px}.analytics-header h2,.analytics-header h3{font-size:14px}}.status-select-container:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;opacity:.7;pointer-events:none;z-index:1}.dark-mode .status-select-container:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.page-header h1{font-size:24px;font-weight:600;color:var(--text-dark);margin:0}.page-header .subtitle{font-size:14px;color:var(--text-light);margin:4px 0 0;font-weight:400}.header-actions{display:flex;gap:12px;flex-wrap:wrap}.supplier-header-actions{display:flex;gap:12px}.suppliers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.supplier-card-modern{background:var(--background-secondary);border-radius:20px;padding:28px;box-shadow:0 2px 8px #0000000f,0 4px 16px #0000000a;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:20px;cursor:pointer}.supplier-card-modern:hover{box-shadow:0 8px 24px #0000001a,0 4px 12px #0000000f;transform:translateY(-4px);border-color:var(--primary-color)}.supplier-card-modern:hover .view-details-button-modern{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px #2d8ef133}.supplier-card-header-modern{display:flex;align-items:center;gap:16px;margin-bottom:20px}.supplier-avatar-modern{width:90px;height:90px;border-radius:16px;background:linear-gradient(135deg,#2d8ef1,#1e40af);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:32px;flex-shrink:0;box-shadow:0 4px 12px #2d8ef140}.supplier-name-section-modern{flex:1;min-width:0}.supplier-name-modern{font-size:20px;font-weight:700;color:var(--text-dark);margin:0 0 10px;letter-spacing:-.01em;line-height:1.3}.supplier-tags-modern{display:flex;gap:8px;flex-wrap:wrap}.active-tag-modern{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background-color:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.2);border-radius:16px;font-size:11px;font-weight:600;text-transform:capitalize;letter-spacing:.3px}.refused-tag-modern{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background-color:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:16px;font-size:11px;font-weight:600;text-transform:capitalize;letter-spacing:.3px}.category-tag-modern{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;background:#2d8ef11a;color:var(--primary-color);cursor:pointer;transition:all .2s ease}.category-tag-modern:hover{background:#2d8ef133;transform:translateY(-1px)}.verified-tag-modern{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--success);color:var(--white);border-radius:20px;font-size:12px;font-weight:600}.verified-tag-modern svg{width:12px;height:12px}.supplier-contact-section{display:flex;flex-direction:column;gap:12px;padding:20px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.supplier-contact-item-modern{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-medium);line-height:1.5}.contact-icon{width:16px;height:16px;flex-shrink:0;color:var(--primary-color);opacity:.7}.supplier-stats-section{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--border-color)}.supplier-stats-left{display:flex;flex-direction:column;gap:8px}.supplier-rating-modern,.supplier-packages-modern{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-dark);font-weight:600}.supplier-rating-modern svg,.supplier-packages-modern svg{width:16px;height:16px;flex-shrink:0}.supplier-stats-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.supplier-booking-stat{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.supplier-booking-label-modern{font-size:11px;color:var(--text-light);font-weight:500}.supplier-booking-value-modern{font-size:14px;font-weight:700;color:var(--text-dark)}.pricing-overview{padding:20px 0}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.pricing-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.pricing-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.pricing-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.pricing-icon{width:40px;height:40px;border-radius:8px;background:#eff6ff;display:flex;align-items:center;justify-content:center;color:#3b82f6}.pricing-card h3{font-size:16px;font-weight:600;color:#374151;margin:0}.pricing-card-content{text-align:center}.pricing-value{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:8px}.pricing-label{font-size:14px;color:#6b7280;margin-bottom:20px}.pricing-details{background:#f9fafb;border-radius:8px;padding:16px;margin-top:12px}.supplier-price-section{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.dark-mode .supplier-price-section{background:#1f2937;border-color:#374151}.starting-price-modern,.smallest-package-modern{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.dark-mode .starting-price-modern,.dark-mode .smallest-package-modern{background:#374151;border-color:#4b5563}.price-icon-container,.package-icon-container{width:32px;height:32px;border-radius:6px;background:#3b82f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.package-icon-container{background:#10b981}.white-euro-icon{color:#fff}.price-info,.package-info{flex:1}.price-label,.package-label{display:block;font-size:12px;color:#6b7280;margin-bottom:2px}.dark-mode .price-label,.dark-mode .package-label{color:#fff}.price-value,.package-value{display:block;font-size:18px;font-weight:600;color:#1f2937}.dark-mode .price-value,.dark-mode .package-value{color:#fff}.supplier-financial-section{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--border-color)}.supplier-commission-modern,.supplier-member-modern{display:flex;flex-direction:column;gap:4px}.supplier-commission-label-modern,.supplier-member-label-modern{font-size:11px;color:var(--text-light);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.supplier-commission-value-modern{font-size:20px;font-weight:700;color:var(--primary-color);line-height:1.2}.supplier-member-value-modern{font-size:14px;font-weight:600;color:var(--text-dark)}.supplier-actions-modern{display:flex;gap:12px}.view-details-button-modern:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px #2d8ef133}.chat-button-modern{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--background);border:1px solid var(--border-color);border-radius:10px;color:var(--text-dark);cursor:pointer;transition:all .2s ease}.chat-button-modern:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.filter-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000}.filter-side-panel{position:fixed;top:0;right:0;width:400px;max-width:90vw;height:100vh;background:var(--background-secondary);box-shadow:-4px 0 24px #00000026;z-index:1001;display:flex;flex-direction:column;overflow-y:auto}.filter-panel-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color)}.filter-panel-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:600;color:var(--text-dark)}.close-panel-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--text-dark);cursor:pointer;transition:all .2s ease}.close-panel-button:hover{background:var(--background)}.filter-panel-content{flex:1;padding:24px;overflow-y:auto}.filter-section{margin-bottom:32px}.filter-section-title{font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:12px;display:flex;align-items:center;gap:8px}.filter-dropdown{margin-bottom:16px}.filter-select{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--background-secondary);color:var(--text-dark);font-size:14px;cursor:pointer}.location-input-container{margin-bottom:16px}.location-input-group{display:flex;gap:8px;margin-bottom:8px}.location-input{flex:1;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--background-secondary);color:var(--text-dark);font-size:14px}.add-location-button{padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-location-button:hover:not(:disabled){background:var(--primary-dark)}.add-location-button:disabled{opacity:.5;cursor:not-allowed}.location-hint{font-size:12px;color:var(--text-light);margin:0}.suggested-locations{margin-bottom:16px}.suggested-title{font-size:12px;font-weight:600;color:var(--text-dark);margin-bottom:12px}.location-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.location-checkbox-option{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--background);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.location-checkbox-option:hover{background:var(--background-secondary);border-color:var(--primary-color)}.location-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-dark)}.location-count{font-size:11px;color:var(--text-light);background:var(--background-secondary);padding:2px 6px;border-radius:4px}.selected-locations{margin-bottom:16px}.selected-title{font-size:12px;font-weight:600;color:var(--text-dark);margin-bottom:12px}.selected-location-tags{display:flex;flex-wrap:wrap;gap:8px}.selected-location-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--primary-color);color:#fff;border-radius:8px;font-size:12px;font-weight:500}.filter-panel-footer{padding:24px;border-top:1px solid var(--border-color);display:flex;gap:12px}.clear-filters-button-panel{flex:1;padding:12px 20px;background:var(--background);color:var(--text-dark);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-filters-button-panel:hover{background:var(--background-secondary);border-color:var(--primary-color)}.apply-filters-button{flex:1;padding:12px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.apply-filters-button:hover{background:var(--primary-dark)}.active-filters-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--background);border-radius:10px;margin-bottom:20px;flex-wrap:wrap}.active-filters-label{font-size:13px;font-weight:500;color:var(--text-dark)}.active-filter-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--primary-color);color:#fff;border-radius:8px;font-size:12px;font-weight:500}.dark-mode .active-filter-tag{background:var(--background-secondary)!important}.active-filter-tag svg{cursor:pointer;opacity:.8}.active-filter-tag svg:hover{opacity:1}.filter-toggle-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-dark);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.filter-toggle-button:hover{background:var(--background);border-color:var(--primary-color)}.filter-badge{position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:var(--error);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.clear-filters-button{padding:6px 12px;background:transparent;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-filters-button:hover{background:var(--primary-color);color:#fff}.supplier-name-with-share{display:flex;align-items:center;gap:8px;width:100%}.share-icon-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.7;flex-shrink:0}.share-icon-button:hover{color:#3b82f6;background-color:#f3f4f6;opacity:1;transform:scale(1.05)}.share-icon-button:active{transform:scale(.95)}.supplier-name-with-share .supplier-name-modern{flex:1}.supplier-detail-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;background:var(--background-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:nowrap!important}.supplier-header-left{display:flex;align-items:flex-start;gap:12px;min-width:0;flex:1}.supplier-header-info{flex:1}.supplier-header-info h1{font-size:20px;font-weight:600;color:var(--text-dark);margin:0 0 8px}.supplier-detail-tags{display:flex;gap:8px}.rating-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:#fef3c7;color:#92400e;border-radius:20px;font-size:12px;font-weight:500}.supplier-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.supplier-header-nav{display:flex;gap:6px}.edit-supplier-button{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--primary-color);border:none;border-radius:var(--radius-md);color:var(--white);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.edit-supplier-button:hover{background:var(--primary-dark);box-shadow:var(--shadow-md)}.supplier-detail-avatar-large{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;color:#fff;background:var(--primary-color)}.supplier-kpis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.supplier-kpi-card{background:var(--background-secondary);border-radius:16px;padding:20px;border:1px solid var(--border-color);display:flex;align-items:center;gap:16px;transition:all .3s ease;position:relative;overflow:hidden}.supplier-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));opacity:0;transition:opacity .3s ease}.supplier-kpi-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-3px);border-color:var(--primary-color)}.supplier-kpi-card:hover:before{opacity:1}.kpi-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-content{flex:1}.kpi-value{font-size:24px;font-weight:700;color:var(--text-dark);margin-bottom:4px}.kpi-label{font-size:11px;color:var(--text-light)}.section-header-actions{display:flex;gap:8px}.section-action-button{padding:8px 16px;background:var(--background);border:1px solid var(--border-color);border-radius:8px;color:var(--text-dark);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.section-action-button:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.packages-list{display:flex;flex-direction:column;gap:10px}.package-card{padding:12px;background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.package-card:hover{background:var(--background-secondary);border-color:var(--primary-color)}.package-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.package-title-section{flex:1}.package-title{font-size:14px;font-weight:600;color:var(--text-dark);margin:0 0 4px}.package-summary{font-size:12px;color:var(--text-light);margin:0}.package-price-section{text-align:right}.package-price{font-size:18px;font-weight:700;color:var(--primary-color)}.package-coverage{font-size:12px;color:var(--text-light)}.package-features{display:flex;flex-direction:column;gap:8px}.package-feature{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dark)}.feature-check{color:var(--primary-color);flex-shrink:0}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.review-card-modern{background:var(--background);border-radius:12px;padding:20px;border:1px solid var(--border-color);transition:all .2s ease}.review-card-modern:hover{box-shadow:0 4px 16px #0000001a;border-color:var(--primary-color)}.review-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.reviewer-info{display:flex;align-items:center;gap:12px}.reviewer-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.reviewer-details h4{font-size:15px;font-weight:600;color:var(--text-dark);margin:0 0 4px}.review-service{margin-top:4px}.service-badge{display:inline-block;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:500;background:var(--background-secondary);color:var(--text-dark);border:1px solid var(--border-color)}.review-rating{display:flex;gap:2px}.review-text-content{margin-bottom:12px}.review-text-content p{font-size:13px;color:var(--text-dark);line-height:1.6;margin:0}.review-card-footer{padding-top:12px;border-top:1px solid var(--border-color)}.review-date-info{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-light)}.business-details-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.detail-card-modern{display:flex;gap:16px;align-items:flex-start;padding:20px;background:var(--background-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-fast);position:relative;overflow:hidden}.detail-card-modern:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.detail-card-modern:hover:before{opacity:1}.detail-icon-modern{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0;box-shadow:0 4px 12px #2d8ef133}.dark-mode .detail-icon-modern{color:#fff}.detail-info-modern{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.detail-label-modern{font-size:11px;font-weight:700;color:var(--text-light);letter-spacing:.5px;text-transform:uppercase;margin:0}.detail-value-modern{font-size:15px;color:var(--text-dark);font-weight:600;line-height:1.4;margin:0;word-break:break-word;overflow-wrap:break-word}.detail-value-link-modern{font-size:15px;color:var(--primary-color);font-weight:600;text-decoration:none;transition:all var(--transition-fast);line-height:1.4;margin:0;word-break:break-word;overflow-wrap:break-word}.detail-value-link-modern:hover{color:var(--primary-dark);text-decoration:underline}.social-section-modern{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.social-title-modern{font-size:15px;font-weight:600;color:var(--text-dark);margin:0 0 16px;display:flex;align-items:center;gap:6px}.social-links-modern{display:flex;gap:12px;flex-wrap:wrap}.social-link-modern{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--background-secondary);border-radius:var(--radius-lg);color:var(--text-dark);text-decoration:none;font-size:14px;font-weight:600;transition:all var(--transition-fast);border:1px solid var(--border-color)}.social-link-modern:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px #2d8ef140;border-color:var(--primary-color)}.about-text-modern{font-size:15px;line-height:1.6;color:var(--text-dark);margin:0;padding:16px;background:var(--background-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.customers-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;max-height:300px;overflow-y:auto}.customer-checkbox{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.customer-checkbox:hover{background:var(--background-secondary);border-color:var(--primary-color)}.customer-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.customer-info{display:flex;flex-direction:column;gap:4px;flex:1}.customer-name{font-weight:600;color:var(--text-dark);font-size:14px}.customer-email{font-size:12px;color:var(--text-light)}.share-button-primary{width:100%;padding:12px 24px;background:var(--primary-color);color:var(--white);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.share-button-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.share-divider{text-align:center;margin:24px 0;color:var(--text-light);font-weight:500;position:relative}.share-divider:before,.share-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--border-light)}.share-divider:before{left:0}.share-divider:after{right:0}.link-copy-section{display:flex;gap:12px}.share-link-input{flex:1;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;color:var(--text-dark);background:var(--background-secondary)}.copy-link-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--primary-color);color:var(--white);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.copy-link-button:hover{background:var(--primary-dark)}.search-bar-container{margin-bottom:20px}.clear-search-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.clear-search-btn:hover{background:#f3f4f6;color:#6b7280}.search-stats{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.selected-count{font-size:14px;color:#6b7280;font-weight:500}.select-all-btn{background:none;border:none;color:#3b82f6;font-size:14px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .2s ease}.select-all-btn:hover{background:#eff6ff}.no-results{text-align:center;padding:40px 20px;color:#9ca3af}.no-results svg{margin-bottom:12px;opacity:.5}.no-results p{font-size:14px;margin:0}.clickable-packages{cursor:pointer;transition:all .2s ease}.clickable-packages:hover{background-color:#f3f4f6;border-radius:6px;padding:2px 8px}.dark-mode .clickable-packages:hover{background-color:#374151}.packages-list-container{max-height:60vh;overflow-y:auto;padding-right:10px}.package-edit-section{margin-top:10px}.add-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary-color);border:1px solid var(--border-color);border-radius:10px;color:var(--white);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center;margin-bottom:20px}.message-options-modal{max-width:500px}.message-options-container{padding:20px}.message-options-title{margin-bottom:24px;text-align:center;color:#333;font-size:18px;font-weight:500}.message-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.message-option-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;color:#333}.message-option-button:hover{border-color:var(--primary-color);background:#f8f9ff;transform:translateY(-2px)}.message-option-button:active{transform:translateY(0)}.message-option-button svg{margin-bottom:12px;border-color:var(--primary-color)}.message-option-button span{font-size:14px;font-weight:500}.filter-input-container{margin-bottom:20px}.filter-input-group{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;transition:border-color .2s ease}.filter-input-group:focus-within{border-color:1px solid var(--primary-color);box-shadow:0 0 0 2px #4f46e51a}.filter-input-icon{color:#666;margin-right:10px;flex-shrink:0}.filter-input{flex:1;border:none;outline:none;font-size:14px;color:#333;background:transparent}.filter-input::placeholder{color:#999}.filter-hint{margin-top:8px;font-size:12px;color:#666;line-height:1.4}.dark-mode .filter-hint{color:#fff}.starting-price-value-large{display:flex;flex-direction:column;gap:8px}.starting-price-label{margin-top:10px;font-size:12px;color:#000;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.dark-mode .starting-price-label{margin-top:10px;font-size:12px;color:#fff;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.starting-price-amount-large{font-size:30px;font-weight:800;color:#3b82f6;line-height:1}@media (max-width: 768px){.starting-price-content{flex-direction:column;text-align:center;padding:24px}.starting-price-icon-large{width:64px;height:64px}.starting-price-heading{font-size:20px}.starting-price-amount-large{font-size:36px}.supplier-detail-header-section{flex-direction:column;gap:16px;padding:16px}.supplier-header-right{width:100%;flex-wrap:wrap}.supplier-kpis-grid{grid-template-columns:repeat(2,1fr)}.reviews-grid{grid-template-columns:1fr}.business-details-grid-modern{grid-template-columns:1fr;gap:12px}.detail-card-modern{padding:16px}.detail-icon-modern{width:40px;height:40px;border-radius:10px}.social-links-modern{gap:8px}.social-link-modern{padding:10px 16px;font-size:13px}}@media (max-width: 480px){.supplier-kpis-grid{grid-template-columns:1fr}.detail-card-modern{flex-direction:column;gap:12px;align-items:flex-start}.detail-info-modern{width:100%}}.supplier-stats-left .supplier-packages-modern:not(.clickable-packages){display:none}.smallest-package-modern .package-info .package-label,.starting-price-modern .price-info .price-label{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.smallest-package-modern .package-info .package-value,.starting-price-modern .price-info .price-value{font-size:18px;font-weight:700;color:#3b82f6}.social-links-group{margin-top:20px}.social-links-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.social-links-container{display:flex;flex-direction:column;gap:12px}.social-link-input-row{display:grid;grid-template-columns:180px 1fr;gap:12px;align-items:center}@media (max-width: 768px){.social-link-input-row{grid-template-columns:1fr;gap:8px}}.social-platform-select{position:relative}.social-platform-select:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:10px;height:6px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:2}.dark-mode .social-platform-select:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2394A3B8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.social-select{width:100%;padding:10px 32px 10px 40px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background-color:#fff;color:#374151;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:border-color .2s ease,box-shadow .2s ease}.dark-mode .social-select{background-color:#1e293b;border-color:#334155;color:#f1f5f9}.social-select:hover{border-color:#d1d5db}.social-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.social-select.error{border-color:#ef4444}.social-select.error:focus{box-shadow:0 0 0 3px #ef44441a}.social-select-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none;display:flex;align-items:center;justify-content:center}.social-url-input-wrapper{position:relative;display:flex;align-items:center}.social-url-input{flex:1;padding:10px 40px 10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.dark-mode .social-url-input{background-color:#1e293b;border-color:#334155;color:#f1f5f9}.social-url-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.social-url-input::placeholder{color:#9ca3af}.social-url-input.error{border-color:#ef4444}.social-url-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.remove-social-link-btn{position:absolute;right:8px;background:none;border:none;color:#ef4444;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.remove-social-link-btn:hover{background-color:#fef2f2}.remove-social-link-btn:disabled{opacity:.5;cursor:not-allowed}.add-social-link-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background-color:#f8fafc;border:1px dashed #d1d5db;border-radius:8px;color:#4b5563;font-size:14px;cursor:pointer;transition:all .2s ease;margin-top:8px;width:fit-content}.add-social-link-btn:hover:not(:disabled){background-color:#f1f5f9;border-color:#9ca3af}.dark-mode .add-social-link-btn{background-color:#1e293b;border-color:#334155;color:#94a3b8}.dark-mode .add-social-link-btn:hover:not(:disabled){background-color:#334155;border-color:#475569;color:#f1f5f9}.add-social-link-btn:disabled{opacity:.5;cursor:not-allowed}.pricing-structure-select option{padding:8px}.select-note{display:block;font-size:12px;color:#6b7280;margin-top:4px;margin-left:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.social-link-input-row{animation:fadeIn .3s ease-out}.packages-list-edit .package-edit-section{animation:fadeIn .4s ease-out}@media (max-width: 640px){.social-links-container{gap:8px}.pricing-structure-select{padding:10px 40px 10px 12px;font-size:13px}}.pricing-structure-select-modern{width:100%;padding:14px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-weight:500;background:var(--background);cursor:pointer;transition:all var(--transition-fast)}.pricing-structure-select-modern:hover{border-color:var(--primary-color)}.pricing-structure-select-modern:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}.pricing-type-display{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;margin-bottom:24px}.pricing-type-info{display:flex;align-items:center;gap:16px}.pricing-type-icon{color:var(--primary-color);flex-shrink:0}.pricing-type-title{font-weight:600;color:var(--text-dark);margin-bottom:4px}.pricing-type-description{font-size:13px;color:var(--text-light)}.dark-mode .pricing-type-display{background:#1e293b;border-color:#334155}.dark-mode .pricing-type-title{color:#f1f5f9}.supplier-detail-header-section{flex-wrap:nowrap!important}.supplier-header-left{min-width:0;flex:1}.supplier-header-right{flex-shrink:0;display:flex;gap:8px}.dark-mode .supplier-detail-header-section{background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0000004d!important}.dark-mode .supplier-header-info h1{color:#f1f5f9!important}.dark-mode .rating-tag{background:#f59e0b26!important;color:#fbbf24!important}.dark-mode .category-tag-modern{background:#3b82f626!important;color:#60a5fa!important}.dark-mode .package-summary,.dark-mode .package-coverage,.dark-mode .kpi-label{color:#94a3b8!important}.dark-mode .supplier-card-modern{background:#1e293b;border-color:#334155}.dark-mode .supplier-name-modern{color:#f1f5f9}.dark-mode .supplier-contact-item-modern{color:#cbd5e1}.dark-mode .supplier-booking-value-modern,.dark-mode .supplier-member-value-modern{color:#f1f5f9}.dark-mode .view-details-button-modern{background:#334155;border-color:#475569;color:#f1f5f9}.dark-mode .starting-price-modern,.dark-mode .smallest-package-modern{background:#0f172a!important;border-color:#334155!important}.dark-mode .price-value,.dark-mode .package-value{color:#3b82f6!important}.dark-mode .package-card,.dark-mode .package-summary,.dark-mode .package-coverage{background:#0f172a!important;border-color:#334155!important}.dark-mode .package-title{color:#f1f5f9!important}.dark-mode .package-summary{color:#94a3b8!important}.dark-mode .review-card-modern{background:#1e293b;border-color:#334155}.dark-mode .reviewer-details h4{color:#f1f5f9}.dark-mode .review-text-content p{color:#cbd5e1}.dark-mode .message-option-button{background:#1e293b;border-color:#334155;color:#f1f5f9}.dark-mode .message-option-button:hover{background:#334155;border-color:#3b82f6}.dark-mode .cancel-button{background:#1e293b;border-color:#334155;color:#94a3b8}.dark-mode .dashboard-page h1{color:#f8fafc}.dark-mode .subtitle{color:#94a3b8}.dark-mode .back-button{background:#1e293b;border-color:#334155;color:#e2e8f0}.dark-mode .back-button:hover{background:#334155;border-color:#475569}.detail-header-premium-container{background:var(--background-secondary);border-radius:20px;padding:32px;margin-bottom:24px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.customer-detail-header-premium{display:flex;justify-content:space-between;align-items:center;gap:24px}.customer-header-left{display:flex;align-items:center;gap:20px;flex:1;min-width:0}.customer-avatar-extra-large{width:80px;height:80px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);box-shadow:0 4px 12px #2d8ef140;flex-shrink:0}.customer-header-text h2{font-size:24px;font-weight:700;color:var(--text-dark);margin:0 0 6px;letter-spacing:-.02em}.customer-header-actions-premium{display:flex;gap:10px;flex-shrink:0;flex-wrap:nowrap!important}@media (max-width: 1024px){.customer-header-actions-premium{flex-wrap:wrap!important}}.contract-container-premium{background:#fff;padding:64px;border-radius:20px;box-shadow:var(--shadow-md);line-height:1.8;color:var(--text-dark);max-width:900px;margin:0 auto;border:1px solid var(--border-color)}.contract-section h3{border-bottom:2px solid var(--primary-soft-bg);padding-bottom:12px;margin-bottom:20px;color:var(--primary-color);font-size:18px;font-weight:600}.dark-mode .contract-section h3{border-bottom-color:#334155}.contract-policy-box{display:flex;gap:16px;background:#fff7ed;padding:20px;border-radius:12px;border-left:5px solid #F97316}.dark-mode .contract-policy-box{background:#f973161a;border-color:#f97316}.contract-signature-row{margin-top:80px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.signature-line{border-bottom:1px solid var(--border-color);height:70px;margin-bottom:12px;display:flex;align-items:flex-end;padding-bottom:10px}.signature-text{font-family:Dancing Script,cursive;font-size:28px;color:var(--primary-color)}.documents-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:32px}.doc-card-premium{background:#fff;border-radius:18px;padding:24px;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column}.doc-card-premium:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.doc-icon-container{width:52px;height:52px;border-radius:14px;background:var(--primary-soft-bg);display:flex;align-items:center;justify-content:center;color:var(--primary-color);margin-bottom:20px}.dark-mode .doc-icon-container{background:#3b82f61a}.add-doc-card-dashed{border:2px dashed var(--border-color);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:16px;color:var(--text-light);cursor:pointer;transition:all .3s ease;background:transparent}.dark-mode .add-doc-card-dashed{border-color:#334155}.add-doc-card-dashed:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-soft-bg)}.dark-mode .add-doc-card-dashed:hover{background:#3b82f60d}.contract-status-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-weight:500;border:1px solid}.contract-status-banner.active{background:#10b9811a;border-color:#10b98133;color:#065f46}.contract-status-banner.pending{background:#f59e0b1a;border-color:#f59e0b33;color:#92400e}.contract-status-banner.expired{background:#ef44441a;border-color:#ef444433;color:#7f1d1d}.banner-text{flex:1;font-size:14px;line-height:1.5}.contract-header-text{text-align:center;margin-bottom:48px;padding-bottom:32px;border-bottom:2px solid var(--border-color)}.contract-header-text h2{font-size:32px;font-weight:700;color:var(--text-dark);margin:16px 0 8px;letter-spacing:-.02em}.ref-text{font-size:14px;color:var(--text-light);font-weight:500;letter-spacing:.5px}.shield-icon{color:var(--primary-color);opacity:.9}.contract-section{margin-bottom:40px}.contract-section h3{font-size:20px;font-weight:600;color:var(--text-dark);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--border-light)}.contract-section p{font-size:15px;line-height:1.7;color:var(--text-medium);margin-bottom:12px}.contract-policy-box{display:flex;gap:16px;background:#f973160d;border-left:4px solid #f97316;padding:20px;border-radius:8px;margin-top:16px}.policy-label{font-weight:600;color:#f97316;margin-bottom:6px;font-size:16px}.policy-detail{font-size:14px;color:var(--text-medium);line-height:1.6}.contract-signature-row{display:grid;grid-template-columns:repeat(2,1fr);gap:60px;margin-top:80px;padding-top:60px;border-top:2px solid var(--border-color)}.signature-line{border-bottom:1px solid var(--border-color);height:70px;margin-bottom:12px;position:relative}.signature-text{position:absolute;bottom:10px;left:0;font-family:Dancing Script,cursive;font-size:28px;color:var(--primary-color);font-weight:400}.signature-label{font-size:14px;color:var(--text-light);margin-bottom:4px;font-weight:500}.signature-date{font-size:13px;color:var(--text-medium)}.doc-card-header-actions{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.doc-header-right-group{display:flex;align-items:center;gap:12px}.status-badge-modern{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge-modern.verified{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.2)}.status-badge-modern.pending{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.status-badge-modern.expired{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.delete-doc-btn-modern{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-light);cursor:pointer;transition:all .2s ease}.delete-doc-btn-modern:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444;transform:scale(1.05)}.doc-name-text{font-size:16px;font-weight:600;color:var(--text-dark);margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.doc-meta-text{font-size:13px;color:var(--text-light);margin:0 0 16px}.doc-upload-info{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-light);margin-bottom:20px}.doc-actions-footer{display:flex;gap:8px;margin-top:auto}.action-button.small{padding:8px 16px;font-size:13px;display:flex;align-items:center;gap:6px;flex:1;justify-content:center}.action-button.secondary{background:var(--background);border:1px solid var(--border-color);color:var(--text-dark)}.action-button.secondary:hover{background:var(--background-secondary);border-color:var(--primary-color);color:var(--primary-color)}.add-doc-text{font-size:14px;font-weight:500;color:var(--text-light);transition:color .3s ease}.add-doc-card-dashed:hover .add-doc-text{color:var(--primary-color)}.action-button-modern{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid;white-space:nowrap}.action-button-modern.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 8px #2d8ef133}.action-button-modern.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 16px #2d8ef14d}.action-button-modern.secondary{background:var(--background);color:var(--text-dark);border-color:var(--border-color)}.action-button-modern.secondary:hover{background:var(--background-secondary);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.back-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--background);border:1px solid var(--border-color);border-radius:10px;color:var(--text-dark);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.back-button:hover{background:var(--background-secondary);border-color:var(--primary-color);color:var(--primary-color)}.error-state{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:16px;color:var(--text-light)}.dark-mode .contract-container-premium{background:#1e293b;border-color:#334155;color:#e2e8f0}.dark-mode .contract-section h3{color:#f1f5f9;border-bottom-color:#334155}.dark-mode .contract-section p{color:#cbd5e1}.dark-mode .contract-policy-box{background:#f973161a}.dark-mode .policy-detail{color:#cbd5e1}.dark-mode .signature-line{border-bottom-color:#334155}.dark-mode .doc-card-premium{background:#1e293b;border-color:#334155}.dark-mode .doc-name-text{color:#f1f5f9}.dark-mode .action-button.secondary{background:#334155;border-color:#475569;color:#cbd5e1}.dark-mode .action-button.secondary:hover{background:#475569;border-color:var(--primary-color);color:var(--primary-color)}.dark-mode .action-button-modern.secondary{background:#334155;border-color:#475569;color:#cbd5e1}.dark-mode .action-button-modern.secondary:hover{background:#475569;border-color:var(--primary-color);color:var(--primary-color)}.dark-mode .back-button{background:#334155;border-color:#475569;color:#cbd5e1}.dark-mode .back-button:hover{background:#475569;border-color:var(--primary-color);color:var(--primary-color)}@media (max-width: 1024px){.contract-container-premium{padding:40px}.contract-signature-row{gap:40px}}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%;justify-content:flex-end}.contract-container-premium{padding:24px}.contract-header-text h2{font-size:24px}.contract-signature-row{grid-template-columns:1fr;gap:40px}.documents-grid-modern{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 640px){.header-actions{flex-direction:column;width:100%}.action-button-modern{width:100%;justify-content:center}.documents-grid-modern{grid-template-columns:1fr}.contract-section h3{font-size:18px}}.packages-container-modern{display:flex;flex-direction:column;gap:24px}.package-card-modern{background:var(--background);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border-color);position:relative;transition:all var(--transition-fast)}.package-card-modern:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.package-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.package-number-badge{background:var(--primary-color);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.remove-package-btn{background:none;border:none;color:var(--error);cursor:pointer;padding:8px;border-radius:50%;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.remove-package-btn:hover{background:#fee2e2}.package-fields-grid{display:flex;flex-direction:column;gap:16px}.currency-prefix{position:absolute;left:12px;color:var(--text-light);font-weight:500}.starting-price-input-wrapper input{padding-left:40px}.input-icon-left{position:absolute;left:12px;color:var(--text-light)}.input-with-icon-wrapper input{padding-left:36px}.features-textarea-wrapper{display:flex;flex-direction:column;gap:8px}.textarea-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-light)}.image-preview-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-top:16px}.image-preview-item-modern{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1;background:var(--background-secondary);border:1px solid var(--border-color)}.image-preview-item-modern img{width:100%;height:100%;object-fit:cover}.file-info-badge{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;text-align:center;padding:4px;color:var(--text-light)}.remove-img-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#00000080;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.remove-img-btn:hover{background:var(--error)}.file-upload-area-modern{border:2px dashed #e2e8f0;border-radius:16px;padding:40px 32px;text-align:center;cursor:pointer;transition:all .3s ease;background:#f8fafc;margin-top:12px}.dark-mode .file-upload-label-modern small{color:#94a3b8}.add-package-btn-modern{width:100%;padding:16px;background:var(--background-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--primary-color);font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all var(--transition-fast)}.add-package-btn-modern:hover{background:#f1f5f9;border-color:#9ca3af;color:var(--text-dark)}.dark-mode .add-package-btn-modern{background-color:#1e293b;border-color:#334155;color:#94a3b8}.dark-mode .add-package-btn-modern:hover{background-color:#334155;border-color:#475569;color:#f1f5f9}.loading-state-premium{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;color:var(--text-light)}.verification-toggle-modern{display:flex;align-items:center;gap:12px;background:var(--background);padding:16px;border:1px solid var(--border-color);border-radius:var(--radius-md)}.verification-toggle-modern label.switch{display:flex;align-items:center;margin-bottom:0}.toggle-text{display:flex;flex-direction:column}.toggle-label{font-weight:500;color:var(--text-dark)}.toggle-hint{font-size:12px;color:var(--text-light)}.starting-price-input-wrapper{position:relative;display:flex;align-items:center}.starting-price-input-wrapper .currency-prefix{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:600;color:var(--text-dark);z-index:1;pointer-events:none}.starting-price-input-wrapper input{padding-left:32px!important;width:100%}.input-with-icon-wrapper{position:relative;display:flex;align-items:center}.input-with-icon-wrapper .input-icon-left{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-light);z-index:1;pointer-events:none}.input-with-icon-wrapper input{padding-left:40px!important;width:100%}.chat-container{display:flex;height:100%;height:calc(100vh - 140px);overflow:hidden;background:var(--background);color:var(--text-dark);border-radius:12px}.chat-sidebar{width:360px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background:var(--background-secondary);height:100%;overflow:hidden;border-radius:12px 0 0 12px}.chat-sidebar-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.chat-sidebar-header h2{margin:0;font-size:24px;font-weight:700;color:var(--text-dark)}.chat-sidebar-header-icons{display:flex;gap:12px}.chat-sidebar-header-icon{cursor:pointer;color:var(--text-light);transition:color .2s ease}.chat-sidebar-header-icon:hover{color:var(--primary-color)}.chat-search-container{padding:12px 20px;border-bottom:1px solid var(--border-color)}.chat-search-box{display:flex;align-items:center;gap:8px;background:var(--background);padding:10px 14px;border-radius:20px}.chat-search-box input{border:none;background:transparent;outline:none;flex:1;font-size:14px;color:var(--text-dark)}.chat-search-box input::placeholder{color:var(--text-light)}.chat-search-icon{color:var(--text-light)}.chat-filters-container{padding:12px 0;border-bottom:1px solid var(--border-color);gap:8px;display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1}.chat-filter-button{padding:6px 14px;border-radius:20px;border:none;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:4px;transition:all .2s ease}.chat-filter-button.active{background:var(--primary-color);color:#fff}.chat-filter-button:not(.active){background:var(--background);color:var(--text-light)}.chat-filter-button:not(.active):hover{background:var(--border-color)}.chat-list{flex:1;overflow-y:auto}.chat-item{padding:12px 20px;display:flex;gap:12px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.chat-item:hover{background:var(--background)}.chat-item.active{background:var(--info-light);border-left-color:var(--primary-color)}.dark-mode .chat-item.active{background:#3b82f61a}.chat-avatar-container{position:relative}.chat-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#2d8ef1,#1e6fd6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.chat-channel-badge{position:absolute;bottom:-2px;right:-2px;background:var(--background-secondary);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;border:2px solid var(--background-secondary);color:var(--text-light)}.chat-item-content{flex:1;min-width:0}.chat-item-header{display:flex;align-items:center;margin-bottom:4px}.chat-item-name{font-weight:600;font-size:15px;flex:1;color:var(--text-dark)}.chat-unread-badge{background:var(--primary-color);color:#fff;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600}.chat-item-message{font-size:13px;color:var(--text-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-time{font-size:12px;color:var(--text-lighter);flex-shrink:0}.chat-main{flex:1;display:flex;flex-direction:column;background:var(--background-secondary);height:100%;overflow:hidden;border-radius:0 12px 12px 0}.chat-header{padding:16px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--background-secondary);flex-shrink:0}.chat-header-left{display:flex;align-items:center;gap:12px}.chat-header-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2d8ef1,#1e6fd6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.chat-header-info h3{font-weight:600;font-size:15px;margin:0;color:var(--text-dark)}.chat-header-status{font-size:13px;color:var(--text-light)}.chat-header-status.online{color:var(--success)}.chat-header-actions{display:flex;gap:16px}.chat-header-action{cursor:pointer;color:var(--text-light);transition:color .2s ease}.chat-header-action:hover{color:var(--primary-color)}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;background:var(--background);min-height:0;height:0}.chat-email-thread{padding:16px 20px;margin-bottom:20px;background:var(--background-secondary);border-radius:12px;border:1px solid var(--border-color)}.chat-email-thread h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-dark)}.chat-email-thread-info{font-size:13px;color:var(--text-light)}.chat-message-container{display:flex;gap:12px;margin-bottom:16px;justify-content:flex-start}.chat-message-container.sent{justify-content:flex-end}.chat-message-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#2d8ef1,#1e6fd6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;flex-shrink:0}.chat-message-content{max-width:60%}.chat-message-content.email{max-width:100%}.chat-message-content.call-summary{max-width:90%}.chat-email-message{background:var(--background-secondary);padding:20px;border-radius:12px;border:1px solid var(--border-color)}.chat-email-meta{margin-bottom:12px;font-size:13px;color:var(--text-light)}.chat-email-meta strong{color:var(--text-dark)}.chat-email-subject{font-weight:600;margin-bottom:12px;font-size:14px;color:var(--text-dark)}.chat-email-body{white-space:pre-wrap;line-height:1.6;font-size:14px;color:var(--text-dark)}.chat-call-summary{background:var(--background-secondary);padding:20px;border-radius:12px;border:1px solid var(--border-color)}.chat-call-summary-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.chat-call-icon{width:48px;height:48px;border-radius:50%;background:var(--success);display:flex;align-items:center;justify-content:center}.chat-call-summary-title{font-weight:600;font-size:16px;margin-bottom:4px;color:var(--text-dark)}.chat-call-summary-time{font-size:13px;color:var(--text-light)}.chat-call-detail{margin-bottom:16px}.chat-call-detail-label{font-weight:600;font-size:14px;margin-bottom:8px;color:var(--text-dark);display:flex;align-items:center;gap:6px}.chat-call-detail-value{font-size:14px;color:var(--text-light)}.chat-call-outcome{padding:12px 16px;background:var(--success-light);border-radius:8px;border:1px solid var(--success)}.dark-mode .chat-call-outcome{background:#10b9811a;border-color:var(--success)}.chat-call-outcome-label{font-weight:600;font-size:14px;margin-bottom:4px;color:var(--success-dark)}.chat-call-outcome-value{font-size:14px;color:var(--success-dark)}.chat-system-message{background:var(--background-secondary);padding:16px;border-radius:12px;border:1px solid var(--border-color);display:flex;align-items:center;gap:12px}.chat-system-message.missed{background:var(--error-light);border-color:var(--error)}.dark-mode .chat-system-message.missed{background:#ef44441a}.chat-system-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-system-icon.missed{background:var(--error)}.chat-system-icon.completed{background:var(--success)}.chat-system-content{flex:1}.chat-system-text{font-weight:600;font-size:14px;margin-bottom:4px;color:var(--text-dark)}.chat-system-text.missed{color:var(--error-dark)}.chat-system-meta{font-size:12px;color:var(--text-light)}.chat-bubble{padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.5}.chat-bubble.sent{background:var(--primary-color);color:#fff;border-radius:18px 18px 4px}.chat-bubble.received{background:var(--background-secondary);color:var(--text-dark);border-radius:18px 18px 18px 4px;border:1px solid var(--border-color)}.chat-message-time{font-size:12px;color:var(--text-lighter);margin-top:4px}.chat-input-container{border-top:1px solid var(--border-color);background:var(--background-secondary);flex-shrink:0}.chat-email-form{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.chat-email-form-row{display:flex;gap:12px;align-items:center}.chat-email-form-label{font-size:14px;color:var(--text-light);min-width:80px}.chat-email-form-select{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;outline:none;cursor:pointer;background:var(--background-secondary);color:var(--text-dark)}.chat-email-form-input{padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;outline:none;background:var(--background-secondary);color:var(--text-dark)}.chat-email-form-input::placeholder{color:var(--text-light)}.chat-email-form-textarea{padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;outline:none;min-height:120px;resize:vertical;font-family:inherit;background:var(--background-secondary);color:var(--text-dark)}.chat-email-form-textarea::placeholder{color:var(--text-light)}.chat-email-form-actions{display:flex;justify-content:space-between;align-items:center}.chat-email-form-left{display:flex;gap:12px;align-items:center}.chat-email-form-button{padding:8px 12px;background:transparent;border:none;color:var(--text-light);cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px;transition:color .2s ease}.chat-email-form-button:hover{color:var(--primary-color)}.chat-emoji-picker{position:relative}.chat-emoji-picker-button{padding:8px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;color:var(--text-light);transition:color .2s ease}.chat-emoji-picker-button:hover{color:var(--primary-color)}.chat-emoji-picker-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:8px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;padding:12px;box-shadow:var(--shadow-lg);width:100%;max-height:200px;overflow-y:auto;display:grid;grid-template-columns:repeat(10,1fr);gap:4px;z-index:10}.chat-email-emoji-picker{width:300px;grid-template-columns:repeat(5,1fr)}.chat-emoji-button{padding:8px;border:none;background:transparent;cursor:pointer;font-size:20px;border-radius:4px;transition:background .2s ease;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1}.chat-emoji-button:hover{background:var(--background)}.chat-send-button{padding:10px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;transition:opacity .2s ease}.chat-send-button:disabled{background:var(--text-lighter);cursor:not-allowed;opacity:.6}.chat-message-input-container{padding:16px 20px;display:flex;gap:12px;align-items:center}.chat-message-input-left{display:flex;gap:12px}.chat-message-input-button{background:transparent;border:none;cursor:pointer;padding:4px;color:var(--text-light);transition:color .2s ease}.chat-message-input-button:hover{color:var(--primary-color)}.chat-message-input{flex:1;padding:10px 16px;border:1px solid var(--border-color);border-radius:20px;font-size:14px;outline:none;background:var(--background-secondary);color:var(--text-dark)}.chat-message-input::placeholder{color:var(--text-light)}.chat-message-input-right{display:flex;gap:12px}.chat-send-icon-button{background:var(--primary-color);border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.chat-empty-state-icon{color:var(--text-lighter)}.chat-empty-state-text{margin:0;color:var(--text-light)}.dark-mode .chat-emoji-picker-dropdown{background:var(--background-secondary);border-color:var(--border-color)}.dark-mode .chat-emoji-button:hover{background:var(--background)}.chat-filters-wrapper{position:relative;margin:12px 16px;display:flex;align-items:center}.chat-filters-container::-webkit-scrollbar{display:none}.chat-filter-scroll-button{position:absolute;top:50%;transform:translateY(-50%);background:var(--primary-color);border:1px solid var(--border-color);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;color:var(--white)}.chat-filter-scroll-button:hover{background:var(--primary-color);transform:translateY(-50%) scale(1.05);box-shadow:0 4px 8px #00000026}.chat-filter-scroll-button:active{transform:translateY(-50%) scale(.95)}.chat-filter-scroll-left{left:-14px}.chat-filter-scroll-right{right:-14px}@media (max-width: 768px){.chat-filter-scroll-button{display:none}.chat-filters-container{padding:4px 8px}}.signature-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.signature-modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.signature-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.signature-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#111827}.signature-modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.signature-modal-close:hover{background-color:#f3f4f6;color:#374151}.signature-tabs{display:flex;border-bottom:1px solid #e5e7eb;padding:0 24px}.signature-tab{padding:12px 16px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;position:relative;margin-bottom:-1px}.signature-tab:hover{color:#374151}.signature-tab.active{color:#2563eb;border-bottom:2px solid #2563eb}.signature-content{padding:24px}.signature-draw-container{border:2px dashed #d1d5db;border-radius:8px;overflow:hidden;background-color:#fff}.signature-canvas{width:100%;height:200px;cursor:crosshair;background-color:#fff;touch-action:none}.signature-draw-hint{padding:12px;text-align:center;color:#6b7280;font-size:14px;background-color:#f9fafb;border-top:1px solid #e5e7eb}.signature-text-container{display:flex;flex-direction:column;gap:16px}.signature-text-input{padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;resize:vertical;min-height:80px}.dark-mode .signature-text-input{border:1px solid #334155;background-color:#0f172a;color:#fff}.signature-text-preview{padding:24px;border:1px solid #e5e7eb;border-radius:8px;background-color:#f9fafb;text-align:center}.dark-mode .signature-text-preview{border:1px solid #334155;background-color:#0f172a}.signature-upload-container{border:2px dashed #d1d5db;border-radius:8px;padding:40px;text-align:center;cursor:pointer;transition:border-color .2s}.signature-upload-container:hover{border-color:#9ca3af}.signature-upload-placeholder{color:#6b7280}.signature-upload-placeholder p{margin:8px 0 0}.dark-mode .signature-upload-container{background-color:#0f172a}.signature-upload-hint{font-size:12px;color:#9ca3af}.signature-upload-preview{display:flex;flex-direction:column;align-items:center;gap:16px}.signature-upload-image{max-width:100%;max-height:200px;border:1px solid #e5e7eb;border-radius:4px}.signature-upload-change{padding:8px 16px;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:14px;cursor:pointer;color:#374151}.signature-upload-change:hover{background-color:#e5e7eb}.signature-preview{margin-top:20px;padding:16px;border:1px solid #e5e7eb;border-radius:8px;background-color:#f9fafb}.signature-preview h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.signature-preview-image{max-width:100%;max-height:100px;border:1px solid #e5e7eb;border-radius:4px}.signature-modal-actions{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.signature-clear-button{padding:8px 16px;background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}.signature-clear-button:hover{background-color:#fee2e2}.signature-action-buttons{display:flex;gap:12px}.signature-insert-button,.signature-save-button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px}.signature-insert-button{background-color:#2563eb;color:#fff}.signature-insert-button:hover{background-color:#1d4ed8}.signature-save-button{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.signature-save-button:hover{background-color:#e5e7eb}.dark .signature-modal{background:#1f2937;color:#fff}.dark .signature-modal-header{border-bottom-color:#374151}.dark .signature-modal-header h3{color:#f9fafb}.dark .signature-modal-close{color:#9ca3af}.dark .signature-modal-close:hover{background-color:#374151;color:#d1d5db}.dark .signature-tabs{border-bottom-color:#374151}.dark .signature-tab{color:#9ca3af}.dark .signature-tab:hover{color:#d1d5db}.dark .signature-tab.active{color:#60a5fa;border-bottom-color:#60a5fa}.dark .signature-draw-container{border-color:#4b5563;background-color:#111827}.dark .signature-canvas{background-color:#111827}.dark .signature-draw-hint{color:#9ca3af;background-color:#1f2937;border-top-color:#374151}.dark .signature-text-input{background-color:#374151;border-color:#4b5563;color:#fff}.dark .signature-text-preview{background-color:#374151;border-color:#4b5563}.dark .signature-upload-container{border-color:#4b5563}.dark .signature-upload-container:hover{border-color:#6b7280}.dark .signature-upload-placeholder{color:#9ca3af}.dark .signature-upload-hint{color:#6b7280}.dark .signature-upload-change{background-color:#374151;border-color:#4b5563;color:#d1d5db}.dark .signature-upload-change:hover{background-color:#4b5563}.dark .signature-preview{background-color:#374151;border-color:#4b5563}.dark .signature-preview h4{color:#f9fafb}.dark .signature-modal-actions{background-color:#374151;border-top-color:#4b5563}.dark .signature-clear-button{background-color:#7f1d1d;border-color:#991b1b;color:#fca5a5}.dark .signature-clear-button:hover{background-color:#991b1b}.dark .signature-save-button{background-color:#374151;color:#d1d5db;border-color:#4b5563}.dark .signature-save-button:hover{background-color:#4b5563}.status-select-container:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;opacity:.7;pointer-events:none;z-index:1}.dark-mode .status-select-container:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.leads-tabs-container{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;border-bottom:2px solid var(--border-light);padding-bottom:12px;overflow-x:auto}.lead-tab-button{display:flex;align-items:center;gap:6px;padding:10px 20px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-medium);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);position:relative;white-space:nowrap}.lead-tab-button:hover{background:var(--background-secondary);color:var(--text-dark)}.lead-tab-button.active{background:var(--primary-color);color:var(--white)}.tab-count{font-size:12px;opacity:.8}.dark-mode .leads-tabs-container{border-bottom-color:var(--border-color)}.dark-mode .lead-tab-button:hover{background:var(--background);color:var(--text-light)}.dark-mode .lead-tab-button.active{background:var(--primary-color);color:var(--white)}.leads-filters-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center;background:transparent}.leads-table{width:100%;min-width:1200px;border-collapse:separate;border-spacing:0}.leads-table thead{position:sticky;top:0;z-index:10;background:var(--white)}.leads-table th{white-space:nowrap;padding:12px 16px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;color:var(--text-medium);background:var(--background-secondary);border-bottom:2px solid var(--border-color);min-width:100px}.leads-table th:first-child{min-width:120px}.leads-table th:nth-child(2){min-width:150px}.leads-table th:nth-child(3){min-width:200px}.leads-table th:nth-child(4){min-width:130px}.leads-table th:nth-child(5){min-width:120px}.leads-table th:nth-child(6){min-width:120px}.leads-table th:nth-child(7){min-width:140px}.leads-table th:nth-child(8){min-width:140px}.leads-table th:nth-child(9){min-width:140px}.leads-table td{white-space:nowrap;padding:14px 16px;border-bottom:1px solid var(--border-light);vertical-align:middle}.leads-table tbody tr:last-child td{border-bottom:none}.lead-row{transition:all var(--transition-fast)}.lead-row:hover{background:var(--background-secondary)}.lead-id{font-family:Courier New,monospace;font-weight:600;color:var(--primary-color);font-size:13px}.lead-name{font-weight:600;color:var(--text-dark);margin-bottom:4px;font-size:15px}.contact-info{display:flex;flex-direction:column;gap:4px;min-width:180px}.contact-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-medium);white-space:nowrap}.source-badge{padding:4px 10px;background:var(--background-secondary);border-radius:12px;font-size:12px;font-weight:500;color:var(--text-dark);border:1px solid rgba(0,0,0,.1)}.budget-amount{font-weight:600;color:var(--primary-color);font-size:15px}.date-info{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-medium);white-space:nowrap}.text-muted{color:var(--text-light);font-size:13px}.action-buttons{display:flex;gap:8px}.icon-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--white);color:var(--text-medium);cursor:pointer;transition:all var(--transition-fast)}.icon-button:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.dark-mode .leads-table thead{background:var(--background-secondary)}.dark-mode .leads-table th{color:var(--text-light);background:var(--background);border-bottom-color:var(--border-color)}.dark-mode .leads-table td{border-bottom-color:var(--border-color)}.dark-mode .lead-row{background:var(--background-secondary)}.dark-mode .lead-row:hover{background:var(--background)}.dark-mode .lead-id{color:var(--primary-light)}.dark-mode .source-badge{background:var(--background);color:var(--text-light)}.dark-mode .contact-item{color:var(--text-medium)}.dark-mode .budget-amount{color:var(--success-light)}.dark-mode .date-info,.dark-mode .text-muted{color:var(--text-medium)}.dark-mode .icon-button{background:var(--background);border-color:var(--border-color);color:var(--text-medium)}.dark-mode .icon-button:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.leads-tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.lead-tab{padding:6px 12px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-dark);font-size:11px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.lead-tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.lead-tab.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.dark-mode .lead-tab{background:var(--background-secondary);border-color:var(--border-color);color:var(--text-dark)}.dark-mode .lead-tab.active{background:var(--primary-color);color:var(--white)}.leads-list{display:flex;flex-direction:column;gap:8px}.lead-item{display:flex;align-items:center;gap:12px;padding:10px;background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.lead-item:hover{background:var(--background-secondary);border-color:var(--primary-color)}.lead-icon{width:32px;height:32px;border-radius:50%;background:var(--background);display:flex;align-items:center;justify-content:center;color:var(--text-medium);flex-shrink:0}.lead-icon svg{width:16px;height:16px}.lead-content{flex:1}.lead-details{font-size:11px;color:var(--text-light)}.lead-right{display:flex;align-items:center;gap:16px}.lead-value{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.lead-value-label{font-size:11px;color:var(--text-light)}.lead-value-amount{font-size:13px;font-weight:600;color:var(--text-dark)}.lead-status-button{padding:4px 10px;border-radius:10px;font-size:10px;font-weight:500;border:none;cursor:pointer}.lead-status-button.new-lead{background:var(--primary-color);color:var(--white)}.lead-status-button.contacted{background:var(--info-light);color:var(--info-dark)}.lead-status-button.proposal-sent{background:#8b5cf626;color:#8b5cf6}.lead-status-button.negotiating{background:var(--warning-light);color:var(--warning-dark)}.lead-status-button.accepted,.lead-status-button.won{background:var(--success);color:#fff}.lead-actions{display:flex;gap:8px}.lead-action-icon{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-color);background:var(--background-secondary);color:var(--text-medium);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.lead-action-icon svg{width:14px;height:14px}.lead-action-icon:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.dark-mode .lead-item{background:var(--background-secondary);border-color:var(--border-color)}.dark-mode .lead-item:hover{background:var(--background);border-color:var(--primary-color)}.dark-mode .lead-icon{background:var(--background);color:var(--text-medium)}.dark-mode .lead-name{color:var(--text-light)}.dark-mode .lead-details,.dark-mode .lead-value-label{color:var(--text-medium)}.dark-mode .lead-value-amount{color:var(--text-light)}.dark-mode .lead-action-icon{background:var(--background);border-color:var(--border-color);color:var(--text-medium)}.dark-mode .lead-action-icon:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-light)}.dark-mode .empty-state{color:var(--text-medium)}.venue-address{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-medium);max-width:200px}.venue-address span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-mode .venue-address{color:var(--text-medium)}.notes-preview{font-size:13px;color:var(--text-medium);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-mode .notes-preview{color:var(--text-medium)}.services-cell{display:flex;flex-direction:column;gap:4px}.services-button{padding:6px 12px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:12px;color:var(--text-dark);cursor:pointer;transition:all var(--transition-fast);text-align:left;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.services-button:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.services-total{font-size:11px;color:var(--primary-color);font-weight:600}.dark-mode .services-button{background:var(--background);border-color:var(--border-color);color:var(--text-light)}.dark-mode .services-button:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.dark-mode .services-total{color:var(--success-light)}.status-cell{display:flex;flex-direction:column;gap:0}.status-select-transparent{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:none;color:inherit;font:inherit;width:100%;padding:6px 32px 6px 16px;cursor:pointer;text-align:left;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:14px}.status-select-transparent:focus{outline:none}.status-badge{display:none}.status-badge.visible{display:inline-block;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500}.view-details-modal{max-width:800px;width:90%;max-height:85vh;overflow-y:auto}.lead-details-container{padding:0}.lead-details-header{display:flex;align-items:center;padding:20px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-radius:var(--radius-md);margin-bottom:24px;color:var(--white)}.lead-avatar-large{width:60px;height:60px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;margin-right:16px;color:var(--white)}.lead-header-info{flex:1}.lead-header-info h3{margin:0 0 4px;font-size:20px;font-weight:600;color:var(--white)}.lead-id-display{font-size:13px;opacity:.9;color:#ffffffe6}.status-badge-large{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-weight:600;font-size:13px;background:#fff3;border:2px solid rgba(255,255,255,.3);color:var(--white)}.status-badge-large svg{stroke-width:2.5;width:16px;height:16px}.details-grid{display:flex;flex-direction:column;gap:20px}.details-section{background:var(--background-secondary);border-radius:var(--radius-md);padding:20px;border:1px solid var(--border-color);width:100%}.details-section h4{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-dark);padding-bottom:8px;border-bottom:1px solid var(--border-light);text-transform:uppercase;letter-spacing:.5px}.detail-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.detail-item:last-child{margin-bottom:0}.detail-item svg{color:var(--text-medium);flex-shrink:0;margin-top:2px;width:16px;height:16px}.detail-item div{flex:1}.detail-item label{display:block;font-size:11px;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-weight:600}.detail-item span{display:block;color:var(--text-dark);font-size:14px;line-height:1.4}.services-list-details{display:flex;flex-direction:column;gap:8px}.service-budget-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--background);border-radius:var(--radius-sm);border:1px solid var(--border-light);transition:all var(--transition-fast)}.service-budget-item:hover{background:var(--background-secondary)}.service-name{font-weight:500;color:var(--text-dark);font-size:13px}.service-budget{font-weight:600;color:var(--success-color);font-size:13px}.services-total-details{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;border-top:2px solid var(--border-color);font-weight:600;color:var(--text-dark)}.total-amount{font-size:16px;color:var(--success-color)}.categories-cell{display:flex;flex-direction:column;gap:4px}.categories-button{padding:6px 12px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:12px;color:var(--text-dark);cursor:pointer;transition:all var(--transition-fast);text-align:left;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.categories-button:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.categories-count{font-size:12px;color:var(--text-medium);font-style:italic}.notes-display{background:var(--background);padding:16px;border-radius:var(--radius-md);border:1px solid var(--border-color);font-size:14px;line-height:1.6;color:var(--text-dark);white-space:pre-wrap;max-height:200px;overflow-y:auto}.status-badge-large.status-new{background:#3b82f633;border-color:#3b82f666}.status-badge-large.status-contacted{background:#f59e0b33;border-color:#f59e0b66}.status-badge-large.status-proposal-sent{background:#8b5cf633;border-color:#8b5cf666}.status-badge-large.status-negotiating{background:#ec489933;border-color:#ec489966}.status-badge-large.status-accepted{background:#10b98133;border-color:#10b98166}.status-badge-large.status-refused{background:#ef444433;border-color:#ef444466}.status-badge-large.status-wrong-number{background:#f59e0b33;border-color:#f59e0b66}.status-badge-large.status-no-answer{background:#8b5cf633;border-color:#8b5cf666}.view-details-modal .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}.edit-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary-color);color:var(--white);border:none;border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;transition:all var(--transition-fast)}.edit-button:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.clickable-notes{cursor:pointer;transition:all var(--transition-fast);padding:4px 0;display:block}.clickable-notes:hover{background:var(--background-secondary);border-radius:var(--radius-sm);padding:4px 8px;color:var(--primary-color)}.dark-mode .lead-avatar-large{background:#ffffff1a}.dark-mode .status-badge-large{background:#ffffff1a;border-color:#fff3}.dark-mode .details-section{background:var(--background);border-color:var(--border-color)}.dark-mode .details-section h4{color:var(--text-light);border-bottom-color:var(--border-color)}.dark-mode .detail-item svg{color:var(--text-medium)}.dark-mode .detail-item label{color:var(--text-medium)}.dark-mode .detail-item span{color:var(--text-light)}.dark-mode .service-budget-item{background:var(--background-secondary);border-color:var(--border-color)}.dark-mode .service-budget-item:hover{background:var(--background)}.dark-mode .service-name{color:var(--text-light)}.dark-mode .service-budget{color:var(--success-light)}.dark-mode .services-total-details{color:var(--text-light);border-top-color:var(--border-color)}.dark-mode .total-amount{color:var(--success-light)}.dark-mode .categories-count{color:var(--text-medium)}.dark-mode .notes-display{background:var(--background-secondary);border-color:var(--border-color);color:var(--text-light)}.dark-mode .view-details-modal .form-actions{border-top-color:var(--border-color)}.dark-mode .edit-button:hover{box-shadow:0 4px 12px #3b82f680}.dark-mode .clickable-notes:hover{background:var(--background);color:var(--primary-light)}.notes-modal{max-width:600px}.notes-modal .modal-header h3{font-size:18px;font-weight:600;color:var(--text-dark)}.notes-modal .notes-textarea{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;color:var(--text-dark);background:var(--background);font-family:inherit;resize:vertical;min-height:150px;outline:none;transition:all var(--transition-fast)}.notes-modal .notes-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.notes-modal .notes-textarea::placeholder{color:var(--text-light)}.notes-modal .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.dark-mode .notes-modal .modal-header h3{color:var(--text-light)}.dark-mode .notes-modal .notes-textarea{background:var(--background-secondary);border-color:var(--border-color);color:var(--text-light)}.dark-mode .notes-modal .notes-textarea::placeholder{color:var(--text-medium)}.dark-mode .notes-modal .notes-textarea:focus{box-shadow:0 0 0 3px #3b82f64d}.cancel-button{padding:10px 20px;background:var(--background);color:var(--text-dark);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.cancel-button:hover{background:var(--background-secondary);border-color:var(--text-medium)}.save-button{padding:10px 20px;background:var(--primary-color);color:var(--white);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:8px}.save-button:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.dark-mode .cancel-button{background:var(--background);color:var(--text-light);border-color:var(--border-color)}.dark-mode .cancel-button:hover{background:var(--background-secondary);border-color:var(--primary-color)}.dark-mode .save-button:hover{box-shadow:0 4px 12px #3b82f680}.form-group-modern{margin-bottom:20px}.label-modern{display:block;font-size:14px;font-weight:500;color:#475569;margin-bottom:8px}.input-modern,.select-modern,.textarea-modern{width:100%;padding:12px 16px;border-radius:12px;border:1.5px solid #e2e8f0;background:#f1f5f9;color:#1e293b;font-size:14px;transition:all .2s ease;box-sizing:border-box}.input-modern:focus,.select-modern:focus,.textarea-modern:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #2d8ef11a}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.input-with-icon-modern,.textarea-with-icon-modern{position:relative}.input-icon-modern,.textarea-icon-modern{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-medium)}.textarea-icon-modern{top:16px;transform:none}.input-with-icon-modern .input-modern,.textarea-with-icon-modern .textarea-modern{padding-left:40px}.dark-mode .label-modern{color:var(--text-light)}.dark-mode .input-modern,.dark-mode .select-modern,.dark-mode .textarea-modern{background:#0f172a;border-color:#334155;color:#f1f5f9}@media (max-width: 768px){.leads-tabs-container{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.leads-filters-bar{flex-direction:column;align-items:stretch}.leads-filters-bar>*{width:100%}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.leads-table{min-width:1000px}.leads-table th,.leads-table td{padding:10px 12px;font-size:12px}.view-details-modal{width:95%;max-width:95%}.form-grid-2{grid-template-columns:1fr}}.status-select-container:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;opacity:.7;pointer-events:none;z-index:1}.dark-mode .status-select-container:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.status-select-container:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;opacity:.7;pointer-events:none;z-index:1}.dark-mode .status-select-container:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.automation-tabs{display:flex;gap:8px;margin-bottom:var(--spacing-xl);border-bottom:2px solid var(--border-light);padding-bottom:0}.automation-tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-medium);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base);margin-bottom:-2px}.automation-tab:hover{color:var(--primary-color);background:#2d8ef10d}.automation-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.automation-table{margin-top:var(--spacing-lg)}.automation-table .data-table thead{background-color:#fff}.dark-mode .automation-table .data-table thead{background-color:var(--background-secondary)}.company-cell{display:flex;align-items:center;gap:12px}.company-avatar-small{width:32px;height:32px;border-radius:50%;background:var(--primary-color);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.channel-badge{padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;border:1px solid transparent;display:inline-flex;align-items:center;gap:4px;background:#3b82f626;color:#3b82f6;border-color:#3b82f64d}.channel-badge.whatsapp,.channel-badge[data-channel=WhatsApp]{background:#22c55e26;color:#22c55e;border-color:#22c55e4d}.channel-badge.email,.channel-badge[data-channel=Email]{background:#3b82f626;color:#3b82f6;border-color:#3b82f64d}.channel-badge.phone,.channel-badge[data-channel=Phone]{background:#f9731626;color:#f97316;border-color:#f973164d}.icon-button{background:none;border:none;padding:6px;border-radius:var(--radius-sm);color:var(--text-medium);cursor:pointer;transition:all var(--transition-base)}.icon-button:hover{background:var(--background);color:var(--primary-color)}.insurance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.insurance-card{background:var(--background-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base)}.insurance-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-color)}.insurance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.insurance-header h3{font-size:16px;font-weight:600;color:var(--text-dark);margin:0 0 4px}.document-type{font-size:13px;color:var(--text-medium);margin:0}.insurance-details{display:flex;flex-direction:column;gap:8px;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.detail-item{display:flex;justify-content:space-between;font-size:13px}.detail-item .label{color:var(--text-medium)}.detail-item .value{color:var(--text-dark);font-weight:600}.detail-item .value.warning{color:var(--warning-dark)}.matching-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.matching-card{background:var(--background-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base)}.matching-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.matching-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.matching-header h3{font-size:16px;font-weight:600;color:var(--text-dark);margin:0 0 4px}.event-date{font-size:13px;color:var(--text-medium);margin:0}.ai-confidence{display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--info-light);color:var(--info-dark);border-radius:var(--radius-full);font-size:12px;font-weight:600}.matching-categories{display:flex;flex-wrap:wrap;gap:8px;margin:var(--spacing-md) 0}.category-chip{padding:4px 12px;background:var(--background);color:var(--text-dark);border-radius:var(--radius-full);font-size:12px;font-weight:500;border:1px solid rgba(0,0,0,.1)}.matching-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--border-light);margin-top:var(--spacing-md)}.suppliers-count{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-medium);font-weight:500}@media (max-width: 1024px){.automation-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:800px}}@media (max-width: 768px){.automation-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px}.automation-tab{white-space:nowrap;flex-shrink:0;padding:10px 16px;font-size:13px}.insurance-grid,.matching-grid{grid-template-columns:1fr}.insurance-card,.matching-card{padding:16px}}.dark-mode .automation-tab{background:transparent;color:var(--text-medium);border-color:transparent}.dark-mode .automation-tab:hover{background:#2d8ef11a;color:var(--primary-color)}.dark-mode .automation-tab.active{background:transparent;color:var(--primary-color);border-bottom-color:var(--primary-color)}.dark-mode .insurance-card,.dark-mode .matching-card{background:var(--background-secondary);border-color:var(--border-color)}.dark-mode .company-avatar-small{background:var(--primary-color);color:var(--white)}.dark-mode .category-chip{background:var(--background);color:var(--text-dark)}.status-select-container:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;opacity:.7;pointer-events:none;z-index:1}.dark-mode .status-select-container:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.calls-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card-premium{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 4px 15px #0000000a;display:flex;align-items:center;gap:1rem;border:1px solid #e2e8f0;transition:all .2s ease}.stat-card-premium:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014;border-color:#3b82f64d}.stat-icon-wrapper{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-wrapper.blue{background:#dbeafe;color:#2563eb}.stat-icon-wrapper.green{background:#dcfce7;color:#16a34a}.stat-icon-wrapper.purple{background:#f3e8ff;color:#9333ea}.stat-icon-wrapper.orange{background:#ffedd5;color:#ea580c}.stat-info{flex:1}.stat-info h3{font-size:.75rem;font-weight:600;color:#64748b;margin:0 0 4px;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.data-table-premium th{background:#f8fafc;padding:14px 20px;text-align:left;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.data-table-premium td{padding:16px 20px;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:#1e293b}.data-table-premium tbody tr:hover{background:#f8fafc}.data-table-premium tbody tr:last-child td{border-bottom:none}.dark-mode .stat-card-premium{background:#1e293b;border-color:#334155}.dark-mode .stat-card-premium:hover{border-color:#3b82f666}.dark-mode .stat-icon-wrapper.blue{background:#2563eb26;color:#60a5fa}.dark-mode .stat-icon-wrapper.green{background:#16a34a26;color:#4ade80}.dark-mode .stat-icon-wrapper.purple{background:#9333ea26;color:#c084fc}.dark-mode .stat-icon-wrapper.orange{background:#ea580c26;color:#fb923c}.dark-mode .stat-info h3{color:#94a3b8}.dark-mode .stat-value{color:#f1f5f9}.dark-mode .data-table-premium tbody tr:hover{background:#334155}.status-select-container:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;opacity:.7;pointer-events:none;z-index:1}.dark-mode .status-select-container:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.events-filters-bar{display:flex;gap:16px;margin-bottom:24px;align-items:center}.view-toggle{display:flex;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.view-toggle-button{padding:10px 16px;border:none;background:transparent;color:var(--text-medium);font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.view-toggle-button.active{background-color:var(--primary-color);color:#fff}.view-toggle-button:hover:not(.active){background-color:var(--background-primary)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.calendar-nav{display:flex;align-items:center;gap:16px}.calendar-nav-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--background-secondary);color:var(--text-dark);cursor:pointer;transition:all .2s ease}.calendar-nav-button:hover{background-color:var(--background-primary)}.calendar-month-year{margin:0;font-size:20px;font-weight:600;color:var(--text-dark)}.today-button{padding:8px 16px;border-radius:6px;border:1px solid var(--primary-color);background-color:transparent;color:var(--primary-color);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.today-button:hover{background-color:var(--primary-color);color:#fff}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:24px}.calendar-day-header{text-align:center;font-weight:600;font-size:12px;color:var(--text-light);padding:12px 0;text-transform:uppercase;letter-spacing:.5px}.calendar-day{aspect-ratio:1;padding:8px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--background-secondary);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column}.calendar-day.empty{background-color:transparent;border-color:transparent;cursor:default}.calendar-day.today{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.calendar-day.selected{background-color:var(--primary-color-light);border-color:var(--primary-color)}.calendar-day:hover:not(.empty){background-color:var(--background-primary);transform:translateY(-2px)}.calendar-date-number{font-size:14px;font-weight:600;margin-bottom:4px}.calendar-day.today .calendar-date-number{color:#fff}.calendar-legend{display:flex;gap:20px;padding-top:16px;border-top:1px solid var(--border-color)}.legend-item{display:flex;align-items:center;gap:8px}.legend-dot{width:10px;height:10px;border-radius:50%}.events-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.events-list-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-dark)}.events-list-summary{font-size:14px;color:var(--text-light)}.events-list{display:flex;flex-direction:column;gap:12px}.event-list-item{display:flex;gap:16px;padding:16px;border:1px solid var(--border-color);border-radius:12px;background-color:var(--background-secondary);cursor:pointer;transition:all .2s ease}.event-list-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-color)}.event-date-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;padding:8px;background-color:var(--primary-color-light);border-radius:8px;color:var(--primary-color)}.event-date-day{font-size:24px;font-weight:700;line-height:1}.event-date-month{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.event-details{flex:1;display:flex;flex-direction:column;gap:8px}.event-header{display:flex;justify-content:space-between;align-items:flex-start}.event-title{margin:0;font-size:16px;font-weight:600;color:var(--text-dark)}.event-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.event-info{display:flex;flex-wrap:wrap;gap:16px}.event-info-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-medium)}.event-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid var(--border-color)}.event-type{font-size:12px;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.event-amount{font-size:16px;font-weight:700;color:var(--text-dark)}.selected-date-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.selected-date-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-dark)}.events-count{font-size:14px;font-weight:600;color:var(--primary-color);background-color:var(--primary-color-light);padding:4px 12px;border-radius:20px}.date-events-list{display:flex;flex-direction:column;gap:12px}.date-event-item{display:flex;gap:16px;padding:12px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--background-secondary);cursor:pointer;transition:all .2s ease}.date-event-item:hover{transform:translate(4px);border-color:var(--primary-color)}.date-event-time{min-width:80px;font-weight:600;color:var(--text-dark);font-size:14px}.date-event-content{flex:1}.date-event-title{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--text-dark)}.date-event-customer{margin:0 0 8px;font-size:13px;color:var(--text-medium)}.date-event-meta{display:flex;justify-content:space-between;align-items:center}.date-event-location{font-size:12px;color:var(--text-light)}.date-event-status{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.event-modal{background-color:var(--background-primary);border-radius:16px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:24px;font-weight:700;color:var(--text-dark)}.modal-close{background:none;border:none;font-size:24px;color:var(--text-light);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close:hover{background-color:var(--background-secondary);color:var(--text-dark)}.modal-body{padding:24px}.event-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.event-modal-title-section{display:flex;align-items:center;gap:12px}.event-modal-title-section h3{margin:0;font-size:20px;font-weight:600;color:var(--text-dark)}.event-modal-status{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.event-modal-amount{font-size:24px;font-weight:700;color:var(--text-dark)}.event-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.event-info-card{padding:20px;border:1px solid var(--border-color);border-radius:12px;background-color:var(--background-secondary)}.event-info-card.full-width{grid-column:1 / -1}.event-info-card h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-dark)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item strong{font-size:12px;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.info-item span{font-size:14px;color:var(--text-dark)}.suppliers-list{display:flex;flex-wrap:wrap;gap:8px}.supplier-tag{padding:6px 12px;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:6px;font-size:12px;color:var(--text-medium)}.event-description,.event-notes{margin:0;font-size:14px;line-height:1.6;color:var(--text-dark)}.event-notes{padding:12px;background-color:var(--warning-light);border-radius:8px;border-left:4px solid var(--warning)}.modal-footer{display:flex;gap:12px;padding:24px;border-top:1px solid var(--border-color);justify-content:flex-end}@media (max-width: 768px){.events-filters-bar{flex-direction:column}.search-box,.filter-group,.view-toggle{width:100%}.calendar-grid{gap:4px}.event-modal-grid,.info-grid{grid-template-columns:1fr}}.calendar-day.has-events{background-color:var(--background-primary)}.calendar-events{flex:1;display:flex;flex-direction:column;gap:2px;margin-top:4px;overflow:hidden}.calendar-event-item{padding:2px 4px;background-color:#fff;border-left:3px solid;border-radius:3px;font-size:10px;cursor:pointer;transition:all .2s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;gap:3px}.calendar-event-item:hover{transform:translate(2px);box-shadow:0 1px 3px #0000001a}.calendar-event-item.status-confirmed,.calendar-event-item.status-completed,.calendar-event-item.status-active,.calendar-event-item.status-paid,.calendar-event-item.status-accepted{border-left-color:var(--success)}.calendar-event-item.status-pending,.calendar-event-item.status-planning,.calendar-event-item.status-on-hold,.calendar-event-item.status-awaiting-response{border-left-color:var(--warning)}.calendar-event-item.status-cancelled,.calendar-event-item.status-missed,.calendar-event-item.status-failed,.calendar-event-item.status-refused{border-left-color:var(--error)}.calendar-event-item.status-in-progress,.calendar-event-item.status-contacted,.calendar-event-item.status-negotiating,.calendar-event-item.status-proposal-sent,.calendar-event-item.status-contract-sent,.calendar-event-item.status-introductions-sent{border-left-color:var(--info)}.calendar-event-item.status-new-lead,.calendar-event-item.status-new{border-left-color:var(--warning)}.calendar-event-time{font-weight:600;color:var(--text-dark);min-width:22px;font-size:9px}.calendar-event-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-medium)}.calendar-more-events{font-size:9px;color:var(--text-light);margin-top:2px;padding:1px 4px;background-color:var(--background-secondary);border-radius:3px;text-align:center;cursor:pointer}.calendar-more-events:hover{background-color:var(--background-primary)}.status-select-container:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;opacity:.7;pointer-events:none;z-index:1}.dark-mode .status-select-container:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.table-scroll-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll-container .data-table-premium{min-width:1000px}.form-container-premium{max-width:800px}.dark-mode .form-container-premium{background:var(--background-secondary)}.status-select-container:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;opacity:.7;pointer-events:none;z-index:1}.dark-mode .status-select-container:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.dashboard-page{width:100%;padding:0;background:transparent}.loading,.error-state,.empty-state{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-medium);font-size:16px;font-weight:500}.loading{color:var(--primary-color)}.loading:after{content:"...";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.error-state{color:var(--error)}.empty-state{color:var(--text-light);font-size:14px}.empty-state-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-light)}.empty-state-message svg{margin-bottom:16px;opacity:.5}.empty-state-message p{margin:0;font-size:14px}.action-button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:1px solid var(--border-color);background:var(--background-secondary);color:var(--text-dark);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:var(--shadow-sm)}.action-button:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.action-button.primary{background:var(--primary-color);color:var(--white);border:none;box-shadow:0 2px 8px #2d8ef133}.action-button.primary:hover{background:var(--primary-dark);box-shadow:0 4px 12px #2d8ef14d}.action-button.success{background-color:#059669;color:#fff;border:1px solid #059669;margin-right:10px}.action-button.success:hover{background-color:#057752;border:1px solid #057752}.action-button.cancel{background-color:#d22b06;color:#fff;border:1px solid #d22b06}.action-button.cancel:hover{background-color:#ac2406;color:#fff;border:1px solid #ac2406}.primary-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--white);border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #2d8ef14d}.primary-button:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-light) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #2d8ef159}.back-button{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-dark);cursor:pointer;margin-bottom:24px;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;font-size:14px;box-shadow:var(--shadow-sm)}.back-button:hover{background:#2d8ef10d;border-color:var(--primary-color);color:var(--primary-color);transform:translate(-2px);box-shadow:0 4px 12px #2d8ef11f}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;border:none;background:transparent;color:var(--text-medium);cursor:pointer;transition:all .2s ease}.icon-button:hover{background:var(--background-secondary);color:var(--primary-color)}.view-button{padding:6px 12px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.view-details-button-modern{flex:1;padding:12px 20px;background:var(--background);border:1px solid var(--border-color);border-radius:10px;color:var(--text-dark);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.view-details-button-modern:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #2d8ef133}.dark-mode .view-details-button-modern{background:var(--background);border-color:var(--border-color);color:var(--text-dark)}.dark-mode .view-details-button-modern:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.section-card{background:var(--background-secondary);border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000a;border:1px solid var(--border-color);margin-bottom:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.section-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--primary-color) 0%,var(--primary-light) 100%);opacity:0;transition:opacity .3s ease}.section-card:hover{box-shadow:0 4px 20px #2d8ef11f,0 8px 32px #0000001a;transform:translateY(-2px);border-color:#2d8ef14d}.section-card:hover:before{opacity:1}.section-card h2{margin-bottom:30px;font-size:20px;font-weight:600;color:var(--text-dark)}.section-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.section-icon{color:var(--primary-color);flex-shrink:0}.detail-card{background:var(--background-secondary);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.detail-card h2{font-size:20px;color:var(--text-dark);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.customer-card-modern,.supplier-card-modern{background:var(--background-secondary);border-radius:20px;padding:28px;box-shadow:0 2px 8px #0000000f,0 4px 16px #0000000a;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:20px;cursor:pointer}.customer-card-modern:hover,.supplier-card-modern:hover{box-shadow:0 8px 24px #0000001a,0 4px 12px #0000000f;transform:translateY(-4px);border-color:var(--primary-color)}.customer-card-modern:hover .view-details-button-modern,.supplier-card-modern:hover .view-details-button-modern{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px #2d8ef133}.customer-card-header-modern,.supplier-card-header-modern{display:flex;align-items:center;gap:16px;margin-bottom:20px}.customer-avatar-modern,.supplier-avatar-modern{width:90px;height:90px;border-radius:16px;background:linear-gradient(135deg,#2d8ef1,#1e40af);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:32px;flex-shrink:0;box-shadow:0 4px 12px #2d8ef140}.dark-mode .section-card,.dark-mode .stat-card,.dark-mode .detail-card,.dark-mode .customer-card-modern,.dark-mode .supplier-card-modern{background:#1e293b;border-color:#334155}.dark-mode .section-card:hover,.dark-mode .stat-card:hover,.dark-mode .customer-card-modern:hover,.dark-mode .supplier-card-modern:hover{border-color:#60a5fa66;box-shadow:0 8px 24px #0000004d}.dark-mode .section-icon{color:#60a5fa}.dark-mode .section-card h2,.dark-mode .detail-card h2{color:#f1f5f9;border-bottom-color:#334155}.dark-mode .customer-avatar-modern,.dark-mode .supplier-avatar-modern{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding:0;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.page-header h1{font-size:24px;font-weight:600;color:var(--text-dark);margin:0 0 4px;letter-spacing:-.01em;line-height:1.3}.subtitle{color:var(--text-light);font-size:13px;margin:0;font-weight:400;line-height:1.4}.page-title-with-icon{display:flex;align-items:center;gap:12px}.page-title-with-icon h1{margin:0}.page-title-with-icon svg{color:var(--primary-color)}.header-actions{display:flex;gap:12px;align-items:center}.quick-actions{display:flex;gap:12px;flex-wrap:wrap}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-size:18px;font-weight:600;color:var(--text-dark);margin:0;display:flex;align-items:center;gap:8px}.section-header h2 svg{color:var(--primary-color)}.section-actions{display:flex;gap:8px}.form-group{margin-bottom:20px;width:100%}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#475569}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:1.5px solid #e2e8f0;border-radius:12px;background:#f1f5f9;color:#1e293b;font-size:14px;transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:#ef4444;background:#fef2f2}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:100px}.form-group small,.error-text{display:block;margin-top:6px;font-size:12px;color:#ef4444;font-weight:500}.form-group .help-text{color:#64748b}.form-row,.form-row-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.form-row-modern{gap:1.5rem}.form-container-premium{padding:1rem 0;width:100%;max-width:100%;margin:0 auto}.dark-mode .form-container-premium{background:transparent}.premium-form-layout{display:flex;flex-direction:column;gap:2rem;padding-bottom:100px}.form-section-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 20px #0000000a;border:1px solid #e2e8f0;transition:all .2s ease}.form-section-card:hover{border-color:#3b82f64d;box-shadow:0 8px 30px #00000014}.section-header-modern{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #f1f5f9}.section-icon-box{width:48px;height:48px;background:#eff6ff;color:#3b82f6;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-header-modern h2{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0}.section-header-modern p{font-size:.875rem;color:#64748b;margin:4px 0 0}.form-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-grid-modern .full-width{grid-column:span 2}.input-with-icon-wrapper,.select-wrapper-modern,.starting-price-input-wrapper{position:relative;display:flex;align-items:center}.input-icon-left,.select-icon-left,.currency-prefix{position:absolute;left:14px;color:#94a3b8;pointer-events:none}.input-with-icon-wrapper input,.select-wrapper-modern select{padding-left:44px}.currency-prefix{font-weight:600;color:#64748b}.starting-price-input-wrapper input{padding-left:32px}.form-actions-fixed{position:fixed;bottom:0;right:0;left:280px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.25rem 2rem;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid #e2e8f0;z-index:100}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}.form-actions-right{display:flex;gap:12px}.save-button,.save-button-modern{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.save-button:hover,.save-button-modern:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.cancel-button,.cancel-button-modern{background:#fff;color:#64748b;border:1.5px solid #e2e8f0;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.cancel-button:hover,.cancel-button-modern:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.file-upload-area{width:100%}.file-upload-button{width:100%;padding:16px;border:2px dashed #e2e8f0;border-radius:12px;background:#f8fafc;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center;gap:12px}.file-upload-button:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.dark-mode .form-group input,.dark-mode .form-group textarea,.dark-mode .form-group select{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark-mode .form-group input:focus,.dark-mode .form-group textarea:focus,.dark-mode .form-group select:focus{border-color:#3b82f6;background:#1e293b;box-shadow:0 0 0 4px #3b82f633}.dark-mode .form-group input.error,.dark-mode .form-group textarea.error,.dark-mode .form-group select.error{border-color:#f87171;background:#ef44441a}.dark-mode .form-group input:disabled,.dark-mode .form-group textarea:disabled,.dark-mode .form-group select:disabled{background:#1e293b;color:#475569}.dark-mode .form-section-card{background:#1e293b;border-color:#334155}.dark-mode .form-section-card:hover{border-color:#3b82f666}.dark-mode .section-header-modern{border-bottom-color:#334155}.dark-mode .section-icon-box{background:#3b82f626;color:#60a5fa}.dark-mode .section-header-modern h2{color:#f1f5f9}.dark-mode .section-header-modern p{color:#94a3b8}.dark-mode .form-actions{border-top-color:#334155}.dark-mode .form-actions-fixed{background:#0f172ae6;border-color:#334155}.dark-mode .cancel-button,.dark-mode .cancel-button-modern{background:#334155;border-color:#475569;color:#cbd5e1}.dark-mode .cancel-button:hover,.dark-mode .cancel-button-modern:hover{background:#475569;color:#f1f5f9}.dark-mode .input-icon-left,.dark-mode .select-icon-left,.dark-mode .currency-prefix{color:#64748b}.dark-mode .file-upload-button{background:#0f172a;border-color:#334155;color:#94a3b8}.dark-mode .file-upload-button:hover{background:#3b82f61a;border-color:#3b82f6;color:#60a5fa}@media (max-width: 768px){.form-grid-modern{grid-template-columns:1fr}.form-grid-modern .full-width,.form-row-modern{grid-column:span 1}.form-row,.form-row-modern{grid-template-columns:1fr}.form-actions-fixed{left:0;padding:1rem}.form-actions{flex-direction:column;gap:12px}.form-actions-right{width:100%;flex-direction:column}}.modal-body-premium .form-group,.modal-body .form-group,.modal-body-premium .form-group input,.modal-body-premium .form-group textarea,.modal-body-premium .form-group select,.modal-body .form-group input,.modal-body .form-group textarea,.modal-body .form-group select{width:100%}.modal-body-premium textarea,.modal-body textarea{min-height:120px}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;background:var(--background-secondary);border-radius:12px;overflow:hidden}.data-table thead{background:var(--background)}.data-table th{padding:16px;text-align:left;font-size:12px;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color)}.data-table td{padding:16px;border-bottom:1px solid var(--border-color);color:var(--text-dark);font-size:14px}.data-table tbody tr:last-child td{border-bottom:none}.clickable-row{cursor:pointer;transition:background .2s ease}.clickable-row:hover{background:var(--background)}.calls-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000000a;overflow:hidden;border:1px solid #e2e8f0}.table-scroll-container{overflow-x:auto;width:100%}.data-table-premium{width:100%;border-collapse:collapse}.data-table-premium th{background:#f8fafc;padding:14px 20px;text-align:left;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0;white-space:nowrap}.data-table-premium td{padding:16px 20px;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:#1e293b;white-space:nowrap}.dark-mode .calls-table-container{background:#1e293b;border-color:#334155}.dark-mode .data-table-premium th{background:#0f172a;border-color:#334155;color:#94a3b8}.dark-mode .data-table-premium td{border-color:#334155;color:#e2e8f0}.dark-mode .data-table-premium tbody tr:hover{background:#334155!important}.client-name,.lead-name{font-weight:600;color:#3b82f6}.lead-id{font-family:monospace;background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:.85rem;color:#64748b}.dark-mode .lead-id{background:#334155;color:#94a3b8}.filters-bar{display:flex;gap:12px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.search-box{flex:1;min-width:200px;position:relative;display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff!important;border:1px solid var(--border-color);border-radius:10px;transition:all .2s ease}.search-box{background:var(--background-secondary)!important}.search-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #2d8ef11a}.search-box input{flex:1;border:none;color:var(--text-dark);font-size:14px;outline:none}.search-box input::placeholder{color:var(--text-light)}.filter-group,.sort-group{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s ease}.filter-group:hover,.sort-group:hover{border-color:var(--primary-color)}.filter-group select,.sort-group select{border:none;background:transparent;color:var(--text-dark);font-size:14px;cursor:pointer;outline:none}.status-badge,.status-badge-modern,.status-badge-premium,.status-select-badge{padding:6px 14px;border-radius:20px;font-size:11px;font-weight:600;text-transform:capitalize;display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;transition:all .2s ease;min-width:fit-content;width:auto;position:relative;overflow:visible}.customer-type-badge-modern{padding:6px 14px;border-radius:20px;font-size:12px!important;font-weight:600;display:inline-flex;align-items:center;background:#2d8ef11a;color:var(--primary-color);border:1px solid rgba(45,142,241,.4)}.status-badge-large{padding:8px 16px;border-radius:24px;font-size:14px;font-weight:600;text-transform:capitalize;display:inline-flex;align-items:center;gap:8px;border:1px solid currentColor}.status-badge-premium.status-new-lead,.status-badge.status-new-lead,.status-new-lead{color:#f97316;background-color:#f9731626;border:1px solid rgba(249,115,22,.4)!important}.status-badge-premium.status-contacted,.status-badge.status-contacted,.status-contacted{color:#3b82f6;background-color:#3b82f626;border:1px solid rgba(59,130,246,.4)!important}.status-badge-premium.status-proposal-sent,.status-badge.status-proposal-sent,.status-proposal-sent{color:#f65cda;background-color:#f65cda26;border:1px solid rgba(246,92,218,.4)!important}.status-badge-premium.status-negotiating,.status-badge.status-negotiating,.status-negotiating{color:#64748b;background-color:#64748b26;border:1px solid rgba(100,116,139,.4)!important}.status-badge-premium.status-accepted,.status-badge.status-accepted,.status-accepted,.status-badge-modern.active,.status-badge.active,.status-active,.status-confirmed,.status-paid,.status-completed,.status-contract-signed,.status-insurance-verified,.status-verified,.payment-paid{color:#10b981;background-color:#10b98126;border:1px solid rgba(16,185,129,.4)!important}.status-badge-modern.planning,.status-badge.planning,.status-planning,.status-pending,.status-new,.status-voicemail,.status-awaiting-response,.status-expiring-soon,.payment-pending,.payment-pending-payment{color:#f59e0b;background-color:#f59e0b26;border:1px solid rgba(245,158,11,.4)!important}.status-badge-modern.completed,.status-badge.completed,.status-in-progress,.status-in_progress,.status-proposal,.status-contract-sent,.status-introductions-sent{color:#3b82f6;background-color:#3b82f626;border:1px solid rgba(59,130,246,.4)!important}.status-badge-modern.on-hold,.status-badge.on-hold,.status-on-hold,.status-cancelled,.status-refused,.status-failed{color:#ef4444;background-color:#ef444426;border:1px solid rgba(239,68,68,.4)!important}.status-missed,.status-no-answer{color:#64748b;background-color:#64748b26;border:1px solid rgba(100,116,139,.4)!important}.status-wrong-number{color:#0ea5e9!important;background-color:#0ea5e926!important;border:1px solid rgba(14,165,233,.4)!important}.status-vip,.status-premium{color:#8b5cf6;background-color:#8b5cf626;border:1px solid rgba(139,92,246,.4)!important}.status-available{color:#14b8a6;background-color:#14b8a626;border:1px solid rgba(20,184,166,.4)!important}.type-tag,.call-type-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.call-type-badge.inbound,.type-tag.inbound{color:#10b981;background-color:#10b98126;border:1px solid rgba(16,185,129,.4)!important}.call-type-badge.outbound,.type-tag.outbound{color:#3b82f6;background-color:#3b82f626;border:1px solid rgba(59,130,246,.4)!important}.data-table .status-select-badge,.leads-table .status-select-badge,.data-table-premium .status-badge-modern,.data-table-premium .status-badge{padding:5px 10px!important}.dark-mode .status-badge-premium.status-new-lead,.dark-mode .status-new-lead{color:#fdba74;background-color:#fdba7433;border:1px solid rgba(253,186,116,.4)!important}.dark-mode .status-badge-premium.status-contacted,.dark-mode .status-contacted{color:#60a5fa;background-color:#60a5fa33;border:1px solid rgba(96,165,250,.4)!important}.dark-mode .status-badge-premium.status-proposal-sent,.dark-mode .status-proposal-sent{color:#f0abfc;background-color:#f0abfc33;border:1px solid rgba(240,171,252,.4)!important}.dark-mode .status-badge-premium.status-negotiating,.dark-mode .status-negotiating{color:#94a3b8;background-color:#94a3b833;border:1px solid rgba(148,163,184,.4)!important}.dark-mode .status-badge-premium.status-accepted,.dark-mode .status-accepted,.dark-mode .status-badge-modern.active,.dark-mode .status-badge.active,.dark-mode .status-active,.dark-mode .status-confirmed,.dark-mode .status-paid,.dark-mode .status-completed{color:#34d399;background-color:#34d39933;border:1px solid rgba(52,211,153,.4)!important}.dark-mode .status-badge-modern.planning,.dark-mode .status-badge.planning,.dark-mode .status-planning,.dark-mode .status-pending,.dark-mode .status-new,.dark-mode .status-voicemail{color:#fbbf24;background-color:#fbbf2433;border:1px solid rgba(251,191,36,.4)!important}.dark-mode .status-badge-modern.completed,.dark-mode .status-badge.completed,.dark-mode .status-in-progress,.dark-mode .status-in_progress,.dark-mode .status-proposal,.dark-mode .status-contract-sent{color:#60a5fa;background-color:#60a5fa33;border:1px solid rgba(96,165,250,.4)!important}.dark-mode .status-badge-modern.on-hold,.dark-mode .status-badge.on-hold,.dark-mode .status-on-hold,.dark-mode .status-cancelled,.dark-mode .status-refused,.dark-mode .status-failed{color:#f87171;background-color:#f8717133;border:1px solid rgba(248,113,113,.4)!important}.dark-mode .status-missed,.dark-mode .status-no-answer{color:#94a3b8;background-color:#94a3b833;border:1px solid rgba(148,163,184,.4)!important}.dark-mode .status-wrong-number{color:#38bdf8;background-color:#38bdf833;border:1px solid rgba(56,189,248,.4)!important}.dark-mode .status-vip,.dark-mode .status-premium{color:#a78bfa;background-color:#a78bfa33;border:1px solid rgba(167,139,250,.4)!important}.dark-mode .call-type-badge.inbound,.dark-mode .type-tag.inbound{color:#34d399;background-color:#34d39933;border:1px solid rgba(52,211,153,.4)!important}.dark-mode .call-type-badge.outbound,.dark-mode .type-tag.outbound{color:#60a5fa;background-color:#60a5fa33;border:1px solid rgba(96,165,250,.4)!important}.status-default,.status-badge-modern.default,.status-badge.default{color:#64748b;background-color:#94a3b826;border:1px solid rgba(148,163,184,.4)!important}.dark-mode .status-badge.default{color:#94a3b8;background-color:#94a3b833;border:1px solid rgba(148,163,184,.4)!important}.status-select-container{position:relative;display:inline-flex;align-items:center;min-width:60px;max-width:100%}.status-select-transparent{background:transparent;border:none;color:inherit;font-size:11px;font-weight:600;cursor:pointer;padding:6px 24px 6px 10px;margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;text-transform:capitalize;min-width:100%;width:auto;text-align:left;line-height:1;position:relative;z-index:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.status-select-transparent:focus{outline:none;box-shadow:none;border:none}.status-select-transparent:focus-visible{outline:none}.status-select-container:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;opacity:.7;pointer-events:none;z-index:1}.dark-mode .status-select-container:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.status-select-container:hover:after{opacity:.9}.data-table-premium td .status-badge-modern,.data-table-premium td .status-badge,.data-table-premium td .status-badge-premium{max-width:200px;overflow:visible}.status-badge-modern:focus-within,.status-badge:focus-within,.status-badge-premium:focus-within{outline:none;box-shadow:none}.status-select-transparent option{background:#fff;color:#333;padding:8px}.dark-mode .status-select-transparent option{background:#1e293b;color:#f1f5f9}@media (max-width: 768px){.status-select-transparent{font-size:10px;padding:4px 20px 4px 8px}.status-select-container:after{right:6px;font-size:9px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:overlayFadeIn .2s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-content-premium{background:#fff;border-radius:20px;width:650px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}.modal-content-premium.large{width:950px}.modal-content-premium.medium{width:750px}.modal-content-premium.small{width:450px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header-premium{padding:24px 28px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header-content,.modal-header-title-group{display:flex;align-items:center;gap:16px}.modal-header-icon,.modal-header-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#3b82f6;box-shadow:0 2px 8px #00000014;background:#fff}.modal-header-icon-box{min-width:48px}.modal-header-icon-box.primary,.detail-icon-box{background:#eff6ff;color:#3b82f6}.modal-header-icon-box.success{background:#f0fdf4;color:#10b981}.modal-header-icon-box.warning{background:#fffbeb;color:#f59e0b}.modal-header-icon-box.info{background:#ecfeff;color:#06b6d4}.modal-header-icon-box.error{background:#fef2f2;color:#ef4444}.modal-header-icon-box.purple{background:#f5f3ff;color:#8b5cf6}.modal-header-title-group h2,.modal-header-text h2{margin:0;font-size:20px;font-weight:700;color:#1e293b}.modal-header-subtitle,.modal-header-text p{margin:4px 0 0;font-size:13px;color:#64748b}.modal-header-subtitle{display:flex;align-items:center;gap:6px}.modal-header-right{display:flex;align-items:center;gap:12px}.header-status-group{display:flex;gap:8px}.modal-close-btn-premium{width:36px;height:36px;border-radius:50%;border:none;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a}.modal-close-btn-premium:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.modal-body-premium,.modal-body{padding:28px;background:#fff;flex:1;overflow-y:auto}.modal-footer-premium{padding:20px 28px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.modal-btn-primary{padding:10px 24px;border-radius:10px;background:#3b82f6;border:none;color:#fff;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.modal-btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.modal-btn-primary.disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.modal-btn-secondary{padding:10px 24px;border-radius:10px;background:#fff;border:1.5px solid #e2e8f0;color:#64748b;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.modal-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.modal-btn-danger{padding:10px 24px;border-radius:10px;background:#ef4444;border:none;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.modal-btn-danger:hover{background:#dc2626}.modal-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.modal-detail-grid.single{grid-template-columns:1fr}.details-grid-premium{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px}.modal-detail-item,.detail-item-premium{display:flex;flex-direction:column;gap:6px}.detail-item-premium{align-items:center;flex-direction:row;gap:16px;padding:16px;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0}.detail-icon-box{width:44px;height:44px;border-radius:12px;box-shadow:0 2px 4px #0000000d}.modal-detail-label,.detail-info label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.detail-info label{display:block;margin-bottom:2px}.modal-detail-value,.detail-info span{font-size:15px;color:#1e293b;font-weight:500}.detail-info span{font-weight:600}.modal-divider{border-top:1px solid #e2e8f0;margin:24px 0;width:100%}.modal-text-block{line-height:1.7;color:#1e293b;font-size:15px}.modal-content-scrollable{flex:1;overflow-y:auto;max-height:calc(90vh - 180px)}.share-option{margin-bottom:24px}.share-option:last-child{margin-bottom:0}.share-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.select-all-btn{background:none;border:none;color:#3b82f6;font-size:13px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s}.select-all-btn:hover{background:#3b82f61a}.search-bar-container{position:relative}.search-box{position:relative;display:flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:0 16px;transition:all .2s}.search-box:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-box input{flex:1;padding:12px 12px 12px 8px;border:none;background:transparent;font-size:14px;color:#1e293b;outline:none}.search-box input::placeholder{color:#94a3b8}.clear-search-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-search-btn:hover{background:#e2e8f0;color:#64748b}.customers-list-container{max-height:280px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;background:#fff}.customer-checkbox-row{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s}.customer-checkbox-row:last-child{border-bottom:none}.customer-checkbox-row:hover{background:#f8fafc}.customer-checkbox-row.selected{background:#eff6ff;border-left:3px solid #3b82f6}.customer-checkbox{position:relative;margin-right:12px}.customer-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.custom-checkbox{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;background:#fff}.customer-checkbox-row:hover .custom-checkbox{border-color:#3b82f6}.customer-checkbox input[type=checkbox]:checked+.custom-checkbox{background:#3b82f6;border-color:#3b82f6;color:#fff}.customer-checkbox input[type=checkbox]:checked+.custom-checkbox svg{display:block}.customer-checkbox input[type=checkbox]:focus+.custom-checkbox{box-shadow:0 0 0 3px #3b82f61a}.customer-info{flex:1}.customer-name{font-weight:500;color:#1e293b;margin-bottom:2px;font-size:14px}.customer-email{font-size:12px;color:#64748b}.share-action-footer{margin-top:16px}.share-action-footer .modal-btn-primary{width:100%;justify-content:center;padding:12px;font-weight:600;display:flex;align-items:center;gap:8px}.selected-count{background:#fff3;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.modal-divider{position:relative;margin:32px 0;text-align:center}.modal-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e2e8f0;transform:translateY(-50%)}.divider-text{position:relative;background:#fff;padding:0 16px;color:#64748b;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.link-copy-section{margin-top:8px}.link-input-wrapper{display:flex;gap:12px;margin-bottom:8px}.share-link-input-modern{flex:1;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;font-size:14px;color:#1e293b;font-family:Menlo,Monaco,Courier New,monospace;letter-spacing:-.5px;transition:all .2s}.share-link-input-modern:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.copy-link-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#3b82f6;color:#fff;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.copy-link-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.copy-link-btn.copied{background:#10b981}.copy-link-btn.copied:hover{background:#059669}.link-help-text{font-size:12px;color:#64748b;margin:8px 0 0}.no-results-empty{padding:48px 24px;text-align:center;color:#94a3b8}.no-results-empty p{margin:0;font-size:14px}.services-grid-premium{display:grid;grid-template-columns:1fr 1fr;gap:24px;height:100%}.services-available-section,.services-budget-section{display:flex;flex-direction:column;height:100%;overflow:hidden}.section-subtitle-premium{font-size:13px;font-weight:600;text-transform:uppercase;color:#64748b;margin:0 0 12px;letter-spacing:.05em}.services-selection-list,.budgets-list-premium{flex:1;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:8px}.service-selection-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s}.service-selection-item:hover{background:#f1f5f9;border-color:#cbd5e1}.service-selection-item.selected{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.service-name{font-size:14px;font-weight:500}.service-remove-btn{width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid #bfdbfe;color:#3b82f6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.service-remove-btn:hover{background:#fee2e2;border-color:#fecaca;color:#ef4444}.budget-input-row-premium{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.budget-input-row-premium label{font-size:14px;font-weight:500;color:#334155}.budget-input-wrapper-premium{display:flex;align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:0 10px;width:120px;transition:all .2s}.budget-input-wrapper-premium:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;background:#fff}.currency-symbol{color:#94a3b8;font-size:14px;font-weight:500}.budget-input-wrapper-premium input{width:100%;border:none;background:transparent;padding:8px 4px;font-size:14px;font-weight:600;color:#1e293b;text-align:right;outline:none}.services-total-summary-premium{margin-top:auto;padding-top:16px;border-top:2px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;font-weight:600}.services-total-summary-premium .total-value{font-size:18px;color:#3b82f6}.empty-budgets-placeholder{padding:32px;text-align:center;color:#94a3b8;font-size:14px;background:#f8fafc;border-radius:12px;border:1px dashed #e2e8f0}.form-group-premium,.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.form-group-premium label,.form-group label,.form-label-premium{font-size:14px;font-weight:600;color:#334155}.notes-textarea-premium,.form-textarea-modern{width:100%;padding:16px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;font-size:15px;line-height:1.6;color:#1e293b;resize:vertical;transition:all .2s;font-family:inherit;min-height:120px}.form-textarea-modern{border-radius:14px;border-width:2px;resize:none}.notes-textarea-premium:focus,.form-textarea-modern:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.notes-history-section-premium,.history-section-modern{display:flex;flex-direction:column;gap:12px;margin-top:8px;flex:1;overflow:hidden}.notes-history-section-premium label,.history-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.notes-history-display-premium,.history-content-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;font-size:14px;line-height:1.6;color:#475569;white-space:pre-wrap;overflow-y:auto;max-height:300px}.history-content-box{padding:16px 20px;font-size:15px}.categories-grid-premium{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-bottom:24px}.category-item-premium{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.category-item-premium:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px)}.category-item-premium.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 6px -1px #3b82f61a}.category-text{font-size:14px;font-weight:500;color:#334155}.category-item-premium.selected .category-text{color:#1e40af;font-weight:600}.category-check-icon{color:#3b82f6}.selected-summary-premium{background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;padding:16px}.selected-summary-premium h4,.section-label-modern{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase}.tags-container-premium{display:flex;flex-wrap:wrap;gap:8px}.tag-premium,.category-tag-details{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;font-size:13px;color:#334155;font-weight:500}.tag-remove-premium{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#e2e8f0;border:none;color:#64748b;cursor:pointer;transition:all .2s;padding:0}.tag-remove-premium:hover{background:#fee2e2;color:#ef4444}.booking-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.detail-card{background:#f8fafc;border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0;transition:transform .2s,box-shadow .2s}.detail-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.detail-card.full-width{grid-column:1 / -1}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.card-icon{width:40px;height:40px;background:#3b82f6;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.card-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.card-content{display:flex;flex-direction:column;gap:16px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-label{font-size:12px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:15px;color:#1e293b;font-weight:500}.detail-value.with-icon{display:flex;align-items:center;gap:8px}.detail-value.amount{font-size:20px;font-weight:700;color:#3b82f6}.special-requests{background:#f8fafc;padding:20px;border-radius:12px;font-size:15px;line-height:1.6;color:#1e293b;border-left:4px solid #3b82f6}.timeline{display:flex;flex-direction:column;gap:20px;position:relative;padding-left:12px}.timeline:before{content:"";position:absolute;left:27px;top:0;bottom:0;width:2px;background:#e2e8f0}.timeline-item{display:flex;gap:16px;position:relative}.timeline-dot{width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid #e2e8f0;flex-shrink:0;position:relative;z-index:1}.timeline-dot.active{background:#3b82f6;border-color:#3b82f6}.timeline-dot.inactive{background:#f1f5f9}.timeline-content{flex:1}.timeline-title{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:4px}.timeline-date{font-size:13px;color:#64748b}.location-section-premium,.services-section-premium{margin-top:32px}.location-content-box{padding:16px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;color:#1e293b;font-size:15px;line-height:1.6}.services-tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.service-tag-premium,.service-budget-item{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:100px;font-size:13px;font-weight:500}.service-tag-premium.booked,.service-budget-item{background:#1665341a;color:#166534;border:1px solid rgba(22,101,52,.2)}.service-tag-premium.needed{background:#854d0e1a;color:#854d0e;border:1px solid rgba(133,77,14,.2)}.services-total-details{border-top:2px solid #e2e8f0;padding-top:16px;margin-top:16px;display:flex;justify-content:space-between;font-weight:600;color:#475569}.services-total-details .total-amount{font-size:18px;color:#3b82f6}.no-services-text{color:#94a3b8;font-style:italic}.customers-list-container::-webkit-scrollbar,.modal-content-scrollable::-webkit-scrollbar,.notes-history-display-premium::-webkit-scrollbar,.history-content-box::-webkit-scrollbar{width:6px}.customers-list-container::-webkit-scrollbar-track,.modal-content-scrollable::-webkit-scrollbar-track,.notes-history-display-premium::-webkit-scrollbar-track,.history-content-box::-webkit-scrollbar-track{background:transparent;border-radius:3px}.customers-list-container::-webkit-scrollbar-thumb,.modal-content-scrollable::-webkit-scrollbar-thumb,.notes-history-display-premium::-webkit-scrollbar-thumb,.history-content-box::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.customers-list-container::-webkit-scrollbar-thumb:hover,.modal-content-scrollable::-webkit-scrollbar-thumb:hover,.notes-history-display-premium::-webkit-scrollbar-thumb:hover,.history-content-box::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark-mode .modal-overlay{background:#000000b3}.dark-mode .modal-content-premium{background:#1e293b;box-shadow:0 25px 50px -12px #00000080}.dark-mode .modal-header-premium{background:#0f172a;border-color:#334155}.dark-mode .modal-header-icon,.dark-mode .modal-header-icon-box{background:#1e293b;color:#60a5fa}.dark-mode .modal-header-icon-box{box-shadow:0 2px 8px #0000004d}.dark-mode .modal-header-icon-box.primary,.dark-mode .detail-icon-box{background:#3b82f626;color:#60a5fa}.dark-mode .modal-header-icon-box.success{background:#10b98126;color:#34d399}.dark-mode .modal-header-icon-box.warning{background:#f59e0b26;color:#fbbf24}.dark-mode .modal-header-icon-box.info{background:#06b6d426;color:#22d3ee}.dark-mode .modal-header-icon-box.error{background:#ef444426;color:#f87171}.dark-mode .modal-header-icon-box.purple{background:#8b5cf626;color:#a78bfa}.dark-mode .modal-header-title-group h2,.dark-mode .modal-header-text h2{color:#f8fafc}.dark-mode .modal-header-subtitle,.dark-mode .modal-header-text p{color:#94a3b8}.dark-mode .modal-close-btn-premium{background:#334155;color:#94a3b8}.dark-mode .modal-close-btn-premium:hover{background:#7f1d1d;color:#fca5a5}.dark-mode .modal-body-premium,.dark-mode .modal-body{background:#1e293b}.dark-mode .modal-footer-premium{background:#0f172a;border-color:#334155}.dark-mode .modal-btn-secondary{background:#334155;border-color:#475569;color:#cbd5e1}.dark-mode .modal-btn-secondary:hover{background:#475569;color:#f1f5f9}.dark-mode .modal-detail-label,.dark-mode .detail-info label{color:#94a3b8}.dark-mode .modal-detail-value,.dark-mode .detail-info span{color:#f1f5f9}.dark-mode .form-group-premium label,.dark-mode .form-group label,.dark-mode .form-label-premium{color:#cbd5e1}.dark-mode .notes-textarea-premium,.dark-mode .form-textarea-modern{background:#1e293b;border-color:#334155;color:#e2e8f0}.dark-mode .notes-textarea-premium:focus,.dark-mode .form-textarea-modern:focus{background:#0f172a;border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f633}.dark-mode .customers-list-container{background:#1e293b;border-color:#334155}.dark-mode .customer-checkbox-row{border-bottom-color:#334155}.dark-mode .customer-checkbox-row:hover{background:#334155}.dark-mode .customer-checkbox-row.selected{background:#3b82f626}.dark-mode .custom-checkbox{background:#1e293b;border-color:#475569}.dark-mode .customer-name{color:#e2e8f0}.dark-mode .customer-email{color:#94a3b8}.dark-mode .search-box{background:#1e293b;border-color:#334155}.dark-mode .search-box:focus-within{background:#0f172a;border-color:#60a5fa}.dark-mode .search-box input{color:#e2e8f0}.dark-mode .clear-search-btn:hover{background:#334155;color:#cbd5e1}.dark-mode .share-link-input-modern{background:#1e293b;border-color:#334155;color:#e2e8f0}.dark-mode .share-link-input-modern:focus{background:#0f172a}.dark-mode .divider-text{background:#1e293b;color:#94a3b8}.dark-mode .modal-divider:before{background:#334155}.dark-mode .link-help-text{color:#94a3b8}.dark-mode .select-all-btn{color:#60a5fa}.dark-mode .select-all-btn:hover{background:#3b82f633}.dark-mode .customers-list-container::-webkit-scrollbar-thumb,.dark-mode .modal-content-scrollable::-webkit-scrollbar-thumb,.dark-mode .notes-history-display-premium::-webkit-scrollbar-thumb,.dark-mode .history-content-box::-webkit-scrollbar-thumb{background:#475569}.dark-mode .customers-list-container::-webkit-scrollbar-thumb:hover,.dark-mode .modal-content-scrollable::-webkit-scrollbar-thumb:hover,.dark-mode .notes-history-display-premium::-webkit-scrollbar-thumb:hover,.dark-mode .history-content-box::-webkit-scrollbar-thumb:hover{background:#64748b}.dark-mode .service-selection-item,.dark-mode .budget-input-row-premium,.dark-mode .category-item-premium,.dark-mode .detail-card,.dark-mode .special-requests{background:#0f172a;border-color:#334155;color:#e2e8f0}.dark-mode .service-selection-item:hover,.dark-mode .category-item-premium:hover{background:#334155}.dark-mode .service-selection-item.selected,.dark-mode .category-item-premium.selected{background:#3b82f626;border-color:#2563eb}.dark-mode .category-text,.dark-mode .budget-input-row-premium label{color:#e2e8f0}.dark-mode .category-item-premium.selected .category-text{color:#93c5fd}.dark-mode .service-name{color:#e2e8f0}.dark-mode .service-remove-btn{background:#1e293b;border-color:#1d4ed8;color:#60a5fa}.dark-mode .service-remove-btn:hover{background:#450a0a;border-color:#991b1b;color:#f87171}.dark-mode .budget-input-wrapper-premium{background:#1e293b;border-color:#475569}.dark-mode .budget-input-wrapper-premium:focus-within{background:#0f172a;border-color:#60a5fa}.dark-mode .budget-input-wrapper-premium input{color:#fff}.dark-mode .empty-budgets-placeholder{background:#1e293b;border-color:#334155;color:#64748b}.dark-mode .selected-summary-premium{background:#1e293b;border-color:#334155}.dark-mode .tag-premium,.dark-mode .category-tag-details{background:#0f172a;border-color:#334155;color:#cbd5e1}.dark-mode .tag-remove-premium{background:#334155;color:#94a3b8}.dark-mode .tag-remove-premium:hover{background:#7f1d1d;color:#fca5a5}.dark-mode .modal-text-block{color:#e2e8f0}.dark-mode .detail-item-premium,.dark-mode .service-budget-item{background:#0f172a;border-color:#334155}.dark-mode .services-total-details{border-color:#334155;color:#94a3b8}.dark-mode .services-total-details .total-amount{color:#60a5fa}.dark-mode .notes-history-display-premium,.dark-mode .history-content-box,.dark-mode .location-content-box,.dark-mode .notes-display{background:#0f172a;border-color:#334155;color:#cbd5e1}.dark-mode .card-header{border-bottom-color:#334155}.dark-mode .card-icon{background:#3b82f626;color:#60a5fa}.dark-mode .card-header h3{color:#f8fafc}.dark-mode .detail-label{color:#64748b}.dark-mode .detail-value{color:#e2e8f0}.dark-mode .detail-value.amount{color:#34d399}.dark-mode .timeline:before{background:#334155}.dark-mode .timeline-dot{background:#1e293b;border-color:#475569}.dark-mode .timeline-dot.active{background:var(--primary-color);border-color:var(--primary-color)}.dark-mode .timeline-title{color:#e2e8f0}.dark-mode .timeline-date{color:#94a3b8}.dark-mode .service-tag-premium.booked,.dark-mode .service-budget-item{background:#10b98126;color:#34d399;border-color:#10b9814d}.dark-mode .service-tag-premium.needed{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d}.dark-mode .no-services-text{color:#64748b}.dark-mode .notes-history-section-premium label,.dark-mode .history-header,.dark-mode .section-label-modern,.dark-mode .selected-summary-premium h4{color:#94a3b8}@media (max-width: 640px){.modal-detail-grid,.details-grid-premium{grid-template-columns:1fr}.services-grid-premium{grid-template-columns:1fr;gap:20px}.link-input-wrapper{flex-direction:column}.copy-link-btn{justify-content:center}.share-action-footer .modal-btn-primary{padding:12px;font-size:14px}}@media (max-width: 768px){.booking-detail-grid{grid-template-columns:1fr}.modal-header-premium,.modal-body-premium,.modal-body{padding:20px}}.customer-detail-header-premium{display:flex;justify-content:space-between;align-items:center;padding:clamp(16px,3vw,32px);background:var(--background-secondary);border-radius:20px;margin-bottom:24px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:16px;width:100%;box-sizing:border-box;overflow:hidden;max-width:100%}.dark-mode .customer-detail-header-premium{background:var(--background-secondary);border-color:var(--border-color)}.customer-header-left,.customer-header-left-premium{display:flex;align-items:center;gap:clamp(12px,2vw,24px);flex:1 1 auto;min-width:0}.customer-avatar-premium,.customer-avatar-extra-large{width:clamp(60px,10vw,80px);height:clamp(60px,10vw,80px);border-radius:clamp(12px,2vw,20px);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-size:clamp(24px,4vw,32px);font-weight:700;box-shadow:0 8px 16px #2d8ef133;flex-shrink:0}.customer-title-group,.customer-header-text{display:flex;flex-direction:column;gap:clamp(4px,1vw,8px);min-width:0;width:100%}.customer-title-group h1,.customer-header-text h2{font-size:clamp(18px,3vw,24px);font-weight:700;color:var(--text-dark);margin:0;word-break:break-word;overflow-wrap:break-word;line-height:1.3}.dark-mode .customer-title-group h1,.dark-mode .customer-header-text h2{color:var(--text-dark)}.customer-tags-modern,.customer-badges-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;max-width:100%}.customer-type-badge-modern,.verified-badge-premium,.rating-tag,.rating-badge-premium{padding:clamp(4px,1vw,6px) clamp(10px,2vw,14px);border-radius:20px;font-size:clamp(10px,1.5vw,11px);font-weight:600;display:inline-flex;align-items:center;gap:clamp(4px,1vw,6px);white-space:nowrap;flex-shrink:0}.customer-type-badge-modern{background:#2d8ef11a;color:var(--primary-color);border:1px solid rgba(45,142,241,.4)}.verified-badge-premium{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.rating-tag,.rating-badge-premium{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.customer-header-actions-premium{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;min-width:0}.action-button,.action-button-modern{display:inline-flex;align-items:center;justify-content:center;gap:clamp(6px,1vw,8px);padding:clamp(8px,2vw,10px) clamp(12px,3vw,20px);border-radius:12px;font-size:clamp(12px,2vw,14px);font-weight:600;cursor:pointer;transition:all .2s ease;height:clamp(38px,6vw,42px);white-space:nowrap;flex-shrink:0;min-width:fit-content}.action-button.primary,.action-button-modern.primary{background:var(--primary-color);color:#fff;border:none;box-shadow:0 4px 12px #2d8ef133}.action-button.primary:hover,.action-button-modern.primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px #2d8ef14d}.action-button.secondary,.action-button-modern.secondary{background:var(--background);color:var(--text-dark);border:1px solid var(--border-color)}.action-button.secondary:hover,.action-button-modern.secondary:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--background)}.dark-mode .action-button.secondary,.dark-mode .action-button-modern.secondary{background:transparent;border-color:var(--border-color);color:var(--text-dark)}.dark-mode .action-button.secondary:hover,.dark-mode .action-button-modern.secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.metric-card{border-radius:16px;padding:16px;display:flex;align-items:flex-start;gap:12px;background:var(--white);border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.metric-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.metric-content{flex:1;min-width:0}.metric-title{font-size:11px;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.metric-value{font-size:20px;font-weight:700;color:var(--text-dark);line-height:1.2;margin-bottom:2px}.metric-description{font-size:11px;color:var(--text-light)}@media (max-width: 1024px){.customer-detail-header-premium{gap:20px}.customer-header-left,.customer-header-left-premium{flex:1 1 100%;justify-content:center;text-align:center}.customer-title-group,.customer-header-text{align-items:center}.customer-tags-modern,.customer-badges-row{justify-content:center}.customer-header-actions-premium{flex:1 1 100%;justify-content:center}}@media (max-width: 768px){.metrics-grid{grid-template-columns:1fr}.customer-detail-header-premium{flex-direction:column;align-items:stretch;gap:24px;border-radius:16px;padding:20px 16px}.customer-header-left,.customer-header-left-premium{flex-direction:column;text-align:center;align-items:center;gap:16px}.customer-avatar-premium,.customer-avatar-extra-large{width:70px;height:70px}.customer-header-actions-premium{justify-content:center;width:100%;flex-direction:column;gap:10px}.action-button,.action-button-modern{flex:1;min-width:140px;width:100%;max-width:280px}}@media (max-width: 480px){.customer-detail-header-premium{padding:16px 12px;border-radius:14px;gap:16px}.customer-title-group h1,.customer-header-text h2{font-size:20px;text-align:center}.customer-tags-modern,.customer-badges-row{justify-content:center;gap:4px}.customer-type-badge-modern,.verified-badge-premium,.rating-tag,.rating-badge-premium{font-size:10px;padding:4px 10px}.customer-header-actions-premium{gap:8px}}.customer-detail-header-premium *{max-width:100%}.container-padding{padding-left:clamp(16px,3vw,32px);padding-right:clamp(16px,3vw,32px);box-sizing:border-box}.stats-grid,.stats-grid-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--background-secondary);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 8px #0000000f;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));opacity:0;transition:opacity .3s ease}.stat-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px);border-color:var(--primary-color)}.stat-card:hover:before{opacity:1}.stat-card-overview{background:var(--background-secondary);border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000a;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;gap:12px}.stat-card-overview:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px);border-color:var(--primary-color)}.stat-icon,.stat-icon-wrapper{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.stat-icon-wrapper{border-radius:10px;transition:all .2s ease}.stat-content,.stat-content-wrapper{flex:1;min-width:0}.stat-header-overview{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.stat-value,.stat-value-overview{font-size:20px;font-weight:600;color:var(--text-dark);margin-bottom:2px;line-height:1.2}.stat-value-overview{font-size:24px;letter-spacing:-.01em;margin-bottom:4px}.stat-title,.stat-title-overview{font-size:12px;color:var(--text-light)}.stat-title-overview{font-size:11px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.stat-description-overview{font-size:12px;color:var(--text-light);line-height:1.4;margin:0}.stat-change{font-size:10px;font-weight:600;padding:3px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:2px}.stat-change.positive{color:#10b981;background:#10b9811a}.stat-change.negative{color:#ef4444;background:#ef44441a}.dark-mode .stat-card,.dark-mode .stat-card-overview{background:var(--background-secondary);border-color:var(--border-color)}.dark-mode .stat-card:before{opacity:0}.dark-mode .stat-title,.dark-mode .stat-title-overview,.dark-mode .stat-description-overview{color:var(--text-light)}.dark-mode .stat-value,.dark-mode .stat-value-overview{color:var(--text-dark)}@media (max-width: 1600px){.stats-grid,.stats-grid-overview{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.stats-grid,.stats-grid-overview{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 480px){.stats-grid,.stats-grid-overview{grid-template-columns:1fr}}.analytics-section{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.analytics-card{background:var(--background-secondary);border-radius:16px;padding:24px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.analytics-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.analytics-card.revenue-card{width:100%}.analytics-combined-card{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.analytics-card-small{background:var(--background-secondary);border-radius:16px;padding:20px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.analytics-card-small:hover{box-shadow:0 4px 16px #0000001a}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.analytics-card-small .analytics-header{margin-bottom:12px}.analytics-title-section{display:flex;align-items:center;gap:8px}.analytics-title-section svg{color:var(--primary-color)}.analytics-header h2{font-size:18px;font-weight:600;color:var(--text-dark);margin:0}.analytics-header h3{font-size:16px;font-weight:600;color:var(--text-dark);margin:0}.analytics-filter{padding:6px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--background-secondary);color:var(--text-dark);font-size:12px;cursor:pointer;transition:all .2s ease}.analytics-filter:hover{border-color:var(--primary-color)}.analytics-filter:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2d8ef11a}.chart-container{width:100%;height:280px;margin-top:16px}.recharts-wrapper{position:relative}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border-color);opacity:.5}.recharts-surface{overflow:visible}.form-container-premium{margin:0 auto;padding-bottom:100px}.premium-form-layout{display:flex;flex-direction:column;gap:24px}.section-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:#1e293b;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.section-icon{color:var(--primary-color)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#475569;margin-bottom:8px}.form-group label .required{color:#ef4444}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--border-color);background:var(--background)!important;color:var(--text-dark);font-size:14px;transition:all .2s ease}.form-group input.error,.form-group select.error{border-color:#ef4444}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #2d8ef11a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.input-with-icon{position:relative}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#64748b;z-index:1}.input-with-icon input,.input-with-icon select{padding-left:44px!important}.field-hint{font-size:12px;color:#64748b;margin-top:6px}.error-text{color:#ef4444;font-size:12px;margin-top:4px;display:block}.file-upload-area-modern{border:2px dashed #e2e8f0;border-radius:16px;padding:48px 32px;text-align:center;cursor:pointer;transition:all .3s ease;background:#f8fafc}.file-upload-area-modern:hover{border-color:var(--primary-color);background:#f0f7ff}.file-upload-area-modern.error{border-color:#ef4444;background:#fef2f2}.file-upload-label-modern{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center;gap:16px;cursor:pointer}.file-upload-label-modern svg{color:#1e293b}.file-upload-label-modern span{font-size:16px;font-weight:500;color:#1e293b}.file-upload-label-modern small{font-size:12px;color:#64748b}.form-actions-fixed{position:fixed;bottom:0;right:0;left:280px;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px 40px;display:flex;justify-content:flex-end;gap:16px;border-top:1px solid #e2e8f0;z-index:100}.save-button-modern{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #2d8ef133}.save-button-modern:hover:not(:disabled){background:#1e40af;transform:translateY(-1px);box-shadow:0 6px 16px #2d8ef14d}.save-button-modern:disabled{opacity:.6;cursor:not-allowed}.cancel-button-modern{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;color:#475569;border:1px solid #cbd5e1;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-button-modern:hover{background:#f8fafc;border-color:#94a3b8}.dark-mode .form-group input,.dark-mode .form-group select,.dark-mode .form-group textarea{background:var(--background)!important;color:var(--text-dark);border-color:var(--border-color)}.dark-mode .section-title{color:#f1f5f9;border-bottom-color:#334155}.dark-mode .form-group label{color:#cbd5e1}.dark-mode .field-hint{color:#94a3b8}.dark-mode .file-upload-area-modern{background:#1e293b;border-color:#334155}.dark-mode .file-upload-area-modern:hover{border-color:var(--primary-color);background:#0f172a}.dark-mode .file-upload-label-modern span{color:#f1f5f9}.dark-mode .file-upload-label-modern svg{color:#fff}.dark-mode .form-actions-fixed{background:#1e293bcc;border-top-color:#334155}.dark-mode .cancel-button-modern{background:#1e293b;color:#cbd5e1;border-color:#475569}.dark-mode .cancel-button-modern:hover{background:#334155;border-color:#64748b}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:0}.form-actions-fixed{left:0;padding:16px 20px}}@media (max-width: 480px){.file-upload-area-modern{padding:32px 20px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2D8EF1;--primary-dark: #1E6FD6;--primary-light: #4A9FF5;--primary-hover: #2D8EF1;--background: #F8F9FA;--background-secondary: #FFFFFF;--white: #FFFFFF;--text-dark: #1A1A1A;--text-medium: #4A5568;--text-light: #718096;--text-lighter: #A0AEC0;--border-color: #E2E8F0;--border-light: #F1F5F9;--success: #10B981;--success-light: #D1FAE5;--success-dark: #059669;--success-soft-bg: rgba(16, 185, 129, .12);--success-foreground: #0F766E;--warning: #F59E0B;--warning-light: #FEF3C7;--warning-dark: #D97706;--warning-soft-bg: rgba(245, 158, 11, .12);--warning-foreground: #92400E;--error: #EF4444;--error-light: #FEE2E2;--error-dark: #DC2626;--error-soft-bg: rgba(239, 68, 68, .12);--error-foreground: #991B1B;--info: #3B82F6;--info-light: #DBEAFE;--info-dark: #2563EB;--info-soft-bg: rgba(59, 130, 246, .12);--info-foreground: #1D4ED8;--accent-soft-purple: #8a5cf629;--accent-soft-pink: #ec489a24;--accent-soft-yellow: rgba(249, 241, 22, .081);--accent-soft-ink: #163acc2a;--accent-purple: #8B5CF6;--accent-pink: #EC4899;--accent-blue: #06B6D4;--accent-orange: #F97316;--accent-green: #84CC16;--accent-yellow: #9c9812;--accent-ink: #163acc;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}.dark-mode{--background: #0F172A;--background-secondary: #1E293B;--white: #1E293B;--text-dark: #F1F5F9;--text-medium: #CBD5E1;--text-light: #94A3B8;--text-lighter: #64748B;--border-color: #334155;--border-light: #1E293B;--success-soft-bg: rgba(16, 185, 129, .16);--success-foreground: #6EE7B7;--warning-soft-bg: rgba(245, 158, 11, .18);--warning-foreground: #FCD34D;--error-soft-bg: rgba(239, 68, 68, .18);--error-foreground: #FCA5A5;--info-soft-bg: rgba(59, 130, 246, .18);--info-foreground: #BFDBFE;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .5)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--text-dark);line-height:1.6;font-size:14px;transition:background-color .3s ease,color .3s ease}*{transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}*{scrollbar-width:thin;scrollbar-color:#9CA3AF transparent}*::-webkit-scrollbar:horizontal{height:6px}*::-webkit-scrollbar-thumb:horizontal{background:#9ca3af;border-radius:3px;transition:background .2s ease}*::-webkit-scrollbar-thumb:horizontal:hover{background:#3b82f6}*::-webkit-scrollbar-track:horizontal{background:transparent}.dark-mode ::-webkit-scrollbar-track{background:var(--background)}.dark-mode ::-webkit-scrollbar-thumb{background:var(--border-color)}.dark-mode ::-webkit-scrollbar-thumb:hover{background:var(--text-medium)}.dark-mode *::-webkit-scrollbar-thumb:horizontal{background:#6b7280}.dark-mode *::-webkit-scrollbar-thumb:horizontal:hover{background:#3b82f6}.dark-mode input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.dark-mode select option{background-color:var(--background-secondary);color:var(--text-dark)}.dark-mode input::placeholder,.dark-mode textarea::placeholder{color:var(--text-light);opacity:1}