*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}body{margin:0;padding:0;line-height:1.5;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:inherit;font-size:inherit}ul,ol{list-style:none;margin:0;padding:0}a{text-decoration:none;color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button:focus,a:focus,input:focus,textarea:focus,select:focus{outline:none}table{border-collapse:collapse;border-spacing:0}p{margin:0}:root{--color-primary: #288cfa;--color-secondary: #7ebcf9;--color-accent: #11c7aa;--color-bg-primary: #f9fafb;--color-bg-surface: #ffffff;--color-border: #e5e7eb;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--color-input-bg: #ffffff}[data-theme=dark]{--color-primary: #38bdf8;--color-bg-primary: #0f172a;--color-bg-surface: #1e293b;--color-border: #475569;--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-success: #34d399;--color-danger: #f87171;--color-warning: #fbbf24;--color-input-bg: #2d3748}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:400;color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:background-color .3s ease,color .3s ease}h1{font-size:3rem;font-weight:700;color:var(--color-text-primary);line-height:1.2}h2{font-size:2rem;font-weight:700;color:var(--color-text-primary);line-height:1.3}h3{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);line-height:1.4}h4{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);line-height:1.5}a{color:var(--color-primary);transition:color .15s ease}a:hover{color:var(--color-secondary)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.financial-number{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}@media(min-width:992px){.container{padding:0 24px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.mt-0{margin-top:0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.loading-fallback{min-height:100vh;justify-content:center;align-items:center;display:flex;flex-direction:column;gap:16px;background:var(--color-bg-primary)}.loading-fallback .spinner{width:48px;height:48px;border:4px solid rgba(40,140,250,.1);border-top-color:#288cfa;border-radius:9999px;animation:spin .8s linear infinite}.loading-fallback p{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;font-weight:500;font-size:.875rem;transition:all .15s ease;cursor:pointer;border:none;outline:none}.theme-toggle:disabled{opacity:.6;cursor:not-allowed}.theme-toggle{width:100%;background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);justify-content:flex-start;transition:all .15s ease}.theme-toggle:hover:not(:disabled){background:#288cfa0d;border-color:#288cfa;color:var(--color-primary);transform:translate(4px)}.theme-toggle__icon{font-size:1.125rem;transition:transform .3s ease}.theme-toggle__text{font-size:.875rem}.theme-toggle:active .theme-toggle__icon{transform:rotate(360deg)}.sidebar{grid-area:sidebar;display:flex;flex-direction:column;background:var(--color-bg-surface);border-right:1px solid var(--color-border);padding:24px 16px;display:none}@media(min-width:768px){.sidebar{display:flex;height:100vh;position:sticky;top:0;overflow:hidden}}.sidebar__header{margin-bottom:32px;flex-shrink:0}.sidebar__logo{font-size:1.5rem;font-weight:700;color:var(--color-primary);text-align:center}.sidebar__nav{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto}.sidebar__nav::-webkit-scrollbar{width:8px;height:8px}.sidebar__nav::-webkit-scrollbar-track{background:#f9fafb;border-radius:4px}.sidebar__nav::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.sidebar__nav::-webkit-scrollbar-thumb:hover{background:#6b7280}.sidebar__nav{margin-bottom:16px}.sidebar__link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:all .15s ease}.sidebar__link:hover{background:#288cfa0d;color:var(--color-primary);transform:translate(4px)}.sidebar__link--active{background:linear-gradient(135deg,#288cfa,#7ebcf9);color:#fff;font-weight:600;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.sidebar__link--active .sidebar__icon{transform:scale(1.1)}.sidebar__link--active:hover{transform:translate(0) translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.sidebar__icon{font-size:1.125rem;transition:transform .15s ease}.sidebar__footer{display:flex;flex-direction:column;gap:16px;padding-top:16px;border-top:1px solid var(--color-border);flex-shrink:0}.sidebar__user{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background:#288cfa08}.sidebar__user-avatar{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:9999px;background:linear-gradient(135deg,#288cfa,#7ebcf9);color:#fff;font-weight:700;font-size:1rem;flex-shrink:0}.sidebar__user-info{display:flex;flex-direction:column;gap:4px;min-width:0}.sidebar__user-name{font-size:.875rem;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-email{font-size:.75rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__logout{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;font-weight:500;font-size:.875rem;transition:all .15s ease;cursor:pointer;border:none;outline:none}.sidebar__logout:disabled{opacity:.6;cursor:not-allowed}.sidebar__logout{width:100%;background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);justify-content:flex-start}.sidebar__logout:hover:not(:disabled){background:#ef44440d;border-color:#ef4444;color:#ef4444}.bottom-nav{grid-area:bottom-nav;justify-content:space-around;align-items:center;background:var(--color-bg-surface);border-top:1px solid var(--color-border);padding:8px 16px;padding-bottom:calc(8px + env(safe-area-inset-bottom));box-shadow:0 -2px 10px #0000000d;display:flex}@media(min-width:768px){.bottom-nav{display:none}}.bottom-nav__item{flex-direction:column;display:flex;justify-content:center;align-items:center;gap:4px;flex:1;padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--color-text-secondary);transition:all .15s ease;min-width:60px;max-width:100px;min-height:44px}.bottom-nav__item:hover{background:#288cfa0d;color:var(--color-primary)}.bottom-nav__item--active{color:#288cfa}.bottom-nav__item--active .bottom-nav__icon{transform:scale(1.2)}.bottom-nav__item--active .bottom-nav__label{font-weight:600}.bottom-nav__icon{font-size:1.5rem;transition:transform .15s ease}.bottom-nav__label{font-size:.75rem;font-weight:500;text-align:center;transition:font-weight .15s ease}.topbar{grid-area:topbar;justify-content:space-between;align-items:center;background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);padding:12px 16px;position:sticky;top:0;z-index:100;padding-top:calc(12px + env(safe-area-inset-top));box-shadow:0 2px 8px #0000000d;display:flex}@media(min-width:768px){.topbar{display:none}}.topbar__brand{display:flex;align-items:center}.topbar__logo{font-size:1.125rem;font-weight:700;color:var(--color-primary);margin:0}.topbar__user{position:relative}.topbar__avatar{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:9999px;background:linear-gradient(135deg,#288cfa,#7ebcf9);color:#fff;font-weight:700;font-size:.875rem;border:none;cursor:pointer;transition:transform .15s ease}.topbar__avatar:hover{transform:scale(1.1)}.topbar__avatar:active{transform:scale(.95)}.topbar__backdrop{position:fixed;inset:0;background:#0000001a;z-index:200;animation:fadeIn .2s ease}.topbar__menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:300;overflow:hidden;animation:slideDown .2s ease}.topbar__menu-header{padding:16px;border-bottom:1px solid var(--color-border);background:#288cfa08}.topbar__menu-name{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__menu-email{font-size:.75rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__menu-logout{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;font-weight:500;font-size:.875rem;transition:all .15s ease;cursor:pointer;border:none;outline:none}.topbar__menu-logout:disabled{opacity:.6;cursor:not-allowed}.topbar__menu-logout{width:100%;justify-content:flex-start;padding:12px 16px;background:transparent;color:var(--color-text-secondary);border-radius:0;font-size:.875rem}.topbar__menu-logout:hover:not(:disabled){background:#ef44440d;color:#ef4444}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.main-layout{display:grid;min-height:100vh;background:var(--color-bg-primary);grid-template-rows:auto 1fr auto;grid-template-columns:1fr;grid-template-areas:"topbar" "content" "bottom-nav"}.main-layout__content{grid-area:content;overflow-y:auto;padding:16px}.main-layout__content::-webkit-scrollbar{width:8px;height:8px}.main-layout__content::-webkit-scrollbar-track{background:#f9fafb;border-radius:4px}.main-layout__content::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.main-layout__content::-webkit-scrollbar-thumb:hover{background:#6b7280}.main-layout__content{display:flex;justify-content:center}.main-layout__inner{width:100%;max-width:1400px}@media(min-width:768px){.main-layout{grid-template-rows:1fr;grid-template-columns:240px 1fr;grid-template-areas:"sidebar content"}.main-layout__content{padding:24px 32px}.main-layout__inner{max-width:1200px}}@media(min-width:1400px){.main-layout__content{padding:32px 48px}.main-layout__inner{max-width:1300px}}.toast-container{position:fixed;bottom:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:420px}@media(max-width:576px){.toast-container{left:16px;right:16px;bottom:16px;max-width:none}}.toast{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;cursor:pointer;animation:slideIn .3s ease;transition:all .15s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000026}.toast--success{background:#10b981f2;border:1px solid rgba(255,255,255,.2);color:#fff}.toast--error{background:#ef4444f2;border:1px solid rgba(255,255,255,.2);color:#fff}.toast--info{background:#3b82f6f2;border:1px solid rgba(255,255,255,.2);color:#fff}.toast--warning{background:#f59e0bf2;border:1px solid rgba(255,255,255,.2);color:#fff}.toast__icon{font-size:1.5rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.toast__message{flex:1;font-size:1rem;font-weight:500;line-height:1.4}.toast__close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff3;border:none;border-radius:9999px;color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .15s ease;flex-shrink:0}.toast__close:hover{background:#ffffff4d;transform:scale(1.1)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}