@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-primary:#1b2a4a;--color-primary-light:#2a3f6a;--color-primary-dark:#111c33;--color-primary-50:#eef2f8;--color-primary-100:#d0ddf1;--color-primary-200:#a6c1e6;--color-navy:#1b2a4a;--color-navy-light:#2a3f6a;--color-navy-dark:#111c33;--color-teal:#2dbda8;--color-teal-light:#5dd4c2;--color-teal-dark:#1e9a89;--color-teal-50:#e6f8f5;--color-success:#22c55e;--color-success-bg:#f0fdf4;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--color-info:#3b82f6;--color-bg:#f4f6fa;--color-surface:#fff;--color-surface-hover:#f8f9fc;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-text:#1e293b;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--gradient-primary:linear-gradient(135deg, #1b2a4a 0%, #2dbda8 100%);--gradient-navy:linear-gradient(135deg, #1b2a4a 0%, #2a3f6a 100%);--gradient-teal:linear-gradient(135deg, #2dbda8 0%, #2a3f6a 100%);--gradient-surface:linear-gradient(135deg, #ffffffe6 0%, #ffffffb3 100%);--shadow-xs:0 1px 2px #1b2a4a0a;--shadow-sm:0 1px 3px #1b2a4a0f, 0 1px 2px #1b2a4a0a;--shadow-md:0 4px 6px -1px #1b2a4a12, 0 2px 4px -2px #1b2a4a0d;--shadow-lg:0 10px 15px -3px #1b2a4a14, 0 4px 6px -4px #1b2a4a0d;--shadow-xl:0 20px 25px -5px #1b2a4a1a, 0 8px 10px -6px #1b2a4a0d;--shadow-fab:0 6px 20px #1a6dd459;--shadow-card:0 2px 12px #1b2a4a0f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md: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;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.175, .885, .32, 1.275);--sidebar-width:260px;--topbar-height:64px;--bottomnav-height:64px;--fab-size:56px;--content-max-width:1400px;--z-dropdown:100;--z-sticky:200;--z-topbar:300;--z-sidebar:400;--z-modal-backdrop:500;--z-modal:600;--z-fab:350;--z-bottomnav:300;--z-splash:9999}[data-theme=dark]{--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-hover:#334155;--color-border:#334155;--color-border-light:#1e293b;--color-text:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-text-inverse:#0f172a;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #0009, 0 1px 2px #0006;--shadow-md:0 4px 6px -1px #000000b3, 0 2px 4px -2px #00000080;--shadow-lg:0 10px 15px -3px #000c, 0 4px 6px -4px #00000080;--shadow-xl:0 20px 25px -5px #000000e6, 0 8px 10px -6px #00000080;--shadow-card:0 2px 12px #0006;--gradient-surface:linear-gradient(135deg, #1e293be6 0%, #1e293bb3 100%);--color-success-bg:#22c55e26;--color-warning-bg:#f59e0b26;--color-danger-bg:#ef444426}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);-webkit-tap-highlight-color:transparent;min-height:100vh;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}a{color:var(--color-primary);text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-primary{color:var(--color-primary)}.text-navy{color:var(--color-navy)}.text-teal{color:var(--color-teal)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-border-light);transition:box-shadow var(--transition-base), transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-glass{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#ffffffbf;border:1px solid #fff9}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all var(--transition-fast);white-space:nowrap;height:40px;font-weight:600;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:currentColor;position:absolute;inset:0}.btn:hover:after{opacity:.08}.btn:active:after{opacity:.15}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 2px 8px #1a6dd440}.btn-primary:hover{background:var(--color-primary-light);transform:translateY(-1px);box-shadow:0 4px 12px #1a6dd459}.btn-secondary{background:var(--color-primary-50);color:var(--color-primary)}.btn-outline{color:var(--color-primary);border:1.5px solid var(--color-primary-200);background:0 0}.btn-outline:hover{background:var(--color-primary-50);border-color:var(--color-primary)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:var(--color-surface-hover);color:var(--color-text)}.btn-danger{background:var(--color-danger);color:var(--color-text-inverse)}.btn-success{background:var(--color-success);color:var(--color-text-inverse)}.btn-teal{background:var(--color-teal);color:var(--color-text-inverse);box-shadow:0 2px 8px #2dbda840}.btn-lg{height:48px;padding:var(--space-4) var(--space-6);font-size:var(--font-size-base);border-radius:var(--radius-lg)}.btn-sm{height:32px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn-icon{border-radius:var(--radius-md);width:40px;height:40px;padding:0}.btn-icon.btn-sm{width:32px;height:32px}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.input{height:44px;padding:0 var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-base);transition:all var(--transition-fast);width:100%}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50);outline:none}.input::placeholder{color:var(--color-text-muted)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-size:var(--font-size-xs);padding:2px 10px;font-weight:600;line-height:1.6;display:inline-flex}.badge-primary{background:var(--color-primary-50);color:var(--color-primary)}.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-teal{background:var(--color-teal-50);color:var(--color-teal-dark)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ripple{to{opacity:0;transform:scale(4)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes splashLogo{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes splashFadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-spring) ease-out}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.18s}.stagger-children>:nth-child(5){animation-delay:.24s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.36s}.stagger-children>:nth-child(8){animation-delay:.42s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.page-container{padding:var(--space-6);max-width:var(--content-max-width);margin:0 auto;animation:.3s ease-out fadeIn}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-title{font-size:var(--font-size-2xl);color:var(--color-navy);letter-spacing:-.02em;font-weight:700}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.grid{gap:var(--space-5);display:grid}.grid>*{min-width:0}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);background:#1b2a4a80;animation:.2s ease-out fadeIn;position:fixed;inset:0}.modal-content{background:var(--color-surface);z-index:var(--z-modal);animation:scaleIn var(--transition-spring);position:fixed}@media (width>=769px){.modal-content{border-radius:var(--radius-xl);width:90%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-xl);top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}}@media (width<=768px){.modal-content{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:92vh;animation:slideUp var(--transition-slow);bottom:0;left:0;right:0;overflow-y:auto}.modal-content .modal-handle{display:block}}.modal-handle{background:var(--color-border);width:36px;height:4px;margin:var(--space-3) auto var(--space-2);border-radius:2px;display:none}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--space-6)}.modal-footer{gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-light);justify-content:flex-end;display:flex}.empty-state{padding:var(--space-16) var(--space-6);text-align:center;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state svg{width:64px;height:64px;margin-bottom:var(--space-4);opacity:.4}@media (width<=768px){.page-container{padding:var(--space-4);padding-bottom:calc(var(--bottomnav-height) + var(--space-6))}.page-title{font-size:var(--font-size-xl)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr 1fr}.hide-mobile{display:none!important}}@media (width<=480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (width>=769px){.hide-desktop{display:none!important}}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table thead th{background:var(--color-bg);padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--color-border);font-weight:600;position:sticky;top:0}.data-table tbody td{padding:var(--space-4);border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-surface-hover)}.pull-indicator{padding:var(--space-3);color:var(--color-primary);font-size:var(--font-size-sm);opacity:0;transition:opacity var(--transition-fast);justify-content:center;align-items:center;font-weight:500;display:flex}.pull-indicator.visible{opacity:1}.skeleton{background:linear-gradient(90deg, var(--color-border-light) 25%, var(--color-bg) 50%, var(--color-border-light) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);background:var(--color-navy);color:var(--color-text-inverse);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-fast);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)scale(.9)}.tooltip:hover:after{opacity:1;transform:translate(-50%)scale(1)}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border-light);z-index:var(--z-sidebar);box-shadow:var(--shadow-sm);flex-direction:column;display:none;position:fixed;top:0;bottom:0;left:0}@media (width>=769px){.sidebar{display:flex}}@media (width<=768px){.sidebar{transition:transform var(--transition-base);display:flex;transform:translate(-100%)}.sidebar--open{transform:translate(0)}}.sidebar__close-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.sidebar__close-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.sidebar__header{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--color-border-light);display:flex}.sidebar__logo-wrapper{border-radius:var(--radius-md);background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sidebar__logo{border-radius:var(--radius-md);width:40px;height:40px}.sidebar__brand{align-items:center;gap:var(--space-2);display:flex}.sidebar__title{font-size:var(--font-size-lg);color:var(--color-navy);letter-spacing:-.02em;font-weight:700}.sidebar__badge{color:var(--color-primary);background:var(--color-primary-50);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;font-size:.625rem;font-weight:700}.sidebar__nav{padding:var(--space-4) var(--space-3);gap:var(--space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar__section{gap:var(--space-1);flex-direction:column;display:flex}.sidebar__section-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;padding:0 var(--space-3);margin-bottom:var(--space-2);font-weight:600}.sidebar__link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:all var(--transition-fast);font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar__link:hover{background:var(--color-surface-hover);color:var(--color-text)}.sidebar__link--active{background:var(--color-primary-50);color:var(--color-primary);font-weight:600}.sidebar__link--active:before{content:"";background:var(--color-primary);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.sidebar__user{align-items:center;gap:var(--space-3);display:flex}.sidebar__avatar{border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;width:36px;height:36px;font-size:var(--font-size-xs);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.sidebar__user-info{min-width:0}.sidebar__user-name{font-size:var(--font-size-sm);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar__user-role{font-size:var(--font-size-xs);color:var(--color-text-muted)}.sidebar__logout{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.sidebar__logout:hover{color:var(--color-danger);background:var(--color-danger-bg)}.bottom-nav{height:var(--bottomnav-height);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border-light);z-index:var(--z-bottomnav);padding:0 var(--space-2);padding-bottom:env(safe-area-inset-bottom,0);background:#ffffffeb;display:none;position:fixed;bottom:0;left:0;right:0}@media (width<=768px){.bottom-nav{justify-content:space-around;align-items:center;display:flex}}.bottom-nav__item{padding:var(--space-2) var(--space-3);color:var(--color-text-muted);transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:64px;text-decoration:none;display:flex;position:relative}.bottom-nav__item--active{color:var(--color-primary)}.bottom-nav__icon-wrapper{border-radius:var(--radius-full);width:48px;height:32px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.bottom-nav__item--active .bottom-nav__icon-wrapper{background:var(--color-primary-50)}.bottom-nav__indicator{background:var(--color-primary);width:0;height:2px;transition:width var(--transition-base);border-radius:1px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.bottom-nav__item--active .bottom-nav__indicator{width:20px}.bottom-nav__label{letter-spacing:.01em;transition:color var(--transition-fast);font-size:.6875rem;font-weight:500}.bottom-nav__item--active .bottom-nav__label{font-weight:600}.bottom-nav__item:active .bottom-nav__icon-wrapper{transform:scale(.92)}.fab{bottom:calc(var(--bottomnav-height) + var(--space-4));right:var(--space-5);width:var(--fab-size);height:var(--fab-size);border-radius:var(--radius-xl);background:var(--gradient-primary);color:#fff;z-index:var(--z-fab);box-shadow:var(--shadow-fab);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;animation:.4s cubic-bezier(.175,.885,.32,1.275) .3s both scaleIn;display:flex;position:fixed;overflow:hidden}.fab:hover{transform:scale(1.08);box-shadow:0 8px 28px #1a6dd473}.fab:active{transform:scale(.95)}.fab__ripple{opacity:0;width:100%;height:100%;transition:opacity var(--transition-fast);background:radial-gradient(circle,#ffffff40 0%,#0000 70%);position:absolute}.fab:active .fab__ripple{opacity:1}@media (width>=769px){.fab{display:none}}.transaction-modal .modal-title{font-size:var(--font-size-lg);color:var(--color-navy);font-weight:700}.transaction-modal .modal-body{gap:var(--space-5);flex-direction:column;display:flex}.type-toggle{gap:var(--space-2);background:var(--color-bg);padding:var(--space-1);border-radius:var(--radius-md);display:flex}.type-toggle__btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);flex:1;font-weight:500;display:flex}.type-toggle__btn--active{background:var(--color-surface);box-shadow:var(--shadow-sm);font-weight:600}.type-toggle__btn--income.type-toggle__btn--active{color:var(--color-success)}.type-toggle__btn--expense.type-toggle__btn--active{color:var(--color-danger)}.input-label{align-items:center;gap:var(--space-2);display:flex}.amount-input-wrapper{align-items:center;display:flex;position:relative}.amount-prefix{left:var(--space-4);color:var(--color-text-muted);font-weight:600;font-size:var(--font-size-sm);pointer-events:none;position:absolute}.amount-input{letter-spacing:-.01em;font-size:var(--font-size-xl)!important;height:56px!important;padding-left:44px!important;font-weight:700!important}.amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.amount-input[type=number]{-moz-appearance:textfield}.transaction-modal .modal-footer{padding:var(--space-5) var(--space-6)}.transaction-modal .modal-footer .btn-primary{flex:1}@media (width<=768px){.transaction-modal .modal-footer{flex-direction:column-reverse}.transaction-modal .modal-footer .btn-ghost{display:none}.transaction-modal .modal-footer .btn-primary{width:100%}}.topbar{height:var(--topbar-height);padding:0 var(--space-6);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-light);z-index:var(--z-topbar);background:#ffffffd9;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}@media (width>=769px){.topbar{left:var(--sidebar-width)}}.topbar__left{align-items:center;gap:var(--space-3);display:flex}.topbar__mobile-menu{color:var(--color-text);padding:var(--space-1);justify-content:center;align-items:center;display:flex}.topbar__mobile-logo{border-radius:var(--radius-sm);background:0 0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.topbar__logo-img{border-radius:var(--radius-sm);width:34px;height:34px}.topbar__title-group{flex-direction:column;display:flex}.topbar__title{font-size:var(--font-size-lg);color:var(--color-navy);letter-spacing:-.02em;font-weight:700;line-height:1.2}.topbar__subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.3}@media (width<=768px){.topbar__title{font-size:var(--font-size-md)}}.topbar__right{align-items:center;gap:var(--space-2);display:flex}.topbar__btn{border-radius:var(--radius-md);width:38px;height:38px;color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.topbar__btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.topbar__notif-dot{background-color:var(--color-gray-100);width:8px;height:8px;position:absolute;top:8px;right:8px}.topbar__dropdown-container{align-items:center;display:flex;position:relative}.topbar__btn--active{background-color:var(--color-gray-100);color:var(--color-primary)}.topbar__dropdown{background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);z-index:500;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.topbar__dropdown--search{width:300px;padding:8px}.topbar__search-form{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;padding:0 12px;display:flex}.topbar__search-form:focus-within{border-color:var(--color-primary);background-color:var(--color-surface);box-shadow:0 0 0 3px #2563eb1a}.topbar__search-icon{color:var(--color-gray-400);flex-shrink:0}.topbar__search-input{width:100%;color:var(--color-gray-900);background:0 0;border:none;outline:none;padding:10px 8px;font-size:14px}.topbar__search-clear{color:var(--color-gray-400);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.topbar__search-clear:hover{background-color:var(--color-gray-200);color:var(--color-gray-600)}.topbar__dropdown--notif{width:350px}.topbar__notif-header{border-bottom:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;padding:16px;display:flex}.topbar__notif-header h3{color:var(--color-gray-900);margin:0;font-size:16px;font-weight:600}.topbar__notif-mark-read{color:var(--color-primary);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:500}.topbar__notif-mark-read:hover{text-decoration:underline}.topbar__notif-list{max-height:300px;overflow-y:auto}.topbar__notif-item{border-bottom:1px solid var(--color-gray-100);cursor:pointer;transition:background-color var(--transition-fast);gap:12px;padding:16px;display:flex}.topbar__notif-item:hover{background-color:var(--color-gray-50)}.topbar__notif-item--unread{background-color:#2563eb08}.topbar__notif-icon{background-color:var(--color-gray-100);width:32px;height:32px;color:var(--color-gray-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.topbar__notif-item--unread .topbar__notif-icon{background-color:var(--color-primary-light);color:var(--color-primary)}.topbar__notif-content{flex-grow:1}.topbar__notif-content h4{color:var(--color-gray-900);margin:0 0 4px;font-size:14px;font-weight:600}.topbar__notif-content p{color:var(--color-gray-600);margin:0 0 6px;font-size:13px;line-height:1.4}.topbar__notif-content span{color:var(--color-gray-400);font-size:11px}.topbar__notif-footer{text-align:center;border-top:1px solid var(--color-gray-100);padding:12px}.topbar__notif-footer button{color:var(--color-gray-600);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:500}.topbar__notif-footer button:hover{color:var(--color-gray-900)}@media (width<=768px){.topbar__dropdown{width:auto;position:fixed;top:70px;left:16px;right:16px}}.topbar__avatar{border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;width:34px;height:34px;font-size:var(--font-size-xs);margin-left:var(--space-2);justify-content:center;align-items:center;font-weight:700;display:flex}.app-layout{min-height:100vh;display:flex}.app-main{flex-direction:column;flex:1;width:100%;min-width:0;min-height:100vh;display:flex}@media (width>=769px){.app-main{margin-left:var(--sidebar-width)}}.app-content{margin-top:var(--topbar-height);flex:1}.splash-screen{z-index:var(--z-splash);background:linear-gradient(145deg,#1b2a4a 0%,#2a3f6a 60%,#2dbda8 100%);flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s ease-out;display:flex;position:fixed;inset:0}.splash-fade-out{opacity:0;pointer-events:none}.splash-content{flex-direction:column;align-items:center;gap:16px;display:flex}.splash-logo-container{background:0 0;border-radius:24px;justify-content:center;align-items:center;width:100px;height:100px;animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards splashLogo;display:flex}.splash-logo{border-radius:24px;width:100px;height:100px}.splash-title{color:#fff;letter-spacing:-.02em;font-size:1.75rem;font-weight:700;animation:.6s ease-out .4s both fadeInUp}.splash-subtitle{color:#ffffffb3;font-size:.875rem;font-weight:400;animation:.6s ease-out .6s both fadeInUp}.splash-loader{background:#ffffff26;border-radius:2px;width:120px;height:3px;margin-top:20px;animation:.4s ease-out .8s both fadeIn;overflow:hidden}.splash-loader-bar{background:#fffc;border-radius:2px;width:0;height:100%;animation:1.6s ease-in-out .9s forwards splashLoad}@keyframes splashLoad{0%{width:0}30%{width:40%}60%{width:70%}to{width:100%}}.splash-version{color:#fff6;font-size:.75rem;font-weight:500;animation:.4s ease-out 1s both fadeIn;position:absolute;bottom:32px}.stat-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-card);border:1px solid var(--color-border-light);transition:all var(--transition-base);animation:.4s ease-out both fadeInUp;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.stat-card__icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-card__icon--blue{background:var(--color-primary-50);color:var(--color-primary)}.stat-card__icon--navy{color:var(--color-navy);background:#1b2a4a14}.stat-card__icon--teal{background:var(--color-teal-50);color:var(--color-teal-dark)}.stat-card__icon--green{background:var(--color-success-bg);color:var(--color-success)}.stat-card__icon--red{background:var(--color-danger-bg);color:var(--color-danger)}.stat-card__change{font-size:var(--font-size-xs);border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 8px;font-weight:600;display:flex}.stat-card__change--up{color:var(--color-success);background:var(--color-success-bg)}.stat-card__change--down{color:var(--color-danger);background:var(--color-danger-bg)}.stat-card__body{z-index:1;position:relative}.stat-card__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1);font-weight:500}.stat-card__value{font-size:var(--font-size-xl);color:var(--color-navy);letter-spacing:-.02em;font-weight:700}.stat-card__accent{height:3px;position:absolute;bottom:0;left:0;right:0}.stat-card__accent--blue{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light))}.stat-card__accent--navy{background:linear-gradient(90deg, var(--color-navy), var(--color-navy-light))}.stat-card__accent--teal{background:linear-gradient(90deg, var(--color-teal), var(--color-teal-light))}.stat-card__accent--green{background:linear-gradient(90deg, var(--color-success), #4ade80)}.stat-card__accent--red{background:linear-gradient(90deg, var(--color-danger), #f87171)}@media (width<=768px){.stat-card{padding:var(--space-4)}.stat-card__icon{width:38px;height:38px}.stat-card__value{font-size:var(--font-size-lg)}}.trx-card-wrapper{border-radius:var(--radius-lg);margin-bottom:var(--space-3);position:relative;overflow:hidden}.trx-card-action{width:80px;font-size:var(--font-size-xs);color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-weight:600;display:flex;position:absolute;top:0;bottom:0}.trx-card-action--edit{background:var(--color-primary);border-radius:var(--radius-lg) 0 0 var(--radius-lg);left:0}.trx-card-action--delete{background:var(--color-danger);border-radius:0 var(--radius-lg) var(--radius-lg) 0;right:0}.trx-card{z-index:1;justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-xs);cursor:pointer;transition:box-shadow var(--transition-fast);will-change:transform;display:flex;position:relative}.trx-card:hover{box-shadow:var(--shadow-sm)}.trx-card__left{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.trx-card__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.trx-card__icon--income{background:var(--color-success-bg);color:var(--color-success)}.trx-card__icon--expense{background:var(--color-danger-bg);color:var(--color-danger)}.trx-card__info{flex:1;min-width:0}.trx-card__desc{font-size:var(--font-size-sm);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-weight:500;overflow:hidden}.trx-card__meta{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex}.trx-card__dot{font-size:10px}.trx-card__category{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.trx-card__right{align-items:flex-end;gap:var(--space-1);flex-direction:column;flex-shrink:0;display:flex}.trx-card__amount{font-size:var(--font-size-sm);white-space:nowrap;font-weight:700}.trx-card__amount--income{color:var(--color-success)}.trx-card__amount--expense{color:var(--color-danger)}@media (width<=480px){.trx-card__meta{flex-wrap:wrap}.trx-card__amount{font-size:var(--font-size-xs)}}.dashboard-grid{gap:var(--space-5);margin-top:var(--space-5);grid-template-columns:1.6fr 1fr;display:grid}.dashboard-grid>*{min-width:0}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-chart{padding:var(--space-6);animation:.5s ease-out .2s both fadeInUp}.dashboard-chart__header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.dashboard-chart__title{font-size:var(--font-size-md);color:var(--color-navy);font-weight:700}.dashboard-chart__subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.dashboard-chart__legend{gap:var(--space-4);display:flex}.legend-item{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:500;display:flex}.legend-dot{border-radius:2px;width:8px;height:8px}.legend-item--income .legend-dot{background:var(--color-teal)}.legend-item--expense .legend-dot{background:var(--color-primary-200)}.chart-container{align-items:flex-end;gap:var(--space-2);height:220px;padding-top:var(--space-4);display:flex;overflow-x:auto}.chart-bar-group{align-items:center;gap:var(--space-2);flex-direction:column;flex:1;height:100%;display:flex}.chart-bars{flex:1;align-items:flex-end;gap:3px;width:100%;animation:.6s ease-out both fadeInUp;display:flex}.chart-bar{min-height:4px;transition:all var(--transition-base);cursor:pointer;border-radius:4px 4px 1px 1px;flex:1;position:relative}.chart-bar:hover{opacity:.8;transform-origin:bottom;transform:scaleY(1.02)}.chart-bar--income{background:linear-gradient(180deg, var(--color-teal) 0%, var(--color-teal-dark) 100%)}.chart-bar--expense{background:linear-gradient(180deg, var(--color-primary-200) 0%, var(--color-primary) 100%)}.chart-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.625rem;font-weight:500}.dashboard-recent{padding:var(--space-5);flex-direction:column;max-height:500px;animation:.5s ease-out .3s both fadeInUp;display:flex}.dashboard-recent__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.dashboard-recent__title{font-size:var(--font-size-md);color:var(--color-navy);font-weight:700}.dashboard-recent__link{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-primary);transition:gap var(--transition-fast);font-weight:600;display:flex}.dashboard-recent__link:hover{gap:var(--space-2)}.dashboard-recent__list{flex:1;overflow-y:auto}@media (width<=768px){.chart-container{gap:2px;height:160px}.chart-bar-group{gap:2px}.dashboard-chart{padding:var(--space-4)}.dashboard-recent{max-height:none}}.analysis-card{background:var(--gradient-navy);height:100%;padding:var(--space-6);border:none;flex-direction:column;display:flex}.analysis-card__header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);color:#fff;display:flex}.analysis-card__header svg{color:var(--color-teal-light);flex-shrink:0}.analysis-card__header h3{font-size:var(--font-size-lg);color:#fff;letter-spacing:-.01em;margin:0;font-weight:700}.analysis-card__body{margin-bottom:var(--space-5);flex:1}.analysis-card__text{font-size:var(--font-size-sm);color:#cbd5e1;margin:0;line-height:1.7}.analysis-card__footer{border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);background:#ffffff14;border:1px solid #ffffff1a}.analysis-card__ratio{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.analysis-card__ratio-label{font-size:var(--font-size-sm);color:#e2e8f0;letter-spacing:.02em;font-weight:600}.analysis-card__ratio-value{letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.analysis-card__ratio-value.ratio--healthy{color:#34d399}.analysis-card__ratio-value.ratio--warning{color:#fbbf24}.analysis-card__ratio-value.ratio--danger{color:#f87171}.analysis-card__ratio-bar{border-radius:var(--radius-full);width:100%;height:8px;margin-bottom:var(--space-2);background:#ffffff1f;overflow:hidden}.analysis-card__ratio-fill{border-radius:var(--radius-full);height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.analysis-card__ratio-fill.ratio--healthy{background:linear-gradient(90deg,#34d399,#2dbda8)}.analysis-card__ratio-fill.ratio--warning{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.analysis-card__ratio-fill.ratio--danger{background:linear-gradient(90deg,#f87171,#ef4444)}.analysis-card__ratio-scale{color:#ffffff59;justify-content:space-between;font-size:.625rem;font-weight:500;display:flex}@media (width<=768px){.analysis-card{padding:var(--space-4)}.analysis-card__footer{padding:var(--space-3) var(--space-4)}.analysis-card__ratio-value{font-size:1.25rem}}.trx-filter-bar{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.trx-search{flex:1;min-width:200px;position:relative}.trx-search__icon{left:var(--space-4);color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.trx-search__input{width:100%;height:42px;padding:0 var(--space-4) 0 40px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.trx-search__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50);outline:none}.trx-filter-chips{gap:var(--space-2);display:flex}.trx-chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-surface);border:1.5px solid var(--color-border);transition:all var(--transition-fast);white-space:nowrap;font-weight:500;display:flex}.trx-chip:hover{border-color:var(--color-primary-200);color:var(--color-primary)}.trx-chip--active{background:var(--color-primary-50);border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.trx-chip--income.trx-chip--active{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.trx-chip--expense.trx-chip--active{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.trx-summary{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.trx-summary__item{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-light);box-shadow:var(--shadow-xs)}.trx-summary__label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-1);font-weight:500;display:block}.trx-summary__value{font-size:var(--font-size-md);font-weight:700;display:block}.trx-summary__item--income .trx-summary__value{color:var(--color-success)}.trx-summary__item--expense .trx-summary__value{color:var(--color-danger)}.trx-summary__item--net .trx-summary__value{color:var(--color-primary)}.trx-table-wrapper{animation:.4s ease-out both fadeInUp;overflow-x:auto}.th-sort{align-items:center;gap:var(--space-1);font-size:inherit;font-weight:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;display:inline-flex}.th-sort:hover{color:var(--color-primary)}.trx-table-desc{align-items:center;gap:var(--space-2);max-width:300px;display:flex}.trx-table-type-dot{border-radius:var(--radius-full);flex-shrink:0;width:6px;height:6px}.trx-table-type-dot--income{background:var(--color-success)}.trx-table-type-dot--expense{background:var(--color-danger)}.trx-table-actions{gap:var(--space-1);display:flex}.trx-table-actions .btn-ghost:hover{color:var(--color-primary)}.trx-card-list{flex-direction:column;display:flex}@media (width<=768px){.trx-summary{gap:var(--space-2);grid-template-columns:1fr}.trx-summary__item{padding:var(--space-3);justify-content:space-between;align-items:center;display:flex}.trx-summary__label{margin-bottom:0}.trx-filter-chips{width:100%;padding-bottom:var(--space-2);overflow-x:auto}}.report-type-selector{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.report-type-card{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:1.5px solid var(--color-border);transition:all var(--transition-fast);text-align:left;display:flex}.report-type-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-sm)}.report-type-card--active{border-color:var(--color-primary);background:var(--color-primary-50);box-shadow:0 2px 8px #1a6dd41f}.report-type-card__icon{border-radius:var(--radius-md);background:var(--color-bg);width:42px;height:42px;color:var(--color-text-secondary);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.report-type-card--active .report-type-card__icon{background:var(--color-primary);color:#fff}.report-type-card__info{flex-direction:column;min-width:0;display:flex}.report-type-card__label{font-size:var(--font-size-sm);color:var(--color-navy);font-weight:600}.report-type-card__desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}.report-date-range{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.report-date-range__group{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);display:flex}.report-date-input{height:38px;font-size:var(--font-size-sm);width:auto}.report-date-range__sep{color:var(--color-text-muted);font-weight:300}.report-card{padding:0;animation:.4s ease-out both fadeInUp;overflow:hidden}.report-card__header{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light);background:var(--color-bg);display:flex}.report-card__title{font-size:var(--font-size-md);color:var(--color-navy);font-weight:700}.report-card__period{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:1px}.report-table-wrapper{overflow-x:auto}.report-table{border-collapse:collapse;width:100%}.report-table thead th{padding:var(--space-3) var(--space-6);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--color-border);font-weight:600}.report-table tbody td{padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border-light)}.report-row--header td{color:var(--color-navy);background:var(--color-bg);text-transform:uppercase;letter-spacing:.04em;font-weight:700;font-size:var(--font-size-xs)!important;padding-top:var(--space-4)!important}.report-row--total td{color:var(--color-navy);border-top:2px solid var(--color-border);border-bottom:2px solid var(--color-border);background:#1a6dd408;font-weight:700}.report-row--indent td:first-child{padding-left:calc(var(--space-6) + var(--space-4))}.laporan-actions{gap:var(--space-3);display:flex}.laporan-mobile-actions{gap:var(--space-3);margin-top:var(--space-5);display:flex}@media (width<=768px){.report-type-selector{grid-template-columns:1fr}.report-date-range{align-items:stretch;gap:var(--space-3);flex-direction:column}.report-date-range__group{justify-content:flex-start;width:100%}.report-date-range__group label{min-width:50px}.report-date-input{flex:1;width:100%}.report-date-range__sep{display:none}.report-table tbody td,.report-table thead th{padding:var(--space-3) var(--space-4)}.report-row--indent td:first-child{padding-left:calc(var(--space-4) + var(--space-3))}}@media print{#sidebar,.topbar,.laporan-actions,.laporan-mobile-actions,#report-type-selector,.report-date-range,.bottom-nav{display:none!important}body,html,#root,.layout-container,.main-content,.page-container{background:#fff!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}#report-content{box-shadow:none!important;border:none!important;margin:0!important;padding:0!important}.report-card__header{background:#fff!important;border-bottom:2px solid #000!important;margin-bottom:24px!important;padding:0 0 16px!important}.report-card__title{color:#000!important}.report-table{border-collapse:collapse!important;width:100%!important}.report-table th,.report-table td{color:#000!important;border-color:#ddd!important}.report-row--header td{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#f8f9fa!important}.report-row--total td{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#f1f5f9!important;border-top:2px solid #000!important;border-bottom:2px solid #000!important}.page-header{text-align:center!important;margin-bottom:32px!important}.page-header>div{width:100%}}.depreciation-action{align-items:center;gap:var(--space-2);background-color:var(--surface-100);padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border-color);display:flex}.form-input-small{padding:var(--space-2) var(--space-3);height:36px;font-size:.875rem}.scanner-capture{max-width:600px;margin:0 auto}.scanner-preview{margin-bottom:var(--space-6)}.scanner-preview__frame{aspect-ratio:4/3;border-radius:var(--radius-xl);background:linear-gradient(145deg,#1b2a4a 0%,#1a3a5c 50%,#1b2a4a 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.scanner-corner{border-color:var(--color-teal);border-style:solid;border-width:0;width:32px;height:32px;position:absolute}.scanner-corner--tl{border-top-width:3px;border-left-width:3px;border-radius:4px 0 0;top:16px;left:16px}.scanner-corner--tr{border-top-width:3px;border-right-width:3px;border-radius:0 4px 0 0;top:16px;right:16px}.scanner-corner--bl{border-bottom-width:3px;border-left-width:3px;border-radius:0 0 0 4px;bottom:16px;left:16px}.scanner-corner--br{border-bottom-width:3px;border-right-width:3px;border-radius:0 0 4px;bottom:16px;right:16px}.scanner-preview__content{align-items:center;gap:var(--space-3);color:#ffffffb3;text-align:center;padding:var(--space-6);flex-direction:column;display:flex}.scanner-preview__icon{color:var(--color-teal);animation:3s ease-in-out infinite float}.scanner-preview__text{font-size:var(--font-size-md);color:#ffffffe6;font-weight:500}.scanner-preview__hint{font-size:var(--font-size-xs);color:#fff6}.scanner-scanline{background:linear-gradient(90deg, transparent, var(--color-teal), transparent);height:2px;box-shadow:0 0 12px var(--color-teal);animation:2.5s ease-in-out infinite scanMove;position:absolute;left:20px;right:20px}@keyframes scanMove{0%,to{opacity:.6;top:20%}50%{opacity:1;top:75%}}.scanner-actions{margin-bottom:var(--space-5);justify-content:center;display:flex}.scanner-btn-capture{border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;width:72px;height:72px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 6px 24px #1a6dd466}.scanner-btn-capture:before{content:"";border-radius:var(--radius-full);border:3px solid #1a6dd44d;position:absolute;inset:-4px}.scanner-btn-capture:hover{transform:scale(1.08);box-shadow:0 8px 32px #1a6dd480}.scanner-btn-capture:active{transform:scale(.95)}.scanner-divider{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.scanner-divider:before,.scanner-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.scanner-divider span{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500}.scanner-upload{margin-bottom:var(--space-6)}.scanner-upload__dropzone{align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-6);border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex}.scanner-upload__dropzone:hover{border-color:var(--color-primary);background:var(--color-primary-50);color:var(--color-primary)}.scanner-upload__text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.scanner-upload__hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.scanner-features{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.scanner-feature-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-light);display:flex}.scanner-feature-card__title{font-size:var(--font-size-sm);color:var(--color-navy);margin-bottom:2px;font-weight:600}.scanner-feature-card__desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}.scanner-processing{padding:var(--space-16) 0;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.scanner-processing__visual{width:80px;height:80px;margin-bottom:var(--space-6);justify-content:center;align-items:center;display:flex;position:relative}.scanner-processing__ring{border:3px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:1s linear infinite spin;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.scanner-processing__icon{color:var(--color-primary);animation:1.5s ease-in-out infinite pulse}.scanner-processing__title{font-size:var(--font-size-lg);color:var(--color-navy);margin-bottom:var(--space-2);font-weight:700}.scanner-processing__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-8)}.scanner-processing__steps{gap:var(--space-3);text-align:left;flex-direction:column;display:flex}.scanner-step{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex}.scanner-step--done{color:var(--color-success)}.scanner-step--active{color:var(--color-primary);font-weight:500}.scanner-step__spinner{border:2px solid var(--color-primary-100);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:14px;height:14px;animation:.8s linear infinite spin}.scanner-step__dot{border-radius:var(--radius-full);background:var(--color-border);width:6px;height:6px;margin:0 4px}.scanner-result{max-width:640px;margin:0 auto}.scanner-result__header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.scanner-result__badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;display:inline-flex}.scanner-suggestions{gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}.scanner-suggestion{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);animation:.4s ease-out both fadeInUp;display:flex}.scanner-suggestion__info{flex-direction:column;gap:2px;min-width:0;display:flex}.scanner-suggestion__field{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.scanner-suggestion__value{font-size:var(--font-size-sm);color:var(--color-navy);font-weight:600}.scanner-suggestion__actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.scanner-suggestion__confidence{background:var(--color-border-light);border-radius:3px;width:60px;height:6px;position:relative;overflow:hidden}.scanner-suggestion__confidence-bar{background:var(--color-teal);border-radius:3px;height:100%;transition:width .6s ease-out}.scanner-suggestion__confidence-text{color:var(--color-teal-dark);font-size:.625rem;font-weight:600;position:absolute;top:-18px;right:0}.scanner-amount-preview{padding:var(--space-5);background:var(--color-primary-50);border:1.5px solid var(--color-primary-200);border-radius:var(--radius-lg);margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.scanner-amount-preview__label{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:500}.scanner-amount-preview__value{font-size:var(--font-size-2xl);color:var(--color-primary);letter-spacing:-.02em;font-weight:800}.scanner-approval{gap:var(--space-3);display:flex}.scanner-approval .btn{flex:1}@media (width<=768px){.scanner-features{grid-template-columns:1fr}.scanner-approval{flex-direction:column-reverse}.scanner-amount-preview{align-items:flex-start;gap:var(--space-2);flex-direction:column}}.ledger-filter-card{padding:var(--space-5);margin-bottom:var(--space-6)}.ledger-filters{gap:var(--space-4);grid-template-columns:1fr 1fr 1fr;align-items:end;display:grid}.ledger-table-card{overflow:hidden}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.ledger-table{width:100%}.ledger-opening-row{background-color:var(--color-surface-hover)}.ledger-closing-row{background-color:var(--color-primary-50);border-top:2px solid var(--color-primary-200)}.select-wrapper{align-items:center;display:flex;position:relative}.select-with-icon{padding-left:40px}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;left:12px}.input-with-icon .input{padding-left:40px}@media (width<=768px){.ledger-filters{grid-template-columns:1fr}.ledger-table th,.ledger-table td{white-space:nowrap;padding:8px 4px;font-size:11px}.ledger-table .text-lg{font-size:13px}}.coa-filter-container{background:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);transition:box-shadow var(--transition-base);flex-wrap:wrap;display:flex}.coa-filter-container:hover{box-shadow:var(--shadow-md)}.coa-search{flex:1;min-width:280px;position:relative}.coa-search__icon{left:var(--space-4);color:var(--color-text-muted);pointer-events:none;transition:color var(--transition-fast);position:absolute;top:50%;transform:translateY(-50%)}.coa-search__input{width:100%;height:48px;padding:0 var(--space-4) 0 44px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);font-size:var(--font-size-sm);transition:all var(--transition-fast);color:var(--color-text)}.coa-search__input:focus{background:var(--color-surface);border-color:var(--color-primary-200);box-shadow:0 0 0 4px var(--color-primary-50);outline:none}.coa-search__input:focus+.coa-search__icon{color:var(--color-primary)}.coa-search__input::placeholder{color:var(--color-text-muted);font-weight:400}.coa-filter-chips{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.coa-filter-label{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-right:var(--space-2);font-weight:500;display:flex}.coa-chip{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-secondary);border:1px solid var(--color-border);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;background:0 0;justify-content:center;align-items:center;font-weight:600;display:flex}.coa-chip:hover{border-color:var(--color-primary-200);background:var(--color-primary-50);color:var(--color-primary-dark);transform:translateY(-1px)}.coa-chip--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 4px 10px #1a6dd433}.coa-chip--active:hover{background:var(--color-primary-dark);color:var(--color-text-inverse)}.coa-table-wrapper{border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);overflow-x:auto}.badge-muted{background:var(--color-border-light);color:var(--color-text-secondary)}.status-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.badge-success .status-dot{background-color:var(--color-success);box-shadow:0 0 0 2px var(--color-success-bg)}.badge-muted .status-dot{background-color:var(--color-text-muted)}.coa-table-actions{gap:var(--space-1);display:flex}@media (width<=768px){.coa-filter-container{padding:var(--space-3);flex-direction:column;align-items:stretch}.coa-filter-chips{width:100%;padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.coa-filter-label{display:none}}.contacts-filter-container{background:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);transition:box-shadow var(--transition-base);flex-wrap:wrap;display:flex}.contacts-filter-container:hover{box-shadow:var(--shadow-md)}.contacts-search{flex:1;min-width:280px;position:relative}.contacts-search__icon{left:var(--space-4);color:var(--color-text-muted);pointer-events:none;transition:color var(--transition-fast);position:absolute;top:50%;transform:translateY(-50%)}.contacts-search__input{width:100%;height:48px;padding:0 var(--space-4) 0 44px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);font-size:var(--font-size-sm);transition:all var(--transition-fast);color:var(--color-text)}.contacts-search__input:focus{background:var(--color-surface);border-color:var(--color-primary-200);box-shadow:0 0 0 4px var(--color-primary-50);outline:none}.contacts-search__input:focus+.contacts-search__icon{color:var(--color-primary)}.contacts-search__input::placeholder{color:var(--color-text-muted);font-weight:400}.contacts-filter-chips{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.contacts-filter-label{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-right:var(--space-2);font-weight:500;display:flex}.contacts-chip{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-secondary);border:1px solid var(--color-border);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;background:0 0;justify-content:center;align-items:center;font-weight:600;display:flex}.contacts-chip:hover{border-color:var(--color-primary-200);background:var(--color-primary-50);color:var(--color-primary-dark);transform:translateY(-1px)}.contacts-chip--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 4px 10px #1a6dd433}.contacts-chip--active:hover{background:var(--color-primary-dark);color:var(--color-text-inverse)}.contacts-table-wrapper{border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);overflow-x:auto}.contacts-table-actions{gap:var(--space-1);display:flex}.contact-name-cell{flex-direction:column;gap:2px;display:flex}.contact-company{align-items:center;margin-top:2px;display:flex}.contact-details-cell{flex-direction:column;gap:4px;display:flex}.contact-detail-item{align-items:center;gap:6px;display:flex}@media (width<=768px){.contacts-filter-container{padding:var(--space-3);flex-direction:column;align-items:stretch}.contacts-filter-chips{width:100%;padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.contacts-filter-label{display:none}}.login-layout{background:#fff;width:100vw;min-height:100vh;display:flex}.login-sidebar{color:#fff;background:radial-gradient(circle at 100% 0,#1f3663 0%,#111827 100%);flex-direction:column;flex:0 0 45%;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.login-sidebar:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.login-sidebar:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#2dbda826 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-10%;right:-10%}.login-sidebar-content{z-index:1;max-width:480px;position:relative}.login-brand{align-items:center;gap:12px;margin-bottom:64px;display:flex}.login-logo-circle{background:0 0;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.login-brand-text{letter-spacing:-.02em;font-size:20px;font-weight:700}.login-badge{color:var(--color-teal);background:#2dbda81a;border:1px solid #2dbda84d;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.badge-dot{background:var(--color-teal);border-radius:50%;width:6px;height:6px}.login-hero-title{letter-spacing:-.03em;margin-bottom:20px;font-size:42px;font-weight:800;line-height:1.15}.login-hero-desc{color:#ffffffb3;margin-bottom:48px;font-size:15px;line-height:1.6}.login-features{flex-direction:column;gap:24px;display:flex}.feature-item{align-items:center;gap:16px;display:flex}.feature-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.feature-icon.bg-blue{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f633}.feature-icon.bg-indigo{color:#818cf8;background:#6366f126;border:1px solid #6366f133}.feature-icon.bg-cyan{color:#22d3ee;background:#06b6d426;border:1px solid #06b6d433}.feature-text h4{margin:0 0 4px;font-size:15px;font-weight:600}.feature-text p{color:#ffffff80;margin:0;font-size:13px}.login-sidebar-footer{z-index:1;color:#fff6;align-items:center;gap:8px;font-size:12px;display:flex;position:relative}.login-main{background:#f8f9fc;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.login-form-container{width:100%;max-width:420px}.login-header-right{text-align:center;margin-bottom:40px}.login-header-right h2{color:var(--color-navy);letter-spacing:-.02em;margin-bottom:8px;font-size:28px;font-weight:800}.login-header-right p{color:var(--color-text-muted);font-size:14px;line-height:1.5}.login-form{flex-direction:column;gap:20px;display:flex}.password-label-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.password-label-row .input-label{margin-bottom:0}.forgot-password-link{color:var(--color-teal);font-size:13px;font-weight:600;text-decoration:none}.forgot-password-link:hover{text-decoration:underline}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-icon{color:#94a3b8;pointer-events:none;position:absolute;left:16px}.login-input.input{height:48px;color:var(--color-navy);background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding-left:44px;padding-right:80px;font-size:15px;transition:all .2s;box-shadow:0 1px 2px #00000005}.login-input.input:focus{border-color:var(--color-teal);box-shadow:0 0 0 3px #2dbda826}.password-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;position:absolute;right:16px}.password-toggle-btn:hover{color:var(--color-navy)}.checkbox-group{margin-top:-4px;margin-bottom:8px}.checkbox-label{color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.custom-checkbox{appearance:none;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.custom-checkbox:checked{background:var(--color-teal);border-color:var(--color-teal)}.custom-checkbox:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.login-btn-new{background:var(--color-navy);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:48px;font-size:15px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #1b2a4a26}.login-btn-new:hover{background:#15223a;transform:translateY(-1px);box-shadow:0 6px 16px #1b2a4a33}.login-divider{text-align:center;color:#cbd5e1;align-items:center;margin:32px 0;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid #e2e8f0;flex:1}.login-divider span{text-transform:uppercase;letter-spacing:.05em;padding:0 16px;font-size:12px;font-weight:500}.login-footer-right{text-align:center;color:#94a3b8;font-size:12px;line-height:1.6}.login-footer-right .help-link{margin-top:4px}.login-footer-right .help-link a{color:var(--color-teal);font-weight:600;text-decoration:none}.login-footer-right .help-link a:hover{text-decoration:underline}@media (width<=900px){.login-layout{flex-direction:column}.login-sidebar{display:none}.login-main{background:#fff;padding:24px}}.settings-page{max-width:1000px;margin:0 auto;padding:24px}.settings-container{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);grid-template-columns:240px 1fr;gap:32px;min-height:500px;display:grid;overflow:hidden}.settings-sidebar{background-color:var(--color-gray-50);border-right:1px solid var(--color-gray-200);flex-direction:column;gap:8px;padding:24px 16px;display:flex}.settings-tab{border-radius:var(--radius-md);width:100%;color:var(--color-gray-600);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.settings-tab:hover{background-color:var(--color-gray-200);color:var(--color-gray-900)}.settings-tab.active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:600}.settings-content{flex-direction:column;padding:32px;display:flex}.settings-section{flex-grow:1}.settings-section h2{color:var(--color-gray-900);margin-bottom:8px;font-size:20px;font-weight:600}.settings-desc{color:var(--color-gray-500);margin-bottom:32px;font-size:14px}.form-group{max-width:400px;margin-bottom:20px}.form-group label{color:var(--color-gray-700);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.help-text{color:var(--color-gray-400);margin-top:6px;font-size:12px;display:block}.toggle-group{border-bottom:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;max-width:500px;padding:16px 0;display:flex}.toggle-info h4{color:var(--color-gray-900);margin-bottom:4px;font-size:15px;font-weight:500}.toggle-info p{color:var(--color-gray-500);font-size:13px}.theme-options{gap:24px;display:flex}.theme-card{cursor:pointer;flex-direction:column;align-items:center;gap:12px;display:flex}.theme-card input{display:none}.theme-preview{border-radius:var(--radius-lg);border:2px solid var(--color-gray-200);width:120px;height:80px;transition:all var(--transition-fast)}.light-preview{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%)}.dark-preview{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)}.system-preview{background:linear-gradient(135deg,#f8fafc 50%,#0f172a 50%)}.theme-card input:checked+.theme-preview{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light)}.theme-card span{color:var(--color-gray-600);font-size:14px;font-weight:500}.theme-card input:checked~span{color:var(--color-primary)}.settings-actions{border-top:1px solid var(--color-gray-200);justify-content:flex-end;margin-top:40px;padding-top:24px;display:flex}@media (width<=768px){.settings-container{grid-template-columns:1fr}.settings-sidebar{border-right:none;border-bottom:1px solid var(--color-gray-200);flex-direction:row;padding:16px;overflow-x:auto}.settings-tab{white-space:nowrap;width:auto}}.help-page{max-width:1200px;margin:0 auto;padding:24px}.help-header{text-align:center;background:linear-gradient(135deg, var(--color-primary) 0%, #1e40af 100%);border-radius:var(--radius-xl);color:#fff;margin-bottom:32px;padding:48px 24px;position:relative;overflow:hidden}.help-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"10\" cy=\"10\" r=\"2\" fill=\"white\" fill-opacity=\"0.1\"/></svg>") 0 0/30px 30px;position:absolute;inset:0}.help-icon-wrapper{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff26;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:inline-flex}.help-header h1{margin-bottom:12px;font-size:32px;font-weight:700}.help-header p{color:#fffc;margin-bottom:32px;font-size:16px}.help-search-container{max-width:600px;margin:0 auto;position:relative}.help-search-icon{color:var(--color-gray-400);position:absolute;top:50%;left:20px;transform:translateY(-50%)}.help-search-input{border-radius:var(--radius-full);width:100%;transition:box-shadow var(--transition-fast);border:none;outline:none;padding:18px 24px 18px 52px;font-size:16px;box-shadow:0 10px 25px -5px #0000001a}.help-search-input:focus{box-shadow:0 10px 25px -5px #0003,0 0 0 4px #ffffff4d}.help-content-wrapper{grid-template-columns:2fr 1fr;gap:32px;display:grid}.help-main-section h2,.help-sidebar-section h2{color:var(--color-gray-900);margin-bottom:24px;font-size:20px;font-weight:600}.faq-list{flex-direction:column;gap:16px;display:flex}.faq-item{background-color:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-fast);overflow:hidden}.faq-item:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.faq-question{cursor:pointer;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.faq-question h3{color:var(--color-gray-900);margin:0;font-size:16px;font-weight:500}.faq-toggle-icon{color:var(--color-gray-400);transition:transform var(--transition-fast)}.faq-item.open .faq-toggle-icon{transform:rotate(180deg)}.faq-answer{background-color:var(--color-gray-50);max-height:0;transition:max-height .3s ease-out,padding .3s;overflow:hidden}.faq-item.open .faq-answer{max-height:500px;padding:0 24px 20px}.faq-answer p{color:var(--color-gray-600);margin:0;line-height:1.6}.faq-empty{text-align:center;color:var(--color-gray-500);background:var(--color-surface);border-radius:var(--radius-lg);border:1px dashed var(--color-gray-300);padding:32px}.support-cards{flex-direction:column;gap:16px;display:flex}.support-card{background-color:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-fast);gap:16px;padding:24px;display:flex}.support-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.support-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.support-icon.primary{background-color:var(--color-primary-light);color:var(--color-primary)}.support-icon.secondary{color:#2563eb;background-color:#dbeafe}.support-icon.accent{color:#db2777;background-color:#fce7f3}.support-card h3{color:var(--color-gray-900);margin-bottom:4px;font-size:16px;font-weight:600}.support-card p{color:var(--color-gray-500);margin-bottom:12px;font-size:13px}.mt-2{margin-top:8px}@media (width<=992px){.help-content-wrapper{grid-template-columns:1fr}}@media (width<=768px){.help-header{padding:32px 16px}.help-header h1{font-size:24px}}.notifications-card{padding:0;overflow:hidden}.notifications-list{flex-direction:column;display:flex}.notification-item{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);gap:var(--space-4);transition:background-color var(--transition-base);display:flex}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:var(--color-bg-alt)}.notification-item--unread{background-color:var(--color-bg)}.notification-icon{border-radius:var(--radius-full);background-color:var(--color-primary-100);width:40px;height:40px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.notification-item--unread .notification-icon{background-color:var(--color-teal);color:#fff}.notification-content{flex:1}.notification-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:flex-start;display:flex}.notification-header h4{font-size:var(--font-size-md);color:var(--color-navy);margin:0}.notification-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.notification-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.notification-action{padding:var(--space-2);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.unread-dot{background-color:var(--color-teal);border-radius:50%;width:10px;height:10px;display:inline-block}.empty-state{padding:var(--space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{color:var(--color-border);margin-bottom:var(--space-4)}.empty-state h3{margin-bottom:var(--space-2);color:var(--color-navy)}.empty-state p{color:var(--color-text-secondary)}