.admin-layout{background:var(--bg-body);min-height:100vh;display:flex}.admin-layout__content{margin-left:var(--sidebar-width);transition:margin-left var(--transition-slow);flex-direction:column;flex:1;width:100%;display:flex;overflow-x:hidden}.admin-layout__content--collapsed{margin-left:0}.admin-layout__main{padding:var(--space-lg);flex:1;overflow-y:auto}.sidebar-overlay{z-index:var(--z-sidebar-overlay);background:#00000073;animation:.25s forwards fadeIn;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar-overlay{display:block}}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);color:var(--color-slate-50);height:100vh;z-index:var(--z-sidebar);transition:left var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 24px #00000026}.sidebar--closed{left:-100%}.sidebar__header{padding:var(--space-lg);align-items:center;gap:var(--space-sm);border-bottom:1px solid #ffffff1a;display:flex}.sidebar__logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;align-items:center;gap:var(--space-sm);display:flex}.sidebar__logo-icon{color:#fff}.sidebar__nav{padding:var(--space-base) var(--space-md);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sidebar__nav-link{border-radius:var(--radius-md);color:#ffffffe6;font-weight:var(--font-weight-medium);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.sidebar__nav-link:hover{background:var(--bg-sidebar-hover);color:#fff}.sidebar__nav-link--active{background:var(--bg-sidebar-active);color:#fff;box-shadow:0 2px 8px #ffffff1a}.sidebar__nav-link-left{align-items:center;gap:var(--space-md);display:flex}.sidebar__nav-link-label{font-size:var(--font-size-base)}.sidebar__badge{background:var(--color-danger);color:#fff;font-size:var(--font-size-xs);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);text-align:center;min-width:22px;padding:2px 8px}.sidebar__more-trigger{border-radius:var(--radius-md);cursor:pointer;color:#ffffffe6;font-weight:var(--font-weight-medium);transition:all var(--transition-fast);justify-content:space-between;align-items:center;width:100%;padding:12px 16px;display:flex}.sidebar__more-trigger:hover,.sidebar__more-trigger--active{background:var(--bg-sidebar-hover);color:#fff}.sidebar__submenu{flex-direction:column;gap:2px;margin-top:4px;padding-left:32px;animation:.2s slideDown;display:flex}.sidebar__submenu-link{align-items:center;gap:var(--space-md);border-radius:var(--radius-md);color:#fffc;font-size:var(--font-size-base);transition:all var(--transition-fast);padding:10px 16px;display:flex}.sidebar__submenu-link:hover{color:#fff;background:#ffffff0d}.sidebar__submenu-link--active{background:var(--bg-sidebar-active);color:#fff}.sidebar__footer{padding:var(--space-base);border-top:1px solid #ffffff1a}.sidebar__user{align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:#ffffff0d;display:flex}.sidebar__user-info{flex-direction:column;display:flex}.sidebar__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff}.sidebar__user-role{font-size:var(--font-size-xs);color:#ffffffb3}.topbar{height:var(--topbar-height);background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:0 var(--space-lg);z-index:var(--z-topbar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar__left{align-items:center;gap:var(--space-base);display:flex}.topbar__menu-btn{color:var(--color-slate-500);padding:var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.topbar__menu-btn:hover{background:var(--color-slate-100);color:var(--color-slate-800)}.topbar__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-slate-800)}.topbar__right{align-items:center;gap:var(--space-lg);display:flex}.topbar__search{position:relative}.topbar__search-icon{color:var(--color-slate-400);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.topbar__search-input{border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--color-slate-50);width:260px;font-size:var(--font-size-sm);transition:all var(--transition-fast);padding:8px 12px 8px 38px}.topbar__search-input:focus{border-color:var(--color-primary-light);background:#fff;outline:none;box-shadow:0 0 0 3px #14b8a61a}.topbar__actions{align-items:center;gap:var(--space-base);color:var(--color-slate-500);display:flex}.topbar__icon-btn{padding:var(--space-sm);border-radius:var(--radius-sm);color:var(--color-slate-500);transition:all var(--transition-fast);position:relative}.topbar__icon-btn:hover{background:var(--color-slate-100);color:var(--color-slate-800)}.topbar__notification-dot{background:var(--color-danger);border-radius:var(--radius-full);border:2px solid #fff;width:8px;height:8px;position:absolute;top:2px;right:2px}.topbar__profile{align-items:center;gap:var(--space-sm);cursor:pointer;padding-left:var(--space-base);border-left:1px solid var(--border-color);display:flex}.topbar__profile-info{flex-direction:column;display:flex}.topbar__profile-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-slate-800)}.topbar__profile-role{font-size:var(--font-size-xs);color:var(--color-slate-400)}@media (width<=768px){.admin-layout__content{margin-left:0}.admin-layout__main{padding:var(--space-base)}.topbar__search,.topbar__profile-info{display:none}}.topbar-search-btn{color:#334155;transition:background-color .2s}.status-badge{border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;transition:transform var(--transition-fast);align-items:center;padding:4px 12px;display:inline-flex}.status-badge:hover{transform:scale(1.02)}.status-badge--success{background:var(--color-success-light);color:var(--color-success)}.status-badge--warning{background:var(--color-warning-light);color:var(--color-warning)}.status-badge--danger{background:var(--color-danger-light);color:var(--color-danger)}.status-badge--info{background:var(--color-info-light);color:var(--color-info)}.status-badge--purple{background:var(--color-purple-light);color:var(--color-purple)}.status-badge--orange{background:var(--color-orange-light);color:var(--color-orange)}.status-badge--neutral{background:var(--color-slate-100);color:var(--color-slate-600)}.stat-card{padding:var(--space-lg);border-radius:var(--radius-xl);transition:transform var(--transition-base), box-shadow var(--transition-base);position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card--gradient-teal{color:#fff;background:linear-gradient(135deg,#0046c0 0%,#36c 100%)}.stat-card--gradient-blue{color:#fff;background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%)}.stat-card--gradient-purple{color:#fff;background:linear-gradient(135deg,#5b21b6 0%,#8b5cf6 100%)}.stat-card--gradient-amber{color:#fff;background:linear-gradient(135deg,#b45309 0%,#f59e0b 100%)}.stat-card--gradient-rose{color:#fff;background:linear-gradient(135deg,#be123c 0%,#f43f5e 100%)}.stat-card--gradient-emerald{color:#fff;background:linear-gradient(135deg,#065f46 0%,#10b981 100%)}.stat-card--white{background:var(--bg-card);border:1px solid var(--border-color-light);color:var(--color-slate-800)}.stat-card__icon-bg{border-radius:var(--radius-full);background:#ffffff1f;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:absolute;top:-8px;right:-8px}.stat-card__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);opacity:.9;margin-bottom:var(--space-sm)}.stat-card__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);line-height:1.1}.stat-card__white-label{font-size:var(--font-size-sm);color:var(--color-slate-500);margin-bottom:var(--space-sm)}.stat-card__white-value{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-slate-800)}.stat-card__trend{font-size:var(--font-size-sm);margin-top:var(--space-sm);border-radius:var(--radius-full);background:#fff3;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.search-filter{padding:var(--space-base) var(--space-lg);border-bottom:1px solid var(--border-color);gap:var(--space-base);flex-wrap:wrap;align-items:center;display:flex}.search-filter__input-wrapper{flex:1;min-width:250px;position:relative}.search-filter__icon{color:var(--color-slate-400);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-filter__input{border-radius:var(--radius-md);border:1px solid var(--color-slate-300);width:100%;font-size:var(--font-size-sm);transition:all var(--transition-fast);background:#fff;padding:10px 12px 10px 38px}.search-filter__input:focus{border-color:var(--color-primary-light);outline:none;box-shadow:0 0 0 3px #8a4fff1a}.search-filter__select-wrapper{align-items:center;gap:var(--space-sm);display:flex}.search-filter__select{border-radius:var(--radius-md);border:1px solid var(--color-slate-300);color:var(--color-slate-800);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:#fff;padding:10px 12px}.search-filter__select:focus{border-color:var(--color-primary-light);outline:none}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-drawer-overlay);background:#00000073;animation:.2s fadeIn;position:fixed;inset:0}.drawer{background:var(--bg-card);width:480px;max-width:100vw;z-index:var(--z-drawer);padding:var(--space-lg);animation:.3s cubic-bezier(.4,0,.2,1) slideInRight;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-8px 0 32px #0000001f}.drawer__header{border-bottom:1px solid var(--border-color);padding-bottom:var(--space-base);margin-bottom:var(--space-lg);justify-content:space-between;align-items:flex-start;display:flex}.drawer__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-slate-800)}.drawer__subtitle{font-size:var(--font-size-sm);color:var(--color-slate-500);margin-top:4px}.drawer__close-btn{color:var(--color-slate-400);padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:1.5rem}.drawer__close-btn:hover{background:var(--color-slate-100);color:var(--color-slate-800)}.drawer__section{margin-bottom:var(--space-lg)}.drawer__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-slate-600);text-transform:uppercase;letter-spacing:.025em;margin-bottom:var(--space-sm)}.drawer__detail-grid{gap:var(--space-base);background:var(--color-slate-50);padding:var(--space-base);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;display:grid}.drawer__detail-label{font-size:var(--font-size-sm);color:var(--color-slate-500)}.drawer__detail-value{font-weight:var(--font-weight-semibold);color:var(--color-slate-800)}.drawer__actions{gap:var(--space-md);flex-wrap:wrap;display:flex}.drawer__action-btn{border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;gap:var(--space-sm);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;padding:10px 16px;display:flex}.drawer__action-btn--approve{background:var(--color-success-light);color:var(--color-success)}.drawer__action-btn--approve:hover{background:#bbf7d0}.drawer__action-btn--reject{background:var(--color-danger-light);color:var(--color-danger)}.drawer__action-btn--reject:hover{background:#fecaca}.drawer__action-btn--changes{background:var(--color-purple-light);color:var(--color-purple);width:100%}.drawer__action-btn--changes:hover{background:#c7d2fe}.priority-high{color:var(--color-danger);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.progress-bar{background:var(--color-slate-100);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar__fill{border-radius:var(--radius-full);background:var(--color-primary);height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-bar__fill--high{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light))}.progress-bar__fill--medium{background:linear-gradient(90deg, var(--color-warning), #fbbf24)}.progress-bar__fill--low{background:linear-gradient(90deg, var(--color-danger), #fb923c)}.star-rating{color:#f59e0b;gap:1px;display:flex}.form-group{margin-bottom:var(--space-md)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-slate-700);margin-bottom:var(--space-xs);display:block}.form-input{border-radius:var(--radius-md);border:1px solid var(--color-slate-300);width:100%;font-size:var(--font-size-sm);transition:all var(--transition-fast);background:#fff;padding:10px 12px}.form-input:focus{border-color:var(--color-primary-light);outline:none;box-shadow:0 0 0 3px #8a4fff1a}.form-select{border-radius:var(--radius-md);border:1px solid var(--color-slate-300);width:100%;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:#fff;padding:10px 12px}.form-select:focus{border-color:var(--color-primary-light);outline:none;box-shadow:0 0 0 3px #8a4fff1a}.action-btn-premium{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #0000000d}.action-btn-premium span{line-height:1}.action-btn-premium:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.action-btn-premium:active{transform:translateY(0)}.action-accept{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.action-accept:hover{color:#fff;background-color:#10b981;border-color:#10b981;box-shadow:0 4px 10px #10b98140}.action-reject{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}.action-reject:hover{color:#fff;background-color:#ef4444;border-color:#ef4444;box-shadow:0 4px 10px #ef444440}.action-view{color:#475569;background-color:#f8fafc;border:1px solid #e2e8f0}.action-view:hover{color:#fff;background-color:#6366f1;border-color:#6366f1;box-shadow:0 4px 10px #6366f140}.cm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a66;justify-content:center;align-items:center;animation:.2s cmFadeIn;display:flex;position:fixed;inset:0}.cm-modal{background-color:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) cmSlideUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.cm-modal-content{flex-direction:column;display:flex;overflow-y:auto}.cm-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px;display:flex}.cm-modal-title{color:#0f172a;margin:0;font-size:20px;font-weight:700}.cm-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:background-color .2s}.cm-modal-close:hover{color:#0f172a;background-color:#f1f5f9}.cm-modal-body{flex-direction:column;gap:20px;padding:24px;display:flex}.cm-form-group{flex-direction:column;gap:8px;display:flex}.cm-form-label{color:#334155;font-size:14px;font-weight:600}.cm-form-input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.cm-form-input:focus{border-color:#0f172a;outline:none;box-shadow:0 0 0 3px #0f172a1a}.cm-form-error{color:#ef4444;margin-top:4px;font-size:12px}.cm-quick-amounts{flex-wrap:wrap;gap:8px;display:flex}.cm-quick-btn{color:#475569;cursor:pointer;background-color:#f1f5f9;border:1px solid #0000;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s}.cm-quick-btn:hover{color:#0f172a;background-color:#e2e8f0}.cm-quick-btn.active{color:#d97706;background-color:#fffbeb;border-color:#fde68a}.cm-modal-footer{background-color:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}@keyframes cmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cmSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cmSlideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.error-boundary{color:#991b1b;background:#fee2e2;height:100vh;padding:20px;font-family:monospace;overflow:auto}.error-boundary-details{white-space:pre-wrap;margin-top:10px}.cm-modal-body{overflow-y:auto}.dashboard-section{animation:.35s fadeInUp}.dashboard-section__title{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.dashboard-section__title-icon{color:var(--color-primary)}.dashboard-activity{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color-light);overflow:hidden}.dashboard-activity__header{padding:var(--space-lg);border-bottom:1px solid var(--border-color-light);font-weight:var(--font-weight-semibold);color:var(--color-slate-800);align-items:center;gap:var(--space-sm);display:flex}.dashboard-activity__list{flex-direction:column;display:flex}.dashboard-activity__item{align-items:center;gap:var(--space-base);padding:var(--space-base) var(--space-lg);border-bottom:1px solid var(--border-color-light);transition:background var(--transition-fast);display:flex}.dashboard-activity__item:last-child{border-bottom:none}.dashboard-activity__item:hover{background:var(--color-slate-50)}.dashboard-activity__dot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px}.dashboard-activity__dot--success{background:var(--color-success)}.dashboard-activity__dot--warning{background:var(--color-warning)}.dashboard-activity__dot--danger{background:var(--color-danger)}.dashboard-activity__dot--info{background:var(--color-info)}.dashboard-activity__text{font-size:var(--font-size-sm);color:var(--color-slate-600);flex:1}.dashboard-activity__text strong{color:var(--color-slate-800)}.dashboard-activity__time{font-size:var(--font-size-xs);color:var(--color-slate-400);white-space:nowrap}.dashboard-quick-actions{gap:var(--space-base);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.dashboard-quick-action{align-items:center;gap:var(--space-md);padding:var(--space-base);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;display:flex}.dashboard-quick-action:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.dashboard-quick-action__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dashboard-quick-action__icon--teal{background:var(--color-primary-100);color:var(--color-primary)}.dashboard-quick-action__icon--blue{background:var(--color-info-light);color:var(--color-info)}.dashboard-quick-action__icon--amber{background:var(--color-warning-light);color:var(--color-warning)}.dashboard-quick-action__icon--rose{background:var(--color-danger-light);color:var(--color-danger)}.dashboard-quick-action__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-slate-700)}.revenue-chart-card{background:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius-xl);border:1px solid var(--border-color-light)}.revenue-chart-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.revenue-chart-header__icon{color:var(--color-primary)}.revenue-chart-header__title{font-weight:var(--font-weight-semibold);color:var(--color-slate-800)}.revenue-subject-card{background:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius-xl);border:1px solid var(--border-color-light)}.revenue-subject-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.revenue-subject-header__icon{color:#f59e0b}.revenue-subject-list{gap:var(--space-base);flex-direction:column;display:flex}.revenue-subject-item{padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color-light);justify-content:space-between;align-items:center;display:flex}.revenue-subject-item:last-child{border-bottom:none;padding-bottom:0}.revenue-subject-item__name{color:var(--color-slate-600)}.revenue-subject-item__pct{font-weight:var(--font-weight-semibold);color:var(--color-slate-800)}.revenue-bar-list{flex-direction:column;gap:20px;display:flex}.revenue-bar-item{gap:var(--space-sm);flex-direction:column;display:flex}.revenue-bar-item__meta{font-size:var(--font-size-base);justify-content:space-between;display:flex}.revenue-bar-item__month{font-weight:var(--font-weight-semibold);color:var(--color-slate-800)}.revenue-bar-item__amount{color:var(--color-slate-500);font-weight:var(--font-weight-medium)}.revenue-bar-track{background:var(--color-slate-100);border-radius:var(--radius-sm);width:100%;height:12px;overflow:hidden}.revenue-bar-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light));border-radius:var(--radius-sm);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.data-table-wrapper{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);animation:.35s fadeInUp;overflow:hidden}.data-table-scroll{overflow-x:auto}.data-table{text-align:left;width:100%}.data-table thead{background:var(--color-slate-50)}.data-table th{padding:var(--space-md) var(--space-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-slate-500);text-transform:uppercase;letter-spacing:.025em;white-space:nowrap;background:var(--color-slate-50);position:sticky;top:0}.data-table td{padding:var(--space-md) var(--space-base);font-size:var(--font-size-base);vertical-align:middle}.data-table tbody tr{border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:var(--color-primary-50)}.cell-primary{font-weight:var(--font-weight-semibold);color:var(--color-slate-800)}.cell-secondary{font-size:var(--font-size-sm);color:var(--color-slate-500)}.cell-muted{font-size:var(--font-size-xs);color:var(--color-slate-400);margin-top:4px}.cell-accent{color:var(--color-primary);font-weight:var(--font-weight-medium)}.cell-user{align-items:center;gap:var(--space-md);display:flex}.cell-user__details{flex-direction:column;display:flex}.cell-actions{gap:var(--space-sm);display:flex}.data-table__empty{padding:var(--space-2xl);text-align:center;color:var(--color-slate-500)}.data-table-pagination{padding:var(--space-md) var(--space-base);border-top:1px solid var(--border-color);background:var(--bg-card);font-size:var(--font-size-sm);color:var(--color-slate-600);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.data-table-pagination__info{font-weight:var(--font-weight-medium)}.data-table-pagination__actions{align-items:center;gap:var(--space-sm);display:flex}.generic-page{animation:.35s fadeInUp}.generic-page__content{background:var(--bg-card);padding:var(--space-2xl);border-radius:var(--radius-lg);border:1px solid var(--border-color);text-align:center}.generic-page__title{font-size:var(--font-size-xl);color:var(--color-slate-600);margin-bottom:var(--space-sm)}.generic-page__description{color:var(--color-slate-400)}.page-container{animation:.35s fadeInUp}.login-container{background-color:#f8f5ff;min-height:100vh;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.login-card{width:100%;max-width:none;min-height:100vh;box-shadow:none;background-color:#fff;border-radius:0;display:flex;position:relative;overflow:hidden}.login-left{background-color:var(--bg-sidebar);color:#fff;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:45%;padding:48px;display:flex;position:relative;overflow:hidden}.login-left:after{content:"";pointer-events:none;background:#ffffff0d;border-radius:50%;width:100%;height:150%;position:absolute;top:-20%;right:-50%}.login-left:before{content:"";pointer-events:none;background:#0000001a;border-radius:50%;width:80%;height:80%;position:absolute;bottom:-30%;left:-30%}.brand-section{z-index:2;flex-direction:column;align-items:center;margin-bottom:48px;display:flex}.brand-icon-wrapper{color:var(--bg-sidebar);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;display:flex}.brand-name{letter-spacing:.5px;font-size:20px;font-weight:700}.left-content{z-index:2;margin-bottom:48px}.left-title{margin-bottom:16px;font-size:36px;font-weight:700}.left-subtitle{opacity:.9;max-width:380px;margin:0 auto 32px;font-size:14px;line-height:1.6}.outline-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border:1px solid #fff;border-radius:24px;padding:12px 48px;font-size:13px;font-weight:600;transition:all .2s}.outline-button:hover{background:#ffffff1a}.left-footer{text-transform:uppercase;letter-spacing:1px;opacity:.8;z-index:2;font-size:10px;position:absolute;bottom:32px}.login-right{background-color:#fff;flex-direction:column;flex:1.2;justify-content:center;padding:48px 64px;display:flex;position:relative}.right-swoosh{background-color:var(--bg-sidebar);opacity:.05;pointer-events:none;border-radius:50%;width:300px;height:300px;position:absolute;top:-100px;right:-100px}.right-header{text-align:center;margin-bottom:40px}.right-title{color:var(--bg-sidebar);margin-bottom:8px;font-size:36px;font-weight:700}.right-subtitle{color:#6b7280;font-size:14px}.login-form{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.modern-input-group{width:100%;max-width:340px;position:relative}.modern-input-field{border:2px solid var(--bg-sidebar);color:#111827;box-sizing:border-box;background-color:#fff;border-radius:12px;outline:none;width:100%;padding:24px 20px 8px 46px;font-size:15px;font-weight:500;transition:all .3s;box-shadow:0 4px 6px #00000005}.modern-input-field:focus{border-color:var(--bg-sidebar);background-color:#fcfaff;box-shadow:0 0 0 4px #8a4fff26}.modern-input-label{color:#9ca3af;pointer-events:none;font-size:15px;transition:all .25s;position:absolute;top:50%;left:46px;transform:translateY(-50%)}.modern-input-field:focus~.modern-input-label,.modern-input-field:not(:placeholder-shown)~.modern-input-label{color:var(--bg-sidebar);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700;top:12px}.modern-input-icon{color:var(--bg-sidebar);pointer-events:none;transition:color .3s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.modern-input-field:focus~.modern-input-icon,.modern-input-group:focus-within .modern-input-icon{color:var(--bg-sidebar)}.modern-password-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.modern-password-toggle:hover{color:var(--bg-sidebar);background-color:#8a4fff0d}.forgot-password{color:#6b7280;margin-top:8px;margin-bottom:24px;font-size:12px;text-decoration:none}.forgot-password:hover{color:var(--bg-sidebar)}.primary-button{background-color:var(--bg-sidebar);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:24px;justify-content:center;align-items:center;padding:14px 64px;font-size:13px;font-weight:600;transition:background-color .2s;display:flex}.primary-button:hover:not(:disabled){background-color:var(--bg-sidebar-hover)}.primary-button:disabled{opacity:.7;cursor:not-allowed}.signup-link{text-align:center;color:#6b7280;margin-top:24px;font-size:13px}.signup-link a{color:var(--bg-sidebar);font-weight:600;text-decoration:none}.signup-link a:hover{text-decoration:underline}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.login-card{flex-direction:column;max-width:400px;min-height:auto}.login-left{max-width:100%;padding:32px 24px}.left-subtitle,.outline-button,.left-footer{display:none}.left-title{margin-bottom:0}.login-right{padding:32px 24px}}.password-rules{box-sizing:border-box;background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:320px;margin-top:4px;margin-bottom:24px;padding:16px;display:grid;box-shadow:0 4px 6px #00000005}.rule{align-items:center;gap:8px;font-size:13px;transition:all .3s;display:flex}.rule.invalid{color:#9ca3af}.rule.valid{color:var(--bg-sidebar,#0046c0);font-weight:600}.notifications-page{max-width:900px;margin:0 auto;padding:24px;animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.header-title{align-items:center;gap:16px;display:flex}.header-icon{color:#6366f1;box-sizing:content-box;background:#6366f11a;border-radius:12px;padding:10px}.header-title h2{color:#1e293b;margin:0 0 4px;font-size:24px;font-weight:700}.header-title p{color:#64748b;margin:0;font-size:14px}.action-btn.outline{color:#475569;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.action-btn.outline:hover:not(:disabled){color:#1e293b;background:#f8fafc;border-color:#94a3b8}.action-btn.outline:disabled{opacity:.5;cursor:not-allowed}.notifications-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.filters-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 24px}.tabs{gap:12px;display:flex}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.tab-btn:hover{color:#1e293b;background:#e2e8f0}.tab-btn.active{color:#fff;background:#6366f1}.tab-btn .badge{color:#fff;background:#ef4444;border-radius:99px;padding:2px 8px;font-size:12px;font-weight:700}.tab-btn.active .badge{color:#6366f1;background:#fff}.notifications-list{flex-direction:column;display:flex}.notification-card{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:16px;padding:20px 24px;transition:background-color .2s;display:flex}.notification-card:last-child{border-bottom:none}.notification-card:hover{background-color:#f8fafc}.notification-card.unread{background-color:#eff6ff}.notification-card.unread:hover{background-color:#e0f2fe}.notif-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.notif-icon.success{color:#10b981;background:#d1fae5;border-radius:50%;padding:10px}.notif-icon.warning{color:#f59e0b;background:#fef3c7;border-radius:50%;padding:10px}.notif-icon.error{color:#ef4444;background:#fee2e2;border-radius:50%;padding:10px}.notif-icon.info{color:#3b82f6;background:#dbeafe;border-radius:50%;padding:10px}.notif-icon.user{color:#8b5cf6;background:#ede9fe;border-radius:50%;padding:10px}.notif-icon.payment{color:#14b8a6;background:#ccfbf1;border-radius:50%;padding:10px}.notif-content{flex-grow:1}.notif-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.notif-header h4{color:#1e293b;margin:0;font-size:15px;font-weight:600}.notification-card.unread .notif-header h4{color:#0f172a}.notif-time{color:#94a3b8;white-space:nowrap;font-size:12px}.notif-message{color:#475569;margin:0;font-size:14px;line-height:1.5}.notif-actions{opacity:0;gap:8px;transition:opacity .2s;display:flex}.notification-card:hover .notif-actions{opacity:1}.icon-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.icon-btn.mark-read{color:#6366f1}.icon-btn.mark-read:hover{background:#e0e7ff}.icon-btn.delete{color:#94a3b8}.icon-btn.delete:hover{color:#ef4444;background:#fee2e2}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:64px 24px;display:flex}.empty-icon{color:#cbd5e1}.empty-state h3{color:#475569;margin:0;font-size:18px}.empty-state p{color:#94a3b8;margin:0;font-size:14px}.settings-page{max-width:1000px;margin:0 auto;padding:24px}.settings-header{margin-bottom:32px}.settings-header h2{color:#1e293b;margin:0 0 8px;font-size:28px;font-weight:700}.settings-header p{color:#64748b;margin:0;font-size:15px}.settings-layout{background:#fff;border:1px solid #e2e8f0;border-radius:20px;gap:32px;min-height:500px;display:flex;overflow:hidden;box-shadow:0 10px 25px -5px #0000000d}.settings-sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;flex-shrink:0;width:260px;padding:24px 16px}.settings-nav{flex-direction:column;gap:8px;display:flex}.nav-item{color:#64748b;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.nav-item:hover{color:#1e293b;background:#e2e8f0}.nav-item.active{color:#fff;background:#6366f1;box-shadow:0 4px 10px -2px #6366f166}.settings-content{flex-grow:1;padding:32px 40px;overflow-y:auto}.fade-in{animation:.4s ease-out fadeInSettings}@keyframes fadeInSettings{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.settings-section h3{color:#0f172a;margin:0 0 8px;font-size:20px;font-weight:700}.section-desc{color:#64748b;margin:0 0 32px;font-size:14px}.avatar-section{border-bottom:1px solid #e2e8f0;align-items:center;gap:24px;margin-bottom:32px;padding-bottom:32px;display:flex}.avatar-preview{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#ec4899 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:24px;font-weight:700;display:flex;box-shadow:0 10px 15px -3px #6366f14d}.avatar-actions{flex-direction:column;gap:12px;display:flex}.settings-form{flex-direction:column;gap:24px;display:flex}.form-row{gap:24px;display:flex}.form-row .form-group{flex:1}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#334155;font-size:14px;font-weight:600}.form-input{color:#1e293b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .2s}.form-input:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.form-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;margin-top:16px;padding-top:24px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #6366f14d}.btn-primary:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 6px 12px -2px #6366f166}.btn-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-secondary:hover{background:#f1f5f9;border-color:#94a3b8}.btn-text{cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.text-danger:hover{color:#dc2626;text-decoration:underline}.toggle-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:20px;display:flex}.toggle-info h4{color:#1e293b;margin:0 0 4px;font-size:15px}.toggle-info p{color:#64748b;margin:0;font-size:13px}.toggle-switch{width:50px;height:28px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:20px;height:20px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:#6366f1}input:checked+.slider:before{transform:translate(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.preference-group{margin-bottom:32px}.preference-group h4{color:#1e293b;margin:0 0 16px;font-size:16px}.theme-options{gap:16px;display:flex}.theme-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:2px solid #0000;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:12px;padding:24px;transition:all .2s;display:flex}.theme-btn span{font-size:14px;font-weight:600}.theme-btn:hover{background:#f1f5f9}.theme-btn.active{color:#6366f1;background:#eef2ff;border-color:#6366f1}.checkbox-list{flex-direction:column;gap:16px;display:flex}.checkbox-item{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.checkbox-item input[type=checkbox]{accent-color:#6366f1;cursor:pointer;width:18px;height:18px;margin-top:2px}.checkbox-info{flex-direction:column;display:flex}.checkbox-label{color:#1e293b;font-size:15px;font-weight:600}.checkbox-desc{color:#64748b;margin-top:2px;font-size:13px}@media (width<=768px){.settings-layout{flex-direction:column}.settings-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;width:100%}.settings-nav{flex-direction:row;padding-bottom:8px;overflow-x:auto}.nav-item{white-space:nowrap}.form-row{flex-direction:column;gap:24px}.theme-options{flex-direction:column}}.avatar-business{color:#fff;background:#0046c0;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:700;display:flex}.input-disabled{opacity:.7;cursor:not-allowed;background-color:#f1f5f9}.input-with-icon{position:relative}.input-icon-padding{padding-right:2.5rem}.icon-btn-absolute{cursor:pointer;color:#64748b;background:0 0;border:none;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}input[type=password]::-ms-reveal{width:0!important;height:0!important;display:none!important}input[type=password]::-ms-clear{width:0!important;height:0!important;display:none!important}input::-ms-reveal{width:0!important;height:0!important;display:none!important}input::-ms-clear{width:0!important;height:0!important;display:none!important}:root{--color-primary:#0046c0;--color-primary-light:#36c;--color-primary-dark:#026;--color-primary-50:#f5faff;--color-primary-100:#e6f0ff;--color-primary-200:#d6e4ff;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-success:#16a34a;--color-success-light:#dcfce7;--color-warning:#d97706;--color-warning-light:#fef3c7;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-info:#2563eb;--color-info-light:#dbeafe;--color-purple:#4f46e5;--color-purple-light:#e0e7ff;--color-orange:#ea580c;--color-orange-light:#ffedd5;--bg-body:#f8fafc;--bg-card:#fff;--bg-sidebar:#0046c0;--bg-sidebar-active:#fff3;--bg-sidebar-hover:#026;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.85rem;--font-size-base:.95rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-base:16px;--space-lg:24px;--space-xl:32px;--space-2xl:40px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--border-color:#e2e8f0;--border-color-light:#f1f5f9;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-xl:0 12px 40px #0000001f;--shadow-glow:0 0 20px #8a4fff26;--sidebar-width:272px;--topbar-height:70px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--z-sidebar-overlay:40;--z-sidebar:50;--z-topbar:30;--z-drawer-overlay:60;--z-drawer:70;--z-tooltip:80}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{min-height:100vh;line-height:1.6}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;line-height:1.3}p{overflow-wrap:break-word}#root{min-height:100vh}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.3s fadeIn}.animate-fade-in-up{animation:.35s fadeInUp}.animate-slide-in-right{animation:.3s cubic-bezier(.4,0,.2,1) slideInRight}.animate-scale-in{animation:.2s scaleIn}.animate-pulse{animation:2s infinite pulse}.stagger-children>*{animation:.35s both fadeInUp}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:50ms}.stagger-children>:nth-child(3){animation-delay:.1s}.stagger-children>:nth-child(4){animation-delay:.15s}.stagger-children>:nth-child(5){animation-delay:.2s}.stagger-children>:nth-child(6){animation-delay:.25s}.hover-lift{transition:transform var(--transition-base), box-shadow var(--transition-base)}.hover-lift:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-slate-800);background:var(--bg-body)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-slate-800);margin-bottom:var(--space-lg)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-slate-800)}.label-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-slate-500);text-transform:uppercase;letter-spacing:.025em}.subtitle-text{font-size:var(--font-size-sm);color:var(--color-slate-500)}.muted-text{font-size:var(--font-size-xs);color:var(--color-slate-400)}.page-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.page-header__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-slate-800)}.card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color-light);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base), transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card--bordered{border:1px solid var(--border-color)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);transition:all var(--transition-fast);white-space:nowrap;padding:10px 16px;display:inline-flex}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-glow)}.btn--outline{background:var(--bg-card);color:var(--color-primary);border:1px solid var(--color-primary)}.btn--outline:hover{background:var(--color-primary-50)}.btn--ghost{color:var(--color-slate-600);border:1px solid var(--border-color);background:0 0}.btn--ghost:hover{background:var(--color-slate-50);border-color:var(--color-slate-300)}.btn--success{background:var(--color-success-light);color:var(--color-success)}.btn--success:hover{background:#bbf7d0}.btn--danger{background:var(--color-danger-light);color:var(--color-danger)}.btn--danger:hover{background:#fecaca}.btn--purple{background:var(--color-purple-light);color:var(--color-purple)}.btn--purple:hover{background:#c7d2fe}.btn--icon{border-radius:var(--radius-sm);background:var(--color-slate-50);color:var(--color-slate-600);border:none;padding:6px 10px}.btn--icon:hover{background:var(--color-slate-200)}.btn--icon-bare{background:0 0;border:none;padding:4px}.grid-stats{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.grid-2-col{gap:var(--space-lg);grid-template-columns:2fr 1fr;display:grid}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-gap-sm{align-items:center;gap:var(--space-sm);display:flex}.flex-gap-md{align-items:center;gap:var(--space-md);display:flex}.flex-gap-lg{align-items:center;gap:var(--space-base);display:flex}.flex-col-gap-sm{gap:var(--space-sm);flex-direction:column;display:flex}.flex-col-gap-md{gap:var(--space-md);flex-direction:column;display:flex}.flex-wrap{flex-wrap:wrap}.avatar{border-radius:var(--radius-full);width:40px;height:40px;font-weight:var(--font-weight-bold);color:#fff;font-size:var(--font-size-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar--primary{background:var(--color-primary)}.avatar--info{background:var(--color-info)}.avatar--purple{background:var(--color-purple)}.avatar--sm{width:36px;height:36px}.empty-state{padding:var(--space-2xl);text-align:center;color:var(--color-slate-500)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-slate-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-slate-400)}::selection{background:var(--color-primary-200);color:var(--color-primary-dark)}@media (width<=1024px){.grid-2-col{grid-template-columns:1fr}}@media (width<=768px){.grid-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.page-header{align-items:flex-start;gap:var(--space-md);flex-direction:column}}input[type=password]::-ms-reveal{width:0!important;height:0!important;display:none!important}input[type=password]::-ms-clear{width:0!important;height:0!important;display:none!important}input::-ms-reveal{width:0!important;height:0!important;display:none!important}input::-ms-clear{width:0!important;height:0!important;display:none!important}.flex-row{display:flex}.flex-col{flex-direction:column;display:flex}.flex-between{justify-content:space-between}.flex-center{justify-content:center;align-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.grid-2{grid-template-columns:1fr 1fr;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);display:grid}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.m-0{margin:0}.mt-1{margin-top:4px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-1{margin-bottom:4px}.mb-3{margin-bottom:12px}.mb-5{margin-bottom:20px}.mb-8{margin-bottom:32px}.ml-2{margin-left:8px}.mr-2{margin-right:8px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.card-base{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.card-light{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.card-shadow{box-shadow:0 1px 2px #0000000d}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-base{font-size:15px}.text-md{font-size:16px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-slate-800{color:#1e293b}.text-slate-500{color:#64748b}.text-white{color:#fff}.text-success{color:#10b981}.text-warning{color:#f59e0b}.bg-slate-50{background-color:#f8fafc}.bg-slate-100{background-color:#f1f5f9}.border-base{border:1px solid #e2e8f0}.border-b{border-bottom:1px solid #e2e8f0}.rounded-lg{border-radius:8px}.rounded-2xl{border-radius:16px}.rounded-full{border-radius:9999px}.h-full{height:100%}.text-center{text-align:center}.text-right{text-align:right}.pt-6{padding-top:24px}.btn-sm{padding:4px 8px;font-size:12px}.border-success{border-color:#10b981}.max-w-600{max-width:600px}.col-span-full{grid-column:1/-1}.pt-2{padding-top:8px}.max-w-800{max-width:800px}.w-90{width:90%}.border-dashed{border:1px dashed #cbd5e1}.rounded-b-xl{border-bottom-right-radius:12px;border-bottom-left-radius:12px}.bg-success{background-color:#10b981}.badge-type{color:#475569;text-transform:uppercase;letter-spacing:.05em;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:10px}.capitalize{text-transform:capitalize}.flex-1{flex:1}.max-w-300{max-width:300px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.italic{font-style:italic}.p-0{padding:0}.overflow-hidden{overflow:hidden}.h-80vh{height:80vh}.ml-1{margin-left:4px}.mr-1{margin-right:4px}.max-w-80{max-width:80%}.rounded-msg-received{border-radius:16px 16px 16px 4px}.rounded-msg-sent{border-radius:16px 16px 4px}.bg-blue-500{background-color:#3b82f6}.opacity-50{opacity:.5}.bg-card{background:var(--bg-card)}.rounded-xl{border-radius:var(--radius-xl)}.text-primary{color:var(--color-primary)}.max-h-300{max-height:300px}.w-8{width:32px}.h-8{height:32px}.text-sm{font-size:14px}.text-xs{font-size:12px}.text-13{font-size:13px}.max-w-500{max-width:500px}.p-6{padding:24px}.block{display:block}.text-slate-600{color:#475569}.p-2_5{padding:10px}.rounded-md{border-radius:6px}.mt-5{margin-top:20px}.pt-4{padding-top:16px}.border-t{border-top:1px solid var(--border-color)}.border-danger{border-color:var(--color-danger)}.text-danger{color:var(--color-danger)}.bg-success{background-color:var(--color-success);border-color:var(--color-success)}.bg-success:hover{background-color:var(--color-success-dark,#059669);border-color:var(--color-success-dark,#059669)}.mb-4{margin-bottom:16px}.max-w-400{max-width:400px}.relative{position:relative}.absolute{position:absolute}.top-4{top:16px}.right-4{right:16px}.mb-6{margin-bottom:24px}.text-lg{font-size:18px}.text-slate-900{color:#111827}.mb-2{margin-bottom:8px}.text-slate-700{color:#374151}.cursor-pointer{cursor:pointer}.bg-white{background-color:#fff}.border-slate-200{border:1px solid #e2e8f0}.shadow-md{box-shadow:0 4px 6px -1px #0000001a}.min-w-150{min-width:150px}.z-50{z-index:50}.top-120{top:120%}.right-0{right:0}.w-full{width:100%}.text-left{text-align:left}.bg-transparent{background-color:#0000}.border-none{border:none}.px-3{padding-left:12px;padding-right:12px}.py-2{padding-top:8px;padding-bottom:8px}.hover-bg-danger-light:hover{background-color:#fee2e2}.top-full{top:100%}.mt-2{margin-top:8px}.left-0{left:0}.max-h-60{max-height:240px}.overflow-y-auto{overflow-y:auto}.hover-bg-slate-50:hover{background-color:#f8fafc}.revenue-growth-container{gap:var(--space-lg)}.revenue-growth-card{padding:var(--space-lg)}.revenue-growth-title{margin-bottom:var(--space-base)}