@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--color-bg:#070d1a;--color-bg-2:#0c1629;--color-surface:rgba(255,255,255,0.04);--color-surface-hover:rgba(255,255,255,0.07);--color-border:rgba(255,255,255,0.08);--color-border-strong:rgba(255,255,255,0.14);--color-primary:#3b82f6;--color-primary-glow:rgba(59,130,246,0.3);--color-accent:#6366f1;--color-accent-2:#8b5cf6;--color-profit:#10b981;--color-profit-bg:rgba(16,185,129,0.12);--color-profit-glow:rgba(16,185,129,0.25);--color-loss:#ef4444;--color-loss-bg:rgba(239,68,68,0.12);--color-loss-glow:rgba(239,68,68,0.2);--color-warning:#f59e0b;--color-warning-bg:rgba(245,158,11,0.12);--color-info:#38bdf8;--font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-primary:rgba(255,255,255,0.95);--text-secondary:rgba(255,255,255,0.60);--text-muted:rgba(255,255,255,0.35);--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;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 4px 16px rgba(0,0,0,0.5);--shadow-lg:0 8px 32px rgba(0,0,0,0.6);--shadow-glow-blue:0 0 24px rgba(59,130,246,0.25);--sidebar-width:240px;--sidebar-width-collapsed:68px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;font-family:var(--font-family);background-color:var(--color-bg);color:var(--text-primary);line-height:1.5;background-image:radial-gradient(ellipse at 20% 0,rgba(59,130,246,.08) 0,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(99,102,241,.06) 0,transparent 60%);background-attachment:fixed}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.22)}.glass-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.glass-card:hover{border-color:var(--color-border-strong)}.gradient-text{background:linear-gradient(135deg,#60a5fa,#818cf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em}.badge-profit{background:var(--color-profit-bg);color:var(--color-profit);border:1px solid rgba(16,185,129,.2)}.badge-loss{background:var(--color-loss-bg);color:var(--color-loss);border:1px solid rgba(239,68,68,.2)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.badge-info{background:rgba(56,189,248,.1);color:var(--color-info);border:1px solid rgba(56,189,248,.2)}.badge-neutral{background:rgba(255,255,255,.06);color:var(--text-secondary);border:1px solid var(--color-border)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:9px 18px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;border:none;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;box-shadow:0 4px 15px var(--color-primary-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(59,130,246,.4)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:var(--color-surface);color:var(--text-secondary);border:1px solid var(--color-border)}.btn-ghost:hover{background:var(--color-surface-hover);color:var(--text-primary);border-color:var(--color-border-strong)}.btn-danger{background:var(--color-loss-bg);color:var(--color-loss);border:1px solid rgba(239,68,68,.25)}.btn-danger:hover{background:rgba(239,68,68,.2)}.btn-sm{padding:6px 12px;font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-icon{padding:8px;border-radius:var(--radius-md)}.input-field{width:100%;padding:12px 16px;background:rgba(13,22,41,.7);border:1.5px solid rgba(59,130,246,.5);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);transition:all var(--transition-fast);outline:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.input-field::placeholder{color:var(--text-muted)}.input-field:hover{border-color:var(--color-primary);background:rgba(15,26,49,.9)}.input-field:focus{border-color:var(--color-primary);background:#0f1a31;box-shadow:0 0 0 4px rgba(59,130,246,.15),0 0 20px rgba(59,130,246,.1)}.input-label{display:block;font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--spacing-2);opacity:.8}.input-group{display:flex;flex-direction:column;gap:var(--spacing-1)}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}select.input-field option{background:#1a2540;color:var(--text-primary)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table thead tr{border-bottom:1px solid var(--color-border)}.data-table thead th{padding:8px 10px;text-align:left;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.data-table thead th:first-child{padding-left:12px}.data-table thead th:last-child{padding-right:12px;text-align:right}.data-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-surface-hover)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody td{padding:10px;vertical-align:middle;color:var(--text-secondary)}.data-table tbody td:first-child{padding-left:12px;color:var(--text-primary);font-weight:500}.data-table tbody td:last-child{padding-right:12px;text-align:right}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--color-primary-glow)}50%{box-shadow:0 0 0 8px transparent}}.animate-fade-in{animation:fadeIn .4s ease both}.animate-slide-left{animation:slideInLeft .35s ease both}.layout-root{display:flex;min-height:100vh}.layout-main{flex:1 1;display:flex;flex-direction:column;min-width:0;margin-left:var(--sidebar-width);transition:margin-left var(--transition-base)}.layout-main.sidebar-collapsed{margin-left:var(--sidebar-width-collapsed)}.page-content{flex:1 1;padding:var(--spacing-6);max-width:1440px;width:100%;margin:0 auto}.text-profit{color:var(--color-profit)}.text-loss{color:var(--color-loss)}.text-warning{color:var(--color-warning)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary-accent{color:var(--color-primary)}.font-mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum","tnum"}.text-right{text-align:right}.text-center{text-align:center}.divider{height:1px;background:var(--color-border);margin:var(--spacing-4) 0}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-gap-2{gap:var(--spacing-2)}.flex-gap-2,.flex-gap-3{display:flex;align-items:center}.flex-gap-3{gap:var(--spacing-3)}.flex-gap-4{display:flex;align-items:center;gap:var(--spacing-4)}.grid-kpi{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:var(--spacing-4)}.grid-2,.grid-kpi{display:grid;gap:var(--spacing-4)}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-4);gap:var(--spacing-4)}@media (max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.layout-main{margin-left:0}.grid-2,.grid-3{grid-template-columns:1fr}.page-content{padding:var(--spacing-4)}}.tooltip-container{position:relative;display:inline-flex}.tooltip-content{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:6px 10px;background:#1e2d4a;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-primary);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:100}.tooltip-container:hover .tooltip-content{opacity:1}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4)}.modal-box{background:#0e1d35;border:1.5px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);width:100%;max-width:580px;max-height:95vh;overflow-y:auto;padding:var(--spacing-8);box-shadow:0 25px 50px -12px rgba(0,0,0,.8);animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.payment-info-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--spacing-5);margin-bottom:var(--spacing-6)}.payment-info-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:var(--text-sm)}.payment-info-label{color:var(--text-muted)}.payment-info-value{color:var(--text-primary);font-weight:700;font-family:var(--font-family)}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:rgba(8,15,30,.95);border-right:1px solid var(--color-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;z-index:100;transition:width var(--transition-base);overflow:hidden}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-4);border-bottom:1px solid var(--color-border);min-height:68px}.sidebar-logo-icon{width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-glow-blue)}.sidebar-logo-text{overflow:hidden;transition:opacity var(--transition-base),width var(--transition-base)}.sidebar-nav{flex:1 1;padding:var(--spacing-4) var(--spacing-2);display:flex;flex-direction:column;gap:var(--spacing-1);overflow-y:auto;overflow-x:hidden}.sidebar-section-title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:12px 14px 6px;white-space:nowrap;overflow:hidden;transition:opacity var(--transition-base)}.sidebar.collapsed .sidebar-section-title{opacity:0}.sidebar-nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:10px 14px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;border:none;background:none;width:100%;text-align:left}.sidebar-nav-item:hover{background:var(--color-surface-hover);color:var(--text-primary)}.sidebar-nav-item.active{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(99,102,241,.1));color:var(--color-primary);border:1px solid rgba(59,130,246,.2)}.sidebar-nav-item .nav-icon{flex-shrink:0;width:18px;height:18px}.sidebar-nav-label{overflow:hidden;transition:opacity var(--transition-base),max-width var(--transition-base);max-width:200px}.sidebar.collapsed .sidebar-nav-label{opacity:0;max-width:0}.sidebar-footer{padding:var(--spacing-4);border-top:1px solid var(--color-border)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-border);background:rgba(7,13,26,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:-webkit-sticky;position:sticky;top:0;z-index:50;min-height:68px}.topbar-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.topbar-subtitle{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.kpi-card{padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-3);position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.kpi-card.profit:before{background:linear-gradient(90deg,var(--color-profit),transparent)}.kpi-card.loss:before{background:linear-gradient(90deg,var(--color-loss),transparent)}.kpi-card.info:before{background:linear-gradient(90deg,var(--color-primary),transparent)}.kpi-card.warning:before{background:linear-gradient(90deg,var(--color-warning),transparent)}.kpi-header{display:flex;align-items:flex-start;justify-content:space-between}.kpi-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.kpi-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-icon.profit{background:var(--color-profit-bg);color:var(--color-profit)}.kpi-icon.loss{background:var(--color-loss-bg);color:var(--color-loss)}.kpi-icon.info{background:rgba(59,130,246,.12);color:var(--color-primary)}.kpi-icon.warning{background:var(--color-warning-bg);color:var(--color-warning)}.kpi-value{font-size:var(--text-2xl);font-weight:800;color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.1}.kpi-sub{font-size:var(--text-xs);color:var(--text-muted);gap:var(--spacing-2)}.kpi-sub,.section-header{display:flex;align-items:center}.section-header{justify-content:space-between;margin-bottom:var(--spacing-4)}.section-title{font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.section-subtitle{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.recharts-tooltip-wrapper .recharts-default-tooltip{background:#1a2a45!important;border:1px solid var(--color-border-strong)!important;border-radius:var(--radius-md)!important;padding:10px 14px!important}.recharts-cartesian-axis-tick-value{fill:var(--text-muted);font-size:11px}.recharts-legend-item-text{color:var(--text-secondary)!important;font-size:12px}.empty-state{flex-direction:column;padding:var(--spacing-12);text-align:center;gap:var(--spacing-3)}.empty-state,.empty-state-icon{display:flex;align-items:center;justify-content:center}.empty-state-icon{width:64px;height:64px;border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);color:var(--text-muted);margin-bottom:var(--spacing-2)}.pdf-upload-zone{background:rgba(255,255,255,.02);border:2px dashed rgba(59,130,246,.25);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden;margin-bottom:1.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pdf-upload-zone:hover{border-color:rgba(59,130,246,.6);background:rgba(59,130,246,.04)}.pdf-upload-zone.active{border-color:var(--color-primary);background:rgba(59,130,246,.08);box-shadow:0 0 15px rgba(59,130,246,.15)}.pdf-upload-scanner{position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);animation:scanVertical 2.2s linear infinite;z-index:10;box-shadow:0 0 8px var(--color-primary)}@keyframes scanVertical{0%{top:0}50%{top:100%}to{top:0}}