:root{--primary-color: #1a73e8;--primary-light: #4285f4;--primary-dark: #1557b0;--secondary-color: #202124;--background-color: #ffffff;--surface-color: #ffffff;--error-color: #d32f2f;--success-color: #388e3c;--warning-color: #f57c00;--color-info: #1a73e8;--color-info-bg: #e3f2fd;--color-success-bg: #e8f5e9;--color-error-bg: #ffebee;--color-warning-bg: #fff3e0;--text-primary: #000000;--text-secondary: #666666;--divider-color: #e0e0e0;--border-color: #e0e0e0;--space-2: 2px;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 24px;--shadow-sm: 0 2px 4px rgba(0,0,0,.1);--shadow-md: 0 4px 8px rgba(0,0,0,.2);--shadow-lg: 0 8px 32px rgba(0,0,0,.24);--ease-standard: cubic-bezier(.4, 0, .2, 1);--duration-fast: .2s;--duration-normal: .3s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:var(--background-color);color:var(--text-primary);line-height:1.6}h1,h2,h3,h4,h5,h6,.md-app-bar h1,.page-title,.section-title,.card-title{font-family:Google Sans,Roboto,sans-serif}#app{min-height:100vh}.md-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-normal) ease;box-shadow:var(--shadow-sm)}.md-button:hover{box-shadow:var(--shadow-md)}.md-button-primary{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.md-button-primary:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-md)}.md-button-secondary{background-color:#fff;color:var(--primary-color);border:1px solid var(--primary-color)}.md-button-secondary:hover{background-color:var(--color-info-bg, #e3f2fd)}.md-button-danger{background-color:var(--error-color);color:#fff;border:1px solid var(--error-color)}.md-button-danger:hover{background-color:#b71c1c}.md-button-ghost{background-color:transparent;color:var(--primary-color);border:none;box-shadow:none}.md-button-ghost:hover{background-color:var(--color-info-bg, #e3f2fd);box-shadow:none}.md-input{width:100%;padding:var(--space-12);border:1px solid var(--divider-color);border-radius:var(--radius-sm);font-size:14px;transition:border-color var(--duration-normal) ease;background-color:#fff;color:var(--text-primary)}.md-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #1a73e826}.md-card{background-color:var(--surface-color);border-radius:var(--radius-sm);box-shadow:none;border:1px solid #dadce0;padding:var(--space-12);margin-bottom:var(--space-12)}.md-table{width:100%;border-collapse:collapse;background-color:#fff;font-size:13px;line-height:1.4}.md-table thead{background-color:#fff;color:#202124;border-bottom:1px solid #dadce0}.md-table th{padding:var(--space-4) var(--space-8);text-align:center;vertical-align:middle;font-weight:500;font-size:12px;color:#202124;border-right:1px solid #e8eaed}.md-table th:last-child{border-right:none}.md-table td{padding:3px var(--space-8);border-bottom:1px solid #e8eaed;border-right:1px solid #e8eaed;white-space:nowrap;color:#202124;text-align:center;vertical-align:middle}.md-table td:last-child{border-right:none}.md-table tbody tr:hover{background-color:#e8f0fe}.md-alert{padding:var(--space-12) var(--space-20);border-radius:var(--radius-sm);margin-bottom:var(--space-20);display:flex;align-items:center}.md-alert-success{background-color:var(--color-success-bg);color:var(--success-color)}.md-alert-error{background-color:var(--color-error-bg);color:var(--error-color)}.md-alert-warning{background-color:var(--color-warning-bg);color:var(--warning-color)}.md-app-bar{background-color:var(--primary-color);color:#fff;padding:0 var(--space-20);height:64px;display:flex;align-items:center;box-shadow:0 2px 4px #0003}.md-app-bar h1{font-size:20px;font-weight:500}.md-drawer{width:256px;background-color:var(--surface-color);box-shadow:var(--shadow-sm)}.md-nav-item{padding:var(--space-12) var(--space-20);cursor:pointer;display:flex;align-items:center;color:var(--text-primary);text-decoration:none;transition:background-color var(--duration-normal) ease}.md-nav-item:hover{background-color:#f5f5f5}.md-nav-item.active{background-color:#f5f5f5;color:var(--text-primary);font-weight:500}.md-nav-item i{margin-right:var(--space-16)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.spin-animation{animation:spin 1s linear infinite}.amount-cell{font-variant-numeric:tabular-nums;font-family:Roboto,sans-serif}@media (max-width: 1024px){.hide-on-tablet{display:none!important}}@media (max-width: 768px){.hide-on-mobile{display:none!important}}@media (max-width: 768px){.md-card.toolbar-card{flex-direction:column;gap:8px}.md-card.toolbar-card .md-input,.md-card.toolbar-card select{width:100%}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:2px solid var(--color-info, #1a73e8);outline-offset:2px}