:root{--green-900: #1b3a2a;--green-800: #245c3a;--green-700: #2f7a4d;--green-600: #3b9a60;--green-500: #4caf6f;--green-100: #e3f3e8;--green-50: #f0faf3;--amber-500: #d99a2b;--amber-100: #fcefd6;--ink-900: #1f2933;--ink-700: #3e4c59;--ink-500: #7b8794;--ink-300: #b8c2cc;--ink-100: #e4e7eb;--bg: #f4f7f5;--surface: #ffffff;--danger: #d64545;--danger-50: #fdecec;--shadow: 0 1px 3px rgba(27, 58, 42, .08), 0 4px 14px rgba(27, 58, 42, .06);--radius: 12px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--ink-900);font-size:15px;line-height:1.5}.app-header{background:linear-gradient(120deg,var(--green-900),var(--green-700));color:#fff;box-shadow:var(--shadow)}.app-header__inner{max-width:1200px;margin:0 auto;padding:14px 20px 0}.brand{display:flex;align-items:center;gap:12px}.brand__icon{width:40px;height:40px;border-radius:10px;background:#ffffff24;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand__icon svg{width:24px;height:24px}.brand__title{font-size:18px;font-weight:700;letter-spacing:.2px}.brand__subtitle{font-size:12.5px;opacity:.82;margin-top:1px}.nav{display:flex;gap:4px;margin-top:14px;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav__item{border:none;background:transparent;color:#ffffffc7;font:inherit;font-size:14px;font-weight:600;padding:10px 14px;cursor:pointer;border-radius:10px 10px 0 0;white-space:nowrap;display:flex;align-items:center;gap:7px;transition:background .15s,color .15s}.nav__item:hover{background:#ffffff1a;color:#fff}.nav__item--active{background:var(--bg);color:var(--green-800)}.nav__item svg{width:16px;height:16px;flex-shrink:0}.app-main{max-width:1200px;margin:0 auto;padding:20px}.page{animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.page__title{margin:0;font-size:22px;font-weight:700;color:var(--green-900)}.page__subtitle{margin:4px 0 0;color:var(--ink-500);font-size:14px}.panel{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:16px}.panel--filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.field{display:flex;flex-direction:column;gap:5px}.field__label{font-size:12px;font-weight:600;color:var(--ink-700);text-transform:uppercase;letter-spacing:.4px}.field--grow{flex:1 1 180px}.input,.select{font:inherit;font-size:14px;color:var(--ink-900);background:#fff;border:1px solid var(--ink-300);border-radius:8px;padding:9px 11px;outline:none;transition:border-color .15s,box-shadow .15s;width:100%}.input:focus,.select:focus{border-color:var(--green-600);box-shadow:0 0 0 3px #4caf6f2e}.btn{font:inherit;font-size:14px;font-weight:600;border:1px solid transparent;border-radius:8px;padding:9px 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .15s,transform .05s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--green-700);color:#fff}.btn--primary:hover{background:var(--green-600)}.btn--accent{background:var(--amber-500);color:#fff}.btn--accent:hover{background:#c98a1f}.btn--ghost{background:#fff;color:var(--ink-700);border-color:var(--ink-300)}.btn--ghost:hover{background:var(--ink-100)}.btn--danger{background:var(--danger-50);color:var(--danger);border-color:#d6454559}.btn--danger:hover{background:var(--danger);color:#fff}.btn--small{padding:6px 10px;font-size:13px;border-radius:7px}.btn--block{width:100%}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:16px}.stat{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;border-left:4px solid var(--green-600)}.stat--accent{border-left-color:var(--amber-500)}.stat__label{font-size:12px;font-weight:600;color:var(--ink-500);text-transform:uppercase;letter-spacing:.4px}.stat__value{font-size:24px;font-weight:800;color:var(--green-900);margin-top:3px;font-variant-numeric:tabular-nums}.stat__hint{font-size:12px;color:var(--ink-500);margin-top:2px}.table-wrap{overflow-x:auto;border-radius:10px;border:1px solid var(--ink-100)}.table{width:100%;border-collapse:collapse;min-width:620px;font-size:14px}.table th,.table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--ink-100);vertical-align:middle}.table th{background:var(--green-50);color:var(--green-800);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--green-50)}.table--clickable tbody tr{cursor:pointer}.table--clickable tbody tr.expanded td{background:var(--amber-100)}.table__num{text-align:right;font-variant-numeric:tabular-nums}.table__total td{background:var(--green-100)!important;font-weight:700;color:var(--green-900)}.tag{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--green-100);color:var(--green-800)}.tag--muted{background:var(--ink-100);color:var(--ink-500)}.tag--warn{background:var(--amber-100);color:#a3701a}.row-actions{display:flex;gap:6px;justify-content:flex-end}.detail-row td{background:#fffdf7!important}.detail-box{padding:6px 2px 8px}.detail-box h4{margin:0 0 8px;font-size:13px;color:var(--ink-700)}.subtable{width:100%;border-collapse:collapse;font-size:13px;min-width:420px}.subtable th,.subtable td{padding:7px 10px;border-bottom:1px dashed var(--ink-100)}.subtable th{background:transparent;color:var(--ink-500)}.empty{text-align:center;padding:36px 16px;color:var(--ink-500)}.empty__title{font-size:15px;font-weight:700;color:var(--ink-700);margin-bottom:4px}.chart{display:flex;flex-direction:column;gap:10px}.chart__row{display:grid;grid-template-columns:130px 1fr 90px;align-items:center;gap:10px}.chart__name{font-size:13px;font-weight:600;color:var(--ink-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart__track{background:var(--green-50);border-radius:999px;height:14px;overflow:hidden}.chart__fill{height:100%;background:linear-gradient(90deg,var(--green-600),var(--green-500));border-radius:999px;transition:width .3s ease}.chart__value{font-size:13px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;color:var(--green-900)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14231c73;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;z-index:50;overflow-y:auto;animation:fade-in .15s ease}.modal{background:var(--surface);border-radius:var(--radius);box-shadow:0 10px 40px #00000040;width:100%;max-width:560px;padding:20px}.modal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal__title{margin:0;font-size:18px;font-weight:700;color:var(--green-900)}.modal__close{border:none;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:var(--ink-500);padding:4px 8px;border-radius:8px}.modal__close:hover{background:var(--ink-100);color:var(--ink-900)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .field--full{grid-column:1 / -1}@media (max-width: 520px){.form-grid{grid-template-columns:1fr}}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.toasts{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:100;max-width:360px}.toast{background:var(--ink-900);color:#fff;border-radius:10px;padding:11px 14px;font-size:14px;box-shadow:0 6px 20px #00000040;animation:slide-in .2s ease}.toast--error{background:var(--danger)}.toast--success{background:var(--green-700)}@keyframes slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.progress{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px;color:var(--ink-500)}.loading .spinner{width:20px;height:20px;border:2px solid var(--ink-300);border-top-color:var(--green-600);border-radius:50%;animation:spin .7s linear infinite}.badge-inline{display:inline-flex;align-items:center;gap:6px}.presets{display:flex;flex-wrap:wrap;gap:6px}.preset-btn{border:1px solid var(--ink-300);background:#fff;color:var(--ink-700);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.preset-btn:hover{border-color:var(--green-600);color:var(--green-700)}.preset-btn--active{background:var(--green-700);border-color:var(--green-700);color:#fff}.result-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.result-meta__text{font-size:13px;color:var(--ink-500)}.result-meta__text strong{color:var(--ink-900)}.expander{background:none;border:none;cursor:pointer;color:var(--green-700);font-size:13px;font-weight:600;padding:2px 4px}.ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}