.velocity-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:rgba(255,255,255,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-md);z-index:1000;transition:all var(--transition-base)}.velocity-nav__container{max-width:var(--max-width-container);height:100%;margin:0 auto;padding:0 var(--spacing-xl);display:flex;align-items:center;justify-content:space-between}.velocity-nav__brand{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);cursor:pointer;transition:color var(--transition-fast)}.velocity-nav__brand:hover{color:var(--color-primary)}.velocity-nav__brand-icon{font-size:var(--font-size-2xl)}.velocity-nav__menu{display:flex;align-items:center;gap:var(--spacing-md);list-style:none}.velocity-nav__menu-item{padding:var(--spacing-sm) var(--spacing-md);font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.velocity-nav__menu-item--active,.velocity-nav__menu-item:hover{background:var(--color-primary-alpha-10);color:var(--color-primary)}.velocity-nav__menu-item--active,.velocity-nav__sign-out{font-weight:var(--font-weight-semibold)}.velocity-nav__sign-out{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:white;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.velocity-nav__sign-out:hover{background:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.velocity-nav__user{display:flex;align-items:center;gap:var(--spacing-lg)}.velocity-nav__user-pill{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-100);border:1px solid var(--color-gray-300);font-weight:var(--font-weight-medium);color:var(--color-gray-700);gap:var(--spacing-sm)}.velocity-nav__user-avatar,.velocity-nav__user-pill{border-radius:var(--radius-full);font-size:var(--font-size-sm);display:flex;align-items:center}.velocity-nav__user-avatar{width:28px;height:28px;background:var(--color-primary);color:white;justify-content:center;font-weight:var(--font-weight-semibold)}.velocity-nav__hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:var(--spacing-sm)}.velocity-nav__hamburger-line{width:24px;height:2px;background:var(--color-gray-700);border-radius:var(--radius-sm);transition:all var(--transition-base)}.velocity-nav__hamburger--active .velocity-nav__hamburger-line:first-child{transform:rotate(45deg) translate(5px,5px)}.velocity-nav__hamburger--active .velocity-nav__hamburger-line:nth-child(2){opacity:0}.velocity-nav__hamburger--active .velocity-nav__hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.velocity-nav__menu--mobile{position:absolute;top:var(--nav-height);left:0;right:0;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-lg);flex-direction:column;gap:0;padding:var(--spacing-md);display:none}.velocity-nav__menu--mobile.velocity-nav__menu--open{display:flex;animation:slideDown .3s ease-out forwards}.velocity-nav__menu--mobile .velocity-nav__menu-item{width:100%;text-align:left;padding:var(--spacing-md)}@media (max-width:768px){.velocity-nav__menu{display:none}.velocity-nav__hamburger{display:flex}.velocity-nav__user-pill span{display:none}}.velocity-layout{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,var(--color-gray-50) 0,var(--color-gray-100) 25%,var(--color-primary-alpha-05) 50%,var(--color-gray-100) 75%,var(--color-gray-50) 100%)}.velocity-layout__main{flex:1;display:flex;flex-direction:column;padding-top:var(--nav-height)}.velocity-layout__content{flex:1;max-width:var(--max-width-container);width:100%;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.velocity-layout__footer{background:var(--color-secondary);color:white;padding:var(--spacing-xl);text-align:center;border-top:1px solid var(--color-secondary-dark)}.velocity-layout__footer p{margin:0;font-size:var(--font-size-sm);color:var(--color-gray-300)}@media (max-width:768px){.velocity-layout__content{padding:var(--spacing-lg) var(--spacing-md)}}.dashboard{animation:fadeIn .5s ease-out forwards}.dashboard__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-xl)}.dashboard__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.dashboard__card{background:white;border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.dashboard__card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dashboard__card--full{grid-column:1/-1}.dashboard__card-header{margin-bottom:var(--spacing-lg)}.dashboard__card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.dashboard__card-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-600)}.dashboard__chart{position:relative;width:100%}.dashboard__chart-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-md);height:240px;padding-left:50px;padding-bottom:30px;position:relative}.dashboard__chart-y-axis{position:absolute;left:0;top:0;bottom:30px;width:50px;display:flex;flex-direction:column;justify-content:space-between;padding-right:var(--spacing-sm)}.dashboard__chart-y-label{font-size:var(--font-size-xs);color:var(--color-gray-500);text-align:right}.dashboard__chart-x-axis{position:absolute;left:50px;right:0;bottom:0;height:30px;display:flex;justify-content:space-between;align-items:flex-start;padding-top:var(--spacing-sm)}.dashboard__chart-x-label{font-size:var(--font-size-xs);color:var(--color-gray-500);text-align:center;flex:1}.dashboard__bar-wrapper{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:var(--spacing-xs);position:relative}.dashboard__bar{width:100%;background:linear-gradient(180deg,var(--color-primary-lighter),var(--color-primary));border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:all var(--transition-base);cursor:pointer;position:relative;min-height:4px}.dashboard__bar:hover{opacity:.8}.dashboard__bar-value{position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);white-space:nowrap}.dashboard__chart-bars--daily .dashboard__bar-wrapper{max-width:12px}.dashboard__chart-bars--daily .dashboard__bar{min-height:2px}.dashboard__chart-bars--dual{height:300px}.dashboard__bar-wrapper--dual{gap:var(--spacing-xs)}.dashboard__bar--received{background:linear-gradient(180deg,var(--color-primary-lighter),var(--color-primary))}.dashboard__bar--given{background:linear-gradient(180deg,#60a5fa,#2563eb)}.dashboard__legend{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);align-items:center}.dashboard__legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-gray-700)}.dashboard__legend-color{width:16px;height:16px;border-radius:var(--radius-sm)}.dashboard__legend-color--received{background:linear-gradient(180deg,var(--color-primary-lighter),var(--color-primary))}.dashboard__legend-color--given{background:linear-gradient(180deg,#60a5fa,#2563eb)}.dashboard__badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:var(--color-primary-alpha-10);border:1px solid var(--color-primary-alpha-30);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-left:auto}.dashboard__info{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-gray-600);text-align:center;margin-top:var(--spacing-xl)}.dashboard__quick-access{margin-top:var(--spacing-2xl)}.dashboard__section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-lg)}.dashboard__quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.dashboard__quick-card{background:white;border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all var(--transition-base)}.dashboard__quick-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.dashboard__quick-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.dashboard__quick-card-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:var(--color-primary);color:white;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}@media (max-width:1024px){.dashboard__grid{grid-template-columns:1fr}.dashboard__quick-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.dashboard__chart-bars{padding-left:40px;height:200px}.dashboard__chart-y-axis{width:40px}.dashboard__chart-x-axis{left:40px}.dashboard__quick-grid{grid-template-columns:1fr}}.finance{animation:fadeIn .5s ease-out forwards}.finance__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-xl)}.finance__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.finance__card{background:white;border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center;cursor:pointer;transition:all var(--transition-base)}.finance__card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.finance__card-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md)}.finance__card-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.finance__card-description{font-size:var(--font-size-base);color:var(--color-gray-600)}@media (max-width:768px){.finance__grid{grid-template-columns:1fr}}.commissions{animation:fadeIn .5s ease-out forwards}.commissions__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.commissions__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.commissions__filters{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.commissions__filter-btn{padding:var(--spacing-sm) var(--spacing-lg);background:white;border:2px solid var(--color-gray-300);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);color:var(--color-gray-700);transition:all var(--transition-fast)}.commissions__filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.commissions__filter-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:white}.commissions__filter-btn--active:hover{background:var(--color-primary-light);border-color:var(--color-primary-light)}.commissions__table-wrapper{background:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:var(--spacing-xl)}.commissions__table-scroll{overflow-x:auto}.commissions__table{width:100%;border-collapse:collapse}.commissions__table thead{background:var(--color-primary-dark);color:white}.commissions__table th{text-align:left;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.commissions__table td,.commissions__table th{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm)}.commissions__table td{border-bottom:1px solid var(--color-gray-200)}.commissions__table tbody tr{transition:background var(--transition-fast)}.commissions__table tbody tr:hover{background:var(--color-primary-alpha-05)}.commissions__table tbody tr:last-child td{border-bottom:none}.commissions__status-pill{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.commissions__status-pill--pending{background:var(--color-status-pending);color:white}.commissions__status-pill--approved{background:var(--color-status-approved);color:white}.commissions__status-pill--paid{background:var(--color-status-paid);color:white}.commissions__status-pill--disputed{background:var(--color-status-disputed);color:white}.commissions__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.commissions__summary-card{background:white;border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md)}.commissions__summary-label{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-xs)}.commissions__summary-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark)}@media (max-width:768px){.commissions__header{flex-direction:column;align-items:flex-start}.commissions__table td,.commissions__table th{padding:var(--spacing-sm) var(--spacing-md)}.commissions__summary{grid-template-columns:1fr}}.placeholder{animation:fadeIn .5s ease-out forwards}.placeholder__card{background:white;border-radius:var(--radius-lg);padding:var(--spacing-3xl);box-shadow:var(--shadow-md);text-align:center;max-width:600px;margin:var(--spacing-3xl) auto}.placeholder__icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.placeholder__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-md)}.placeholder__description{font-size:var(--font-size-lg);color:var(--color-gray-600)}:root{--color-primary:#1a3a6b;--color-primary-light:#345b9c;--color-primary-lighter:#4e7cd0;--color-primary-dark:#10284a;--color-secondary:#0b1d36;--color-secondary-light:#12315a;--color-secondary-dark:#091527;--color-primary-alpha-90:rgba(26,58,107,0.9);--color-primary-alpha-80:rgba(26,58,107,0.8);--color-primary-alpha-70:rgba(26,58,107,0.7);--color-primary-alpha-50:rgba(26,58,107,0.5);--color-primary-alpha-30:rgba(26,58,107,0.3);--color-primary-alpha-10:rgba(26,58,107,0.1);--color-primary-alpha-05:rgba(26,58,107,0.05);--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-success-light:#34d399;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-status-pending:#9ca3af;--color-status-approved:var(--color-secondary-light);--color-status-paid:#14b8a6;--color-status-disputed:#f87171;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--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-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out;--max-width-container:1400px;--nav-height:64px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.6;color:var(--color-gray-800);background:linear-gradient(135deg,var(--color-gray-100) 0,var(--color-gray-200) 50%,var(--color-gray-100) 100%);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:1.3;color:var(--color-gray-900)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--spacing-md)}button{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;border:none;outline:none;transition:all var(--transition-base)}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.slide-down{animation:slideDown .3s ease-out forwards}.container{max-width:var(--max-width-container);margin:0 auto;padding:0 var(--spacing-xl)}.text-center{text-align:center}.text-muted{color:var(--color-gray-600)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}@media (max-width:1024px){:root{--max-width-container:960px}}@media (max-width:768px){:root{--max-width-container:720px;--spacing-xl:1.5rem}html{font-size:15px}}@media (max-width:640px){:root{--spacing-xl:1rem}html{font-size:14px}}