.velocity-nav{height:var(--nav-height);-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);background:#ffffffd9;position:fixed;top:0;left:0;right:0}.velocity-nav__container{max-width:var(--max-width-container);height:100%;padding:0 var(--spacing-xl);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.velocity-nav__brand{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);display:flex}.velocity-nav__brand:hover{color:var(--color-primary)}.velocity-nav__brand-icon{font-size:var(--font-size-2xl)}.velocity-nav__menu{align-items:center;gap:var(--spacing-md);list-style:none;display:flex}.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:hover{background:var(--color-primary-alpha-10);color:var(--color-primary)}.velocity-nav__menu-item--active{background:var(--color-primary-alpha-10);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.velocity-nav__sign-out{padding:var(--spacing-sm)var(--spacing-lg);background:var(--color-primary);color:#fff;font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.velocity-nav__sign-out:hover{background:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.velocity-nav__user{align-items:center;gap:var(--spacing-lg);display:flex}.velocity-nav__user-pill{padding:var(--spacing-sm)var(--spacing-md);background:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);align-items:center;gap:var(--spacing-sm);display:flex}.velocity-nav__user-avatar{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;width:28px;height:28px;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.velocity-nav__hamburger{cursor:pointer;padding:var(--spacing-sm);flex-direction:column;gap:5px;display:none}.velocity-nav__hamburger-line{background:var(--color-gray-700);border-radius:var(--radius-sm);width:24px;height:2px;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{top:var(--nav-height);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-lg);padding:var(--spacing-md);background:#fffffff2;flex-direction:column;gap:0;display:none;position:absolute;left:0;right:0}.velocity-nav__menu--mobile.velocity-nav__menu--open{animation:.3s ease-out forwards slideDown;display:flex}.velocity-nav__menu--mobile .velocity-nav__menu-item{text-align:left;width:100%;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{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%);flex-direction:column;min-height:100vh;display:flex}.velocity-layout__main{padding-top:var(--nav-height);flex-direction:column;flex:1;display:flex}.velocity-layout__content{max-width:var(--max-width-container);width:100%;padding:var(--spacing-2xl)var(--spacing-xl);flex:1;margin:0 auto}.velocity-layout__footer{background:var(--color-secondary);color:#fff;padding:var(--spacing-xl);text-align:center;border-top:1px solid var(--color-secondary-dark)}.velocity-layout__footer p{font-size:var(--font-size-sm);color:var(--color-gray-300);margin:0}@media (max-width:768px){.velocity-layout__content{padding:var(--spacing-lg)var(--spacing-md)}}
.dashboard{animation:.5s ease-out forwards fadeIn}.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{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(2,1fr);display:grid}.dashboard__card{border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);background:#fff}.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{width:100%;position:relative}.dashboard__chart-bars{justify-content:space-between;align-items:flex-end;gap:var(--spacing-md);height:240px;padding-bottom:30px;padding-left:50px;display:flex;position:relative}.dashboard__chart-y-axis{width:50px;padding-right:var(--spacing-sm);flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:0;bottom:30px;left:0}.dashboard__chart-y-label{font-size:var(--font-size-xs);color:var(--color-gray-500);text-align:right}.dashboard__chart-x-axis{height:30px;padding-top:var(--spacing-sm);justify-content:space-between;align-items:flex-start;display:flex;position:absolute;bottom:0;left:50px;right:0}.dashboard__chart-x-label{font-size:var(--font-size-xs);color:var(--color-gray-500);text-align:center;flex:1}.dashboard__bar-wrapper{justify-content:flex-end;align-items:center;gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex;position:relative}.dashboard__bar{background:linear-gradient(180deg,var(--color-primary-lighter),var(--color-primary));border-radius:var(--radius-sm)var(--radius-sm)0 0;width:100%;transition:all var(--transition-base);cursor:pointer;min-height:4px;position:relative}.dashboard__bar:hover{opacity:.8}.dashboard__bar-value{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);white-space:nowrap;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.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(#60a5fa,#2563eb)}.dashboard__legend{gap:var(--spacing-lg);margin-bottom:var(--spacing-md);align-items:center;display:flex}.dashboard__legend-item{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-gray-700);display:flex}.dashboard__legend-color{border-radius:var(--radius-sm);width:16px;height:16px}.dashboard__legend-color--received{background:linear-gradient(180deg,var(--color-primary-lighter),var(--color-primary))}.dashboard__legend-color--given{background:linear-gradient(#60a5fa,#2563eb)}.dashboard__badge{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;display:inline-block}.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{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.dashboard__quick-card{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);background:#fff}.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{padding:var(--spacing-xs)var(--spacing-md);background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);display:inline-block}@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{height:200px;padding-left:40px}.dashboard__chart-y-axis{width:40px}.dashboard__chart-x-axis{left:40px}.dashboard__quick-grid{grid-template-columns:1fr}}
.finance{animation:.5s ease-out forwards fadeIn}.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{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.finance__card{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);background:#fff}.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:.5s ease-out forwards fadeIn}.commissions__header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.commissions__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.commissions__filters{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.commissions__filter-btn{padding:var(--spacing-sm)var(--spacing-lg);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);background:#fff}.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:#fff}.commissions__filter-btn--active:hover{background:var(--color-primary-light);border-color:var(--color-primary-light)}.commissions__table-wrapper{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);background:#fff;overflow:hidden}.commissions__table-scroll{overflow-x:auto}.commissions__table{border-collapse:collapse;width:100%}.commissions__table thead{background:var(--color-primary-dark);color:#fff}.commissions__table th{padding:var(--spacing-md)var(--spacing-lg);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.commissions__table td{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);font-size:var(--font-size-sm)}.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{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;display:inline-block}.commissions__status-pill--pending{background:var(--color-status-pending);color:#fff}.commissions__status-pill--approved{background:var(--color-status-approved);color:#fff}.commissions__status-pill--paid{background:var(--color-status-paid);color:#fff}.commissions__status-pill--disputed{background:var(--color-status-disputed);color:#fff}.commissions__summary{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.commissions__summary-card{border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);background:#fff}.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 th,.commissions__table td{padding:var(--spacing-sm)var(--spacing-md)}.commissions__summary{grid-template-columns:1fr}}
.placeholder{animation:.5s ease-out forwards fadeIn}.placeholder__card{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;background:#fff}.placeholder__icon{margin-bottom:var(--spacing-lg);font-size:4rem}.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:#1a3a6be6;--color-primary-alpha-80:#1a3a6bcc;--color-primary-alpha-70:#1a3a6bb3;--color-primary-alpha-50:#1a3a6b80;--color-primary-alpha-30:#1a3a6b4d;--color-primary-alpha-10:#1a3a6b1a;--color-primary-alpha-05:#1a3a6b0d;--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:.25rem;--spacing-sm:.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:.75rem;--font-size-sm:.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:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:.15s ease-in-out;--transition-base:.25s ease-in-out;--transition-slow:.35s ease-in-out;--max-width-container:1400px;--nav-height:64px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);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;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);line-height:1.3}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;transition:all var(--transition-base);border:none;outline:none}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-light)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s ease-out forwards fadeIn}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.slide-down{animation:.3s ease-out forwards slideDown}.container{max-width:var(--max-width-container);padding:0 var(--spacing-xl);margin:0 auto}.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}}