@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=JetBrains+Mono:wght@400;500&display=swap);*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;background:#fffffff2;border-bottom:1px solid var(--color-gray-100);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.header__container{align-items:center;display:flex;gap:var(--spacing-8);height:72px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 var(--spacing-6)}.header__brand{flex-shrink:0}.header__brand,.header__logo{align-items:center;display:flex}.header__logo{gap:var(--spacing-3);text-decoration:none;transition:opacity var(--transition-fast)}.header__logo:hover{opacity:.9}.header__logo-icon{height:36px;width:36px}.header__logo-icon svg{height:100%;width:100%}.header__logo-text{color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.025em}.header__nav{display:flex;flex:1 1;justify-content:center}.header__nav-list{display:flex;gap:var(--spacing-1);list-style:none;margin:0;padding:0}.header__nav-item{margin:0}.header__nav-link{align-items:center;border-radius:var(--radius-lg);color:var(--color-gray-500);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);text-decoration:none;transition:all var(--transition-fast)}.header__nav-link svg{height:18px;width:18px}.header__nav-link:hover{background:var(--color-gray-50);color:var(--color-gray-900)}.header__nav-link--active,.header__nav-link--active:hover{background:var(--color-primary-50);color:var(--color-primary)}.header__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-3)}.header__search{align-items:center;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-2);min-width:240px;padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-fast)}.header__search:focus-within{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50)}.header__search svg{color:var(--color-gray-400);flex-shrink:0;height:18px;width:18px}.header__search-input{background:none;border:none;color:var(--color-gray-900);flex:1 1;font-size:var(--font-size-sm);min-width:0;outline:none}.header__search-input::placeholder,.header__search-shortcut{color:var(--color-gray-400)}.header__search-shortcut{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}.header__action-button{align-items:center;background:none;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);color:var(--color-gray-600);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all var(--transition-fast);width:40px}.header__action-button svg{height:20px;width:20px}.header__action-button:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-gray-900)}.header__notification-badge{align-items:center;background:var(--color-danger);border-radius:var(--radius-full);color:#fff;display:flex;font-size:10px;font-weight:var(--font-weight-bold);height:18px;justify-content:center;min-width:18px;padding:0 var(--spacing-1);position:absolute;right:-4px;top:-4px}.header__notification-wrapper,.header__profile-wrapper{position:relative}.header__profile{align-items:center;background:none;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:var(--spacing-3);padding:var(--spacing-2);transition:all var(--transition-fast)}.header__profile:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.header__avatar{border-radius:var(--radius-lg);flex-shrink:0;height:36px;overflow:hidden;width:36px}.header__avatar img{height:100%;object-fit:cover;width:100%}.header__user-info{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.header__user-name{color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.2}.header__user-role{color:var(--color-gray-500);font-size:var(--font-size-xs)}.header__chevron{color:var(--color-gray-400);height:16px;margin-left:var(--spacing-1);width:16px}.header__dropdown{animation:dropdownSlideIn .15s ease-out;background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--spacing-2));z-index:var(--z-dropdown)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.header__dropdown--notifications{min-width:320px}.header__dropdown-header{align-items:center;border-bottom:1px solid var(--color-gray-100);display:flex;justify-content:space-between;padding:var(--spacing-4)}.header__dropdown-header h4{color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0}.header__dropdown-action{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.header__dropdown-action:hover{color:var(--color-primary-dark)}.header__dropdown-content{max-height:320px;overflow-y:auto;padding:var(--spacing-2)}.header__dropdown-footer{border-top:1px solid var(--color-gray-100);padding:var(--spacing-3);text-align:center}.header__dropdown-footer button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.notification-item{border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-3);padding:var(--spacing-3);transition:background var(--transition-fast)}.notification-item:hover{background:var(--color-gray-50)}.notification-item--unread{background:var(--color-primary-50)}.notification-item--unread:hover{background:var(--color-primary-100)}.notification-item__dot{background:var(--color-primary);border-radius:var(--radius-full);flex-shrink:0;height:8px;margin-top:6px;opacity:0;width:8px}.notification-item--unread .notification-item__dot{opacity:1}.notification-item__content{flex:1 1;min-width:0}.notification-item__title{color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.notification-item__message{color:var(--color-gray-600);font-size:var(--font-size-xs);margin-bottom:var(--spacing-1)}.notification-item__time{color:var(--color-gray-400);font-size:var(--font-size-xs)}.dropdown-item{align-items:center;background:none;border:none;border-radius:var(--radius-lg);color:var(--color-gray-700);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-3);padding:var(--spacing-3);text-align:left;transition:all var(--transition-fast);width:100%}.dropdown-item svg{color:var(--color-gray-400);height:18px;width:18px}.dropdown-item:hover{background:var(--color-gray-50);color:var(--color-gray-900)}.dropdown-item:hover svg{color:var(--color-gray-600)}.dropdown-item--danger,.dropdown-item--danger svg{color:var(--color-danger)}.dropdown-item--danger:hover{background:var(--color-danger-bg);color:var(--color-danger)}.dropdown-divider{background:var(--color-gray-100);height:1px;margin:var(--spacing-2) 0}@media (max-width:1024px){.header__search{min-width:180px}.header__search-shortcut{display:none}}@media (max-width:768px){.header__container{gap:var(--spacing-4);height:64px;padding:0 var(--spacing-4)}.header__chevron,.header__logo-text,.header__nav,.header__search,.header__user-info{display:none}.header__profile{border:none;padding:var(--spacing-1)}.header__profile:hover{background:none}}@media (max-width:480px){.header__actions{gap:var(--spacing-2)}.header__action-button{height:36px;width:36px}.header__avatar{height:32px;width:32px}.header__dropdown{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;bottom:0;left:0;max-height:70vh;min-width:100%;position:fixed;right:0;top:auto}}.dashboard{animation:fadeIn .4s ease-out;margin:0 auto;max-width:1400px}.dashboard__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between;margin-bottom:var(--spacing-8)}.dashboard__header-content h1{color:var(--color-gray-900);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.025em;margin-bottom:var(--spacing-2)}.dashboard__header-content p{color:var(--color-gray-500);font-size:var(--font-size-lg);margin:0}.dashboard__header-actions{display:flex;gap:var(--spacing-3)}.btn--primary:hover{box-shadow:0 6px 20px #6366f180;transform:translateY(-1px)}.dashboard__stats{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-8)}.stat-card{animation:slideUp .5s ease-out backwards;background:#fff;border:1px solid var(--color-gray-100);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:var(--spacing-6);transition:all var(--transition-normal)}.stat-card:first-child{animation-delay:0s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:nth-child(4){animation-delay:.3s}.stat-card:hover{border-color:var(--color-gray-200);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-card--primary{background:var(--gradient-primary);border:none}.stat-card--primary .stat-card__label,.stat-card--primary .stat-card__sublabel,.stat-card--primary .stat-card__value{color:#fff}.stat-card--primary .stat-card__icon,.stat-card--primary .stat-card__trend{background:#fff3;color:#fff}.stat-card__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-4)}.stat-card__icon{align-items:center;border-radius:var(--radius-xl);display:flex;height:48px;justify-content:center;width:48px}.stat-card__icon svg{height:24px;width:24px}.stat-card__icon--primary{background:var(--color-primary-50);color:var(--color-primary)}.stat-card__icon--success{background:var(--color-success-bg);color:var(--color-success)}.stat-card__icon--warning{background:var(--color-warning-bg);color:var(--color-warning)}.stat-card__icon--info{background:var(--color-info-bg);color:var(--color-info)}.stat-card__trend{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2)}.stat-card__trend--up{background:var(--color-success-bg);color:var(--color-success)}.stat-card__trend--down{background:var(--color-danger-bg);color:var(--color-danger)}.stat-card__value{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-1)}.stat-card__label{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1)}.stat-card__sublabel{color:var(--color-gray-400);font-size:var(--font-size-xs)}.dashboard__grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:1.5fr 1fr;grid-template-rows:auto auto;margin-bottom:var(--spacing-8)}.dashboard__card{animation:slideUp .5s ease-out backwards;animation-delay:.4s;background:#fff;border:1px solid var(--color-gray-100);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.dashboard__card--chart,.dashboard__card--pipeline{grid-row:span 1}.dashboard__card--customers{animation-delay:.5s}.dashboard__card--activity{animation-delay:.6s}.card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-6)}.card__header h3{color:var(--color-gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.card__header-actions{display:flex;gap:var(--spacing-2)}.card__tab{background:none;border:none;border-radius:var(--radius-md);color:var(--color-gray-500);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-3);transition:all var(--transition-fast)}.card__tab:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.card__tab--active{background:var(--color-primary-50);color:var(--color-primary)}.card__link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:color var(--transition-fast)}.card__link:hover{color:var(--color-primary-dark)}.chart-container{height:240px}.chart-bars,.chart-container{align-items:flex-end;display:flex}.chart-bars{gap:var(--spacing-4);height:100%;justify-content:space-between;width:100%}.chart-bar-wrapper{align-items:center;animation:slideUp .6s ease-out backwards;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-2)}.chart-bar-value{color:var(--color-gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.chart-bar{background:var(--gradient-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:60px;min-height:20px;transition:all var(--transition-normal);width:100%}.chart-bar:hover{opacity:.85;transform:scaleY(1.02);transform-origin:bottom}.chart-bar-label{color:var(--color-gray-500);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.pipeline-stages{gap:var(--spacing-5);margin-bottom:var(--spacing-6)}.pipeline-stage,.pipeline-stages{display:flex;flex-direction:column}.pipeline-stage{gap:var(--spacing-2)}.pipeline-stage__header{align-items:center;display:flex;justify-content:space-between}.pipeline-stage__name{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pipeline-stage__count{color:var(--color-gray-500);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-1) var(--spacing-2)}.pipeline-stage__bar,.pipeline-stage__count{background:var(--color-gray-100);border-radius:var(--radius-full)}.pipeline-stage__bar{height:8px;overflow:hidden}.pipeline-stage__fill{border-radius:var(--radius-full);height:100%;transition:width .8s ease-out}.pipeline-stage__fill--qualification{background:var(--color-info)}.pipeline-stage__fill--proposal{background:var(--color-warning)}.pipeline-stage__fill--negotiation{background:var(--color-success)}.pipeline-stage__value{color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.pipeline-summary{border-top:1px solid var(--color-gray-100);display:flex;gap:var(--spacing-4);padding-top:var(--spacing-4)}.pipeline-summary__item{align-items:center;display:flex;gap:var(--spacing-2)}.pipeline-summary__label{color:var(--color-gray-500);font-size:var(--font-size-sm)}.pipeline-summary__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.pipeline-summary__value--success{color:var(--color-success)}.pipeline-summary__value--danger{color:var(--color-danger)}.top-customers{flex-direction:column}.top-customer,.top-customers{display:flex;gap:var(--spacing-3)}.top-customer{align-items:center;animation:slideUp .4s ease-out backwards;border-radius:var(--radius-xl);padding:var(--spacing-3);transition:all var(--transition-fast)}.top-customer:hover{background:var(--color-gray-50)}.top-customer__rank{color:var(--color-gray-400);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);width:24px}.top-customer__avatar{background:var(--color-gray-100);border-radius:var(--radius-lg);flex-shrink:0;height:40px;overflow:hidden;width:40px}.top-customer__avatar img{height:100%;object-fit:cover;width:100%}.top-customer__info{flex:1 1;min-width:0}.top-customer__name{color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-customer__industry{color:var(--color-gray-500);font-size:var(--font-size-xs)}.top-customer__value{color:var(--color-success);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.activity-feed{display:flex;flex-direction:column;gap:var(--spacing-1)}.activity-item{align-items:flex-start;animation:slideUp .3s ease-out backwards;border-radius:var(--radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-3);transition:all var(--transition-fast)}.activity-item:hover{background:var(--color-gray-50)}.activity-item__icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:var(--font-size-base);height:36px;justify-content:center;width:36px}.activity-item__icon--success{background:var(--color-success-bg)}.activity-item__icon--primary{background:var(--color-primary-50)}.activity-item__icon--info{background:var(--color-info-bg)}.activity-item__icon--warning{background:var(--color-warning-bg)}.activity-item__icon--neutral{background:var(--color-gray-100)}.activity-item__content{flex:1 1;min-width:0}.activity-item__title{color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.activity-item__description{color:var(--color-gray-500);font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-item__value{color:var(--color-success);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);margin-top:var(--spacing-1)}.activity-item__time{color:var(--color-gray-400);font-size:var(--font-size-xs);white-space:nowrap}.dashboard__quick-actions{animation:slideUp .5s ease-out backwards;animation-delay:.7s;background:#fff;border:1px solid var(--color-gray-100);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.dashboard__quick-actions h3{color:var(--color-gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-5)}.quick-actions__grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(4,1fr)}.quick-action{align-items:center;background:var(--color-gray-50);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-5);text-decoration:none;transition:all var(--transition-fast)}.quick-action:hover{background:var(--color-primary-50);border-color:var(--color-primary-100);transform:translateY(-2px)}.quick-action:hover .quick-action__icon{background:var(--color-primary);color:#fff}.quick-action__icon{align-items:center;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;height:48px;justify-content:center;transition:all var(--transition-fast);width:48px}.quick-action__icon svg{color:var(--color-gray-600);height:24px;width:24px}.quick-action:hover .quick-action__icon svg{color:#fff}.quick-action span:last-child{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.dashboard-error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:var(--spacing-8);text-align:center}.error-icon{font-size:48px;margin-bottom:var(--spacing-4)}.dashboard-error h2{color:var(--color-gray-900);font-size:var(--font-size-xl);margin-bottom:var(--spacing-2)}.dashboard-error p{color:var(--color-gray-500);margin-bottom:var(--spacing-6)}@media (max-width:1200px){.dashboard__stats{grid-template-columns:repeat(2,1fr)}.dashboard__grid{grid-template-columns:1fr}.quick-actions__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard__header{align-items:flex-start;flex-direction:column}.dashboard__header-actions{width:100%}.dashboard__header-actions .btn{flex:1 1;justify-content:center}.dashboard__stats{grid-template-columns:1fr}.stat-card{padding:var(--spacing-5)}.stat-card__value{font-size:var(--font-size-2xl)}.quick-actions__grid{grid-template-columns:repeat(2,1fr)}.chart-bars{gap:var(--spacing-2)}}@media (max-width:480px){.quick-actions__grid{grid-template-columns:1fr}.dashboard__header-actions{flex-direction:column}}.btn{justify-content:center;line-height:1.5;overflow:hidden;position:relative;text-decoration:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--primary{background:var(--gradient-primary);box-shadow:0 4px 14px #6366f166;color:#fff}.btn--primary:hover:not(:disabled){box-shadow:0 6px 20px #6366f180;transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background:var(--color-gray-100);border:1px solid var(--color-gray-200);color:var(--color-gray-700)}.btn--secondary:hover:not(:disabled){background:var(--color-gray-200);border-color:var(--color-gray-300)}.btn--danger{background:var(--color-danger);box-shadow:0 4px 14px #ef44444d;color:#fff}.btn--danger:hover:not(:disabled){background:var(--color-danger-dark);box-shadow:0 6px 20px #ef444466}.btn--success{background:var(--color-success);box-shadow:0 4px 14px #10b9814d;color:#fff}.btn--success:hover:not(:disabled){background:var(--color-success-dark);box-shadow:0 6px 20px #10b98166}.btn--warning{background:var(--color-warning);color:var(--color-gray-900)}.btn--warning:hover:not(:disabled){background:var(--color-warning-dark)}.btn--outline:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-300)}.btn--ghost{background:#0000;color:var(--color-gray-600)}.btn--ghost:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-gray-900)}.btn--small{border-radius:var(--radius-md);font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-3)}.btn--medium{font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-5)}.btn--large{border-radius:var(--radius-xl);font-size:var(--font-size-base);padding:var(--spacing-4) var(--spacing-6)}.btn--icon{height:36px;padding:var(--spacing-2);width:36px}.btn--icon.btn--small{height:28px;width:28px}.btn--icon.btn--large{height:44px;width:44px}.btn--loading{pointer-events:none}.btn__spinner{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.btn__content--loading{opacity:.7}.btn--full{width:100%}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.btn-group .btn:last-child{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.btn-group .btn:not(:last-child){border-right:1px solid #fff3}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-4);position:fixed;right:0;top:0;z-index:var(--z-modal)}.modal-content{animation:modalSlideIn .3s ease-out;background-color:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.modal-content--small{max-width:400px}.modal-content--medium{max-width:560px}.modal-content--large{max-width:720px}.modal-content--fullscreen{max-height:95vh;max-width:95vw}.modal-header{align-items:center;border-bottom:1px solid var(--color-gray-100);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-6)}.modal-title{color:var(--color-gray-900);font-weight:var(--font-weight-semibold);letter-spacing:-.025em;margin:0}.modal-close,.modal-title{font-size:var(--font-size-xl)}.modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-lg);color:var(--color-gray-400);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.modal-close:hover{background-color:var(--color-gray-100);color:var(--color-gray-600)}.modal-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal-body{flex:1 1;overflow-y:auto;padding:var(--spacing-6)}.modal-footer{background:var(--color-gray-50);border-top:1px solid var(--color-gray-100);display:flex;gap:var(--spacing-3);justify-content:flex-end;padding:var(--spacing-6)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:640px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{animation:modalSlideUp .3s ease-out;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;max-height:90vh;max-width:100%}.modal-body,.modal-footer,.modal-header{padding:var(--spacing-5)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.input-group{flex-direction:column}.input-group,.input-label{display:flex;gap:var(--spacing-xs)}.input-label{align-items:center;color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.input-required{color:var(--color-danger);font-weight:var(--font-weight-bold)}.input-wrapper{align-items:center;display:flex;position:relative}.input{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius);color:var(--color-gray-900);font-size:var(--font-size-base);line-height:var(--line-height-normal);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.input::placeholder{color:var(--color-gray-500)}.input--small{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.input--medium{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md)}.input--large{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-lg)}.input--error,.input--error:focus{border-color:var(--color-danger)}.input--error:focus{box-shadow:0 0 0 3px #dc35451a}.input--disabled{background-color:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.input--disabled::placeholder{color:var(--color-gray-400)}.input--with-icon{padding-left:var(--spacing-xl)}.input--icon-right{padding-left:var(--spacing-md);padding-right:var(--spacing-xl)}.input-icon{color:var(--color-gray-500);font-size:var(--font-size-base);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-icon--left{left:var(--spacing-md)}.input-icon--right{right:var(--spacing-md)}.input:focus+.input-icon--left,.input:focus+.input-icon--right,.input:focus~.input-icon--left,.input:focus~.input-icon--right{color:var(--color-primary)}.input-helper{color:var(--color-gray-600)}.input-error,.input-helper{font-size:var(--font-size-sm)}.input-error{align-items:center;color:var(--color-danger);display:flex;gap:var(--spacing-xs)}.input-error:before{content:"⚠";font-size:var(--font-size-xs)}@media (max-width:640px){.input--small{padding:var(--spacing-xs) var(--spacing-sm)}.input--medium{padding:var(--spacing-sm) var(--spacing-md)}.input--large{padding:var(--spacing-md) var(--spacing-lg)}}.customer-form{display:flex;flex-direction:column;gap:var(--spacing-8)}.customer-form__section{display:flex;flex-direction:column;gap:var(--spacing-4)}.customer-form__section h3{align-items:center;border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-900);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin:0;padding-bottom:var(--spacing-3)}.customer-form__section h3:before{background:var(--gradient-primary);border-radius:var(--radius-full);content:"";height:16px;width:4px}.customer-form__row{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:1fr 1fr}.customer-form__actions{border-top:1px solid var(--color-gray-100);display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-2);padding-top:var(--spacing-6)}.customer-form .input-wrapper{margin-bottom:0}.customer-form .input-field{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast)}.customer-form .input-field:hover{border-color:var(--color-gray-300)}.customer-form .input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50)}@media (max-width:640px){.customer-form__row{grid-template-columns:1fr}.customer-form__actions{flex-direction:column-reverse}.customer-form__actions button{width:100%}}.customers{animation:fadeIn .4s ease-out;margin:0 auto;max-width:1400px}.customers__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between;margin-bottom:var(--spacing-6)}.customers__header-content h1{color:var(--color-gray-900);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.025em;margin-bottom:var(--spacing-2)}.customers__header-content p{color:var(--color-gray-500);font-size:var(--font-size-base);margin:0}.customers__header-actions{display:flex;gap:var(--spacing-3)}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);transition:all var(--transition-fast)}.btn--outline{background:#fff;border:1px solid var(--color-gray-200);color:var(--color-gray-700)}.btn--outline:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.customers__stats{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-6)}.stat-mini{animation:slideUp .4s ease-out backwards;background:#fff;border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);padding:var(--spacing-5)}.stat-mini:first-child{animation-delay:0s}.stat-mini:nth-child(2){animation-delay:.05s}.stat-mini:nth-child(3){animation-delay:.1s}.stat-mini:nth-child(4){animation-delay:.15s}.stat-mini__value{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-1)}.stat-mini__label{color:var(--color-gray-500);font-size:var(--font-size-sm)}.customers__filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.customers__search{align-items:center;background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;flex:1 1;gap:var(--spacing-3);max-width:400px;padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast)}.customers__search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50)}.customers__search svg{color:var(--color-gray-400);flex-shrink:0;height:20px;width:20px}.customers__search input{background:none;border:none;color:var(--color-gray-900);flex:1 1;font-size:var(--font-size-sm);outline:none}.customers__search input::placeholder{color:var(--color-gray-400)}.customers__filter-group{display:flex;gap:var(--spacing-2)}.customers__select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);color:var(--color-gray-700);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4);padding-right:36px;transition:all var(--transition-fast)}.customers__select:hover{border-color:var(--color-gray-300)}.customers__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50);outline:none}.customers__view-toggle{background:var(--color-gray-100);border-radius:var(--radius-lg);display:flex;margin-left:auto;padding:var(--spacing-1)}.view-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-gray-500);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.view-btn svg{height:18px;width:18px}.view-btn:hover{color:var(--color-gray-700)}.view-btn--active{background:#fff;box-shadow:var(--shadow-sm);color:var(--color-primary)}.customers__table-wrapper{animation:slideUp .4s ease-out backwards;animation-delay:.2s;background:#fff;border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);overflow:hidden}.customers__table{border-collapse:collapse;width:100%}.customers__table th{background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-500);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;padding:var(--spacing-4) var(--spacing-5);text-align:left;text-transform:uppercase}.customers__table th.sortable{cursor:pointer;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none}.customers__table th.sortable:hover{color:var(--color-gray-900)}.sort-icon{font-size:var(--font-size-xs);margin-left:var(--spacing-1)}.customers__table td{border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);font-size:var(--font-size-sm);padding:var(--spacing-4) var(--spacing-5);vertical-align:middle}.customers__table tr{animation:slideUp .3s ease-out backwards;transition:background var(--transition-fast)}.customers__table tbody tr:hover{background:var(--color-gray-50)}.customers__table tbody tr:last-child td{border-bottom:none}.customer-cell{align-items:center;display:flex;gap:var(--spacing-3)}.customer-cell__avatar{background:var(--color-gray-100);border-radius:var(--radius-lg);flex-shrink:0;height:40px;overflow:hidden;width:40px}.customer-cell__avatar img{height:100%;object-fit:cover;width:100%}.customer-cell__info{min-width:0}.customer-cell__name{color:var(--color-gray-900);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-cell__email{color:var(--color-gray-500);font-size:var(--font-size-xs)}.badge{font-size:11px;font-weight:var(--font-weight-semibold);text-transform:capitalize}.health-score{align-items:center;display:flex;gap:var(--spacing-2)}.health-score__bar{background:var(--color-gray-200);border-radius:var(--radius-full);height:6px;overflow:hidden;width:60px}.health-score__fill{border-radius:var(--radius-full);height:100%;transition:width .5s ease-out}.health--excellent .health-score__fill{background:var(--color-success)}.health--good .health-score__fill{background:var(--color-info)}.health--warning .health-score__fill{background:var(--color-warning)}.health--danger .health-score__fill{background:var(--color-danger)}.health-score__value{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.health--excellent .health-score__value{color:var(--color-success)}.health--good .health-score__value{color:var(--color-info)}.health--warning .health-score__value{color:var(--color-warning)}.health--danger .health-score__value{color:var(--color-danger)}.status-dot{align-items:center;display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-2);text-transform:capitalize}.status-dot:before{border-radius:var(--radius-full);content:"";height:8px;width:8px}.status-dot--active:before{background:var(--color-success)}.status-dot--inactive:before{background:var(--color-gray-400)}.table-actions{display:flex;gap:var(--spacing-1);opacity:0;transition:opacity var(--transition-fast)}.customers__table tbody tr:hover .table-actions{opacity:1}.table-action{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-gray-500);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.table-action svg{height:16px;width:16px}.table-action:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.table-action--danger:hover{background:var(--color-danger-bg);color:var(--color-danger)}.text-semibold{color:var(--color-gray-900);font-weight:var(--font-weight-semibold)}.customers__grid{grid-gap:var(--spacing-5);display:grid;gap:var(--spacing-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.customer-card{animation:slideUp .4s ease-out backwards;background:#fff;border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal)}.customer-card:hover{border-color:var(--color-gray-200);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.customer-card__header{align-items:flex-start;display:flex;justify-content:space-between;padding:var(--spacing-5);padding-bottom:0}.customer-card__avatar{background:var(--color-gray-100);border-radius:var(--radius-xl);height:56px;overflow:hidden;width:56px}.customer-card__avatar img{height:100%;object-fit:cover;width:100%}.customer-card__actions button{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-gray-400);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.customer-card__actions button svg{height:20px;width:20px}.customer-card__actions button:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.customer-card__body{padding:var(--spacing-5)}.customer-card__body h3{color:var(--color-gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.customer-card__industry{color:var(--color-gray-500);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4)}.customer-card__meta{display:flex;gap:var(--spacing-2)}.customer-card__footer{border-top:1px solid var(--color-gray-100);display:flex}.customer-card__stat{flex:1 1;padding:var(--spacing-4);text-align:center}.customer-card__stat:first-child{border-right:1px solid var(--color-gray-100)}.customer-card__stat .label{color:var(--color-gray-500);display:block;font-size:var(--font-size-xs);margin-bottom:var(--spacing-1)}.customer-card__stat .value{color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.customers__empty{padding:var(--spacing-16);text-align:center}.empty-icon{font-size:48px;margin-bottom:var(--spacing-4)}.customers__empty p{color:var(--color-gray-500);font-size:var(--font-size-lg);margin-bottom:var(--spacing-6)}.customers__error{background:var(--color-danger-bg);border-radius:var(--radius-lg);color:var(--color-danger);margin-bottom:var(--spacing-6);padding:var(--spacing-4) var(--spacing-5)}.customers__error,.customers__pagination{align-items:center;display:flex;justify-content:space-between}.customers__pagination{border-top:1px solid var(--color-gray-100);margin-top:var(--spacing-6);padding-top:var(--spacing-6)}.pagination-info{color:var(--color-gray-500);font-size:var(--font-size-sm)}.skeleton{border-radius:var(--radius-lg)}@media (max-width:1024px){.customers__stats{grid-template-columns:repeat(2,1fr)}.customers__filters{flex-wrap:wrap}.customers__search{max-width:none;order:-1;width:100%}}@media (max-width:768px){.customers__header{align-items:stretch;flex-direction:column}.customers__header-actions{width:100%}.customers__header-actions .btn{flex:1 1;justify-content:center}.customers__stats{grid-template-columns:1fr 1fr}.customers__table-wrapper{overflow-x:auto}.customers__table{min-width:800px}.customers__view-toggle{margin-left:0}}@media (max-width:480px){.customers__stats{grid-template-columns:1fr}.customers__filter-group{flex-direction:column;width:100%}.customers__select{width:100%}}:root{--color-primary:#6366f1;--color-primary-light:#818cf8;--color-primary-dark:#4f46e5;--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-700:#4338ca;--color-secondary:#64748b;--color-secondary-light:#94a3b8;--color-secondary-dark:#475569;--color-success:#10b981;--color-success-light:#34d399;--color-success-dark:#059669;--color-success-bg:#10b9811a;--color-danger:#ef4444;--color-danger-light:#f87171;--color-danger-dark:#dc2626;--color-danger-bg:#ef44441a;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-dark:#d97706;--color-warning-bg:#f59e0b1a;--color-info:#3b82f6;--color-info-light:#60a5fa;--color-info-dark:#2563eb;--color-info-bg:#3b82f61a;--color-white:#fff;--color-black:#000;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-gray-950:#020617;--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-dark:linear-gradient(180deg,#0f172a,#1e293b);--gradient-card:linear-gradient(145deg,#ffffff0d,#fff0);--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--font-family-base:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-display:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-mono:"JetBrains Mono","SF Mono",Monaco,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--border-radius:0.5rem;--border-radius-sm:0.25rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--border-radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--shadow-glow:0 0 20px #6366f14d;--shadow-card:0 1px 3px #0000000d,0 1px 2px #0000001a;--shadow-card-hover:0 10px 40px #0000001f;--box-shadow:var(--shadow-sm);--box-shadow-sm:var(--shadow-xs);--box-shadow-md:var(--shadow-md);--box-shadow-lg:var(--shadow-lg);--box-shadow-xl:var(--shadow-xl);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:500ms cubic-bezier(0.68,-0.55,0.265,1.55);--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth}body,html{line-height:var(--line-height-normal)}body{background:var(--color-gray-50);color:var(--color-gray-900);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal)}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.app__main{background:var(--color-gray-50);flex:1 1;padding:var(--spacing-6)}h1,h2,h3,h4,h5,h6{color:var(--color-gray-900);font-family:var(--font-family-display);font-weight:var(--font-weight-semibold);letter-spacing:-.025em;line-height:var(--line-height-tight)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--color-gray-600);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--color-primary-100);color:var(--color-primary-700)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.container{margin:0 auto;max-width:1400px;padding:0 var(--spacing-6);width:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-medium{font-weight:var(--font-weight-medium)}.font-normal{font-weight:var(--font-weight-normal)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.text-muted{color:var(--color-gray-500)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-success{background-color:var(--color-success)}.bg-danger{background-color:var(--color-danger)}.bg-warning{background-color:var(--color-warning)}.bg-info{background-color:var(--color-info)}.bg-white{background-color:var(--color-white)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.m-0{margin:0}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-5{margin-top:var(--spacing-5)}.card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-card-hover)}.card--interactive:hover{transform:translateY(-2px)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;padding:var(--spacing-1) var(--spacing-3);text-transform:uppercase}.badge--success{background:var(--color-success-bg);color:var(--color-success)}.badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge--info{background:var(--color-info-bg);color:var(--color-info)}.badge--primary{background:var(--color-primary-50);color:var(--color-primary)}.badge--neutral{background:var(--color-gray-100);color:var(--color-gray-600)}.page-placeholder{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:var(--spacing-xl);text-align:center}.page-placeholder h1{color:var(--color-gray-900);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.page-placeholder p{color:var(--color-gray-600);font-size:var(--font-size-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .4s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;border-radius:var(--radius-md)}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:768px){.app__main{padding:var(--spacing-4)}}
/*# sourceMappingURL=main.78a100ab.css.map*/