*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;text-rendering:optimizeLegibility}body{font-feature-settings:"cv02","cv03","cv04","cv11","ss01";background-color:var(--surface-0);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-md);line-height:1.6}canvas,img,svg,video{display:block;max-width:100%}button{cursor:pointer;font-family:inherit}input,select,textarea{color:inherit;font-family:inherit}:focus-visible{border-radius:var(--border-radius-sm);box-shadow:var(--ring);outline:none}a:focus-visible,button:focus-visible{box-shadow:var(--ring);outline:none}::selection{background-color:var(--primary-100);color:var(--primary-700)}*{scrollbar-color:var(--border-strong) #0000;scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:var(--border-radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:padding-box;border:2px solid #0000}.container{margin:0 auto;max-width:var(--container-max-width);padding:0 var(--spacing-md);width:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.d-flex{display:flex}.flex-column{flex-direction:column}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.fade-in{animation:fade-in .4s var(--transition-normal)}.pop-in{animation:pop-in .25s var(--easing-spring)}@media (max-width:768px){.container{padding:0 var(--spacing-sm)}.mobile-hidden{display:none!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media print{.no-print{display:none!important}}.ls{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center}.ls__ring{border:2px solid var(--border-default);border-radius:50%;flex-shrink:0;position:relative}.ls__arc{animation:ls-spin .7s linear infinite;border:2px solid #0000;border-radius:50%;border-top:2px solid var(--primary);inset:-2px;position:absolute}@keyframes ls-spin{to{transform:rotate(1turn)}}.ls--small .ls__ring{border-width:2px;height:18px;width:18px}.ls--small .ls__arc{border-width:2px;inset:-2px}.ls--medium .ls__ring{border-width:3px;height:32px;width:32px}.ls--medium .ls__arc{border-width:3px;inset:-3px}.ls--large .ls__ring{border-width:4px;height:48px;width:48px}.ls--large .ls__arc{border-width:4px;inset:-4px}.ls__msg{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0}.ls--default{min-height:140px;padding:var(--spacing-xl)}.ls--fullpage{gap:var(--spacing-md);min-height:calc(100vh - 64px);padding:var(--spacing-xxl)}.ls--fullpage .ls__msg{font-size:var(--font-size-md)}.ls--overlay{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#ffffffe0;border-radius:inherit;gap:var(--spacing-md);inset:0;position:absolute;z-index:10}.ls--button{gap:0;min-height:0;padding:0;vertical-align:middle}.btn,.ls--button{display:inline-flex}.btn{align-items:center;border:1px solid #0000;border-radius:var(--border-radius-md);cursor:pointer;font-family:var(--font-family);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;letter-spacing:.005em;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),color var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn:active:not(:disabled){transform:translateY(1px)}.btn-small{font-size:var(--font-size-sm);padding:.5rem var(--spacing-md)}.btn-medium{padding:.65rem var(--spacing-lg)}.btn-large,.btn-medium{font-size:var(--font-size-md)}.btn-large{letter-spacing:.01em;padding:.85rem var(--spacing-xl)}.btn-primary{background-image:linear-gradient(180deg,var(--primary-500) 0,var(--primary-600) 100%);box-shadow:inset 0 1px 0 #ffffff26,0 4px 12px -2px #1a4f8c59;color:var(--white)}.btn-primary:hover:not(:disabled){background-image:linear-gradient(180deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:inset 0 1px 0 #ffffff26,0 6px 16px -2px #1a4f8c73;transform:translateY(-1px)}.btn-secondary{background-image:linear-gradient(180deg,var(--secondary) 0,#2980b9 100%);box-shadow:inset 0 1px 0 #ffffff26,0 4px 12px -2px #3498db59;color:var(--white)}.btn-secondary:hover:not(:disabled){background-image:linear-gradient(180deg,#2980b9,#1f6391);transform:translateY(-1px)}.btn-success{background-image:linear-gradient(180deg,var(--success-500) 0,var(--success-600) 100%);box-shadow:inset 0 1px 0 #ffffff26,0 4px 12px -2px #27ae6059;color:var(--white)}.btn-success:hover:not(:disabled){background-image:linear-gradient(180deg,var(--success-600) 0,var(--success-700) 100%);transform:translateY(-1px)}.btn-danger{background-image:linear-gradient(180deg,var(--danger-500) 0,var(--danger-600) 100%);box-shadow:inset 0 1px 0 #ffffff26,0 4px 12px -2px #e74c3c59;color:var(--white)}.btn-danger:hover:not(:disabled){background-image:linear-gradient(180deg,var(--danger-600) 0,var(--danger-700) 100%);transform:translateY(-1px)}.btn-warning{background-image:linear-gradient(180deg,var(--accent-500) 0,var(--accent-600) 100%);box-shadow:inset 0 1px 0 #ffffff26,0 4px 12px -2px #f39c1259;color:var(--white)}.btn-warning:hover:not(:disabled){background-image:linear-gradient(180deg,var(--accent-600) 0,var(--accent-700) 100%);transform:translateY(-1px)}.btn-outline{background-color:initial;border:1.5px solid var(--primary-500);color:var(--primary-500)}.btn-outline:hover:not(:disabled){background-color:var(--primary-50);color:var(--primary-700)}.btn-ghost{background-color:initial;color:var(--primary-500)}.btn-ghost:hover:not(:disabled){background-color:var(--primary-50);color:var(--primary-700)}.btn-full-width{width:100%}.btn-with-icon i{font-size:1.05em}.card{background-color:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--elev-1);overflow:hidden;transition:box-shadow var(--transition-normal),transform var(--transition-normal),border-color var(--transition-normal)}.card:hover{border-color:var(--border-default);box-shadow:var(--elev-3)}.card-header{background-color:var(--surface-2);border-bottom:1px solid var(--border-subtle);padding:var(--spacing-lg)}.card-title{color:var(--primary-600);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;margin:0}.card-content,.card-footer{padding:var(--spacing-lg)}.card-footer{background-color:var(--surface-2);border-top:1px solid var(--border-subtle)}.footer{background:radial-gradient(at 50% 100%,#1a4f8c40 0,#0000 50%),linear-gradient(135deg,#0f1a2e,#1a252f);border-top:1px solid #ffffff0d;color:var(--white);margin-top:auto;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);position:relative;text-align:center}.footer:before{background:linear-gradient(90deg,#0000 0,var(--accent-500) 50%,#0000 100%);content:"";height:1px;left:50%;opacity:.5;position:absolute;top:0;transform:translateX(-50%);width:200px}.footer-content{align-items:center;gap:var(--spacing-md);margin:0 auto;max-width:var(--container-max-width)}.contact-info,.footer-content{display:flex;flex-direction:column}.contact-info{gap:var(--spacing-xs)}.contact-info p{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--spacing-sm);justify-content:center;letter-spacing:.01em;margin:0;opacity:.88}.contact-info i{color:var(--accent-500);flex-shrink:0;text-align:center;width:16px}.contact-info a{color:var(--white);opacity:.85;text-decoration:none;transition:color var(--transition-fast),opacity var(--transition-fast)}.contact-info a:hover{color:var(--accent-300);opacity:1}.footer-divider{background:var(--accent-500);border:none;border-radius:var(--border-radius-pill);height:2px;margin:var(--spacing-sm) 0;opacity:.7;width:60px}.footer-actions{display:flex;gap:var(--spacing-md)}.copyright{color:#ffffff80;font-size:var(--font-size-xs);letter-spacing:.02em;margin:0}@media (max-width:768px){.footer{padding:var(--spacing-lg) var(--spacing-md)}.contact-info p{font-size:var(--font-size-xs)}.footer-actions{flex-direction:column;gap:var(--spacing-sm)}}.header{background:linear-gradient(135deg,var(--primary-800) 0,var(--primary-600) 100%);border-bottom:1px solid #ffffff0f;box-shadow:0 2px 8px #0f172a33;color:var(--white);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.header-inner{gap:var(--spacing-lg);height:60px;justify-content:space-between;padding:0 var(--spacing-xl)}.header-inner,.header-left{align-items:center;display:flex}.header-left{flex-shrink:0;gap:var(--spacing-md)}.header-menu-btn{align-items:center;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:var(--border-radius-sm);color:var(--white);cursor:pointer;display:none;flex-shrink:0;font-size:var(--font-size-md);height:36px;justify-content:center;transition:background-color var(--transition-fast);width:36px}.header-menu-btn:hover{background:#ffffff38}.header-brand{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);letter-spacing:.01em;opacity:.95}.header-right{gap:var(--spacing-xl)}.header-date,.header-right{align-items:center;display:flex}.header-date{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);letter-spacing:.01em;opacity:.75}.header-date i{font-size:.85em}.header-user{align-items:center;display:flex;gap:var(--spacing-sm)}.header-user-avatar{align-items:center;background:linear-gradient(135deg,var(--accent-500) 0,var(--accent-700) 100%);border-radius:50%;box-shadow:0 2px 6px #f39c1266;color:var(--white);display:flex;flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);height:32px;justify-content:center;letter-spacing:0;width:32px}.header-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);max-width:160px;opacity:.92;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-logout-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:var(--border-radius-sm);color:var(--white);cursor:pointer;display:flex;font-size:var(--font-size-sm);height:32px;justify-content:center;opacity:.8;transition:background-color var(--transition-fast),border-color var(--transition-fast);width:32px}.header-logout-btn:hover{background:#e74c3c47;border-color:#e74c3c80;opacity:1}.header-settings{position:relative}.header-settings-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:var(--border-radius-sm);color:var(--white);cursor:pointer;display:flex;font-size:var(--font-size-sm);height:32px;justify-content:center;opacity:.8;transition:background-color var(--transition-fast),border-color var(--transition-fast);width:32px}.header-settings-btn:hover{background:#ffffff2e;opacity:1}.settings-panel{animation:pop-in .18s var(--easing-spring);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--border-radius-md);box-shadow:var(--elev-3);color:var(--text-primary);padding:var(--spacing-sm);position:absolute;right:0;top:calc(100% + 8px);width:220px;z-index:var(--z-popover)}.settings-section{padding:var(--spacing-xs) var(--spacing-sm)}.settings-label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.06em;margin-bottom:var(--spacing-xs);text-transform:uppercase}.settings-options{display:flex;gap:var(--spacing-xs)}.settings-opt{align-items:center;background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:4px;justify-content:center;padding:6px var(--spacing-sm);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.settings-opt:hover{background:var(--surface-3);color:var(--text-primary)}.settings-opt.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.settings-divider{background:var(--border-subtle);height:1px;margin:var(--spacing-xs) var(--spacing-sm)}@media (max-width:768px){.header-menu-btn{display:flex}.header-inner{gap:var(--spacing-md);height:56px;padding:0 var(--spacing-md)}.header-date,.header-user-name{display:none}.header-brand{font-size:var(--font-size-sm)}}.selection-panel{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.panel-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.panel-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width:768px){.selection-panel{padding:var(--spacing-lg)}}.table{border-collapse:collapse;min-width:800px;width:100%}.table td,.table th{border-bottom:1px solid #eee;padding:var(--spacing-md) var(--spacing-lg);text-align:left}.table th{background-color:#f9f9f9;color:var(--dark);font-weight:var(--font-weight-semibold);position:-webkit-sticky;position:sticky;top:0}.table tr:last-child td{border-bottom:none}.table-striped tr:nth-child(2n){background-color:#f9f9f9}.table-hover tr:hover{background-color:#f0f4f8}.table .total-row{background-color:#e8f4ff;font-weight:var(--font-weight-semibold)}.table .total-row td{border-top:2px solid var(--secondary)}@media (max-width:768px){.table{display:table;min-width:800px;width:100%}.table td,.table th{display:table-cell;padding:var(--spacing-sm);text-align:left}}.form-group{margin-bottom:var(--spacing-lg)}.form-label{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.01em;margin-bottom:var(--spacing-sm)}.required{color:var(--danger-500);margin-left:var(--spacing-xs)}.input-wrapper{position:relative}.form-input{background-color:var(--surface-1);border:1.5px solid var(--border-default);border-radius:var(--border-radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-md);padding:.75rem var(--spacing-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);width:100%}.form-input::placeholder{color:var(--text-faint)}.form-input:hover:not(:disabled):not(:focus){border-color:var(--border-strong)}.form-input:focus{background-color:var(--white);border-color:var(--primary-500);box-shadow:var(--ring);outline:none}.form-input.error{border-color:var(--danger-500)}.form-input.error:focus{box-shadow:var(--ring-danger)}.form-input:disabled{background-color:var(--surface-3);color:var(--text-muted);cursor:not-allowed;opacity:.7}.form-input.with-icon{padding-left:calc(var(--spacing-md) + 1.4rem)}.input-icon{color:var(--text-faint);font-size:var(--font-size-md);left:var(--spacing-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color var(--transition-fast)}.form-input:focus+.input-icon,.form-input:focus~.input-icon{color:var(--primary-500)}.error-text{color:var(--danger-600);font-weight:var(--font-weight-medium)}.error-text,.helper-text{font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.helper-text{color:var(--text-muted)}.data-card{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.data-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.data-card-header{align-items:center;display:flex;justify-content:between;margin-bottom:var(--spacing-md)}.data-card-title{color:var(--gray);flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0}.data-card-header i{color:var(--primary);font-size:var(--font-size-xl)}.data-card-value{color:var(--dark);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.data-card-subtitle{color:var(--gray);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.data-card-trend{align-items:center;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs)}.trend-up{color:var(--success)}.trend-down{color:var(--danger)}.data-card.clickable{cursor:pointer}.data-card.clickable:hover{background-color:#f9f9f9}@media (max-width:768px){.data-card{padding:var(--spacing-md)}.data-card-value{font-size:var(--font-size-xl)}}.financial-summary{width:100%}.summary-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl)}.summary-header h2{color:var(--dark);font-weight:var(--font-weight-semibold);margin:0}.period-select{background:var(--white);border:2px solid #ddd;border-radius:var(--border-radius-md);color:var(--dark);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.summary-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:768px){.summary-header{align-items:flex-start;flex-direction:column}.period-select{width:100%}.summary-grid{gap:var(--spacing-md);grid-template-columns:1fr}}.bar-chart{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-md)}.bar-chart svg{display:block}.bar{transition:fill .2s ease}.bar:hover{fill:var(--secondary)!important}.axis-label{font-weight:var(--font-weight-medium)}.axis-label,.bar-tooltip{fill:var(--dark);font-size:var(--font-size-sm)}.bar-tooltip{font-weight:var(--font-weight-bold)}.bar-chart-empty{align-items:center;background:var(--white);border-radius:var(--border-radius-lg);color:var(--gray);display:flex;flex-direction:column;height:200px;justify-content:center}.bar-chart-empty i{font-size:2rem;margin-bottom:var(--spacing-md);opacity:.5}.bar-chart-empty p{font-size:var(--font-size-md);margin:0}.sidebar{background:radial-gradient(at 0 0,#3498db33 0,#0000 50%),linear-gradient(180deg,var(--primary-700) 0,var(--primary-800) 100%);border-right:1px solid #ffffff0f;box-shadow:4px 0 24px #0f172a26;color:var(--white);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform var(--transition-normal),width var(--transition-normal);width:var(--sidebar-width);z-index:var(--z-fixed)}.sidebar.collapsed{transform:translateX(0);width:var(--sidebar-collapsed-width)}.sidebar.expanded{width:var(--sidebar-width)}.sidebar-toggle-container-collapsed{align-items:center;border-top:1px solid #ffffff14;display:flex;justify-content:center;padding:var(--spacing-md) 0}.sidebar-toggle-container-expanded{border-bottom:1px solid #ffffff14;display:flex;justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg)}.sidebar-toggle-button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-sm);color:var(--white);cursor:pointer;font-size:var(--font-size-lg);padding:6px 10px;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.sidebar-toggle-button:hover{background-color:#ffffff1f;border-color:#fff3}.sidebar-header{align-items:center;background:linear-gradient(180deg,#00000026,#0000);border-bottom:1px solid #ffffff14;display:flex;justify-content:center;min-height:80px;padding:var(--spacing-md)}.sidebar.expanded .sidebar-header{justify-content:center;padding:var(--spacing-lg)}.sidebar-logo{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-md);transition:transform var(--transition-fast)}.sidebar-logo:hover{transform:scale(1.02)}.sidebar-logo__img{display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));height:36px;transition:transform var(--transition-fast);width:auto}.sidebar.expanded .sidebar-logo__img{height:42px}.sidebar-logo:hover .sidebar-logo__img{transform:scale(1.06)}.sidebar-close{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:var(--border-radius-sm);color:var(--white);cursor:pointer;display:none;font-size:var(--font-size-md);height:32px;justify-content:center;width:32px}.sidebar-nav{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-md) var(--spacing-sm)}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li{margin-bottom:4px}.sidebar-nav a{align-items:center;border-radius:var(--border-radius-md);color:#ffffffbf;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-content:center;letter-spacing:.01em;padding:.6rem var(--spacing-sm);position:relative;text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.sidebar.expanded .sidebar-nav a{justify-content:flex-start;padding:.6rem var(--spacing-md)}.sidebar-nav a:hover{background-color:#ffffff14;color:var(--white)}.sidebar-nav a.active{background:linear-gradient(135deg,#f39c12f2,#d88910f2);box-shadow:0 4px 12px -2px #f39c1273,inset 0 1px 0 #ffffff26;color:var(--white);font-weight:var(--font-weight-semibold)}.sidebar-nav a.active:before{background:var(--accent-300);border-radius:var(--border-radius-pill);box-shadow:0 0 12px #f39c12b3;content:"";height:24px;left:-8px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.sidebar.collapsed .sidebar-nav a.active:before{display:none}.sidebar-nav i{font-size:16px;margin-right:0;text-align:center;width:22px}.sidebar.expanded .sidebar-nav i{margin-right:var(--spacing-md)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff59}.sidebar-divider{margin:8px 0 4px;padding:0 12px}.sidebar-divider__label{color:#fff6;display:block;font-size:.65rem;font-weight:700;letter-spacing:.1em;padding:4px 0 2px;text-transform:uppercase}.sidebar-divider__line{border:none;border-top:1px solid #ffffff1f;margin:4px 0}.user-info{align-items:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:var(--border-radius-md);display:flex;justify-content:center;margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.sidebar.expanded .user-info{justify-content:flex-start}.user-avatar{align-items:center;background:linear-gradient(135deg,var(--accent-500) 0,var(--accent-700) 100%);border-radius:50%;box-shadow:0 4px 10px #f39c1266;display:inline-flex;height:36px;justify-content:center;margin-right:0;width:36px}.sidebar.expanded .user-avatar{margin-right:var(--spacing-sm)}.user-avatar i{color:var(--white);font-size:1.2rem}.user-details p{margin:0}.user-name{color:var(--white);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.user-role{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.04em;margin-top:2px;opacity:.7;text-transform:uppercase}.logout-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff24;border-radius:var(--border-radius-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;padding:.55rem var(--spacing-md);transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);width:100%}.logout-btn:hover{background:#e74c3c40;border-color:#e74c3c80;color:#ffe8e4}.logout-btn:active{transform:translateY(1px)}.sidebar-footer{background:linear-gradient(0deg,#00000026,#0000);border-top:1px solid #ffffff14;flex-shrink:0;padding:var(--spacing-md)}.sidebar.collapsed .sidebar-footer{padding:var(--spacing-md) var(--spacing-sm)}.sidebar-overlay{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-color:#0f172a80;display:none;inset:0;position:fixed;z-index:var(--z-modal-backdrop)}.sidebar.collapsed .logout-btn span,.sidebar.collapsed .logout-btn:not([title]),.sidebar.collapsed .sidebar-nav span,.sidebar.collapsed .user-details{display:none}.sidebar.collapsed .sidebar-nav a{justify-content:center;padding:.55rem}.sidebar.collapsed .sidebar-nav i{margin-right:0}.sidebar.collapsed .user-info{justify-content:center}.sidebar.collapsed .user-avatar{margin-right:0}.sidebar-controls{display:none}@media (min-width:769px){.sidebar{left:0;position:fixed;transform:translateX(0)}.sidebar-overlay{display:none!important}}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0);width:var(--sidebar-width)!important}.sidebar.open .logout-btn,.sidebar.open .sidebar-nav span,.sidebar.open .user-details{display:block!important}.sidebar.open .sidebar-nav a{justify-content:flex-start!important;padding:.6rem var(--spacing-md)!important}.sidebar.open .sidebar-nav i{margin-right:var(--spacing-md)!important}.sidebar.open .user-info{justify-content:flex-start!important}.sidebar.open .sidebar-header{justify-content:space-between}.sidebar-close{display:flex}.sidebar-overlay.active{display:block}}.dashboard-layout{min-height:100vh}.dashboard-layout,.dashboard-main{background-color:var(--surface-0);display:flex}.dashboard-main{flex:1 1;flex-direction:column;margin-left:0;min-width:0;transition:margin-left var(--transition-normal)}.dashboard-content{animation:page-in .3s ease;flex:1 1;min-height:0}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (min-width:769px){.dashboard-main.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.dashboard-main.sidebar-expanded{margin-left:var(--sidebar-width)}}@media (max-width:768px){.dashboard-main{margin:0!important;max-width:100%}}.auth-layout{flex-direction:column}.auth-layout,.login-page{display:flex;min-height:100vh}.login-page{align-items:center;background:radial-gradient(at 20% 18%,#3498db66 0,#0000 50%),radial-gradient(at 80% 12%,#f39c1247 0,#0000 50%),radial-gradient(at 80% 90%,#1a4f8c73 0,#0000 50%),radial-gradient(at 20% 85%,#3498db52 0,#0000 50%),linear-gradient(135deg,#0c2347,#1a4f8c 55%,#2c5c9a);justify-content:center;overflow:hidden;padding:var(--spacing-xl);position:relative}.login-page:after,.login-page:before{border-radius:50%;content:"";filter:blur(90px);height:520px;opacity:.55;pointer-events:none;position:absolute;width:520px;z-index:0}.login-page:before{animation:drift-a 18s ease-in-out infinite alternate;background:radial-gradient(circle,#3498dbb3,#0000 70%);left:-120px;top:-160px}.login-page:after{animation:drift-b 22s ease-in-out infinite alternate;background:radial-gradient(circle,#f39c128c,#0000 70%);bottom:-180px;right:-140px}@keyframes drift-a{0%{transform:translate(0) scale(1)}to{transform:translate(80px,40px) scale(1.05)}}@keyframes drift-b{0%{transform:translate(0) scale(1)}to{transform:translate(-80px,-40px) scale(1.08)}}.login-container{align-items:center;animation:login-fade-in .5s ease;display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:460px;position:relative;width:100%;z-index:1}@keyframes login-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff80;border-radius:var(--border-radius-xl);box-shadow:0 24px 56px -12px #0006,inset 0 0 0 1px #ffffff0f;gap:var(--spacing-lg);padding:var(--spacing-xl);width:100%}.login-brand,.login-card{display:flex;flex-direction:column}.login-brand{align-items:center;gap:var(--spacing-xs);text-align:center}.login-logo{filter:drop-shadow(0 6px 14px rgba(26,79,140,.25));height:88px;margin-bottom:var(--spacing-sm);transition:transform var(--transition-normal);width:auto}.login-logo:hover{transform:scale(1.04)}.login-brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-700) 0,var(--primary-500) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin:0}.login-brand-sub{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.04em;margin:0;text-transform:uppercase}.login-divider{background:linear-gradient(90deg,#0000 0,var(--border-subtle) 25%,var(--border-subtle) 75%,#0000 100%);border:0;height:1px;margin:0}.login-form-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.login-heading{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;margin:0}.login-subtitle{color:var(--text-muted);font-size:var(--font-size-sm);margin:0 0 var(--spacing-md) 0}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md);margin:0}.login-form .form-group{margin-bottom:0}.login-error{align-items:center;animation:login-shake .35s ease;background-color:var(--danger-50);border:1px solid var(--danger-100);border-radius:var(--border-radius-md);color:var(--danger-700);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);padding:.65rem .85rem}.login-error i{color:var(--danger-500);flex-shrink:0;font-size:1em}@keyframes login-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}.login-help{align-items:center;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-md)}.login-help__label{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0}.login-help__btn{align-items:center;background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--border-radius-md);color:var(--primary-700);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);padding:.5rem 1.2rem;text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.login-help__btn:hover{background:var(--primary-100);border-color:var(--primary-200);text-decoration:none;transform:translateY(-1px)}.login-help__btn i{font-size:.9em}.login-help__or{color:var(--text-faint);font-size:var(--font-size-xs);margin:0}.login-help__or a{color:var(--primary-500);font-weight:var(--font-weight-medium);text-decoration:none}.login-help__or a:hover{color:var(--primary-700);text-decoration:underline}.login-copyright{color:#ffffffc7;font-size:var(--font-size-xs);letter-spacing:.02em;margin:0;text-align:center}@media (max-width:768px){.login-page{padding:var(--spacing-md)}.login-container{gap:var(--spacing-md);max-width:100%}.login-card{border-radius:var(--border-radius-lg);gap:var(--spacing-md);padding:var(--spacing-lg)}.login-logo{height:72px}.login-brand-title{font-size:var(--font-size-xl)}.login-page:after,.login-page:before{height:320px;width:320px}}@media (max-width:380px){.login-logo{height:60px}.login-brand-title{font-size:var(--font-size-lg)}}.db-page{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xxl)}.db-welcome{align-items:center;background:linear-gradient(135deg,var(--primary-800) 0,var(--primary-500) 70%,var(--secondary) 100%);border-radius:var(--border-radius-lg);box-shadow:var(--elev-3);color:var(--white);display:flex;gap:var(--spacing-lg);justify-content:space-between;padding:var(--spacing-xl) var(--spacing-xxl)}.db-welcome__title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);letter-spacing:-.01em;margin:0 0 var(--spacing-xs) 0}.db-welcome__date{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0;opacity:.75}.db-welcome__cta{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:var(--border-radius-md);color:var(--white);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);padding:.6rem 1.25rem;transition:background-color var(--transition-fast),transform var(--transition-fast);white-space:nowrap}.db-welcome__cta:hover{background:#ffffff40;transform:translateY(-1px)}.db-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.db-stat{align-items:center;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--elev-2);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.db-stat:hover{box-shadow:var(--elev-3);transform:translateY(-1px)}.db-stat__icon{align-items:center;border-radius:var(--border-radius-md);display:flex;flex-shrink:0;font-size:1.2rem;height:48px;justify-content:center;width:48px}.db-stat--blue .db-stat__icon{background:var(--info-50);color:var(--info-600)}.db-stat--green .db-stat__icon{background:var(--success-50);color:var(--success-600)}.db-stat--amber .db-stat__icon{background:var(--warning-50);color:var(--warning-600)}.db-stat--indigo .db-stat__icon{background:var(--primary-50);color:var(--primary-600)}.db-stat__label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;margin:0 0 4px;text-transform:uppercase}.db-stat__value{color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1;margin:0}.db-stat__spin{align-items:center;display:flex;height:32px}.db-grid{grid-gap:var(--spacing-xl);align-items:start;display:grid;gap:var(--spacing-xl);grid-template-columns:260px 1fr}.db-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--elev-2);padding:var(--spacing-xl)}.db-card--muted{background:var(--surface-2)}.db-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.db-card__title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);margin:0 0 var(--spacing-lg) 0}.db-card__header .db-card__title{margin:0}.db-card__title i{color:var(--primary);font-size:.9em;opacity:.7}.db-card__link{color:var(--primary-500);flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none}.db-card__link:hover{color:var(--primary-700);text-decoration:underline}.db-qa-list{display:flex;flex-direction:column;gap:4px}.db-qa-item{align-items:center;border:1px solid #0000;border-radius:var(--border-radius-md);color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-md);padding:.6rem var(--spacing-md);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.db-qa-item:hover{background:var(--primary-50);border-color:var(--primary-100);color:var(--primary-700)}.db-qa-item i{color:var(--primary-400);flex-shrink:0;text-align:center;width:18px}.db-vlist{display:flex;flex-direction:column;gap:2px}.db-vrow{grid-gap:var(--spacing-sm);align-items:center;border:1px solid #0000;border-radius:var(--border-radius-sm);color:var(--text-secondary);display:grid;font-size:var(--font-size-sm);gap:var(--spacing-sm);grid-template-columns:40px 100px 1fr 60px 72px;padding:.55rem var(--spacing-md);text-decoration:none;transition:background-color var(--transition-fast)}.db-vrow:hover{background:var(--surface-3);border-color:var(--border-subtle);color:var(--text-primary)}.db-vtype{border-radius:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.02em;padding:2px 6px;text-align:center}.db-vtype--jv{background:var(--info-50);color:var(--info-600)}.db-vtype--rv{background:var(--success-50);color:var(--success-600)}.db-vtype--pv{background:var(--warning-50);color:var(--warning-600)}.db-vnum{color:var(--text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.db-vdesc,.db-vnum{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-vdate,.db-vdesc{color:var(--text-muted)}.db-vdate{text-align:right;white-space:nowrap}.db-vdate,.db-vstatus{font-size:var(--font-size-xs)}.db-vstatus{border-radius:var(--border-radius-pill);font-weight:var(--font-weight-semibold);letter-spacing:.04em;padding:2px 8px;text-align:center;text-transform:uppercase}.db-vstatus--posted{background:var(--success-50);color:var(--success-600)}.db-vstatus--draft{background:var(--warning-50);color:var(--warning-600)}.db-empty{color:var(--text-muted);font-size:var(--font-size-sm);padding:var(--spacing-xl) 0;text-align:center}.db-no-access{align-items:center;color:var(--text-faint);display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-xxl) var(--spacing-xl);text-align:center}.db-no-access i{font-size:2rem;margin-bottom:var(--spacing-sm);opacity:.35}.db-no-access p{font-size:var(--font-size-sm);margin:0}.db-charts{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.db-chart-card{gap:var(--spacing-md)}.db-chart-card,.db-chart-tip{display:flex;flex-direction:column}.db-chart-tip{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);box-shadow:var(--elev-2);gap:2px;padding:8px 12px}.db-chart-tip__name{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.db-chart-tip__val{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--font-size-md);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold)}.db-chart-legend{border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:6px;padding-top:var(--spacing-sm)}.db-chart-legend__item{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.db-chart-legend__dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.db-chart-legend__label{color:var(--text-secondary);flex:1 1}.db-chart-legend__val{font-feature-settings:"tnum";color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold)}@media (max-width:1100px){.db-grid{grid-template-columns:220px 1fr}}@media (max-width:900px){.db-grid{grid-template-columns:1fr}}@media (max-width:768px){.db-page{gap:var(--spacing-lg);padding:var(--spacing-md)}.db-welcome{align-items:flex-start;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.db-welcome__title{font-size:var(--font-size-xl)}.db-welcome__cta{align-self:flex-start}.db-stats{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.db-vrow{grid-template-columns:40px 1fr 56px}.db-vdate,.db-vdesc{display:none}}@media (max-width:480px){.db-stats{grid-template-columns:1fr 1fr}}.fees-calculator-container{padding:20px 0;width:100%}.selection-panel{background:#fff;border-radius:10px;box-shadow:0 5px 15px #00000014;margin-bottom:30px;padding:30px;width:100%}.panel-title{border-bottom:2px solid #f5f7fa;border-bottom:2px solid var(--light);color:#1a4f8c;color:var(--primary);font-size:22px;margin-bottom:20px;padding-bottom:10px}.selection-group{margin-bottom:25px}.selection-group:last-child{margin-bottom:0}.selection-label{color:#2c3e50;color:var(--dark);display:block;font-size:16px;font-weight:600;margin-bottom:10px}.school-buttons{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.school-btn{background:#f5f7fa;background:var(--light);border:2px solid #ddd;border-radius:8px;cursor:pointer;flex:1 1;min-width:200px;padding:20px;text-align:center;transition:all .3s ease}.school-btn:hover{background:#e8f4ff;border-color:#3498db;border-color:var(--secondary)}.school-btn.active{background:#1a4f8c;background:var(--primary);border-color:#1a4f8c;border-color:var(--primary);color:#fff}.school-btn i{display:block;font-size:32px;margin-bottom:10px}.flag-icon{border:1px solid #ddd;border-radius:3px;display:block;height:30px;margin:0 auto 10px;width:40px}.bw-flag{filter:grayscale(100%)}.school-btn h3{font-size:18px;margin-bottom:5px}.school-btn p{color:#666;font-size:14px}.school-btn.active p{color:#e0e0e0}.grade-selector{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.grade-btn{background:#f5f7fa;background:var(--light);border:2px solid #ddd;border-radius:8px;cursor:pointer;padding:15px 10px;text-align:center;transition:all .3s ease}.grade-btn:hover{background:#e8f4ff}.grade-btn.active,.grade-btn:hover{border-color:#3498db;border-color:var(--secondary)}.grade-btn.active{background:#3498db;background:var(--secondary);color:#fff}.submit-btn{background:#27ae60;background:var(--success);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:18px;font-weight:600;margin-top:20px;padding:15px;transition:background .3s ease;width:100%}.submit-btn:hover{background:#219653}.submit-btn:disabled{background:#95a5a6;background:var(--gray);cursor:not-allowed}.fees-display{background:#fff;border-radius:10px;box-shadow:0 5px 15px #00000014;margin-top:30px;overflow:hidden}.fees-header{background:#1a4f8c;background:var(--primary);color:#fff;padding:20px}.fees-title{font-size:24px;margin-bottom:5px}.fees-subtitle{font-size:16px;opacity:.9}.fees-table td,.fees-table th{border-bottom:1px solid #eee;padding:15px 20px;text-align:left}.fees-table th{background-color:#f9f9f9;color:#2c3e50;color:var(--dark);font-weight:600}.fees-table tr:last-child td{border-bottom:none}.fees-table .total-row{background-color:#e8f4ff;font-weight:600}.fees-table .total-row td{border-top:2px solid #3498db;border-top:2px solid var(--secondary)}.fees-summary{background:#f9f9f9;border-radius:8px;border-top:1px solid #eee;margin-left:30px;margin-right:30px;margin-top:30px;padding:20px}.summary-item{display:flex;justify-content:space-between;margin-bottom:10px}.summary-item:last-child{margin-bottom:0}.summary-total{border-top:2px solid #ddd;color:#1a4f8c;color:var(--primary);font-size:18px;font-weight:600;padding-top:10px}.info-box{background:#e8f4ff;border-left:4px solid #3498db;border-left:4px solid var(--secondary);border-radius:4px;margin:30px 0;padding:20px}.info-box h3{margin-bottom:10px}.info-box h3,.loading{color:#1a4f8c;color:var(--primary)}.loading{padding:20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#1a4f8c;border-top:4px solid var(--primary);height:40px;margin:0 auto 15px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.header-content{flex-direction:column;text-align:center}.logo{justify-content:center;margin-bottom:10px}.school-name{text-align:center}.school-buttons{flex-direction:column}.grade-selector{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.no-selection{color:#95a5a6;color:var(--gray);font-style:italic;padding:30px;text-align:center}.payment-notes{background:#fff8e6;border-left:4px solid #f39c12;border-radius:8px;margin:10px 30px 30px;padding:20px}.payment-notes h3{color:#d35400;margin-bottom:15px}.payment-notes ul{list-style-type:disc;margin-left:20px}.payment-notes li{line-height:1.6;margin-bottom:10px}.table-responsive{overflow-x:auto;width:100%}.fees-table{border-collapse:collapse;min-width:800px;width:100%}.fees-table td,.fees-table th{border:1px solid #ddd;padding:8px;text-align:center}@media (max-width:768px){.fees-table{display:table;min-width:800px;width:100%}.fees-table td,.fees-table th{display:table-cell;padding:8px;text-align:center}}.error-message{background-color:#ffe6e6;border-left:4px solid #d8000c;border-radius:5px;color:#d8000c;margin:20px 0;padding:15px;text-align:center}.fees-page{display:flex;flex-direction:column;min-height:100vh}.fees-page .main-content{flex:1 1;padding:40px 20px;width:100%}@media (max-width:768px){.fees-page .main-content{padding:20px 10px}}.chart-dashboard{background-color:var(--surface-0);min-height:100vh;padding:var(--spacing-xl)}.dashboard-header{margin-bottom:var(--spacing-xl)}.dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-700) 0,var(--primary-500) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin:0 0 var(--spacing-xs) 0}.dashboard-subtitle{color:var(--text-muted);font-size:var(--font-size-md);margin:0}.quick-actions{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:var(--spacing-xl)}.action-card{align-items:center;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--elev-1);color:inherit;cursor:pointer;display:flex;gap:var(--spacing-lg);overflow:hidden;padding:var(--spacing-lg) var(--spacing-xl);position:relative;text-decoration:none;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.action-card:before{background:linear-gradient(135deg,#1a4f8c0f,#0000 60%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--transition-normal)}.action-card:after{background:var(--brand-gradient);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(.4);transform-origin:center;transition:transform var(--transition-normal);width:4px}.action-card:hover{border-color:var(--primary-100);box-shadow:var(--elev-3);transform:translateY(-4px)}.action-card:hover:before{opacity:1}.action-card:hover:after{transform:scaleY(1)}.action-card.primary:after{background:linear-gradient(180deg,var(--primary-500),var(--secondary))}.action-card.secondary:after{background:linear-gradient(180deg,var(--secondary),var(--primary-500))}.action-card.tertiary:after{background:var(--success-gradient)}.action-icon{align-items:center;border-radius:var(--border-radius-md);box-shadow:0 6px 14px -4px #1a4f8c59;color:var(--white);display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;width:56px}.action-card.primary .action-icon{background:var(--brand-gradient)}.action-card.secondary .action-icon{background:linear-gradient(135deg,var(--secondary) 0,var(--primary-500) 100%);box-shadow:0 6px 14px -4px #3498db66}.action-card.tertiary .action-icon{background:var(--success-gradient);box-shadow:0 6px 14px -4px #27ae6066}.action-content{flex:1 1;min-width:0}.action-content h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.005em;margin:0 0 4px}.action-content p{color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.45;margin:0}.action-arrow{color:var(--text-faint);font-size:18px;transition:color var(--transition-normal),transform var(--transition-normal)}.action-card:hover .action-arrow{color:var(--primary-500);transform:translateX(6px)}.statistics-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:var(--spacing-xl)}.stat-card{align-items:center;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--elev-1);display:flex;gap:var(--spacing-md);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.stat-card:before{border-radius:50%;content:"";height:120px;opacity:.08;position:absolute;right:-40px;top:0;transition:transform var(--transition-slow);width:120px}.stat-card.blue:before{background:var(--primary-500)}.stat-card.green:before{background:var(--success-500)}.stat-card.orange:before{background:var(--accent-500)}.stat-card.purple:before{background:var(--secondary)}.stat-card:hover{box-shadow:var(--elev-3);transform:translateY(-3px)}.stat-card:hover:before{transform:scale(1.4)}.stat-icon{align-items:center;border-radius:var(--border-radius-md);color:#fff;display:flex;flex-shrink:0;font-size:22px;height:52px;justify-content:center;position:relative;width:52px;z-index:1}.stat-card.blue .stat-icon{background:var(--brand-gradient)}.stat-card.green .stat-icon{background:var(--success-gradient)}.stat-card.orange .stat-icon{background:var(--accent-gradient)}.stat-card.purple .stat-icon{background:linear-gradient(135deg,var(--secondary) 0,#2980b9 100%)}.stat-content{position:relative;z-index:1}.stat-content h3{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--font-size-xxxl);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.1;margin:0 0 2px}.stat-content p{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0}.details-section{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:var(--spacing-xl)}.detail-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--elev-1);padding:var(--spacing-lg) var(--spacing-xl)}.detail-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);margin:0 0 var(--spacing-md) 0}.detail-title i{color:var(--primary-500);font-size:1.1em}.detail-content{margin:0}.type-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.type-item{grid-gap:var(--spacing-md);align-items:center;display:grid;gap:var(--spacing-md);grid-template-columns:90px 1fr 60px}.type-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.type-bar-container{background:var(--surface-3);height:10px;overflow:hidden}.type-bar,.type-bar-container{border-radius:var(--border-radius-pill)}.type-bar{background:linear-gradient(90deg,var(--primary-500) 0,var(--secondary) 100%);box-shadow:0 1px 2px #1a4f8c66;height:100%;transition:width var(--transition-slow)}.type-count{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);text-align:right}.currency-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.currency-item{background:var(--surface-2);border:1.5px solid var(--border-subtle);border-radius:var(--border-radius-md);cursor:default;padding:var(--spacing-md);text-align:center;transition:all var(--transition-normal)}.currency-item:hover{background:var(--primary-50);border-color:var(--primary-200);box-shadow:var(--elev-2);transform:translateY(-2px)}.currency-badge{color:var(--primary-700);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.02em;margin-bottom:var(--spacing-xs)}.currency-count{font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-medium)}.balance-summary{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--elev-1);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-xl)}.section-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);letter-spacing:-.005em;margin:0 0 var(--spacing-md) 0}.section-title i{color:var(--primary-500)}.balance-cards{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.balance-card{border-left:4px solid;border-radius:var(--border-radius-md);padding:var(--spacing-lg);transition:transform var(--transition-normal)}.balance-card:hover{transform:translateY(-2px)}.balance-card.debit{background:var(--danger-50);border-color:var(--danger-500)}.balance-card.credit{background:var(--success-50);border-color:var(--success-500)}.balance-card.net{background:var(--primary-50);border-color:var(--primary-500)}.balance-label{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:var(--spacing-xs);text-transform:uppercase}.balance-amount{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--font-size-xxl);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold);letter-spacing:-.01em}.recent-section{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--elev-1);padding:var(--spacing-lg) var(--spacing-xl)}.recent-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.recent-item{align-items:center;background:var(--surface-2);border-left:3px solid var(--primary-500);border-radius:var(--border-radius-md);display:flex;justify-content:space-between;padding:var(--spacing-md);transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.recent-item:hover{background:var(--primary-50);box-shadow:var(--elev-1);transform:translateX(4px)}.recent-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.recent-code{color:var(--primary-700);font-family:var(--font-family-mono);font-weight:var(--font-weight-bold);letter-spacing:.01em}.recent-code,.recent-name{font-size:var(--font-size-sm)}.recent-name{color:var(--text-secondary)}.recent-meta{align-items:center;display:flex;gap:var(--spacing-md)}.recent-type{background:var(--primary-50);border-radius:var(--border-radius-pill);color:var(--primary-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;padding:.25rem .65rem;text-transform:uppercase}.recent-date{font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.error-message,.loading-spinner{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xxl) var(--spacing-xl)}.loading-spinner i{animation:pulse 1.4s ease-in-out infinite}.error-message i,.loading-spinner i{font-size:48px;margin-bottom:var(--spacing-md)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}.no-data{color:var(--text-faint);font-size:var(--font-size-sm);font-style:italic;padding:var(--spacing-lg);text-align:center}@media (max-width:768px){.chart-dashboard{padding:var(--spacing-md)}.dashboard-title{font-size:var(--font-size-xxl)}.balance-cards,.details-section,.quick-actions,.statistics-grid{grid-template-columns:1fr}.action-card{padding:var(--spacing-md)}.action-icon{font-size:20px;height:48px;width:48px}.stat-content h3{font-size:var(--font-size-xxl)}.recent-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.recent-meta{justify-content:space-between;width:100%}}.card-view-container{margin:0 auto;max-width:1600px;padding:var(--spacing-lg);width:100%}.card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg)}.search-container{flex:1 1;max-width:420px;min-width:260px;position:relative}.search-input{padding:.6rem .9rem .6rem 2.4rem}.btn-add-account{box-shadow:0 4px 12px -2px #27ae6059;color:#fff;padding:.6rem 1.1rem}.btn-add-account:hover{box-shadow:0 6px 16px -2px #27ae6073}.no-results{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--elev-1);color:var(--text-muted);padding:var(--spacing-xxl) var(--spacing-xl);text-align:center}.no-results p{color:var(--text-muted);font-size:var(--font-size-md);margin-bottom:var(--spacing-md)}.card-view-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-top:var(--spacing-sm);padding:0}.category-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--elev-1);display:flex;flex-direction:column;height:100%;min-height:300px;overflow:hidden;position:relative;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.category-card:before{background:var(--brand-gradient);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.category-card:hover{border-color:var(--primary-100);box-shadow:var(--elev-3);transform:translateY(-4px)}.category-card:hover:before{opacity:1}.category-header{align-items:center;background-color:var(--surface-2);border-bottom:1px solid var(--border-subtle);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);transition:background-color var(--transition-fast);-webkit-user-select:none;user-select:none}.category-header:hover{background-color:var(--primary-50)}.category-header h3{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.06em;margin:0;text-transform:uppercase}.category-toggle{color:var(--text-muted);font-size:13px;transition:transform var(--transition-fast),color var(--transition-fast)}.category-header:hover .category-toggle{color:var(--primary-600)}.account-count{font-feature-settings:"tnum";background-color:var(--primary-100);border-radius:var(--border-radius-pill);color:var(--primary-700);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);padding:.15rem .6rem}.account-list{flex-grow:1;padding:var(--spacing-sm) 0}.account-item{align-items:center;background-color:initial;border-bottom:1px solid var(--border-subtle);border-radius:0;cursor:pointer;display:flex;gap:var(--spacing-sm);justify-content:space-between;margin:0;padding:.65rem var(--spacing-lg);transition:background-color var(--transition-fast),transform var(--transition-fast)}.account-item:hover{background-color:var(--primary-50);transform:translateX(3px)}.account-item:last-child{border-bottom:none}.account-code{align-items:center;background-color:var(--primary-50);display:inline-flex;font-size:var(--font-size-xs);height:26px;justify-content:center;letter-spacing:.02em;min-width:80px;padding:.2rem .55rem;text-align:center;width:auto}.account-name{flex-grow:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 var(--spacing-md)}.account-balance{font-feature-settings:"tnum";color:var(--text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);min-width:100px;text-align:right}.account-actions{display:flex;gap:var(--spacing-xs);margin-left:var(--spacing-sm);opacity:0;transition:opacity var(--transition-fast)}.account-item:hover .account-actions{opacity:1}.btn-icon{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:14px;height:28px;justify-content:center;padding:0;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);width:28px}.btn-icon:hover{background-color:var(--primary-100);color:var(--primary-700);transform:scale(1.08)}.btn-icon.danger:hover{background-color:var(--danger-50);color:var(--danger-600)}.view-more{background-color:var(--surface-2);border-top:1px solid var(--border-subtle);color:var(--primary-600);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:.65rem var(--spacing-lg);text-align:center;transition:background-color var(--transition-fast),color var(--transition-fast)}.view-more:hover{background-color:var(--primary-50);color:var(--primary-700)}.search-highlight{padding:.05em .2em}.category-total{font-feature-settings:"tnum";background-color:var(--surface-2);border-top:1px solid var(--border-subtle);color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);justify-content:space-between;padding:.65rem var(--spacing-lg)}@media (max-width:768px){.card-view-grid{grid-template-columns:1fr}.card-view-container{padding:var(--spacing-md)}.account-item{flex-wrap:wrap}.account-balance,.account-code,.account-name{margin:3px 0}.account-balance{padding-left:calc(80px + var(--spacing-sm));text-align:left;width:100%}.account-actions{opacity:1}}.chart-tree-view{background-color:var(--surface-0);min-height:100vh;padding:var(--spacing-xl)}.tree-header{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--elev-1);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl)}.page-title{margin:0 0 var(--spacing-md) 0}.tree-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.search-bar{min-width:280px}.clear-search{padding:0}.tree-actions{display:flex;gap:var(--spacing-sm)}.btn-collapse,.btn-expand{align-items:center;background:var(--surface-1);border:1.5px solid var(--primary-200);border-radius:var(--border-radius-md);color:var(--primary-600);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);padding:.55rem .9rem;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.btn-collapse:hover,.btn-expand:hover{background:var(--primary-500);border-color:var(--primary-500);box-shadow:var(--elev-2);color:var(--white)}.tree-container{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--elev-1);overflow-x:auto;padding:var(--spacing-md)}.tree-node-container{margin:0}.tree-node{align-items:center;border-radius:var(--border-radius-md);cursor:pointer;display:flex;margin-bottom:2px;padding:.55rem var(--spacing-md);transition:background-color var(--transition-fast),transform var(--transition-fast)}.tree-node:hover{background-color:var(--primary-50)}.tree-node.level-0{background-color:var(--surface-2);border:1px solid var(--border-subtle);font-weight:var(--font-weight-semibold)}.tree-node.level-0:hover{background-color:var(--primary-50);border-color:var(--primary-100)}.tree-node.level-1{background-color:initial}.tree-node-content{align-items:center;display:flex;gap:var(--spacing-sm);width:100%}.tree-toggle{align-items:center;background:var(--surface-3);border:none;border-radius:var(--border-radius-sm);color:var(--primary-600);cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;padding:0;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);width:22px}.tree-toggle:hover{background-color:var(--primary-100);color:var(--primary-700)}.tree-toggle-placeholder{flex-shrink:0;height:22px;width:22px}.tree-node-info{align-items:center;display:flex;flex:1 1;gap:var(--spacing-md);min-width:0}.tree-node-code{color:var(--primary-700);font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.02em;min-width:100px}.tree-node-name{color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);min-width:200px}.tree-node-currency,.tree-node-level,.tree-node-type{background-color:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--border-radius-pill);color:var(--primary-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;padding:.2rem .6rem;text-transform:uppercase;white-space:nowrap}.tree-node-currency{background-color:var(--accent-50);border-color:var(--accent-100);color:var(--accent-700)}.tree-node-level{background-color:var(--surface-3);border-color:var(--border-subtle);color:var(--text-secondary);text-transform:none}.tree-node-balance{display:flex;flex-shrink:0;gap:var(--spacing-sm);margin-left:auto}.balance-credit,.balance-debit{font-feature-settings:"tnum";border-radius:var(--border-radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);padding:.25rem .6rem;white-space:nowrap}.balance-debit{background-color:var(--danger-50);border:1px solid var(--danger-100);color:var(--danger-700)}.balance-credit{background-color:var(--success-50);border:1px solid var(--success-100);color:var(--success-700)}.tree-children{border-left:1.5px dashed var(--border-default);margin-left:var(--spacing-md);margin-top:2px;padding-left:var(--spacing-md)}.tree-footer{font-feature-settings:"tnum";background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);box-shadow:var(--elev-1);color:var(--text-muted);display:flex;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;gap:var(--spacing-xl);margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl)}.tree-footer p{margin:0}.tree-footer p strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.error-message,.loading-spinner,.no-results{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xxl) var(--spacing-xl)}.error-message i,.loading-spinner i,.no-results i{font-size:48px;margin-bottom:var(--spacing-md)}.loading-spinner i{animation:tree-pulse 1.4s ease-in-out infinite;color:var(--primary-500)}.error-message i{color:var(--danger-500)}.no-results i{color:var(--text-faint)}@keyframes tree-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}.error-message p,.loading-spinner p,.no-results p{font-size:var(--font-size-md);margin:0}.search-highlight:hover{cursor:pointer}@media (max-width:768px){.chart-tree-view,.tree-header{padding:var(--spacing-md)}.tree-controls{align-items:stretch;flex-direction:column}.search-bar{min-width:100%}.tree-actions{justify-content:space-between;width:100%}.tree-node-info{flex-wrap:wrap}.tree-node-balance{margin-left:0;margin-top:var(--spacing-sm);width:100%}.tree-footer{flex-direction:column;gap:var(--spacing-sm)}}.chart-of-accounts-page{background-color:var(--surface-0);display:flex;flex-direction:column;min-height:calc(100vh - 60px);padding:var(--spacing-xl)}.page-header-left{flex:1 1;min-width:0}.page-title{margin:0}.page-header-actions{align-items:center;gap:var(--spacing-md)}.view-mode-toggle{align-items:center;display:flex;gap:var(--spacing-sm)}.view-mode-label{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.view-mode-buttons{background-color:var(--surface-3);border-radius:var(--border-radius-md);display:inline-flex;gap:2px;padding:4px}.view-mode-btn{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:.45rem .9rem;transition:color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.view-mode-btn:hover{color:var(--text-primary)}.view-mode-btn.active{background-color:var(--surface-1);box-shadow:var(--elev-1);color:var(--primary-600);font-weight:var(--font-weight-semibold)}.view-mode-btn i{font-size:var(--font-size-md)}.btn-add-account{align-items:center;background-image:linear-gradient(180deg,var(--success-500) 0,var(--success-600) 100%);border:none;border-radius:var(--border-radius-md);box-shadow:inset 0 1px 0 #ffffff26,0 4px 12px -2px #27ae6059;color:var(--white);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);letter-spacing:.01em;padding:.65rem 1.25rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-image var(--transition-fast)}.btn-add-account:hover{background-image:linear-gradient(180deg,var(--success-600) 0,var(--success-700) 100%);box-shadow:inset 0 1px 0 #ffffff26,0 6px 16px -2px #27ae6073;transform:translateY(-1px)}.btn-add-account:active{transform:translateY(0)}.controls-container{align-items:center;background-color:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);box-shadow:var(--elev-1);display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.search-bar{flex:1 1;min-width:260px;position:relative}.search-input{background-color:var(--surface-2);border:1.5px solid var(--border-default);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-sm);padding:.6rem 2.2rem .6rem 2.4rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);width:100%}.search-input::placeholder{color:var(--text-faint)}.search-input:focus{background-color:var(--white);border-color:var(--primary-500);box-shadow:var(--ring);outline:none}.search-icon{color:var(--text-faint);font-size:14px;left:.85rem;pointer-events:none}.clear-search,.search-icon{position:absolute;top:50%;transform:translateY(-50%)}.clear-search{align-items:center;background:var(--surface-3);border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;font-size:16px;height:22px;justify-content:center;line-height:1;right:.7rem;transition:background-color var(--transition-fast),color var(--transition-fast);width:22px}.clear-search:hover{background-color:var(--danger-100);color:var(--danger-600)}.filters-container{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.filter-select{-webkit-appearance:none;appearance:none;background-color:var(--surface-2);background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%231a4f8c%27 stroke-width=%273%27><polyline points=%276 9 12 15 18 9%27/></svg>");background-position:right .7rem center;background-repeat:no-repeat;background-size:12px;border:1.5px solid var(--border-default);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:.6rem 2rem .6rem .9rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.filter-select:focus{border-color:var(--primary-500);box-shadow:var(--ring);outline:none}.table-responsive{margin-top:0;overflow:auto;position:relative}.chart-of-accounts-page .table-responsive{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);box-shadow:var(--elev-1);cursor:grab;display:flex;flex:1 1;flex-direction:column;max-height:calc(100vh - 280px);min-height:200px;-webkit-user-select:none;user-select:none}.chart-of-accounts-page .table-responsive:active{cursor:grabbing}.table-responsive.active-drag-scroll{cursor:grabbing;-webkit-user-select:none;user-select:none}.chart-of-accounts-page .table-responsive .accounts-table-wrapper{height:100%;overflow-x:auto;overflow-y:auto;position:relative;width:100%}.accounts-table{background-color:var(--surface-1);border-collapse:initial;border-spacing:0;margin:0;min-width:100%;table-layout:auto;width:100%}.accounts-table thead th{background-color:var(--surface-2);border-bottom:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.06em;padding:.8rem .9rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;transition:background-color var(--transition-fast);white-space:nowrap;z-index:11}.accounts-table thead th:first-child{text-align:center}.accounts-table thead th:hover{background-color:var(--surface-3);color:var(--text-primary)}.accounts-table th i{font-size:11px;margin-left:var(--spacing-xs);opacity:.6;position:relative}.accounts-table tbody td:first-child,.accounts-table thead th:first-child{border-right:1px solid var(--border-default);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);left:0;max-width:56px;min-width:56px;position:-webkit-sticky;position:sticky;text-align:center;width:56px;z-index:10}.accounts-table thead th:first-child{background-color:var(--surface-3);z-index:12}.accounts-table tbody td:first-child{background-color:var(--surface-2)}.accounts-table tbody tr:nth-child(2n) td:first-child{background-color:var(--surface-3)}.accounts-table tbody tr:hover td:first-child{background-color:var(--primary-50);color:var(--primary-700)}.accounts-table tbody td{background-clip:padding-box;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.5;padding:.6rem .9rem;vertical-align:middle;white-space:nowrap}.accounts-table tbody tr{transition:background-color var(--transition-fast)}.accounts-table tbody tr:nth-child(2n) td{background-color:var(--surface-2)}.accounts-table tbody tr:hover td{background-color:var(--primary-50)}.accounts-table tbody tr:hover{cursor:pointer}.accounts-table tbody td:nth-child(2){color:var(--primary-700);font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold);letter-spacing:.02em}.search-highlight{background-color:var(--accent-100);border-radius:3px;box-shadow:0 0 0 1px var(--accent-300);color:var(--accent-700);font-weight:var(--font-weight-semibold);padding:.05em .25em}.search-highlight:hover{background-color:var(--accent-300)}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-md)}.pagination-controls.top-pagination{margin-bottom:var(--spacing-md);margin-top:0}.pagination-controls button{background-image:linear-gradient(180deg,var(--primary-500) 0,var(--primary-600) 100%);border:none;border-radius:var(--border-radius-md);box-shadow:var(--elev-1);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:.55rem 1.1rem;transition:background-image var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.pagination-controls button:hover:not(:disabled){background-image:linear-gradient(180deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:var(--elev-2);transform:translateY(-1px)}.pagination-controls button:disabled{background:var(--surface-3);box-shadow:none;color:var(--text-faint);cursor:not-allowed}.pagination-controls span{font-feature-settings:"tnum";color:var(--text-secondary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-medium)}.page-jump-select{background-color:var(--surface-1);border:1.5px solid var(--border-default);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:.45rem .75rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.page-jump-select:focus{border-color:var(--primary-500);box-shadow:var(--ring);outline:none}.card-view-wrapper{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:var(--spacing-md) 0}.modal-overlay{align-items:center;animation:modal-fade-in .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-color:#0f172a8c;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:var(--spacing-lg);position:fixed;z-index:var(--z-modal)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideIn .3s var(--easing-spring);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--elev-4);max-height:90vh;max-width:900px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background-color:var(--surface-2);border-bottom:1px solid var(--border-subtle);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.modal-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;margin:0}.modal-close{align-items:center;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;padding:0;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);width:32px}.modal-close:hover{background-color:var(--danger-50);border-color:var(--danger-100);color:var(--danger-600);transform:rotate(90deg)}.account-form{padding:var(--spacing-xl)}.form-grid{grid-gap:var(--spacing-md) var(--spacing-lg);display:grid;gap:var(--spacing-md) var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--spacing-xl)}.form-group{display:flex;flex-direction:column}.form-group label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.01em;margin-bottom:var(--spacing-sm)}.form-group .required{color:var(--danger-500);margin-left:var(--spacing-xs)}.form-group input,.form-group select{background-color:var(--surface-2);border:1.5px solid var(--border-default);border-radius:var(--border-radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);padding:.6rem .9rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.form-group input::placeholder{color:var(--text-faint)}.form-group input:focus,.form-group select:focus{background-color:var(--white);border-color:var(--primary-500);box-shadow:var(--ring);outline:none}.form-group input.error{border-color:var(--danger-500)}.form-group input.error:focus{box-shadow:var(--ring-danger)}.form-group input:disabled{background-color:var(--surface-3);color:var(--text-muted);cursor:not-allowed;opacity:.7}.error-message{background-color:var(--danger-50);border:1px solid var(--danger-100);border-radius:var(--border-radius-md);color:var(--danger-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--spacing-md);padding:var(--spacing-md)}.checkbox-group{align-items:center;flex-direction:row}.checkbox-group label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);margin-bottom:0}.checkbox-group input[type=checkbox]{accent-color:var(--primary-500);cursor:pointer;height:18px;margin-right:var(--spacing-sm);width:18px}.modal-footer{border-top:1px solid var(--border-subtle);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-lg)}.btn-cancel,.btn-submit{align-items:center;border:1px solid #0000;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);padding:.6rem 1.4rem;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),color var(--transition-fast)}.btn-cancel{background-color:var(--surface-1);border-color:var(--border-default);color:var(--text-secondary)}.btn-cancel:hover{background-color:var(--surface-3);border-color:var(--border-strong);color:var(--text-primary)}.btn-submit{background-image:linear-gradient(180deg,var(--primary-500) 0,var(--primary-600) 100%);box-shadow:0 4px 12px -2px #1a4f8c59;color:#fff}.btn-submit:hover:not(:disabled){background-image:linear-gradient(180deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:0 6px 16px -2px #1a4f8c73;transform:translateY(-1px)}.btn-submit:disabled{background-color:var(--surface-3);background-image:none;box-shadow:none;color:var(--text-faint);cursor:not-allowed;transform:none}.account-details{padding:var(--spacing-xl)}.details-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--spacing-xl)}.detail-item{background-color:var(--surface-2);border-left:3px solid var(--primary-500);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);transition:background-color var(--transition-fast)}.detail-item:hover{background-color:var(--primary-50)}.detail-item label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase}.detail-item span{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.btn-edit{align-items:center;background-image:linear-gradient(180deg,var(--accent-500) 0,var(--accent-600) 100%);border:none;border-radius:var(--border-radius-md);box-shadow:0 4px 12px -2px #f39c1259;color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);padding:.6rem 1.4rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-image var(--transition-fast)}.btn-edit:hover{background-image:linear-gradient(180deg,var(--accent-600) 0,var(--accent-700) 100%);box-shadow:0 6px 16px -2px #f39c1273;transform:translateY(-1px)}@media (max-width:1200px){.accounts-table tbody td,.accounts-table thead th{font-size:var(--font-size-xs);padding:.55rem .7rem}}@media (max-width:992px){.accounts-table{min-width:900px}}@media (max-width:768px){.chart-of-accounts-page{padding:var(--spacing-md)}.page-title{font-size:var(--font-size-xl)}.accounts-table{min-width:800px}.controls-container{align-items:stretch;flex-direction:column}.search-bar{min-width:0;min-width:auto;width:100%}.filters-container{flex-direction:column;width:100%}.filter-select{width:100%}.page-header{align-items:stretch;flex-direction:column}.btn-add-account{justify-content:center;width:100%}.modal-content{margin:10px;max-height:calc(100vh - 20px);max-width:100%}.details-grid,.form-grid{grid-template-columns:1fr}.modal-header{padding:var(--spacing-md) var(--spacing-lg)}.modal-header h2{font-size:var(--font-size-lg)}.account-details,.account-form{padding:var(--spacing-lg)}}:root{--primary:#1a4f8c;--secondary:#3498db;--accent:#f39c12;--light:#f5f7fa;--dark:#2c3e50;--success:#27ae60;--danger:#e74c3c;--warning:#f39c12;--info:#3498db;--gray:#95a5a6;--white:#fff;--black:#000;--primary-50:#eef4fb;--primary-100:#d6e4f4;--primary-200:#aac8e9;--primary-300:#7eabdd;--primary-400:#4d88c8;--primary-500:#1a4f8c;--primary-600:#154278;--primary-700:#103562;--primary-800:#0c294b;--accent-50:#fffaeb;--accent-100:#fff2c5;--accent-300:#ffd76e;--accent-500:#f39c12;--accent-600:#d68910;--accent-700:#a76d0d;--success-50:#ecfdf5;--success-100:#d1fae5;--success-500:#27ae60;--success-600:#1d8c4e;--success-700:#176b3c;--danger-50:#fef2f2;--danger-100:#fee2e2;--danger-500:#e74c3c;--danger-600:#c0392b;--danger-700:#8a2820;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--info-50:#eff6ff;--info-100:#dbeafe;--info-500:#3498db;--info-600:#2076b8;--surface-0:#f4f6fa;--surface-1:#fff;--surface-2:#fafbfc;--surface-3:#f1f3f7;--surface-4:#e6e9ef;--border-subtle:#eef0f4;--border-default:#dde1e8;--border-strong:#c5cad3;--text-primary:#1a2332;--text-secondary:#475063;--text-muted:#6b7280;--text-faint:#9ca3af;--text-inverse:#fff;--header-bg:linear-gradient(135deg,var(--primary-500) 0%,var(--secondary) 100%);--sidebar-bg:linear-gradient(180deg,var(--primary-500) 0%,var(--primary-700) 100%);--brand-gradient:linear-gradient(135deg,var(--primary-500) 0%,var(--secondary) 100%);--accent-gradient:linear-gradient(135deg,var(--accent-500) 0%,var(--accent-300) 100%);--success-gradient:linear-gradient(135deg,var(--success-500) 0%,#2ecc71 100%);--danger-gradient:linear-gradient(135deg,var(--danger-500) 0%,#ff6b5b 100%);--aurora-bg:radial-gradient(at 18% 12%,#1a4f8c2e 0px,#0000 50%),radial-gradient(at 85% 8%,#3498db2e 0px,#0000 50%),radial-gradient(at 78% 92%,#f39c1221 0px,#0000 50%),radial-gradient(at 14% 88%,#27ae601f 0px,#0000 50%);--header-height:120px;--sidebar-width:250px;--sidebar-collapsed-width:80px;--container-max-width:1400px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:14px;--border-radius-xl:20px;--border-radius-pill:999px;--font-family:"Inter","Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--font-family-mono:"JetBrains Mono","Roboto Mono","SF Mono",Consolas,"Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-xxl:1.5rem;--font-size-xxxl:2rem;--font-size-display:2.5rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--breakpoint-mobile:768px;--breakpoint-tablet:1024px;--breakpoint-desktop:1200px;--shadow-sm:0 1px 3px #0000001f,0 1px 2px #0000003d;--shadow-md:0 3px 6px #00000026,0 2px 4px #0000001f;--shadow-lg:0 10px 20px #00000026,0 3px 6px #0000001a;--shadow-xl:0 15px 25px #00000026,0 5px 10px #0000000d;--elev-1:0 1px 2px #0f172a0a,0 1px 1px #0f172a0a;--elev-2:0 4px 8px -2px #0f172a0f,0 2px 4px -2px #0f172a0a;--elev-3:0 10px 20px -6px #0f172a1a,0 4px 8px -3px #0f172a0d;--elev-4:0 24px 38px -10px #0f172a24,0 12px 18px -6px #0f172a0d;--elev-glow:0 0 0 1px #1a4f8c1a,0 8px 24px #1a4f8c29;--ring:0 0 0 3px #1a4f8c38;--ring-danger:0 0 0 3px #e74c3c38;--ring-success:0 0 0 3px #27ae6038;--ring-accent:0 0 0 3px #f39c124d;--transition-fast:0.15s ease;--transition-normal:0.25s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.45s cubic-bezier(0.4,0,0.2,1);--easing-spring:cubic-bezier(0.34,1.56,0.64,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}[data-theme=dark]{--surface-0:#0f172a;--surface-1:#1e293b;--surface-2:#1e293b;--surface-3:#334155;--surface-4:#475569;--border-subtle:#1e293b;--border-default:#334155;--border-strong:#475569;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-faint:#64748b;--text-inverse:#0f172a;--primary:#3b82f6;--secondary:#60a5fa;--primary-50:#172554;--primary-100:#1e3a8a;--primary-200:#1d4ed8;--primary-300:#2563eb;--primary-400:#3b82f6;--primary-500:#3b82f6;--primary-600:#60a5fa;--primary-700:#93c5fd;--primary-800:#bfdbfe;--success-50:#052e16;--success-100:#14532d;--success-500:#22c55e;--success-600:#4ade80;--success-700:#86efac;--danger-50:#450a0a;--danger-100:#7f1d1d;--danger-500:#f87171;--danger-600:#fca5a5;--danger-700:#fecaca;--warning-50:#422006;--warning-100:#713f12;--warning-500:#fbbf24;--warning-600:#fcd34d;--info-50:#172554;--info-100:#1e3a8a;--info-500:#60a5fa;--info-600:#93c5fd;--header-bg:linear-gradient(135deg,#0f172a,#1e293b);--sidebar-bg:linear-gradient(180deg,#0f172a,#0c1629);--brand-gradient:linear-gradient(135deg,#1e3a8a,#2563eb);--elev-1:0 1px 2px #0000004d,0 1px 1px #0003;--elev-2:0 4px 8px -2px #0006,0 2px 4px -2px #0000004d;--elev-3:0 10px 20px -6px #00000080,0 4px 8px -3px #0000004d;--elev-4:0 24px 38px -10px #0009,0 12px 18px -6px #0000004d;--elev-glow:0 0 0 1px #3b82f633,0 8px 24px #3b82f633;--ring:0 0 0 3px #3b82f659;--ring-danger:0 0 0 3px #f8717159;--ring-success:0 0 0 3px #22c55e59;--ring-accent:0 0 0 3px #fbbf2459}[dir=rtl]{font-family:Cairo,Noto Sans Arabic,sans-serif}.vouchers-list-page{background-color:var(--surface-0);min-height:100vh;padding:var(--spacing-xl)}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg)}.page-title{color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin:0 0 4px}.page-subtitle{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.page-header-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.btn-new-voucher{align-items:center;border:none;border-radius:var(--border-radius-md);color:var(--white);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:.45rem;letter-spacing:.01em;padding:.55rem 1rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-image var(--transition-fast)}.btn-new-voucher:hover{transform:translateY(-1px)}.btn-new-jv{background-image:linear-gradient(180deg,var(--primary-500),var(--primary-600));box-shadow:0 4px 12px -2px #1a4f8c59}.btn-new-rv{background-image:linear-gradient(180deg,var(--success-500),var(--success-600));box-shadow:0 4px 12px -2px #27ae6059}.btn-new-pv{background-image:linear-gradient(180deg,var(--accent-500),var(--accent-600));box-shadow:0 4px 12px -2px #f39c1259}.vouchers-filters{align-items:center;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);box-shadow:var(--elev-1);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.filter-input,.filter-search,.filter-select{background:var(--surface-2);border:1.5px solid var(--border-default);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-sm);padding:.5rem .75rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.filter-search{flex:1 1;min-width:220px}.filter-input:focus,.filter-search:focus,.filter-select:focus{background:var(--white);border-color:var(--primary-500);box-shadow:var(--ring);outline:none}.btn-apply,.btn-reset{border:1.5px solid #0000;border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:.5rem 1rem;transition:all var(--transition-fast)}.btn-apply{background-image:linear-gradient(180deg,var(--primary-500),var(--primary-600));box-shadow:0 4px 10px -2px #1a4f8c4d;color:var(--white)}.btn-apply:hover{transform:translateY(-1px)}.btn-reset{background:var(--surface-1);border-color:var(--border-default);color:var(--text-secondary)}.btn-reset:hover{background:var(--surface-3);color:var(--text-primary)}.vouchers-error{align-items:center;background:var(--danger-50);border:1px solid var(--danger-100);border-radius:var(--border-radius-md);color:var(--danger-700);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:.75rem 1rem}.vouchers-table-wrap{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);box-shadow:var(--elev-1);overflow-x:auto}.vouchers-table{border-collapse:initial;border-spacing:0;font-size:var(--font-size-sm);width:100%}.vouchers-table thead th{background:var(--surface-2);border-bottom:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.06em;padding:.7rem .9rem;text-align:left;text-transform:uppercase;white-space:nowrap}.vouchers-table thead th.col-amount,.vouchers-table thead th.col-lines{text-align:right}.vouchers-table tbody td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:.65rem .9rem;vertical-align:middle}.vouchers-table tbody tr{cursor:pointer;transition:background-color var(--transition-fast)}.vouchers-table tbody tr:hover td{background:var(--primary-50)}.cell-number{color:var(--primary-700);font-weight:var(--font-weight-semibold)}.cell-date,.cell-number{font-feature-settings:"tnum";font-family:var(--font-family-mono);font-variant-numeric:tabular-nums}.cell-date{color:var(--text-secondary)}.col-description{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-amount{font-feature-settings:"tnum";font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-medium)}.col-lines{font-feature-settings:"tnum";color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right}.cell-status{color:var(--text-muted);padding:var(--spacing-xl);text-align:center}.type-pill{border-radius:var(--border-radius-pill);display:inline-block;font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.08em;padding:.2rem .55rem}.type-jv{background:var(--primary-50);border:1px solid var(--primary-100);color:var(--primary-700)}.type-rv{background:var(--success-50);border:1px solid var(--success-100);color:var(--success-700)}.type-pv{background:var(--accent-50);border:1px solid var(--accent-100);color:var(--accent-700)}.status-pill{border-radius:var(--border-radius-pill);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;padding:.2rem .6rem;text-transform:uppercase}.status-draft{background:var(--surface-3);border:1px solid var(--border-default);color:var(--text-secondary)}.status-posted{background:var(--success-50);border:1px solid var(--success-100);color:var(--success-700)}.status-reversed{background:var(--danger-50);border:1px solid var(--danger-100);color:var(--danger-700)}.row-status-reversed td{opacity:.7}.vouchers-pagination{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-md)}.vouchers-pagination button{align-items:center;background-image:linear-gradient(180deg,var(--primary-500),var(--primary-600));border:none;border-radius:var(--border-radius-md);box-shadow:var(--elev-1);color:var(--white);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:.4rem;padding:.5rem 1rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.vouchers-pagination button:hover:not(:disabled){transform:translateY(-1px)}.vouchers-pagination button:disabled{background:var(--surface-3);box-shadow:none;color:var(--text-faint);cursor:not-allowed}.vouchers-pagination span{font-feature-settings:"tnum";color:var(--text-secondary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}@media (max-width:768px){.vouchers-list-page{padding:var(--spacing-md)}.page-header{align-items:stretch;flex-direction:column}.col-description{max-width:180px}}.voucher-form-page{background-color:var(--surface-0);min-height:100vh;padding:var(--spacing-xl)}.voucher-loading{color:var(--text-muted);font-size:var(--font-size-md);padding:var(--spacing-xxl);text-align:center}.voucher-loading i{color:var(--primary-500);margin-right:.5rem}.voucher-form-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg)}.voucher-form-title{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);gap:var(--spacing-sm);letter-spacing:-.02em;margin:0}.voucher-form-sub{color:var(--text-muted);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0 0 0}.voucher-form-sub a{color:var(--primary-600);font-weight:var(--font-weight-medium);text-decoration:none}.voucher-form-sub a:hover{text-decoration:underline}.voucher-form-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.voucher-form-actions button{align-items:center;border:1.5px solid #0000;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:.45rem;padding:.55rem 1rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.voucher-form-actions button:disabled{cursor:not-allowed;opacity:.55;transform:none!important}.btn-back{background:var(--surface-1);border-color:var(--border-default);color:var(--text-secondary)}.btn-back:hover{background:var(--surface-3);color:var(--text-primary)}.btn-save{background-image:linear-gradient(180deg,var(--primary-500),var(--primary-600));box-shadow:0 4px 10px -2px #1a4f8c59;color:var(--white)}.btn-save:hover:not(:disabled){transform:translateY(-1px)}.btn-delete{background:var(--surface-1);border-color:var(--danger-100);color:var(--danger-600)}.btn-delete:hover:not(:disabled){background:var(--danger-50);border-color:var(--danger-500);color:var(--danger-700)}.btn-post{background-image:linear-gradient(180deg,var(--success-500),var(--success-600));box-shadow:0 4px 10px -2px #27ae6066;color:var(--white)}.btn-post:hover:not(:disabled){transform:translateY(-1px)}.btn-reverse{background-image:linear-gradient(180deg,var(--accent-500),var(--accent-600));box-shadow:0 4px 10px -2px #f39c1266;color:var(--white)}.btn-reverse:hover:not(:disabled){transform:translateY(-1px)}.voucher-alert{align-items:center;border:1px solid;border-radius:var(--border-radius-md);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:.7rem 1rem}.voucher-alert-error{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.voucher-alert-info{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.voucher-alert-warn{background:var(--warning-50);border-color:var(--warning-100);color:var(--warning-600)}.voucher-header-card{grid-gap:var(--spacing-md);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);box-shadow:var(--elev-1);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.voucher-header-card .field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.voucher-header-card .field-wide{grid-column:span 2}.voucher-header-card label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.voucher-header-card input,.voucher-header-card select{background:var(--surface-2);border:1.5px solid var(--border-default);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-sm);padding:.55rem .75rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.voucher-header-card input:focus,.voucher-header-card select:focus{background:var(--white);border-color:var(--primary-500);box-shadow:var(--ring);outline:none}.voucher-header-card input:disabled,.voucher-header-card select:disabled{background:var(--surface-3);color:var(--text-muted);cursor:not-allowed;opacity:.7}.voucher-lines-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);box-shadow:var(--elev-1);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}.voucher-lines-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.voucher-lines-header h2{color:var(--text-primary);font-size:var(--font-size-lg);margin:0}.btn-add-line,.voucher-lines-header h2{font-weight:var(--font-weight-semibold)}.btn-add-line{align-items:center;background-image:linear-gradient(180deg,var(--primary-500),var(--primary-600));border:none;border-radius:var(--border-radius-md);color:var(--white);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);gap:.4rem;padding:.45rem .9rem;transition:transform var(--transition-fast)}.btn-add-line:hover{transform:translateY(-1px)}.lines-table-wrap{border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);overflow-x:auto}.lines-table{border-collapse:initial;border-spacing:0;font-size:var(--font-size-sm);width:100%}.lines-table thead th{background:var(--surface-2);border-bottom:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.06em;padding:.65rem .6rem;text-align:left;text-transform:uppercase;white-space:nowrap}.lines-table thead th.col-action,.lines-table thead th.col-amount,.lines-table thead th.col-rate{text-align:right}.lines-table tbody td{border-bottom:1px solid var(--border-subtle);padding:.45rem .6rem;vertical-align:top}.lines-table tbody tr:nth-child(2n) td{background:var(--surface-2)}.lines-table tbody tr:hover td{background:var(--primary-50)}.col-num{color:var(--text-muted);font-family:var(--font-family-mono);text-align:center;width:36px}.col-account{min-width:220px}.col-currency{width:72px}.col-rate{width:80px}.col-amount{min-width:110px;text-align:right}.col-notes{min-width:180px}.col-action{text-align:right;width:40px}.lines-table input,.lines-table select{background:var(--surface-1);border:1.5px solid var(--border-default);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-sm);padding:.4rem .55rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.lines-table input[type=number]{font-feature-settings:"tnum";font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;text-align:right}.lines-table input:focus,.lines-table select:focus{border-color:var(--primary-500);box-shadow:0 0 0 2px #1a4f8c2e;outline:none}.lines-table input:disabled,.lines-table select:disabled{background:#0000;border-color:#0000;color:var(--text-secondary);cursor:default}.cell-local{font-feature-settings:"tnum";color:var(--text-muted);font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;padding-right:.6rem;text-align:right}.account-picker{position:relative}.account-results{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--border-radius-md);box-shadow:var(--elev-3);left:0;list-style:none;margin:4px 0 0;max-height:240px;overflow-y:auto;padding:.25rem;position:absolute;right:0;top:100%;z-index:100}.account-results li{align-items:baseline;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:.45rem .6rem;transition:background-color var(--transition-fast)}.account-code,.account-results li:hover{background:var(--primary-50)}.account-code{border:1px solid var(--primary-100);border-radius:var(--border-radius-sm);color:var(--primary-700);flex-shrink:0;font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:.1rem .45rem}.account-name{color:var(--text-primary);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chip{align-items:center;background:var(--surface-2);border:1.5px solid var(--border-default);border-radius:var(--border-radius-sm);display:flex;gap:var(--spacing-sm);padding:.2rem .35rem}.account-clear{background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--text-faint);cursor:pointer;padding:2px 4px;transition:color var(--transition-fast),background-color var(--transition-fast)}.account-clear:hover{background:var(--danger-50);color:var(--danger-600)}.account-display{align-items:center;display:flex;gap:var(--spacing-sm)}.lines-table tfoot{background:var(--surface-2)}.lines-table tfoot td{border-bottom:none;border-top:2px solid var(--border-default);font-weight:var(--font-weight-semibold);padding:.7rem .6rem}.totals-label{color:var(--text-secondary);font-size:var(--font-size-xs);letter-spacing:.06em;text-align:right;text-transform:uppercase}.totals-amount{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--font-size-md);font-variant-numeric:tabular-nums}.totals-amount,.totals-diff{font-family:var(--font-family-mono)}.totals-diff{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.totals-diff.is-balanced{color:var(--success-700)}.totals-diff.is-unbalanced{color:var(--danger-600)}.btn-remove-line{background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--text-faint);cursor:pointer;height:30px;transition:color var(--transition-fast),background-color var(--transition-fast);width:30px}.btn-remove-line:hover:not(:disabled){background:var(--danger-50);color:var(--danger-600)}.btn-remove-line:disabled{cursor:not-allowed;opacity:.3}.voucher-form-foot{color:var(--text-muted);font-size:var(--font-size-xs);margin:0;text-align:right}@media (max-width:768px){.voucher-form-page{padding:var(--spacing-md)}.voucher-form-header{align-items:stretch;flex-direction:column}.voucher-form-actions{width:100%}}.reports-landing{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xxl)}@media (max-width:768px){.reports-landing{padding:var(--spacing-md)}}.reports-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:var(--spacing-xl)}.report-tile{align-items:center;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--elev-1);cursor:pointer;display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);text-align:left;transition:box-shadow var(--transition-normal),transform var(--transition-normal),border-color var(--transition-normal);width:100%}.report-tile:hover{box-shadow:var(--elev-3);transform:translateY(-2px)}.report-tile__icon{align-items:center;border-radius:var(--border-radius-md);display:flex;flex-shrink:0;font-size:1.4rem;height:52px;justify-content:center;width:52px}.report-tile__body{flex:1 1;min-width:0}.report-tile__title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 .25rem}.report-tile__desc{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.report-tile__arrow{color:var(--text-faint);flex-shrink:0;font-size:.875rem;transition:color var(--transition-fast),transform var(--transition-fast)}.report-tile:hover .report-tile__arrow{color:var(--primary);transform:translateX(3px)}.report-tile--blue{border-left:4px solid #2563eb}.report-tile--blue .report-tile__icon{background:#eff6ff;color:#2563eb}.report-tile--teal{border-left:4px solid #0d9488}.report-tile--teal .report-tile__icon{background:#f0fdfa;color:#0d9488}.report-tile--green{border-left:4px solid var(--success-500)}.report-tile--green .report-tile__icon{background:var(--success-50);color:var(--success-500)}.report-tile--indigo{border-left:4px solid #4f46e5}.report-tile--indigo .report-tile__icon{background:#eef2ff;color:#4f46e5}.report-tile--amber{border-left:4px solid var(--accent-500)}.report-tile--amber .report-tile__icon{background:var(--accent-50);color:var(--accent-600)}.report-tile--slate{border-left:4px solid #475569}.report-tile--slate .report-tile__icon{background:#f8fafc;color:#475569}@media (max-width:768px){.reports-grid{grid-template-columns:1fr}}.rpt-page{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xxl)}@media (max-width:768px){.rpt-page{padding:var(--spacing-md)}}.rpt-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.rpt-back{align-items:center;background:none;border:1px solid var(--border-default);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);gap:6px;padding:6px 12px;transition:all var(--transition-fast)}.rpt-back:hover{background:var(--surface-3);color:var(--text-primary)}.rpt-title{color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin:0}.rpt-filters{align-items:flex-end;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--elev-1);display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.rpt-label{color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:4px}.rpt-req{color:var(--danger-500)}.rpt-input,.rpt-select{background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);height:36px;min-width:160px;padding:0 10px}.rpt-input:focus,.rpt-select:focus{border-color:var(--primary);box-shadow:var(--ring);outline:none}.rpt-input[type=date]{cursor:text;min-width:140px}.rpt-filter-actions{align-items:flex-end;display:flex;gap:var(--spacing-sm);margin-left:auto}.rpt-btn{align-items:center;border:none;border-radius:var(--border-radius-sm);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:6px;height:36px;padding:0 16px;transition:all var(--transition-fast)}.rpt-btn:disabled{cursor:not-allowed;opacity:.55}.rpt-btn--primary{background:var(--primary);color:#fff}.rpt-btn--primary:hover:not(:disabled){background:var(--primary-600)}.rpt-btn--excel{background:#166534;color:#fff}.rpt-btn--excel:hover:not(:disabled){background:#14532d}.rpt-error{align-items:center;background:var(--danger-50);border:1px solid var(--danger-100);border-radius:var(--border-radius-sm);color:var(--danger-600);display:flex;font-size:var(--font-size-sm);gap:8px;margin-bottom:var(--spacing-md);padding:10px 14px}.rpt-result{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--elev-1);overflow:hidden}.rpt-meta{background:var(--surface-2);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--font-size-sm);padding:10px var(--spacing-lg)}.rpt-table-wrap{overflow-x:auto}.rpt-table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.rpt-table th{background:var(--primary);color:#fff;font-weight:var(--font-weight-semibold);padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap}.rpt-table th.col-amt{text-align:right}.rpt-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:7px 12px;white-space:nowrap}.rpt-table tbody tr:hover{background:var(--surface-3)}.rpt-table .col-code{font-family:var(--font-family-mono);font-size:.8rem}.rpt-table .col-name{max-width:320px;min-width:200px;white-space:normal}.rpt-table .col-amt{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.rpt-empty{color:var(--text-muted);font-style:italic;padding:32px;text-align:center}.rpt-table .row-header td{background:var(--surface-2);font-weight:var(--font-weight-semibold)}.rpt-table tfoot .row-totals td{background:var(--primary-50);border-top:2px solid var(--primary);color:var(--text-primary);font-weight:var(--font-weight-bold);padding:10px 12px}.rpt-table .row-section-header td{background:var(--surface-4);color:var(--text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.06em;padding:8px 12px;text-transform:uppercase}.rpt-table .row-section-total td{background:var(--accent-50);border-top:1px solid var(--border-strong);font-weight:var(--font-weight-semibold)}.rpt-table .row-net td{background:var(--primary-50);border-top:2px solid var(--primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.rpt-summary{border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:var(--spacing-lg);padding:var(--spacing-lg)}.rpt-summary-card{background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--border-radius-md);flex:1 1;min-width:160px;padding:var(--spacing-md) var(--spacing-lg);text-align:center}.rpt-summary-card__label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.rpt-summary-card__value{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--font-size-xl);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold)}.rpt-summary-card--green .rpt-summary-card__value{color:var(--success-600)}.rpt-summary-card--red .rpt-summary-card__value{color:var(--danger-600)}.rpt-summary-card--blue .rpt-summary-card__value{color:var(--primary)}@media (max-width:768px){.rpt-filters{align-items:stretch;flex-direction:column}.rpt-filter-actions{margin-left:0}.rpt-summary{flex-direction:column}}.adm-page{max-width:var(--container-max-width);padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xxl)}.adm-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.adm-title{color:var(--text-primary);flex:1 1;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin:0}.adm-subtitle{color:var(--text-muted);font-size:var(--font-size-sm);margin:2px 0 0}.adm-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.adm-search{background:var(--surface-1) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") .6rem center no-repeat;border:1px solid var(--border-default);border-radius:var(--border-radius-sm);color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);max-width:340px;min-width:200px;padding:.45rem .75rem .45rem 2.2rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.adm-search:focus{border-color:var(--primary);box-shadow:var(--ring);outline:none}.adm-select{background:var(--surface-1);border:1px solid var(--border-default);color:var(--text-primary);padding:.45rem .6rem}.adm-btn,.adm-select{border-radius:var(--border-radius-sm);font-size:var(--font-size-sm)}.adm-btn{align-items:center;border:none;cursor:pointer;display:inline-flex;font-weight:var(--font-weight-medium);gap:.4rem;padding:.45rem 1rem;transition:background var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.adm-btn:disabled{cursor:not-allowed;opacity:.6}.adm-btn--primary{background:var(--primary);color:#fff}.adm-btn--primary:hover:not(:disabled){background:var(--primary-600)}.adm-btn--danger{background:var(--danger-500);color:#fff}.adm-btn--danger:hover:not(:disabled){background:var(--danger-600)}.adm-btn--ghost{background:var(--surface-3);color:var(--text-secondary)}.adm-btn--ghost:hover:not(:disabled){background:var(--surface-4)}.adm-btn--sm{font-size:var(--font-size-xs);padding:.3rem .7rem}.adm-btn--icon{padding:.35rem .5rem}.adm-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);box-shadow:var(--elev-1);overflow:hidden}.adm-table-wrap{overflow-x:auto}.adm-table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.adm-table th{background:var(--surface-2);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;padding:.65rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.adm-table td,.adm-table th{border-bottom:1px solid var(--border-subtle)}.adm-table td{color:var(--text-primary);padding:.7rem 1rem;vertical-align:middle}.adm-table tr:last-child td{border-bottom:none}.adm-table tr:hover td{background:var(--surface-2)}.adm-table .adm-actions{display:flex;gap:.3rem;justify-content:flex-end}.adm-empty{color:var(--text-faint);font-size:var(--font-size-sm);padding:2.5rem 1rem;text-align:center}.adm-badge{border-radius:var(--border-radius-pill);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 8px}.adm-badge--active{background:var(--success-50);color:var(--success-700)}.adm-badge--inactive{background:var(--danger-50);color:var(--danger-700)}.adm-badge--open{background:var(--success-50);color:var(--success-700)}.adm-badge--closed{background:var(--surface-3);color:var(--text-muted)}.adm-badge--locked{background:var(--danger-50);color:var(--danger-700)}.adm-badge--base{background:var(--accent-50);color:var(--accent-700)}.adm-badge--system{background:var(--info-50);color:var(--info-600)}.adm-error{background:var(--danger-50);border:1px solid var(--danger-100);border-radius:var(--border-radius-sm);color:var(--danger-700)}.adm-error,.adm-info{font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);padding:.65rem 1rem}.adm-info{background:var(--info-50);border:1px solid var(--info-100);border-radius:var(--border-radius-sm);color:var(--info-600)}.adm-modal-overlay{align-items:center;background:#0f172a80;display:flex;inset:0;justify-content:center;padding:var(--spacing-md);position:fixed;z-index:var(--z-modal-backdrop)}.adm-modal{background:var(--surface-1);border-radius:var(--border-radius-lg);box-shadow:var(--elev-4);display:flex;flex-direction:column;max-height:90vh;max-width:520px;width:100%;z-index:var(--z-modal)}.adm-modal--wide{max-width:680px}.adm-modal-head{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1.2rem 1.5rem}.adm-modal-head h2{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.adm-modal-close{background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-muted);cursor:pointer;font-size:1.1rem;padding:.3rem;transition:color var(--transition-fast)}.adm-modal-close:hover{color:var(--text-primary)}.adm-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.adm-modal-foot{align-items:center;border-top:1px solid var(--border-subtle);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:1rem 1.5rem}.adm-field{margin-bottom:1rem}.adm-label{color:var(--text-muted);display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:.35rem;text-transform:uppercase}.adm-input,.adm-textarea{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--border-radius-sm);box-sizing:border-box;color:var(--text-primary);font-size:var(--font-size-sm);padding:.5rem .75rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.adm-input:focus,.adm-textarea:focus{border-color:var(--primary);box-shadow:var(--ring);outline:none}.adm-textarea{min-height:80px;resize:vertical}.adm-field-hint{color:var(--text-faint)}.adm-field-error,.adm-field-hint{font-size:var(--font-size-xs);margin-top:.25rem}.adm-field-error{color:var(--danger-500)}.adm-perm-group{margin-bottom:1rem}.adm-perm-group-label{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:.4rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.adm-perm-list{grid-gap:.3rem 1rem;display:grid;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.adm-perm-item{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:.4rem;-webkit-user-select:none;user-select:none}.adm-perm-item input[type=checkbox]{cursor:pointer}.adm-perm-code{color:var(--text-secondary);font-family:var(--font-family-mono);font-size:.78rem}.adm-rates-wrap{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);margin-top:var(--spacing-sm);padding:var(--spacing-md)}.adm-rates-title{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:var(--spacing-sm);text-transform:uppercase}.adm-rates-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.adm-rates-row .adm-input{max-width:140px}.adm-fy{border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);overflow:hidden}.adm-fy-header{align-items:center;background:var(--surface-2);border-bottom:1px solid var(--border-subtle);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:.75rem 1rem;-webkit-user-select:none;user-select:none}.adm-fy-toggle{color:var(--text-muted);width:14px}.adm-fy-name{flex:1 1;font-weight:var(--font-weight-semibold)}.adm-fy-meta{color:var(--text-muted);font-size:var(--font-size-xs)}.adm-periods-table{border-collapse:collapse;width:100%}.adm-periods-table td,.adm-periods-table th{border-bottom:1px solid var(--border-subtle);font-size:var(--font-size-sm);padding:.55rem 1rem;text-align:left}.adm-periods-table th{background:var(--surface-2);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.adm-periods-table tr:last-child td{border-bottom:none}.adm-periods-table tr:hover td{background:var(--surface-2)}.adm-period-actions{display:flex;gap:.3rem}.adm-confirm-body{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.adm-confirm-body strong{color:var(--text-primary)}.cb-page{max-width:var(--container-max-width);padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xxl)}.cb-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.cb-header-text{flex:1 1}.cb-title{color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin:0}.cb-subtitle{color:var(--text-muted);font-size:var(--font-size-sm);margin:3px 0 0}.cb-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.cb-toolbar input[type=date],.cb-toolbar select{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);min-width:160px;padding:.45rem .75rem}.cb-toolbar input[type=date]:focus,.cb-toolbar select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12);outline:none}.cb-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);overflow:hidden}.cb-card-header{align-items:center;background:var(--surface-2);border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.cb-card-title{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.cb-table-wrap{overflow-x:auto}.cb-table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.cb-table th{background:var(--surface-2);border-bottom:1px solid var(--border-default);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;padding:.6rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.cb-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:.7rem 1rem;vertical-align:middle}.cb-table tr:last-child td{border-bottom:none}.cb-table tr:hover td{background:var(--surface-hover)}.cb-table .mono{font-family:var(--font-mono);font-size:var(--font-size-xs)}.cb-table .right{text-align:right}.cb-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:4px;padding:.2rem .55rem;white-space:nowrap}.cb-badge--bank{background:#dbeafe;color:#1d4ed8}.cb-badge--cash{background:#d1fae5;color:#065f46}.cb-badge--issued{background:#fef3c7;color:#92400e}.cb-badge--cleared{background:#d1fae5;color:#065f46}.cb-badge--void{background:#fee2e2;color:#991b1b}.cb-badge--closed{background:#d1fae5;color:#065f46}.cb-badge--open{background:#fef3c7;color:#92400e}.cb-badge--active{background:#dbeafe;color:#1d4ed8}.cb-badge--inactive{background:var(--surface-2);color:var(--text-muted)}.cb-btn{align-items:center;border:none;border-radius:var(--border-radius-sm);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:6px;padding:.45rem 1rem;transition:background var(--transition-fast),opacity var(--transition-fast)}.cb-btn:disabled{cursor:not-allowed;opacity:.5}.cb-btn--primary{background:var(--color-primary);color:#fff}.cb-btn--primary:hover:not(:disabled){background:var(--color-primary-dark)}.cb-btn--secondary{background:var(--surface-2);border:1px solid var(--border-default);color:var(--text-primary)}.cb-btn--secondary:hover:not(:disabled){background:var(--surface-hover)}.cb-btn--danger{background:#dc2626;color:#fff}.cb-btn--danger:hover:not(:disabled){background:#b91c1c}.cb-btn--sm{font-size:var(--font-size-xs);padding:.3rem .7rem}.cb-btn--icon{background:#0000;border:1px solid var(--border-default);border-radius:var(--border-radius-sm);color:var(--text-muted);padding:.4rem}.cb-btn--icon:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.cb-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:var(--spacing-md);position:fixed;z-index:1000}.cb-modal{background:var(--surface-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow-y:auto;width:100%}.cb-modal--wide{max-width:720px}.cb-modal-header{align-items:center;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.cb-modal-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.cb-modal-body{flex:1 1;padding:var(--spacing-lg)}.cb-modal-footer{align-items:center;border-top:1px solid var(--border-default);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg)}.cb-form-row{margin-bottom:var(--spacing-md)}.cb-label{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:4px}.cb-input,.cb-select{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);padding:.5rem .75rem;width:100%}.cb-input:focus,.cb-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12);outline:none}.cb-error{color:var(--color-danger)}.cb-error,.cb-hint{font-size:var(--font-size-xs);margin-top:4px}.cb-hint{color:var(--text-muted)}.cb-wizard{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}@media (max-width:640px){.cb-wizard{grid-template-columns:1fr}}.cb-account-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.cb-account-card.is-closed{background:#f0fdf4;border-color:#6ee7b7}.cb-account-card__name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.cb-account-card__code{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs)}.cb-account-card__balance{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.cb-account-card__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.cb-report-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-bottom:var(--spacing-lg)}.cb-report-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.cb-report-card__label{color:var(--text-muted);font-size:var(--font-size-xs);letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.cb-report-card__value{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}@media print{.cb-print-hide{display:none!important}.cb-cheque-template{border:1px solid #000;page-break-inside:avoid}}.cb-cheque-template{background:#fff;border:2px solid var(--border-default);border-radius:var(--border-radius-md);font-family:Arial,sans-serif;margin:0 auto;min-height:90mm;padding:16px 24px;position:relative;width:210mm}.cb-cheque-header{align-items:flex-start;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:10px}.cb-cheque-bank{color:#1a4f8c;font-size:14px;font-weight:700}.cb-cheque-num{color:#666;font-size:13px}.cb-cheque-payee-row{align-items:center;display:flex;gap:8px;margin-bottom:12px}.cb-cheque-payee-label{color:#444;font-size:12px;white-space:nowrap}.cb-cheque-payee-line{border-bottom:1px solid #000;flex:1 1;font-size:14px;font-weight:700;padding-bottom:2px}.cb-cheque-amount-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.cb-cheque-words-box{border:1px solid #000;flex:1 1;font-size:13px;margin-right:16px;min-height:28px;padding:4px 8px}.cb-cheque-amount-box{border:2px solid #1a4f8c;font-size:18px;font-weight:700;min-width:120px;padding:6px 14px;text-align:right}.cb-cheque-footer{align-items:flex-end;display:flex;justify-content:space-between;margin-top:20px}.cb-cheque-date{color:#555;font-size:12px}.cb-cheque-sig{border-top:1px solid #000;color:#666;font-size:11px;min-width:140px;padding-top:4px;text-align:center}.v-page{padding:24px;position:relative}.v-page-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.v-page-header,.v-page-title-group{align-items:center;display:flex;gap:12px}.v-page-title{color:#1a2233;color:var(--color-text-primary,#1a2233);font-size:1.5rem;font-weight:700;margin:0}.v-badge{background:#1a4f8c;background:var(--color-primary,#1a4f8c);border-radius:999px;color:#fff;font-size:.75rem;font-weight:600;padding:2px 10px}.v-page-actions{gap:8px}.v-filters,.v-page-actions{display:flex;flex-wrap:wrap}.v-filters{align-items:center;gap:16px;margin-bottom:16px}.v-search-wrap{flex:1 1;max-width:400px;min-width:200px;position:relative}.v-search-icon{color:#888;font-size:.85rem;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.v-search{border:1px solid #dde3ec;border-radius:6px;box-sizing:border-box;font-size:.9rem;outline:none;padding:8px 12px 8px 32px;transition:border-color .15s;width:100%}.v-search:focus{border-color:#1a4f8c;border-color:var(--color-primary,#1a4f8c)}.v-toggle-label{align-items:center;color:#555;cursor:pointer;display:flex;font-size:.875rem;gap:6px;white-space:nowrap}.v-table-wrap{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.v-table{border-collapse:collapse;font-size:.875rem;width:100%}.v-table th{background:#f7f9fc;border-bottom:1px solid #e2e8f0;color:#4a5568;font-weight:600;padding:10px 14px;text-align:left;white-space:nowrap}.v-table td{border-bottom:1px solid #eef0f5;padding:10px 14px;vertical-align:middle}.v-table--sm td,.v-table--sm th{padding:7px 10px}.v-row{cursor:pointer;transition:background .1s}.v-row:hover{background:#f0f5ff}.v-row:last-child td{border-bottom:none}.v-code{color:#1a4f8c;color:var(--color-primary,#1a4f8c);font-family:monospace;font-weight:600}.v-name{font-weight:500}.v-arabic{color:#888;font-size:.8rem;margin-top:2px}.v-account{color:#555;font-family:monospace}.v-status{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:600;padding:2px 10px}.v-status.active{background:#d1fae5;color:#065f46}.v-status.inactive{background:#fee2e2;color:#991b1b}.v-actions{text-align:right;white-space:nowrap}.v-pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:16px}.v-page-info{color:#555;font-size:.875rem}.v-empty{color:#9aa5b4;padding:60px 24px;text-align:center}.v-empty i{display:block;font-size:3rem;margin-bottom:12px}.v-empty p{font-size:.95rem}.v-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;padding:8px 16px;transition:opacity .15s,background .15s;white-space:nowrap}.v-btn:disabled{cursor:not-allowed;opacity:.55}.v-btn--primary{background:#1a4f8c;background:var(--color-primary,#1a4f8c);color:#fff}.v-btn--primary:hover:not(:disabled){background:#163e6d}.v-btn--ghost{background:#f0f4fa;border:1px solid #dde3ec;color:#334155}.v-btn--ghost:hover:not(:disabled){background:#e2eaf7}.v-btn--danger{color:#dc2626}.v-btn--danger:hover:not(:disabled){background:#fee2e2}.v-btn--icon{background:#0000;padding:6px 8px}.v-btn--sm{font-size:.8rem;padding:5px 10px}.v-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.v-modal{background:#fff;border-radius:10px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:640px;width:100%}.v-modal--detail{max-width:520px}.v-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:18px 24px 14px}.v-modal-title{color:#1a2233;font-size:1.1rem;font-weight:700;margin:0}.v-modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.v-modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;padding:14px 24px 18px}.v-form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.v-field{display:flex;flex-direction:column;gap:4px}.v-field--full{grid-column:1/-1}.v-label{color:#4a5568;font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.v-input,.v-select{background:#fff;border:1px solid #dde3ec;border-radius:6px;box-sizing:border-box;font-size:.9rem;outline:none;padding:8px 10px;transition:border-color .15s;width:100%}.v-input:focus,.v-select:focus{border-color:#1a4f8c;border-color:var(--color-primary,#1a4f8c)}.v-input--err{border-color:#dc2626}.v-input[readonly]{background:#f7f9fc;color:#555}.v-textarea{min-height:60px;resize:vertical}.v-field-err{color:#dc2626;font-size:.75rem}.v-error-banner{background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#991b1b;font-size:.875rem;margin-bottom:12px;padding:10px 14px}.v-error-banner,.v-toast{align-items:center;display:flex;gap:8px}.v-toast{animation:v-slideIn .25s ease;border-radius:8px;bottom:24px;box-shadow:0 4px 16px #00000026;font-size:.9rem;font-weight:600;padding:12px 20px;position:fixed;right:24px;z-index:2000}.v-toast--success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.v-toast--error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}@keyframes v-slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.v-balance-card{background:linear-gradient(135deg,#1a4f8c,#163e6d);border-radius:10px;color:#fff;display:flex;flex-direction:column;gap:4px;margin-bottom:20px;padding:20px 24px}.v-balance-label{font-size:.8rem;font-weight:600;letter-spacing:.04em;opacity:.8;text-transform:uppercase}.v-balance-amount{font-size:2rem;font-weight:700;letter-spacing:.01em}.v-balance-amount.negative{color:#fca5a5}.v-balance-note{font-size:.8rem;opacity:.75}.v-detail-grid{display:flex;flex-direction:column;gap:4px}.v-detail-row{grid-gap:8px;border-bottom:1px solid #f0f4fa;display:grid;gap:8px;grid-template-columns:130px 1fr;padding:6px 0}.v-detail-row:last-child{border-bottom:none}.v-detail-row--full{grid-column:1/-1}.v-detail-key{color:#9aa5b4;font-size:.8rem;font-weight:600;letter-spacing:.03em;padding-top:2px;text-transform:uppercase}.v-detail-val{color:#1a2233;font-size:.9rem}.v-migrate-summary{background:#f0f5ff;border-radius:8px;color:#334155;display:flex;flex-direction:column;font-size:.9rem;gap:4px;margin-bottom:16px;padding:12px 16px}.purch-page{max-width:1400px;padding:24px;position:relative}.purch-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.purch-title-group{align-items:center;display:flex;gap:12px}.purch-page-title{color:#1e293b;color:var(--color-text-primary,#1e293b);font-size:1.5rem;font-weight:600;margin:0}.purch-badge{background:#e2e8f0;border-radius:9999px;color:#475569;font-size:.75rem;font-weight:600;padding:2px 10px}.purch-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.purch-search-wrap{flex:1 1;min-width:200px;position:relative}.purch-search-icon{color:#94a3b8;font-size:.85rem;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.purch-search{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1e293b;font-size:.875rem;padding:8px 12px 8px 32px;width:100%}.purch-search:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626;outline:none}.purch-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;cursor:pointer;font-size:.875rem;padding:8px 12px}.purch-select--sm{font-size:.8125rem;padding:6px 10px}.purch-select:focus{border-color:#3b82f6;outline:none}.purch-table-wrap{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.purch-table{border-collapse:collapse;font-size:.875rem;width:100%}.purch-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-weight:600;padding:10px 14px;text-align:left;white-space:nowrap}.purch-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:11px 14px;vertical-align:middle}.purch-table tbody tr:last-child td{border-bottom:none}.purch-row{cursor:pointer;transition:background .12s}.purch-row:hover td{background:#f0f9ff}.purch-number{color:#1e40af;font-family:monospace;font-weight:600}.purch-notes{color:#64748b;font-size:.8125rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.purch-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.purch-status{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.03em;padding:2px 10px;text-transform:uppercase;white-space:nowrap}.purch-status--draft{background:#f1f5f9;color:#475569}.purch-status--submitted{background:#eff6ff;color:#1d4ed8}.purch-status--approved{background:#f0fdf4;color:#15803d}.purch-status--rejected{background:#fef2f2;color:#b91c1c}.purch-status--converted{background:#faf5ff;color:#7c3aed}.purch-status--pending{background:#fffbeb;color:#b45309}.purch-status--manager-approved{background:#ecfdf5;color:#047857}.purch-status--ceo-approved{background:#f0fdf4;color:#15803d}.purch-status--received{background:#e0f2fe;color:#0369a1}.purch-status--cancelled{background:#fee2e2;color:#991b1b}.purch-pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:16px}.purch-page-info{color:#64748b;font-size:.8125rem}.purch-empty{color:#94a3b8;padding:64px 24px;text-align:center}.purch-empty i{display:block;font-size:3rem;margin-bottom:12px}.purch-empty p{font-size:.9375rem;margin:0}.purch-error-banner{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;margin-bottom:16px;padding:10px 16px}.purch-btn,.purch-error-banner{border-radius:6px;font-size:.875rem}.purch-btn{align-items:center;border:1px solid #0000;cursor:pointer;display:inline-flex;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;text-decoration:none;transition:background .12s,color .12s,border-color .12s,opacity .12s}.purch-btn:disabled{cursor:not-allowed;opacity:.55}.purch-btn--primary{background:#2563eb;color:#fff}.purch-btn--primary:hover:not(:disabled){background:#1d4ed8}.purch-btn--success{background:#16a34a;color:#fff}.purch-btn--success:hover:not(:disabled){background:#15803d}.purch-btn--danger{background:#dc2626;color:#fff}.purch-btn--danger:hover:not(:disabled){background:#b91c1c}.purch-btn--danger-outline{background:#0000;border-color:#dc2626;color:#dc2626}.purch-btn--danger-outline:hover:not(:disabled){background:#fef2f2}.purch-btn--ghost{background:#0000;border-color:#e2e8f0;color:#475569}.purch-btn--ghost:hover:not(:disabled){background:#f8fafc}.purch-btn--icon{background:#0000;border:none;color:#64748b;padding:6px 8px}.purch-btn--icon:hover:not(:disabled){background:#f1f5f9;color:#1e293b}.purch-btn--sm{font-size:.8125rem;padding:5px 12px}.purch-toast{align-items:center;animation:purch-toast-in .25s ease;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:12px 20px;position:fixed;right:24px;top:20px;z-index:9999}@keyframes purch-toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.purch-toast--success{background:#16a34a;color:#fff}.purch-toast--error{background:#dc2626;color:#fff}.purch-modal-overlay{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:500}.purch-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}.purch-modal--wide{max-width:820px}.purch-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px 16px}.purch-modal-title{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0}.purch-modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.purch-modal-footer{border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:16px 24px}.purch-form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:14px}.purch-form-row--3{grid-template-columns:1fr 1fr 1fr}.purch-field{display:flex;flex-direction:column;gap:4px}.purch-field--grow{flex:1 1;min-width:0}.purch-field--sm{flex:0 0 100px}.purch-field--md{flex:0 0 140px}.purch-field--xs{flex:0 0 72px}.purch-label{color:#475569;font-size:.8125rem;font-weight:500}.purch-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1e293b;font-size:.875rem;padding:8px 10px;width:100%}.purch-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626;outline:none}.purch-input--err{border-color:#ef4444!important}.purch-textarea{min-height:64px;resize:vertical}.purch-lines-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.purch-section-title{color:#334155;font-size:.9375rem;font-weight:600}.purch-lines{display:flex;flex-direction:column;gap:8px}.purch-line-row{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:8px;padding:10px}.purch-line-num{align-items:center;background:#e2e8f0;border-radius:50%;color:#475569;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:24px;justify-content:center;margin-top:8px;width:24px}.purch-lines-table{border:1px solid #e2e8f0;border-collapse:collapse;border-radius:6px;font-size:.8125rem;margin-top:16px;overflow:hidden;width:100%}.purch-lines-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-weight:600;padding:8px 12px;text-align:left}.purch-lines-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:9px 12px}.purch-lines-table tbody tr:last-child td{border-bottom:none}.purch-lines-table tfoot td{background:#f8fafc;border-top:1px solid #e2e8f0;font-weight:600}.purch-total-label{color:#475569;padding-right:8px;text-align:right}.purch-total-val{color:#1e293b}.purch-detail-overlay{background:#0f172a73;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:400}.purch-detail-panel{animation:purch-panel-in .2s ease;background:#fff;box-shadow:-4px 0 30px #00000026;display:flex;flex-direction:column;height:100%;overflow:hidden;width:min(640px,100vw)}@keyframes purch-panel-in{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}.purch-detail-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px 16px}.purch-detail-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 6px}.purch-detail-body{flex:1 1;overflow-y:auto;padding:20px 24px}.purch-detail-meta{grid-gap:10px 16px;background:#f8fafc;border-radius:8px;color:#334155;display:grid;font-size:.875rem;gap:10px 16px;grid-template-columns:1fr 1fr;margin-bottom:16px;padding:16px}.purch-meta-key{color:#64748b;font-weight:600;margin-right:6px}.purch-meta-full{grid-column:1/-1}.purch-action-bar{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.purch-reject-box{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-top:16px;padding:16px}.purch-reject-actions{display:flex;gap:8px;justify-content:flex-end}.purch-cancel-box{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-top:16px;padding:16px}.purch-cancel-actions{display:flex;gap:8px;justify-content:flex-end}.purch-form-page{max-width:1100px;padding:24px}.purch-form-page-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.purch-back-btn{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:inline-flex;font-size:.875rem;gap:6px;padding:0}.purch-back-btn:hover{color:#1e293b}.purch-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:20px;padding:24px}.purch-form-section-title{border-bottom:1px solid #f1f5f9;color:#334155;font-size:1rem;font-weight:600;margin:0 0 16px;padding-bottom:10px}.purch-pr-link-card{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;display:flex;font-size:.875rem;gap:10px;margin-bottom:20px;padding:12px 16px}.purch-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.purch-total-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;font-size:.9375rem;gap:16px;justify-content:flex-end;padding:16px 20px}.purch-total-card .purch-total-label{color:#64748b;font-weight:500}.purch-total-card .purch-total-val{font-feature-settings:"tnum";color:#1e293b;font-size:1.125rem;font-variant-numeric:tabular-nums;font-weight:700}@media (max-width:640px){.purch-detail-meta,.purch-form-row,.purch-form-row--3{grid-template-columns:1fr}.purch-detail-panel{width:100vw}.purch-modal--wide{max-width:95vw}.purch-line-row{flex-wrap:wrap}.purch-field--sm,.purch-field--xs{flex-basis:calc(50% - 4px)}}
/*# sourceMappingURL=main.1609f98c.css.map*/