:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-card:#1a2035;--bg-cell:#1e2640;--bg-cell-hover:#263050;--bg-cell-editing:#2a3660;--bg-header:#0d1225;--border-primary:#1e293b;--border-accent:#334155;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-blue:#3b82f6;--accent-blue-glow:rgba(59,130,246,0.15);--accent-green:#10b981;--accent-green-glow:rgba(16,185,129,0.2);--accent-red:#ef4444;--accent-red-glow:rgba(239,68,68,0.2);--accent-amber:#f59e0b;--header-gradient:linear-gradient(135deg,#1e3a5f,#1a2744);--row-header-gradient:linear-gradient(90deg,#162033,#1a2540);--shadow-lg:0 10px 30px rgba(0,0,0,0.4);--radius:8px;--transition:0.2s ease}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}.page-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.matrix-layout{height:100vh;overflow:hidden}.page-header{padding:20px 32px;background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-bottom:1px solid var(--border-primary);flex-shrink:0}.page-header h1{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.page-header p{color:var(--text-secondary);font-size:.85rem;margin-top:4px}.header-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.search-container{position:relative;flex-shrink:0}.search-input{width:280px;padding:10px 36px 10px 14px;background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius);color:var(--text-primary);font-family:inherit;font-size:.85rem;outline:none;transition:var(--transition)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-glow)}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;padding:4px;line-height:1;transition:var(--transition)}.search-clear:hover{color:var(--text-primary)}.error-container,.loading-container{display:flex;align-items:center;justify-content:center;height:100vh;flex-direction:column;gap:16px}.spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error-container{color:var(--accent-red)}.error-container button{padding:8px 20px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-accent);border-radius:var(--radius);cursor:pointer;font-family:inherit;transition:var(--transition)}.error-container button:hover{background:var(--bg-cell-hover)}.matrix-wrapper{flex:1 1;overflow:auto;position:relative;width:100%;min-width:0;min-height:0}.matrix-table{border-collapse:separate;border-spacing:0;min-width:100%;width:max-content}.matrix-table thead{z-index:20}.matrix-table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--bg-header);padding:12px 14px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:2px solid var(--accent-blue);border-right:1px solid var(--border-primary);white-space:nowrap;text-align:center;min-width:100px}.matrix-table .corner-header-cell,.matrix-table thead th:first-child{position:-webkit-sticky!important;position:sticky!important;left:0!important;top:0!important;z-index:100!important;min-width:240px;text-align:left;background:var(--bg-header)!important;border-right:2px solid var(--accent-blue);box-shadow:4px 4px 10px rgba(0,0,0,.4)}.corner-content{display:flex!important;flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%;width:100%}.clear-sort-btn{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:.65rem;padding:2px 6px;border-radius:4px;cursor:pointer;margin-top:4px;transition:var(--transition)}.clear-sort-btn:hover{background:rgba(239,68,68,.2);color:#fef2f2}.sortable-header{cursor:pointer;transition:background var(--transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.sortable-header:hover{background:rgba(255,255,255,.05)}.sortable-header.sorted{background:rgba(59,130,246,.15)}.matrix-table tbody td.sortable-header.sorted{background:linear-gradient(90deg,#1e3a8a,#1e40af);border-right:3px solid #60a5fa}.header-content{display:flex;align-items:center;justify-content:center;gap:4px}.matrix-table tbody td .header-content{justify-content:flex-start}.sort-icon{color:#60a5fa;font-weight:700;font-size:.8rem}.gl-code{display:block;font-size:.65rem;color:var(--text-muted);font-weight:400;margin-top:2px;letter-spacing:0;text-transform:none}.matrix-table tbody td:first-child{position:-webkit-sticky!important;position:sticky!important;left:0;z-index:30;background:var(--row-header-gradient);padding:10px 16px;font-size:.8rem;font-weight:500;color:var(--text-primary);border-right:2px solid var(--accent-blue);border-bottom:1px solid var(--border-primary);white-space:nowrap;min-width:240px;box-shadow:4px 0 10px rgba(0,0,0,.3);text-align:left}.category-id{display:block;font-size:.65rem;color:var(--text-muted);font-weight:400;margin-top:1px}.matrix-table .total-header{z-index:40;background:var(--bg-header)!important;box-shadow:-4px 0 10px rgba(0,0,0,.3)}.matrix-table .total-cell,.matrix-table .total-header{position:-webkit-sticky!important;position:sticky!important;right:0;border-left:2px solid var(--accent-blue)}.matrix-table .total-cell{z-index:20;background:var(--bg-card);border-bottom:1px solid var(--border-primary);text-align:center;font-weight:600;color:var(--accent-green);font-size:.82rem;padding:0 16px;vertical-align:middle;box-shadow:-4px 0 10px rgba(0,0,0,.2)}.matrix-table tbody tr:hover .total-cell{background:var(--bg-cell-hover)!important}.matrix-table tbody tr:nth-child(2n) .total-cell{background:#1e263c!important}.matrix-table tbody tr:nth-child(2n):hover .total-cell{background:var(--bg-cell-hover)}.matrix-table tbody td{padding:0;border-bottom:1px solid var(--border-primary);border-right:1px solid var(--border-primary);text-align:center;position:relative;height:42px}.cell-display,.matrix-table tbody td{transition:background var(--transition)}.cell-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:8px 10px;font-size:.82rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-primary);cursor:pointer;min-height:42px;background:var(--bg-cell)}.cell-display:hover{background:var(--bg-cell-hover)}.cell-display.empty{color:var(--text-muted);font-style:italic;font-size:.7rem}.cell-display.has-value{color:#93c5fd;font-weight:500}.cell-container{position:relative}.input-wrapper{position:relative;width:100%;height:100%}.cell-input{width:100%;height:100%;min-height:42px;border:2px solid var(--accent-blue);background:var(--bg-cell-editing);color:var(--text-primary);font-family:Inter,sans-serif;font-size:.82rem;text-align:center;padding:8px 10px;outline:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:0 0 0 3px var(--accent-blue-glow)}.cell-input:disabled{opacity:.6;cursor:not-allowed;border-color:var(--text-muted);box-shadow:none}.cell-spinner{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:16px;height:16px;border:2px solid var(--border-primary);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite}.cell-display.saving{background:var(--accent-blue-glow)}.cell-display.saved{animation:savedFlash 1s ease}.cell-display.error{animation:errorFlash 1s ease;box-shadow:inset 0 0 0 2px var(--accent-red)}@keyframes savedFlash{0%{background:var(--accent-green-glow)}to{background:var(--bg-cell)}}@keyframes errorFlash{0%{background:var(--accent-red-glow)}to{background:var(--bg-cell)}}.matrix-table tbody tr:hover td:first-child{background:linear-gradient(90deg,#1c2b45,#1f2f50)}.matrix-table tbody tr:hover td:not(:first-child) .cell-display:not(.saving){background:var(--bg-cell-hover)}.matrix-table tbody tr:nth-child(2n) td:first-child{background:linear-gradient(90deg,#141e30,#182438)}.matrix-table tbody tr:nth-child(2n) td:not(:first-child) .cell-display{background:#1a2338}.matrix-table tbody tr:nth-child(2n):hover td:first-child{background:linear-gradient(90deg,#1c2b45,#1f2f50)}.status-bar{padding:8px 32px;background:var(--bg-secondary);border-top:1px solid var(--border-primary);font-size:.75rem;color:var(--text-muted);display:flex;justify-content:space-between;flex-shrink:0}.matrix-wrapper::-webkit-scrollbar{width:8px;height:8px}.matrix-wrapper::-webkit-scrollbar-track{background:var(--bg-primary)}.matrix-wrapper::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:4px}.matrix-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.matrix-wrapper::-webkit-scrollbar-corner{background:var(--bg-primary)}