:root{--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#6366f11a;--primary-glow:#6366f140;--secondary:#10b981;--secondary-hover:#059669;--secondary-light:#10b9811a;--danger:#ef4444;--danger-hover:#dc2626;--danger-light:#ef44441a;--warning:#f59e0b;--warning-light:#f59e0b1a;--info:#3b82f6;--info-light:#3b82f61a;--purple:#a855f7;--purple-light:#a855f71a;--bg-main:#f0f2f5;--bg-card:#fff;--bg-subtle:#f8fafc;--bg-surface:#fff;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--glass-bg:#ffffffd9;--sidebar-width:260px;--transition:all .2s ease;--transition-slow:all .3s ease;--shadow-sm:0 1px 2px 0 #0000000a;--shadow:0 1px 3px 0 #00000014, 0 1px 2px -1px #0000000f;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #00000012, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--shadow-glow-primary:0 0 20px #6366f126;--radius-sm:.375rem;--radius:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--font-xs:.7rem;--font-sm:.8rem;--font-base:.9rem;--font-lg:1rem;--font-xl:1.125rem;--font-2xl:1.5rem;--font-3xl:1.875rem}[data-theme=dark]{--primary:#818cf8;--primary-hover:#6366f1;--primary-light:#818cf81f;--primary-glow:#818cf833;--secondary:#34d399;--secondary-hover:#10b981;--secondary-light:#34d3991f;--danger:#f87171;--danger-hover:#ef4444;--danger-light:#f871711f;--warning:#fbbf24;--warning-light:#fbbf241f;--info:#60a5fa;--info-light:#60a5fa1f;--purple:#c084fc;--purple-light:#c084fc1f;--bg-main:#0f1117;--bg-card:#1a1d27;--bg-subtle:#12141d;--bg-surface:#1e2130;--text-main:#e4e4e7;--text-secondary:#a1a1aa;--text-muted:#71717a;--border:#27272a;--border-light:#1e1e22;--glass-bg:#1a1d27d9;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 1px 3px 0 #0006, 0 1px 2px -1px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #0006, 0 8px 10px -6px #0000004d;--shadow-glow-primary:0 0 20px #818cf81f}[data-theme=dark] img{opacity:.85;transition:opacity .3s}[data-theme=dark] img:hover{opacity:1}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--bg-card);border-right:1px solid var(--border);-webkit-overflow-scrolling:touch;z-index:100;flex-direction:column;height:100vh;padding:1.5rem 1rem;transition:transform .3s ease-in-out,background-color .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#02061780;animation:.2s fadeIn;position:fixed;inset:0}.main-wrapper{margin-left:var(--sidebar-width);min-height:100vh;width:calc(100% - var(--sidebar-width));flex-direction:column;transition:all .3s ease-in-out;display:flex}.mobile-hamburger{background:var(--bg-card);border:1.5px solid var(--border);color:var(--text-main);cursor:pointer;border-radius:var(--radius);width:40px;height:40px;transition:var(--transition);justify-content:center;align-items:center;padding:0;display:none}.mobile-hamburger:hover{background:var(--bg-subtle);border-color:var(--primary);color:var(--primary)}.mobile-close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius);width:32px;height:32px;transition:var(--transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:none}.mobile-close-btn:hover{background:var(--danger-light);color:var(--danger)}.logo-container{align-items:center;gap:.75rem;margin-bottom:2rem;padding:0 .5rem;display:flex}.logo-icon{background:linear-gradient(135deg, var(--primary), var(--purple));border-radius:var(--radius-md);color:#fff;width:38px;height:38px;box-shadow:var(--shadow-glow-primary);justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.logo-text{background:linear-gradient(135deg, var(--primary), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.2rem;font-weight:800}.nav-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:1.25rem 0 .4rem;padding:0 .85rem;font-size:.65rem;font-weight:700}.nav-links{flex-direction:column;flex-grow:1;gap:.15rem;min-height:0;display:flex;overflow-y:auto}.nav-link{color:var(--text-secondary);border-radius:var(--radius);transition:var(--transition);align-items:center;gap:.75rem;padding:.6rem .85rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-link:hover{background-color:var(--primary-light);color:var(--primary)}.nav-link.active{background:linear-gradient(135deg, var(--primary), var(--purple));color:#fff;box-shadow:0 4px 12px #6366f14d}.nav-link.active .nav-badge{color:#fff;background:#fff3}.nav-badge{background:var(--danger);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 4px;font-size:.6rem;font-weight:700;display:flex}.sidebar-footer{border-top:1px solid var(--border);z-index:10;flex-direction:column;align-items:stretch;gap:.75rem;margin-top:auto;padding-top:1rem;display:flex;position:relative}.sidebar-user{cursor:pointer;border-radius:var(--radius);transition:var(--transition);pointer-events:auto;z-index:20;align-items:center;gap:.75rem;padding:.5rem;display:flex}.sidebar-user:hover{background:var(--primary-light)}.sidebar-user-avatar{background:linear-gradient(135deg, var(--primary), var(--purple));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.sidebar-user-info{flex-grow:1;min-width:0}.sidebar-user-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--text-muted);font-size:.7rem}.sidebar-user-role-badge{align-self:flex-start;margin-top:.2rem;padding:.1rem .5rem!important;font-size:.6rem!important}.sidebar-action-btn{justify-content:center;gap:.5rem;margin:.5rem 0;font-size:.85rem}.sidebar-logout-btn,.sidebar-theme-toggle{justify-content:center;width:100%;padding:.5rem 1rem;font-size:.8rem}.app-container>.main-wrapper>header{border-bottom:1px solid var(--border);background-color:var(--bg-card);z-index:90;align-items:center;height:64px;padding:0 2rem;transition:background-color .3s,border-color .3s;display:flex;position:sticky;top:0}@media (width<=480px){.app-container>.main-wrapper>header{padding:0 1rem}}.main-content{flex-grow:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem;overflow-y:auto}.top-bar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.page-title{font-size:var(--font-2xl);color:var(--text-main);letter-spacing:-.02em;margin:0;font-weight:700}.page-subtitle{color:var(--text-muted);margin:.15rem 0 0;font-size:.875rem}.top-bar-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition)}.glass:hover{box-shadow:var(--shadow-md)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);box-shadow:var(--shadow);flex-direction:column;gap:.4rem;padding:1.25rem 1.5rem;display:flex;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--purple));width:100%;height:3px;position:absolute;top:0;left:0}.stat-card.warning:before{background:linear-gradient(90deg, var(--warning), #f97316)}.stat-card.success:before{background:linear-gradient(90deg, var(--secondary), #34d399)}.stat-card.info:before{background:linear-gradient(90deg, var(--info), #60a5fa)}.stat-title{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.stat-value{color:var(--text-main);font-size:1.75rem;font-weight:700;line-height:1.2}.stat-change{font-size:var(--font-sm);color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition);margin-bottom:1.5rem;overflow:hidden}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.card-header h3{font-size:var(--font-lg);margin:0;font-weight:600}.card-body{padding:1.5rem}.card-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.table-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:1.5rem;overflow-x:auto}.table-wrapper{overflow-x:auto}.table-header-actions{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.crm-table{border-collapse:separate;border-spacing:0;width:auto;min-width:100%}.crm-table th{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);background-color:var(--bg-subtle);text-align:left;white-space:nowrap;padding:.75rem 1.25rem;font-weight:600;position:sticky;top:0}.crm-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.crm-table th.sortable:hover{color:var(--primary)}.crm-table td{font-size:var(--font-base);border-bottom:1px solid var(--border-light);color:var(--text-main);vertical-align:middle;white-space:nowrap;padding:.85rem 1.25rem}.crm-table tr:last-child td{border-bottom:none}.crm-table tbody tr{transition:background-color .15s}.crm-table tbody tr:hover{background-color:var(--primary-light)}.crm-table tbody tr:active{background-color:#6366f129}.crm-table tbody tr:nth-child(2n){background-color:var(--bg-subtle)}.crm-table tbody tr:nth-child(2n):hover{background-color:var(--primary-light)}.crm-table .cell-actions{align-items:center;gap:.35rem;display:flex}.badge{font-size:var(--font-xs);letter-spacing:.02em;white-space:nowrap;border-radius:9999px;align-items:center;gap:.3rem;padding:.2rem .65rem;font-weight:600;display:inline-flex}.badge-success{background:var(--secondary);color:#fff}.badge-danger{background:var(--danger);color:#fff}.badge-warning{background:var(--warning);color:#fff}.badge-primary{background:var(--primary);color:#fff}.badge-info{background:var(--info);color:#fff}.badge-purple{background:var(--purple);color:#fff}.badge-secondary{color:var(--text-muted);background:#64748b26}.badge-outline{border:1.5px solid var(--border);color:var(--text-secondary);background:0 0}.badge-soft-success{background:var(--secondary-light);color:var(--secondary)}.badge-soft-danger{background:var(--danger-light);color:var(--danger)}.badge-soft-warning{background:var(--warning-light);color:var(--warning)}.badge-soft-primary{background:var(--primary-light);color:var(--primary)}.badge-soft-info{background:var(--info-light);color:var(--info)}.btn{font-size:var(--font-base);border-radius:var(--radius);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-family:inherit;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;box-shadow:0 2px 8px #6366f140}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #6366f159}.btn-secondary{border:1.5px solid var(--border);color:var(--text-main);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--text-muted)}.btn-success{background:linear-gradient(135deg, var(--secondary), var(--secondary-hover));color:#fff;box-shadow:0 2px 8px #10b98140}.btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #10b98159}.btn-danger{background:linear-gradient(135deg, var(--danger), var(--danger-hover));color:#fff;box-shadow:0 2px 8px #ef444440}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #ef444459}.btn-warning{background:linear-gradient(135deg, var(--warning), #d97706);color:#fff;box-shadow:0 2px 8px #f59e0b40}.btn-warning:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #f59e0b59}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--primary-light);color:var(--primary)}.btn-sm{font-size:var(--font-sm);padding:.35rem .65rem}.btn-lg{font-size:var(--font-lg);border-radius:var(--radius-md);padding:.75rem 1.5rem}.btn-icon{border-radius:var(--radius);justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.btn-icon-wrap{display:inline-flex}.btn-loading{pointer-events:none;position:relative}.spinning{animation:.7s linear infinite spin}.btn-icon.btn-sm{width:30px;height:30px}.btn-group{gap:0;display:inline-flex}.btn-group .btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .btn:not(:last-child){border-right:1px solid #ffffff1a;border-top-right-radius:0;border-bottom-right-radius:0}.form-group{flex-direction:column;gap:.3rem;margin-bottom:1rem;display:flex}.form-label{font-size:var(--font-sm);color:var(--text-secondary);font-weight:600}.form-label .required{color:var(--danger);margin-left:2px}.form-control{border:1.5px solid var(--border);border-radius:var(--radius);font-size:var(--font-base);background:var(--bg-card);color:var(--text-main);transition:var(--transition);outline:none;width:100%;padding:.6rem .85rem;font-family:inherit;line-height:1.5}.form-control::placeholder{color:var(--text-muted);opacity:.6}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11f}.form-control.is-valid{border-color:var(--secondary);box-shadow:0 0 0 3px #10b9811a}.form-control.is-invalid{border-color:var(--danger);box-shadow:0 0 0 3px #ef44441a}.form-control:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-subtle)}.form-error{font-size:var(--font-sm);color:var(--danger);align-items:center;gap:.3rem;margin-top:.15rem;animation:.2s slideDown;display:flex}.form-error-icon{flex-shrink:0}.form-hint{font-size:var(--font-sm);color:var(--text-muted);margin-top:.15rem}select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.5rem}textarea.form-control{resize:vertical;min-height:100px}.input-with-icon{position:relative}.input-with-icon .form-control{padding-left:2.5rem}.input-with-icon .input-icon{color:var(--text-muted);pointer-events:none;display:flex;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.input-with-icon textarea.form-control~.input-icon{top:1rem;transform:none}.form-check{cursor:pointer;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.form-check input[type=checkbox],.form-check input[type=radio]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.form-check-label{font-size:var(--font-base);color:var(--text-main);cursor:pointer}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=640px){.form-row{grid-template-columns:1fr}}.filter-bar-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:end;gap:.75rem;display:grid}@media (width<=640px){.filter-bar-grid{grid-template-columns:1fr}}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#02061799;justify-content:center;align-items:center;padding:1rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-xl);max-height:90vh;padding:1.75rem;animation:.2s scaleIn;overflow-y:auto}.modal-content.modal-lg{max-width:640px}.modal-content.modal-sm{max-width:380px}.modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.modal-title{font-size:var(--font-xl);color:var(--text-main);margin:0;font-weight:700}.modal-close{width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius);transition:var(--transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--danger-light);color:var(--danger)}.modal-body{margin-bottom:1.5rem}.modal-body p{color:var(--text-secondary);font-size:var(--font-base);line-height:1.6}.modal-footer{justify-content:flex-end;gap:.75rem;padding-top:.5rem;display:flex}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:1rem;right:1rem}.toast{pointer-events:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);align-items:center;gap:.75rem;max-width:400px;padding:.85rem 1.25rem;font-size:.875rem;animation:.25s slideInRight;display:flex;position:relative;overflow:hidden}.toast:before{content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.toast.toast-success:before{background:var(--secondary)}.toast.toast-error:before{background:var(--danger)}.toast.toast-warning:before{background:var(--warning)}.toast.toast-info:before{background:var(--info)}.toast-icon{flex-shrink:0;display:flex}.toast-message{color:var(--text-main);flex-grow:1;line-height:1.4}.toast-close{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:2px;display:flex}.toast-close:hover{background:var(--bg-subtle);color:var(--text-main)}.loading-spinner{flex-direction:column;align-items:center;gap:1rem;padding:3rem;display:flex}.loading-spinner.full-page{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#02061766;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.7s linear infinite spin}.spinner-sm{border-width:2px;width:20px;height:20px}.spinner-lg{border-width:4px;width:56px;height:56px}.loading-text{color:var(--text-muted);font-size:var(--font-base)}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 2rem;display:flex}.empty-state-icon{color:var(--text-muted);opacity:.3;margin-bottom:.5rem}.empty-state-title{font-size:var(--font-lg);color:var(--text-main);margin:0;font-weight:600}.empty-state-message{color:var(--text-muted);font-size:var(--font-base);max-width:320px;margin:0;line-height:1.5}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--bg-subtle) 50%, var(--border) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{width:80%;height:.9rem;margin-bottom:.5rem}.skeleton-title{width:60%;height:1.3rem;margin-bottom:.75rem}.skeleton-card{width:100%;height:100px;margin-bottom:1rem}.skeleton-avatar{border-radius:50%;width:40px;height:40px}.skeleton-badge{border-radius:9999px;width:60px;height:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-4px)}30%,70%{transform:translate(4px)}}.shake{animation:.4s shake}.stagger-enter{opacity:0;transform:translateY(12px)}.stagger-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translateY(0)}.dashboard-grid{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}.page-enter{animation:.3s fadeInUp}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-danger{color:var(--danger)}.text-success{color:var(--secondary)}.text-primary{color:var(--primary)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-sm{font-size:var(--font-sm)}.text-xs{font-size:var(--font-xs)}.notification-unread{border-left:3px solid var(--primary);background:var(--primary-light)}.notification-read{opacity:.75;border-left:3px solid #0000}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}img{max-width:100%;height:auto}.map-page,.map-card-wrapper{flex-direction:column;flex:1;min-height:0;display:flex}.map-card{flex-direction:column;min-height:0;display:flex;flex:1!important;margin-bottom:0!important}.map-card>.card-body,.map-card>div:not(.loading-spinner):not(.empty-state){flex:1;min-height:0}.map-card>div:not(.loading-spinner):not(.empty-state){flex-direction:column;display:flex}.map-container{flex:1;width:100%;min-height:250px}.map-filter-select{min-width:160px}@media (width<=480px){.map-filter-select{min-width:120px}.map-filters{width:100%}.map-filters>*{flex:1;min-width:0}}.user-form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=640px){.user-form-grid{grid-template-columns:1fr}}@media (width<=768px){.hide-mobile{display:none!important}}@media (width<=480px){.hide-mobile-sm{display:none!important}}@media (width<=1024px){.sidebar{box-shadow:var(--shadow-xl);transform:translate(-100%)}.sidebar.open{overscroll-behavior:contain;transform:translate(0)}.mobile-close-btn,.mobile-hamburger{display:flex!important}.main-wrapper{width:100%!important;margin-left:0!important}.main-content{padding:1.5rem}}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:1rem 1.25rem}.stat-value{font-size:1.4rem}.crm-table th,.crm-table td{padding:.5rem .75rem;font-size:.8rem}.top-bar,.page-header-row{flex-direction:column;align-items:flex-start;gap:.75rem}.card-header,.table-header-actions{flex-direction:column;align-items:flex-start}.toast-container{left:1rem;right:1rem}.toast{max-width:none}.main-wrapper{width:100%!important;margin-left:0!important}}.calendar-grid .calendar-cell{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:44px;transition:background-color .15s,transform .1s;display:flex}.calendar-grid .calendar-cell:hover{background-color:var(--bg-subtle)}.calendar-grid .calendar-cell.today{background-color:var(--primary);color:#fff;font-weight:700}.calendar-grid .calendar-cell.today:hover{background-color:var(--primary-hover,#5558e6)}.calendar-event-dot{border-radius:50%;width:5px;height:5px}@media (width<=480px){.calendar-event-dot{width:7px;height:7px}.main-content{padding:1rem}.card{border-radius:var(--radius)}.card-body{padding:1rem}.filter-bar-grid,.form-row{grid-template-columns:1fr}.crm-table th,.crm-table td{padding:.4rem .5rem;font-size:.75rem}.crm-table .cell-actions{flex-direction:column;gap:.25rem}.stats-grid{grid-template-columns:1fr 1fr;gap:.5rem}.stat-card{padding:.75rem 1rem}.stat-value{font-size:1.2rem}.stat-label{font-size:.7rem}.toast-container{bottom:.5rem;left:.5rem;right:.5rem}.toast{padding:.75rem 1rem;font-size:.8rem}.page-header-title{font-size:1.25rem}.page-header-subtitle{font-size:.8rem}.sidebar-action-btn{margin:.5rem .75rem;padding:.6rem;font-size:.85rem}}@media print{.sidebar,.top-bar{display:none}.main-content{padding:0}.card,.table-container{box-shadow:none;border:1px solid #ddd}}