@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--sage-50:#f4f8f5;--sage-100:#e6f0e9;--sage-200:#cde2d4;--sage-300:#a8ceb6;--sage-400:#7baf8e;--sage-500:#578e6c;--sage-600:#427054;--sage-700:#335741;--lavender-50:#f7f7fa;--lavender-100:#eef0f7;--lavender-200:#d8daeb;--lavender-400:#9aa0c7;--lavender-500:#787fa8;--lavender-600:#5f668d;--amber-50:#fef9ee;--amber-100:#fdf1d7;--amber-200:#fbe2af;--amber-400:#de9b32;--amber-500:#ba7c1b;--amber-600:#945f0f;--rose-50:#fcf4f3;--rose-100:#f8e3e1;--rose-200:#f1c3bf;--rose-400:#d86d67;--rose-500:#b74e49;--rose-600:#913632;--slate-blue-50:#f3f6fa;--slate-blue-100:#e3ebf5;--slate-blue-500:#5b759a;--slate-blue-700:#3c506c;--bg-page:#f9faf8;--bg-card:#fff;--bg-card-subtle:#f4f6f4;--bg-card-hover:#f8faf8;--border-light:#e7ece8;--border-subtle:#dee4df;--border-medium:#cbd5cd;--border-strong:#b0beb3;--text-main:#1c2520;--text-muted:#58655f;--text-faint:#8a9891;--text-inverse:#fff;--shadow-sm:0 1px 3px #202d260a, 0 1px 2px #202d2605;--shadow-md:0 4px 14px -2px #202d260f, 0 2px 6px -1px #202d2608;--shadow-lg:0 12px 28px -4px #202d2614, 0 4px 10px -2px #202d2608;--shadow-float:0 20px 40px -8px #202d261f;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-fast:.15s ease;--transition-base:.25s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-main);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;line-height:1.5;display:flex}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#ffffffd9}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-medium)}.container{width:100%;max-width:1220px;margin:0 auto;padding:0 1.5rem}@media (max-width:640px){.container{padding:0 1rem}}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-main);font-weight:700}.mono-number{font-family:var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:.375rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.badge-sage{background-color:var(--sage-100);color:var(--sage-700);border:1px solid var(--sage-200)}.badge-amber{background-color:var(--amber-100);color:var(--amber-600);border:1px solid var(--amber-200)}.badge-rose{background-color:var(--rose-100);color:var(--rose-600);border:1px solid var(--rose-200)}.badge-lavender{background-color:var(--lavender-100);color:var(--lavender-600);border:1px solid var(--lavender-200)}.badge-slate{background-color:var(--slate-blue-100);color:var(--slate-blue-700);border:1px solid #d2dfee}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--sage-500);color:var(--text-inverse);box-shadow:0 2px 6px #578e6c40}.btn-primary:hover{background-color:var(--sage-600);box-shadow:0 4px 10px #578e6c59}.btn-secondary{background-color:var(--bg-card);color:var(--text-main);border-color:var(--border-medium)}.btn-secondary:hover{background-color:var(--sage-50);border-color:var(--sage-300);color:var(--sage-700)}.btn-pastel-amber{background-color:var(--amber-100);color:var(--amber-600);border-color:var(--amber-200)}.btn-pastel-amber:hover{background-color:var(--amber-200)}.btn-sm{border-radius:6px;padding:.4rem .75rem;font-size:.8rem}.btn:disabled{opacity:.55;cursor:not-allowed}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1.25rem;display:flex}.form-label{color:var(--text-main);font-size:.85rem;font-weight:600}.form-input,.form-select,.form-textarea{background-color:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.65rem .875rem;font-family:inherit;font-size:.925rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--sage-400);outline:none;box-shadow:0 0 0 3px #578e6c26}.form-hint{color:var(--text-muted);font-size:.75rem}.form-input.has-error,.form-select.has-error,.form-textarea.has-error{border-color:var(--rose-400);background-color:var(--rose-50)}.form-input.has-error:focus,.form-select.has-error:focus,.form-textarea.has-error:focus{border-color:var(--rose-500);box-shadow:0 0 0 3px #b74e492e}.form-error-msg{color:var(--rose-600);align-items:center;gap:.35rem;margin-top:.35rem;font-size:.785rem;font-weight:500;display:flex}.progress-container{background-color:var(--sage-100);border-radius:var(--radius-full);width:100%;height:9px;position:relative;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .6s cubic-bezier(.16,1,.3,1),background-color .4s}.fill-safe{background:linear-gradient(90deg,#7baf8e,#578e6c)}.fill-warning{background:linear-gradient(90deg,#fbe2af,#de9b32)}.fill-exceeded{background:linear-gradient(90deg,#f1c3bf,#d86d67)}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:100;background:#12191573;justify-content:center;align-items:center;padding:1rem;animation:.2s forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-float);animation:.25s cubic-bezier(.16,1,.3,1) forwards slideUp;overflow-y:auto}.modal-content-responsive{padding:1.75rem}.modal-form-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.modal-footer-actions{border-top:1px solid var(--border-light);justify-content:flex-end;align-items:center;gap:.75rem;padding-top:1.25rem;display:flex}@media (max-width:600px){.modal-overlay{padding:.65rem!important}.modal-content{max-height:94vh!important}.modal-content-responsive{border-radius:var(--radius-md)!important;padding:1.15rem .95rem!important}.modal-form-grid{grid-template-columns:1fr!important;gap:.85rem!important;margin-bottom:.85rem!important}.modal-footer-actions{flex-direction:column!important;gap:.65rem!important;padding-top:1rem!important;display:flex!important}.modal-footer-actions .btn{justify-content:center!important;width:100%!important;padding:.7rem 1rem!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.table-wrapper{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card);width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.custom-table th{background-color:var(--sage-50);color:var(--text-muted);border-bottom:1px solid var(--border-light);text-transform:uppercase;letter-spacing:.04em;padding:.85rem 1rem;font-size:.725rem;font-weight:600}.custom-table td{border-bottom:1px solid var(--border-light);color:var(--text-main);vertical-align:middle;padding:.875rem 1rem}.custom-table tbody tr:last-child td{border-bottom:none}.custom-table tbody tr:hover{background-color:var(--bg-card-hover)}.btn-table-edit{border-radius:var(--radius-sm);color:var(--text-faint);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:.35rem .5rem;display:inline-flex}.btn-table-edit:hover{background-color:var(--sage-100);border-color:var(--sage-300);color:var(--sage-700);transform:scale(1.08)}.btn-table-delete{border-radius:var(--radius-sm);color:var(--text-faint);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:.35rem .5rem;display:inline-flex}.btn-table-delete:hover{background-color:var(--rose-50);border-color:var(--rose-200);color:var(--rose-600);transform:scale(1.08)}@keyframes pulseSubtle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}.pulse-warning{animation:3s ease-in-out infinite pulseSubtle}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.custom-dropdown-panel{transform-origin:100% 0;max-height:240px;animation:.18s cubic-bezier(.16,1,.3,1) forwards dropdownFadeIn;overflow-y:auto}.dropdown-trigger:hover{background-color:var(--sage-50)!important;border-color:var(--sage-300)!important;box-shadow:0 2px 8px #578e6c1f!important}.dropdown-option:hover:not(.active){background-color:var(--sage-50)!important;border-color:var(--sage-200)!important}