*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f5f5;--bg-subtle: #f8f9fa;--card: #ffffff;--text: #333333;--text-secondary: #666666;--text-muted: #999999;--border: #dddddd;--border-light: #eeeeee;--heading: #1a1a2e;--sidebar-bg: #1a1a2e;--accent: #3498db;--accent-hover: #2980b9;--accent-soft: #eaf4fb;--success: #27ae60;--success-hover: #219a52;--success-soft: #f0faf4;--danger: #e74c3c;--danger-hover: #c0392b;--danger-soft: #fdf3f2;--warning: #f39c12;--warning-soft: #fef9e7;--orange: #e67e22;--neutral: #95a5a6;--neutral-hover: #7f8c8d;--shadow: rgba(0, 0, 0, .1);--overlay: rgba(0, 0, 0, .5);--viz-series-1: #2a78d6;--viz-series-2: #1baf7a;--viz-series-3: #eda100;--viz-danger: #e34948;--viz-grid: #e1e0d9;--viz-axis: #c3c2b7;--viz-muted: #898781;--viz-text: #0b0b0b;--viz-text-secondary: #52514e;--viz-surface: #ffffff}:root[data-theme=dark]{--bg: #131312;--bg-subtle: #232322;--card: #1e1e1c;--text: #eceae6;--text-secondary: #b3b1aa;--text-muted: #807f79;--border: #3b3b38;--border-light: #2c2c2a;--heading: #eceae6;--sidebar-bg: #1a1a2e;--accent: #3987e5;--accent-hover: #5598e7;--accent-soft: #17293f;--success: #31b06e;--success-hover: #3cc37d;--success-soft: #14301f;--danger: #e66767;--danger-hover: #ec8484;--danger-soft: #3a1d1c;--warning: #e5a93d;--warning-soft: #33290f;--orange: #d95926;--neutral: #5d6465;--neutral-hover: #6f7879;--shadow: rgba(0, 0, 0, .4);--overlay: rgba(0, 0, 0, .65);--viz-series-1: #3987e5;--viz-series-2: #199e70;--viz-series-3: #c98500;--viz-danger: #e66767;--viz-grid: #2c2c2a;--viz-axis: #383835;--viz-muted: #898781;--viz-text: #ffffff;--viz-text-secondary: #c3c2b7;--viz-surface: #1e1e1c}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--sidebar-bg);color:#fff;padding:20px 0;position:fixed;height:100vh;overflow-y:auto}.sidebar h1{font-size:1.2rem;padding:0 20px 20px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:20px}.sidebar nav a{display:block;padding:12px 20px;color:#ffffffb3;text-decoration:none;transition:all .2s}.sidebar nav a .nav-icon{display:inline-block;width:24px;margin-right:6px}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff1a;color:#fff}.main-content{flex:1;margin-left:240px;padding:30px}.page-header{margin-bottom:30px}.page-header h2{font-size:1.8rem;color:var(--heading)}.card{background:var(--card);border-radius:8px;box-shadow:0 2px 4px var(--shadow);padding:20px;margin-bottom:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card-title{font-size:1.1rem;font-weight:600;color:var(--text)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--card);border-radius:8px;padding:20px;box-shadow:0 2px 4px var(--shadow)}.stat-card .label{font-size:.85rem;color:var(--text-secondary);margin-bottom:5px}.stat-card .value{font-size:1.8rem;font-weight:700;color:var(--heading)}.stat-card .value.positive{color:var(--success)}.stat-card .value.negative{color:var(--danger)}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--border-light)}th{font-weight:600;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase}tr:hover{background:var(--bg-subtle)}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:var(--text)}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:4px;font-size:1rem;background:var(--card);color:var(--text)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3498db26}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:700;white-space:nowrap}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--accent-soft);color:var(--accent)}.badge-neutral{background:var(--bg-subtle);color:var(--text-muted)}.badge-solid-success{background:var(--success);color:#fff}.badge-solid-warning{background:var(--warning);color:#fff}.badge-solid-danger{background:var(--danger);color:#fff}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.bold{font-weight:700}.info-box{border-radius:8px;padding:12px 16px;margin-bottom:16px;font-size:13px;color:var(--text-secondary);border:1px solid var(--border);background:var(--bg-subtle)}.info-box.info-warning{background:var(--warning-soft);border-color:var(--warning)}.info-box.info-accent{background:var(--accent-soft);border-color:var(--accent)}.chart-wrap{width:100%;margin-bottom:16px}.chart-axis-text{font-size:11px;fill:var(--viz-muted)}.chart-bar-label{font-size:12px;fill:var(--viz-text-secondary)}.chart-value-text{font-size:12px;font-weight:600;fill:var(--viz-text)}.chart-legend{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px;font-size:13px;color:var(--viz-text-secondary)}.chart-legend-item{display:inline-flex;align-items:center;gap:6px}.chart-legend-line{display:inline-block;width:14px;height:3px;border-radius:2px;flex-shrink:0}.chart-legend-rect{display:inline-block;width:12px;height:12px;border-radius:3px;flex-shrink:0}.chart-tooltip{position:absolute;z-index:20;background:var(--viz-surface);border:1px solid var(--viz-grid);border-radius:6px;box-shadow:0 4px 12px var(--shadow);padding:8px 12px;pointer-events:none;white-space:nowrap;font-size:13px}.chart-tooltip-title{color:var(--viz-muted);font-size:12px;margin-bottom:4px}.chart-tooltip-row{display:flex;align-items:center;gap:8px;line-height:1.7}.chart-tooltip-value{font-weight:700;color:var(--viz-text);font-variant-numeric:tabular-nums}.chart-tooltip-name{color:var(--viz-text-secondary)}.combobox{position:relative}.combobox input.combobox-required{position:absolute;bottom:0;left:0;width:100%;height:0;padding:0;border:none;opacity:0;pointer-events:none}.combobox-list{position:absolute;top:100%;left:0;right:0;z-index:10;margin-top:4px;max-height:220px;overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:4px;box-shadow:0 4px 12px var(--shadow)}.combobox-option{padding:8px 12px;cursor:pointer}.combobox-option.active{background:var(--accent-soft)}.combobox-option.selected{font-weight:600}.combobox-empty{padding:8px 12px;color:var(--text-muted)}.combobox-create{color:var(--accent);font-weight:600;border-top:1px solid var(--border-light)}.search-input{width:100%;max-width:320px;margin-bottom:12px;padding:8px 12px;border:1px solid var(--border);border-radius:4px;font-size:.95rem;background:var(--card);color:var(--text)}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3498db26}.btn{padding:10px 20px;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:var(--success-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-secondary{background:var(--neutral);color:#fff}.btn-secondary:hover{background:var(--neutral-hover)}.btn-sm{padding:6px 12px;font-size:.85rem}.alert{padding:12px 15px;border-radius:4px;margin-bottom:15px}.alert-success{background:var(--success-soft);color:var(--success);border:1px solid var(--success)}.alert-error{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--card);border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{padding:20px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:1.2rem}.modal-body{padding:20px}.modal-footer{padding:15px 20px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:10px}.calculated-values{background:var(--bg-subtle);padding:15px;border-radius:4px;margin-top:15px}.calculated-values h4{margin-bottom:10px;color:var(--text-secondary)}.calc-row{display:flex;justify-content:space-between;padding:5px 0}.calc-row.highlight{font-weight:700;color:var(--success);border-top:1px solid var(--border);margin-top:5px;padding-top:10px}.loading{text-align:center;padding:40px;color:var(--text-secondary)}.empty-state{text-align:center;padding:40px;color:var(--text-muted)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--sidebar-bg)}.login-form{background:var(--card);padding:40px;border-radius:8px;width:100%;max-width:400px;box-shadow:0 4px 20px #0000004d}.login-form h1{text-align:center;color:var(--heading);margin-bottom:5px}.login-form h2{text-align:center;color:var(--text-secondary);font-size:1rem;font-weight:400;margin-bottom:30px}.login-form button[type=submit]{width:100%;padding:12px;background:var(--accent);color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}.login-form button[type=submit]:hover{background:var(--accent-hover)}.login-form button[type=submit]:disabled{background:var(--neutral);cursor:not-allowed}.error-message{background:var(--danger-soft);color:var(--danger);padding:10px 12px;border-radius:4px;margin-bottom:15px;font-size:.9rem}.sidebar-footer{position:absolute;bottom:0;left:0;right:0;padding:15px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-footer .username{font-size:.85rem;color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn,.theme-btn{padding:6px 12px;background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s;flex-shrink:0}.logout-btn:hover,.theme-btn:hover{background:#fff3;color:#fff}.toast-container{position:fixed;top:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:10px;max-width:360px}.toast{padding:12px 16px;border-radius:8px;font-size:.95rem;box-shadow:0 4px 16px var(--shadow);cursor:pointer;animation:toast-in .25s ease-out;border-left:4px solid transparent;background:var(--card);color:var(--text)}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.sidebar{width:100%;height:auto;position:relative}.app{flex-direction:column}.main-content{margin-left:0;padding:15px}.form-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}}