:root{--primary:#2563eb;--primary-hover:#1d4ed8;--bg-main:#f8fafc;--bg-card:#fff;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--sidebar-bg:#020617;--sidebar-text:#94a3b8;--sidebar-text-active:#fff;--sidebar-hover-bg:#ffffff12;--sidebar-active-bg:#2563eb;--sidebar-width:256px;--sidebar-collapsed-width:72px;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000f;--ui-scale:1;--sidebar-scale:1}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Outfit,Inter,system-ui,sans-serif;overflow-x:hidden}input,button,select,textarea{font-family:Outfit,Inter,system-ui,sans-serif!important}.app-container{min-height:100dvh;display:flex}.sidebar{background-color:var(--sidebar-bg);z-index:1000;height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);border-right:1px solid #ffffff0f;flex-direction:column;transition:width .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.expanded{width:var(--sidebar-width)}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar.mobile-hidden{transform:translate(-100%)}.sidebar.mobile-visible{width:var(--sidebar-width);z-index:1001;transform:translate(0)}.sidebar-logo{white-space:nowrap;flex-shrink:0;justify-content:flex-start;align-items:center;min-height:68px;padding:1.25rem 1rem;display:flex;overflow:hidden}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;overscroll-behavior:contain;flex:1;padding:.375rem;overflow-y:scroll}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:8px}.category-group{margin-bottom:.25rem}.category-header{height:46px;color:var(--sidebar-text);background:var(--sidebar-hover-bg);opacity:.9;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;margin:8px 12px;padding:0 1rem;font-size:.85rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #0000000d}.category-header:hover{background:var(--sidebar-hover-bg);opacity:1;color:var(--sidebar-text-active);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.category-header-left{align-items:center;gap:.75rem;display:flex}.category-header-title{white-space:nowrap;opacity:1;max-width:150px;transition:opacity .25s cubic-bezier(.4,0,.2,1),max-width .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.category-header-chevron{opacity:1;max-width:20px;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s,max-width .25s;overflow:hidden}.category-header-chevron.rotated{transform:rotate(-180deg)}.category-content{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1),opacity .25s ease-out;display:grid;overflow:hidden}.category-content.open{opacity:1;grid-template-rows:1fr}.category-inner{flex-direction:column;gap:2px;min-height:0;display:flex}.sidebar.collapsed .category-header{width:48px;height:46px;box-shadow:none;border-radius:12px;justify-content:center;margin:8px auto;padding:0}.sidebar.collapsed .category-header-title,.sidebar.collapsed .category-header-chevron{opacity:0;pointer-events:none;max-width:0}.sidebar-toggle-btn{background:var(--sidebar-hover-bg);opacity:.9;color:var(--sidebar-text);cursor:pointer;box-sizing:border-box;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:.75rem;width:calc(100% - 24px);height:46px;margin:8px 12px;padding:0 1rem;font-size:.85rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #0000000d}.sidebar-toggle-btn:hover{background:var(--sidebar-hover-bg);opacity:1;color:var(--sidebar-text-active);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.sidebar-toggle-btn-text{white-space:nowrap;opacity:1;max-width:150px;transition:opacity .25s cubic-bezier(.4,0,.2,1),max-width .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar.collapsed .sidebar-toggle-btn{border-radius:12px;justify-content:center;width:48px;height:46px;margin:8px auto;padding:0}.sidebar.collapsed .sidebar-toggle-btn-text{opacity:0;pointer-events:none;max-width:0}.nav-item-text{opacity:1;white-space:nowrap;justify-content:space-between;align-items:center;width:100%;max-width:300px;transition:opacity .25s cubic-bezier(.4,0,.2,1),max-width .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.sidebar.collapsed .nav-item-text{opacity:0;pointer-events:none;max-width:0}.logo-text{opacity:1;white-space:nowrap;max-width:200px;transition:opacity .25s cubic-bezier(.4,0,.2,1),max-width .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar.collapsed .logo-text{opacity:0;pointer-events:none;max-width:0}.sidebar-search-container{box-sizing:border-box;flex-shrink:0;width:100%;padding:0 12px 12px;transition:padding .25s cubic-bezier(.4,0,.2,1)}.sidebar-search-box{cursor:text;box-sizing:border-box;background-color:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;height:46px;padding:0 14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-search-box input{opacity:1;max-width:200px;transition:opacity .2s cubic-bezier(.4,0,.2,1),max-width .2s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed .sidebar-search-container{padding:0}.sidebar.collapsed .sidebar-search-box{background:var(--sidebar-hover-bg);cursor:pointer;border-color:#ffffff0d;border-radius:12px;justify-content:center;width:48px;height:46px;margin:8px auto;padding:0}.sidebar.collapsed .sidebar-search-box input{opacity:0;pointer-events:none;max-width:0}.sidebar-company-info{opacity:1;flex-direction:column;align-items:center;width:100%;max-height:120px;margin-top:4px;padding:0 1.25rem;transition:opacity .25s cubic-bezier(.4,0,.2,1),max-height .25s cubic-bezier(.4,0,.2,1),padding .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.sidebar.collapsed .sidebar-company-info{opacity:0;pointer-events:none;max-height:0;padding:0}.nav-item{height:40px;color:var(--sidebar-text);white-space:nowrap;box-sizing:border-box;border:1px solid #0000;border-radius:12px;align-items:center;gap:.75rem;margin:4px 12px;padding:0 14px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-active);transform:translate(3px)}.nav-item.active{box-shadow:none;border-color:#2563eb33;font-weight:600;color:#2563eb!important;background:#2563eb14!important}.nav-item span{text-overflow:ellipsis;overflow:hidden}.nav-item.active span{font-weight:600}.nav-item.plan-locked{opacity:.72}.nav-item.plan-locked:hover{opacity:1;color:#d97706;transform:translate(3px);background:#fbbf2426!important}.nav-item-pin-btn{opacity:0;cursor:pointer;color:var(--sidebar-text);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;padding:4px;transition:opacity .2s,transform .2s,color .2s;display:inline-flex}.nav-item:hover .nav-item-pin-btn{opacity:.4}.nav-item-pin-btn:hover{transform:scale(1.15);opacity:1!important}.nav-item-pin-btn.pinned{opacity:.95}.sidebar.collapsed .nav-item{justify-content:center;gap:0;padding:0}.sidebar.collapsed .nav-item>div{justify-content:center;width:100%}.sidebar.collapsed .category-header-left{justify-content:center;gap:0;width:100%}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:1.5rem 0}.sidebar.collapsed .user-profile-container{justify-content:center;padding:.625rem 0}.sidebar-footer{padding:.875rem .75rem calc(.875rem + env(safe-area-inset-bottom,0px));border-top:1px solid #ffffff0d;flex-shrink:0}.user-profile-container{cursor:pointer;background:#ffffff0a;border-radius:12px;align-items:center;gap:.625rem;padding:.625rem .75rem;transition:background .18s;display:flex}.user-profile-container:hover{background:#ffffff17}.avatar{background:var(--primary);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.875rem;font-weight:700;display:flex}.user-info-text{opacity:1;flex-direction:column;flex:1;min-width:0;max-width:150px;transition:opacity .25s cubic-bezier(.4,0,.2,1),max-width .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.user-role{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:600}.logout-inline-btn{color:#475569;cursor:pointer;opacity:1;background:0 0;border:none;border-radius:6px;max-width:40px;padding:.375rem;transition:opacity .25s cubic-bezier(.4,0,.2,1),max-width .25s cubic-bezier(.4,0,.2,1),color .18s}.logout-inline-btn:hover{color:#ef4444;background:#ef44441a}.sidebar.collapsed .user-info-text,.sidebar.collapsed .logout-inline-btn{opacity:0;pointer-events:none;max-width:0;margin:0;padding:0}.main-content{background:var(--bg-main);flex:1;min-height:100dvh;padding:1.25rem;transition:margin-left .28s,width .28s;position:relative}.content-expanded{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.content-collapsed{margin-left:var(--sidebar-collapsed-width);width:calc(100% - var(--sidebar-collapsed-width))}.content-mobile{width:100%;padding-top:env(safe-area-inset-top,0px);margin-left:0;padding-bottom:0;padding-left:0;padding-right:0}.menu-toggle{top:calc(.875rem + env(safe-area-inset-top,0px));left:calc(.875rem + env(safe-area-inset-left,0px));z-index:1100;background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);box-shadow:var(--shadow-md);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:.5rem;display:flex;position:fixed}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0000008c;position:fixed;inset:0}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:1.25rem;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top,0px));padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-xl);border:1px solid var(--border);padding:1.5rem;overflow-y:auto}.btn-primary{border-radius:var(--radius-sm);background:var(--primary);color:#fff;cursor:pointer;letter-spacing:.02em;border:none;justify-content:center;align-items:center;gap:.5rem;height:38px;padding:.5rem 1.125rem;font-size:.875rem;font-weight:700;line-height:1;transition:all .18s;display:inline-flex}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb40}.btn-save{border-radius:var(--radius-sm);color:#fff;cursor:pointer;letter-spacing:.02em;background:#10b981;border:none;justify-content:center;align-items:center;gap:.5rem;height:38px;padding:.5rem 1.125rem;font-size:.875rem;font-weight:700;transition:all .18s;display:inline-flex}.btn-save:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98140}.btn-cancel{border-radius:var(--radius-sm);color:#fff;cursor:pointer;letter-spacing:.02em;background:#ef4444;border:none;justify-content:center;align-items:center;gap:.5rem;height:38px;padding:.5rem 1.125rem;font-size:.875rem;font-weight:700;transition:all .18s;display:inline-flex}.btn-cancel:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444440}.btn-close-modal{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.375rem;transition:all .2s;display:flex}.btn-close-modal:hover{color:#ef4444;background:#fee2e2;transform:rotate(90deg)}.form-group{flex-direction:column;gap:.375rem;margin-bottom:1rem;display:flex}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700}.form-group input,.form-group select,.form-group textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);height:40px;color:var(--text-main);outline:none;padding:.5rem .875rem;font-family:inherit;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.form-group textarea{resize:vertical;height:auto;min-height:80px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1.5px solid var(--bg-main);white-space:nowrap;padding:.75rem 1rem;font-size:.6875rem;font-weight:700}td{border-bottom:1px solid var(--bg-main);vertical-align:middle;padding:.75rem 1rem;font-size:.875rem}.kanban-board{gap:1rem;min-height:calc(100vh - 220px);padding-bottom:1rem;display:flex;overflow-x:auto}.kanban-column{background:#f1f5f999;border-radius:16px;flex:1;min-width:280px;padding:1rem}.kanban-column h4{color:var(--text-muted);text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.75rem;font-weight:800;display:flex}.kanban-list{flex-direction:column;gap:.625rem;display:flex}.kanban-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:12px;padding:.875rem;transition:all .18s}.kanban-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.calendar-day-head{text-align:center;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;background:var(--bg-card);border-bottom:1.5px solid var(--bg-main);padding:.75rem;font-size:.6875rem;font-weight:700}.calendar-day{min-height:100px;padding:.625rem;transition:background .18s;position:relative}.calendar-event{background:var(--primary);color:#fff;text-overflow:ellipsis;white-space:nowrap;border-radius:5px;margin-top:3px;padding:3px 7px;font-size:.6875rem;font-weight:700;overflow:hidden}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.w-full{width:100%}.h-full{height:100%}.font-bold{font-weight:600}.font-black{font-weight:700}.block{display:block}.rounded-full{border-radius:9999px}.text-slate-500{color:#64748b}.text-slate-700{color:#334155}.text-slate-800{color:#1e293b}.text-slate-900{color:#0f172a}.text-blue-600{color:#2563eb}.bg-white{background:#fff}.bg-blue-100{background:#dbeafe}.bg-green-100{background:#dcfce7}.animate-spin{animation:1s linear infinite spin}.animate-ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.modal-title{color:var(--text-main);letter-spacing:-.02em;font-size:1.125rem;font-weight:700;line-height:1.3}.modal-subtitle{color:var(--text-muted);font-size:.8125rem;font-weight:500;line-height:1.55}.modal-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.375rem;font-size:.6875rem;font-weight:700;display:block}.field-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);width:100%;height:40px;color:var(--text-main);outline:none;padding:0 .875rem;font-family:inherit;font-size:.9375rem;transition:border-color .18s,box-shadow .18s}.field-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.field-input[disabled]{color:var(--text-muted);cursor:not-allowed;background:0 0}.field-textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--text-main);resize:vertical;outline:none;min-height:80px;padding:.625rem .875rem;font-family:inherit;font-size:.9375rem;transition:border-color .18s,box-shadow .18s}.field-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.field-select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);width:100%;height:40px;color:var(--text-main);cursor:pointer;outline:none;padding:0 .875rem;font-family:inherit;font-size:.9375rem;transition:border-color .18s}.field-select:focus{border-color:var(--primary)}.field-select[disabled]{color:var(--text-muted);cursor:not-allowed;opacity:.8;background:0 0}.modal-close-btn{cursor:pointer;will-change:transform;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;color:#ef4444!important;background:#ef444414!important;border:1px solid #ef444433!important;transition:background .15s ease-in-out,color .15s ease-in-out,border-color .15s ease-in-out,transform .25s cubic-bezier(.4,0,.2,1)!important}.modal-close-btn:hover{color:#fff!important;box-shadow:none!important;opacity:1!important;background:#ef4444!important;border-color:#ef4444!important;transform:scale(1.15)rotate(90deg)!important}.modal-close-btn:active{transform:scale(.95)!important}.modal-btn-primary{border-radius:var(--radius-sm);background:var(--primary);color:#fff;letter-spacing:.03em;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;height:40px;font-size:.875rem;font-weight:700;transition:opacity .18s;display:flex}.modal-btn-primary:hover{opacity:.88}.modal-btn-primary:disabled{opacity:.55;cursor:not-allowed}.modal-divider{border:none;border-top:1px solid var(--border);margin:1rem 0}.status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;align-items:center;padding:2px 8px;font-size:.6875rem;font-weight:700;display:inline-flex}.status-badge.success{color:var(--primary);background:#22c55e26}.status-badge.warning{color:#ca8a04;background:#eab30826}.status-badge.danger{color:#ef4444;background:#ef444426}.status-badge.info{color:var(--primary);background:#2563eb26}.status-badge.neutral{color:var(--text-muted);background:#64748b26}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.crm-header{flex-flow:wrap!important;justify-content:space-between!important;align-items:center!important;gap:1rem!important;margin-bottom:2rem!important;display:flex!important}.crm-page-title{color:var(--text-main)!important;margin:0!important;font-size:1.75rem!important;font-weight:600!important;transition:all .2s!important}.crm-header-left{flex-wrap:wrap!important;align-items:center!important;gap:1.5rem!important;display:flex!important}.crm-header-right{flex-wrap:wrap!important;flex:1!important;justify-content:flex-end!important;align-items:center!important;gap:.75rem!important;display:flex!important}@media (width<=1350px){.crm-page-title{font-size:1.3rem!important;display:block!important}.crm-header{gap:.75rem!important;margin-bottom:1.25rem!important}}@media (width<=960px){.crm-page-title{display:none!important}.crm-header{flex-direction:column!important;align-items:stretch!important;gap:1rem!important;margin-bottom:1.5rem!important}.crm-header-left{justify-content:space-between!important;align-items:center!important;width:100%!important}.crm-header-right{flex:none!important;justify-content:space-between!important;width:100%!important}.crm-search-wrapper{flex:1!important;max-width:none!important}}@media (width<=1024px){.main-content{padding:1rem!important}}.chart-container-large{width:100%;height:350px}@media (width<=1200px){.chart-container-large{height:275px}}@media (height<=800px){.chart-container-large{height:265px}}@media (width<=768px){.chart-container-large{height:220px}}.chart-container-small{width:100%;height:280px}@media (width<=1200px){.chart-container-small{height:235px}}@media (height<=800px){.chart-container-small{height:225px}}@media (width<=768px){.chart-container-small{height:180px}.crm-header-left,.crm-header-right{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.crm-header-right>div{width:100%!important}}.settings-header{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.settings-header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.settings-page-title{margin:0;font-size:1.75rem;font-weight:600}.settings-tabs-container{flex:1;justify-content:center;align-items:center;gap:.75rem;min-width:400px;display:flex}.settings-actions-container{align-items:center;gap:.5rem;display:flex}.system-info-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.themes-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}@media (width<=768px){.settings-header{gap:1rem!important;margin-bottom:1.5rem!important}.settings-header-top{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.settings-page-title{top:calc(.95rem + env(safe-area-inset-top,0px))!important;left:calc(3.75rem + env(safe-area-inset-left,0px))!important;margin:0!important;font-size:1.25rem!important;line-height:40px!important;position:absolute!important}.settings-tabs-container{flex-direction:column!important;justify-content:center!important;gap:.75rem!important;width:100%!important;min-width:0!important}.settings-tabs-container nav{justify-content:center!important;width:100%!important}.settings-tabs-container nav button{flex:1!important;justify-content:center!important;padding:8px 12px!important;font-size:.8rem!important}.settings-tabs-container select{width:100%!important;min-width:0!important}.settings-actions-container{justify-content:stretch!important;gap:.5rem!important;width:100%!important}.settings-actions-container button{flex:1!important;justify-content:center!important}.system-info-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.system-info-grid>div{gap:.75rem!important;padding:1rem .75rem!important}.themes-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.themes-grid>button{padding:.75rem!important}}@media (width<=480px){.settings-page-title{font-size:1.15rem!important}}@media (width<=768px){.pagination-container{flex-wrap:nowrap!important;justify-content:space-between!important;gap:.75rem!important;padding:.75rem 4.5rem .75rem 1rem!important}.pagination-left{gap:.5rem!important}.pagination-showing-full{display:none!important}.pagination-showing-compact{display:flex!important}.pagination-per-page,.pagination-pages-buttons{display:none!important}.pagination-pages-indicator{display:block!important}.floating-ai-assistant{bottom:12px!important;right:12px!important}.floating-ai-chat{width:calc(100vw - 24px)!important;max-width:380px!important;height:75vh!important;max-height:520px!important;bottom:68px!important}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}}input[type=date]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none!important}.persistent-scrollbar{scrollbar-width:auto!important;scrollbar-color:#94a3b880 #0000001a!important}.persistent-scrollbar::-webkit-scrollbar{width:8px;height:8px;display:block!important}.persistent-scrollbar::-webkit-scrollbar-track{background:#00000014;border-radius:4px}.persistent-scrollbar::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:4px}.persistent-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8cc}@media (width<=767px){.contacts-page>header,.inventory-page>header,.deals-page>header,.tasks-page>header,.finance-page>header,.tags-page>header,.templates-page>header,.coupons-page>header,.partners-page>header,.calendar-page>header,.help-page>header,.reports-page>header,.dashboard-page>header,.settings-page>header{box-shadow:0 2px 8px #0000000f;z-index:990!important;backface-visibility:hidden!important;margin-bottom:0!important;padding-left:1rem!important;padding-right:1rem!important;position:fixed!important;top:0!important;left:0!important;right:0!important;transform:translate(0,0)!important}.contacts-page,.inventory-page,.deals-page,.tasks-page,.finance-page,.tags-page,.templates-page,.partners-page,.coupons-page,.reports-page{padding-top:135px!important}.calendar-page,.help-page,.dashboard-page,.settings-page{padding-top:76px!important}}:root{--sans:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--mono:ui-monospace, "Cascadia Code", Consolas, monospace;--text:#64748b;--text-h:#0f172a;--bg:#fff;--border:#e2e8f0;--accent:#2563eb;--accent-bg:#2563eb14;--shadow:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;font-size:15px;font-family:var(--sans);letter-spacing:.01em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=640px){:root{font-size:14px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--accent:#8b5cf6;--accent-bg:#8b5cf61f;--shadow:0 4px 6px -1px #00000059, 0 2px 4px -2px #0003}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{margin:0}#root{flex-direction:column;width:100%;max-width:100%;min-height:100svh;display:flex}h1{letter-spacing:-.025em;color:var(--text-h);font-size:1.5rem;font-weight:700;line-height:1.25}h2{letter-spacing:-.02em;color:var(--text-h);font-size:1.25rem;font-weight:700;line-height:1.3}h3{color:var(--text-h);font-size:1.0625rem;font-weight:600;line-height:1.35}h4{color:var(--text-h);font-size:.9375rem;font-weight:600;line-height:1.4}p{line-height:1.65}code{font-family:var(--mono);background:var(--accent-bg);color:var(--text-h);border-radius:4px;padding:2px 6px;font-size:.875em}input:-webkit-autofill{transition:background-color 5000000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:0 0 0 1000px var(--bg-card) inset!important;box-shadow:0 0 0 1000px var(--bg-card) inset!important}input:-webkit-autofill:hover{transition:background-color 5000000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:0 0 0 1000px var(--bg-card) inset!important;box-shadow:0 0 0 1000px var(--bg-card) inset!important}input:-webkit-autofill:focus{transition:background-color 5000000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:0 0 0 1000px var(--bg-card) inset!important;box-shadow:0 0 0 1000px var(--bg-card) inset!important}textarea:-webkit-autofill{transition:background-color 5000000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:0 0 0 1000px var(--bg-card) inset!important;box-shadow:0 0 0 1000px var(--bg-card) inset!important}select:-webkit-autofill{transition:background-color 5000000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:0 0 0 1000px var(--bg-card) inset!important;box-shadow:0 0 0 1000px var(--bg-card) inset!important}:is(input:-internal-autofill-selected,textarea:-internal-autofill-selected,select:-internal-autofill-selected){-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:0 0 0 1000px var(--bg-card) inset!important;box-shadow:0 0 0 1000px var(--bg-card) inset!important}button:not(.modal-close-btn),input,select,textarea,[role=button]:not(.modal-close-btn),.crm-search-wrapper input{transition:all .2s cubic-bezier(.4,0,.2,1)!important}button:not(.modal-close-btn):not(.deal-modal-btn):not(.no-hover):not(.btn-login-accent):not(.custom-hover):hover,[role=button]:not(.modal-close-btn):not(.deal-modal-btn):not(.no-hover):not(.btn-login-accent):not(.custom-hover):hover{filter:brightness(1.05)!important;box-shadow:inset 0 0 0 2px var(--primary), 0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent)!important;border-color:var(--primary)!important;outline:none!important}button.custom-hover:hover,[role=button].custom-hover:hover{filter:brightness(1.15)!important;outline:none!important}select:hover,select:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent)!important;cursor:pointer!important;outline:none!important}input:hover,input:focus,textarea:hover,textarea:focus,.crm-search-wrapper input:hover,.crm-search-wrapper input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent)!important;outline:none!important}div[style*=absolute] button:not(.modal-close-btn):not(.deal-modal-btn):not(.no-hover):not(.btn-login-accent):hover,div[style*="position: absolute"] button:not(.modal-close-btn):not(.deal-modal-btn):not(.no-hover):not(.btn-login-accent):hover,div[style*=position\:absolute] button:not(.modal-close-btn):not(.deal-modal-btn):not(.no-hover):not(.btn-login-accent):hover,div[style*=zIndex] button:not(.modal-close-btn):not(.deal-modal-btn):not(.no-hover):not(.btn-login-accent):hover,div[style*=z-index] button:not(.modal-close-btn):not(.deal-modal-btn):not(.no-hover):not(.btn-login-accent):hover,div[style*=absolute] div[onClick]:hover,div[style*="position: absolute"] div[onClick]:hover,[class*=menu] button:not(.modal-close-btn):not(.deal-modal-btn):not(.no-hover):not(.btn-login-accent):hover,[class*=dropdown] button:not(.modal-close-btn):not(.deal-modal-btn):not(.no-hover):not(.btn-login-accent):hover,.dropdown-menu button:not(.modal-close-btn):not(.deal-modal-btn):not(.no-hover):not(.btn-login-accent):hover,.select-options div:hover{background-color:var(--primary)!important;color:#fff!important;box-shadow:none!important;filter:none!important}div[style*=absolute] button:not(.modal-close-btn):not(.deal-modal-btn):not(.no-hover):not(.btn-login-accent):hover *,div[style*="position: absolute"] button:not(.modal-close-btn):not(.deal-modal-btn):not(.no-hover):not(.btn-login-accent):hover *,div[style*=position\:absolute] button:not(.modal-close-btn):not(.deal-modal-btn):not(.no-hover):not(.btn-login-accent):hover *,div[style*=zIndex] button:not(.modal-close-btn):not(.deal-modal-btn):not(.no-hover):not(.btn-login-accent):hover *,div[style*=z-index] button:not(.modal-close-btn):not(.deal-modal-btn):not(.no-hover):not(.btn-login-accent):hover *,[class*=menu] button:not(.modal-close-btn):not(.deal-modal-btn):not(.no-hover):not(.btn-login-accent):hover *,[class*=dropdown] button:not(.modal-close-btn):not(.deal-modal-btn):not(.no-hover):not(.btn-login-accent):hover *,.dropdown-menu button:not(.modal-close-btn):not(.deal-modal-btn):not(.no-hover):not(.btn-login-accent):hover *{color:#fff!important}button.no-hover:hover,[role=button].no-hover:hover{box-shadow:none!important;filter:none!important;background:0 0!important;border-color:#0000!important}button.no-hover.eye-btn:hover,button.no-hover.eye-btn:hover *,button.no-hover.forgot-password-btn:hover,button.no-hover.forgot-password-btn:hover *{color:var(--primary)!important}