:root{--primary-color: #4a7c2a;--primary-hover: #388e3c;--primary-light: #eafbe4;--primary-dark: #2d4f1a;--secondary-color: #75849f;--secondary-hover: #606b85;--success-color: #2ecc71;--success-bg: #e8fbf1;--error-color: #ee3e3e;--error-bg: #fff5f5;--warning-color: #efb334;--warning-bg: #fff9e5;--info-color: #3b82f6;--info-bg: #f4f8fe;--bg-primary: #fff;--bg-secondary: #f5f8fa;--bg-tertiary: #eef2f6;--text-primary: #222c38;--text-secondary: #6c7894;--text-faint: #bac0d0;--text-inverse: #fff;--border-color: #e5e9ef;--border-hover: #d5deeb;--border-focus: #a4cfb5;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-full: 999px;--shadow-sm: 0 2px 8px rgba(28,85,60, .08), 0 1px 3px rgba(0,16,80,.05);--shadow-md: 0 6px 24px rgba(60,98,89, .1), 0 2px 6px rgba(62,120,90,.07);--shadow-lg: 0 14px 40px rgba(34,84,56,.13), 0 2px 10px rgba(62,120,90,.07);--spacing-2: 2px;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--transition-base: .18s cubic-bezier(.4,0,.2,1);--transition-bounce: .32s cubic-bezier(.41,1.62,.29,1)}h1,.h1{font-size:2.2rem;font-weight:700;margin-bottom:var(--spacing-16);line-height:1.2;color:var(--text-primary)}h2,.h2{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-12);color:var(--text-primary)}h3,.h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-8);color:var(--text-primary)}h4,.h4{font-size:1.1rem;font-weight:500;margin-bottom:var(--spacing-8);color:var(--text-primary)}h5,.h5{font-size:1rem;font-weight:500;margin-bottom:var(--spacing-4);color:var(--text-primary)}h6,.h6{font-size:.97rem;font-weight:400;margin-bottom:var(--spacing-4);color:var(--text-primary)}strong{font-weight:600}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--primary-hover)}code{font-family:Fira Mono,Consolas,Menlo,"monospace";font-size:.96rem;padding:2px 5px;border-radius:var(--radius-xs);background:var(--bg-tertiary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-faint{color:var(--text-faint)}.text-success{color:var(--success-color)}.text-error{color:var(--error-color)}.text-warning{color:var(--warning-color)}.text-info{color:var(--info-color)}.flex{display:flex}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-wrap{flex-wrap:wrap}.flex-gap-sm{gap:var(--spacing-8)}.flex-gap-md{gap:var(--spacing-16)}.flex-gap-lg{gap:var(--spacing-24)}.grid{display:grid}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-16)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-16)}.container{max-width:1280px;margin:0 auto;padding:var(--spacing-24)}.container-sm{max-width:640px;margin:0 auto;padding:var(--spacing-24)}.container-lg{max-width:1600px;margin:0 auto;padding:var(--spacing-24)}.full-width{width:100%}.mt-sm{margin-top:var(--spacing-8)}.mt-md{margin-top:var(--spacing-16)}.mt-lg{margin-top:var(--spacing-24)}.mb-sm{margin-bottom:var(--spacing-8)}.mb-md{margin-bottom:var(--spacing-16)}.mb-lg{margin-bottom:var(--spacing-24)}.p-sm{padding:var(--spacing-8)}.p-md{padding:var(--spacing-16)}.p-lg{padding:var(--spacing-24)}button,.btn{font-family:inherit;font-size:1rem;font-weight:500;padding:var(--spacing-8) var(--spacing-24);background:var(--primary-color);color:var(--text-inverse);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;outline:none;transition:background var(--transition-base),box-shadow var(--transition-base),color var(--transition-base);letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-8)}button:hover,.btn:hover,button:focus-visible,.btn:focus-visible{background:var(--primary-hover);box-shadow:var(--shadow-md)}button:active,.btn:active{background:var(--primary-dark)}button:disabled,.btn:disabled{opacity:.65;cursor:not-allowed;background:var(--primary-light);color:var(--text-secondary);box-shadow:none}.btn-secondary{background:var(--bg-tertiary);color:var(--primary-color);border:1px solid var(--primary-color)}.btn-secondary:hover,.btn-secondary:focus-visible{background:var(--primary-light)}.submit-button{padding:.75rem 2rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color var(--transition-base);background-color:var(--primary-color);color:#fff}.submit-button:hover:not(:disabled){background-color:var(--primary-hover)}.submit-button:disabled{background-color:#bdbdbd;cursor:not-allowed}.cancel-button{padding:.75rem 2rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color var(--transition-base);background-color:#e0e0e0;color:#424242}.cancel-button:hover:not(:disabled){background-color:#bdbdbd}.cancel-button:disabled{background-color:#bdbdbd;opacity:.6;cursor:not-allowed}.btn-add-primary{padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-base),box-shadow var(--transition-base);background-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.btn-add-primary:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:var(--shadow-md)}.ag-theme-quartz .ag-cell.ag-actions-cell .ag-cell-value{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;padding-left:16px!important;padding-right:16px!important;box-sizing:border-box!important}.ag-actions{display:inline-flex!important;align-items:center!important;gap:12px!important}.ag-theme-quartz .ag-cell.ag-actions-cell .ag-actions{gap:6px!important;flex-wrap:nowrap!important}.ag-theme-quartz .ag-cell.ag-actions-cell .ag-actions button{min-width:32px!important;width:32px!important;max-width:32px!important;min-height:28px!important;height:28px!important;padding:4px 6px!important;font-size:.85rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.ag-theme-quartz .ag-cell.ag-actions-cell .ag-actions button svg{flex-shrink:0}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,.App{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px;font-weight:400;color:var(--text-primary);background:var(--bg-secondary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.7}.loading-container,.error-container{display:flex;align-items:center;justify-content:center;min-height:50vh;padding:var(--spacing-24)}.loading-container .loading{font-size:1.13rem;color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-12);font-weight:500}.loading-spinner{display:inline-block;width:26px;height:26px;border:3px solid rgba(74,124,42,.11);border-radius:50%;border-top-color:var(--primary-color);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-container .error-message{background:linear-gradient(135deg,var(--error-bg) 0%,#fef2f2 100%);color:#c0392b;padding:var(--spacing-16) var(--spacing-32);border-radius:var(--radius-lg);font-size:1rem;border:2px solid var(--error-color);text-align:center;max-width:500px;box-shadow:var(--shadow-md);animation:slideIn .28s ease-in;font-weight:500}@keyframes slideIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}input,select,textarea{font-family:inherit;font-size:1rem;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-8) var(--spacing-12);outline:none;transition:border-color var(--transition-base),background var(--transition-base),box-shadow var(--transition-base)}input:focus,textarea:focus,select:focus{border:1.5px solid var(--border-focus);background:#f2fef7;box-shadow:0 0 0 2px #c3ecd9}input:disabled,textarea:disabled,select:disabled{background:var(--bg-secondary);color:var(--text-tertiary);opacity:.7}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;font-size:1rem}th,td{padding:var(--spacing-12) var(--spacing-16);text-align:left;vertical-align:middle}th{background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;font-size:1.01em;letter-spacing:.01em}tr{border-radius:var(--radius-sm);transition:background var(--transition-base)}tbody tr:hover{background:var(--bg-secondary)}th,td{border-bottom:1px solid var(--border-color)}tbody tr:last-child td{border-bottom:none}table th:last-child,table thead th:last-child{text-align:center!important}table td:has(.action-buttons),table td:has(.ag-action-buttons),table tbody td:last-child{text-align:center!important;vertical-align:middle!important}.action-buttons,.ag-action-buttons{display:flex!important;gap:var(--spacing-8)!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;width:100%!important;max-width:100%!important;margin:0 auto!important;padding:0!important;box-sizing:border-box!important}table td .action-buttons>button,table td .ag-action-buttons>button,.action-buttons>button[style],.ag-action-buttons>button[style]{margin-right:0!important;margin-left:0!important}table td .action-buttons>button:not(:last-child),table td .ag-action-buttons>button:not(:last-child),.action-buttons>button:not(:last-child)[style],.ag-action-buttons>button:not(:last-child)[style]{margin-right:var(--spacing-8)!important}table tbody td:last-child .action-buttons,table tbody td:last-child .ag-action-buttons{margin:0 auto!important;display:flex!important;justify-content:center!important;width:100%!important}.card{background:var(--bg-primary);box-shadow:var(--shadow-md);border-radius:var(--radius-lg);padding:var(--spacing-24)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:var(--radius-full);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--secondary-hover)}::selection{background:var(--primary-light);color:var(--primary-dark)}@media(max-width:900px){body{font-size:15px}.card{padding:var(--spacing-16)}h1,.h1{font-size:1.6rem}h2,.h2{font-size:1.25rem}}@media(max-width:600px){body{font-size:14px}.card{padding:var(--spacing-12)}h1,.h1{font-size:1.23rem}h2,.h2{font-size:1.11rem}}@media(max-width:420px){body{font-size:13px}}._button_1pu0n_1{font-family:inherit;font-size:1rem;font-weight:500;padding:var(--spacing-8) var(--spacing-24);border:none;border-radius:var(--radius-md);cursor:pointer;outline:none;transition:background var(--transition-base),box-shadow var(--transition-base),color var(--transition-base),transform var(--transition-base);letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-8);box-shadow:var(--shadow-sm)}._button_1pu0n_1:hover:not(:disabled),._button_1pu0n_1:focus-visible:not(:disabled){box-shadow:var(--shadow-md)}._button_1pu0n_1:active:not(:disabled){transform:scale(.98)}._button_1pu0n_1:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}._primary_1pu0n_69{background:var(--primary-color);color:var(--text-inverse)}._primary_1pu0n_69:hover:not(:disabled),._primary_1pu0n_69:focus-visible:not(:disabled){background:var(--primary-hover)}._primary_1pu0n_69:active:not(:disabled){background:var(--primary-dark)}._primary_1pu0n_69:disabled{background:var(--primary-light);color:var(--text-secondary)}._secondary_1pu0n_107{background:var(--bg-tertiary);color:var(--primary-color);border:1px solid var(--primary-color)}._secondary_1pu0n_107:hover:not(:disabled),._secondary_1pu0n_107:focus-visible:not(:disabled){background:var(--primary-light)}._cancel_1pu0n_129{background-color:#e0e0e0;color:#424242;box-shadow:none}._cancel_1pu0n_129:hover:not(:disabled),._cancel_1pu0n_129:focus-visible:not(:disabled){background-color:#bdbdbd}._cancel_1pu0n_129:disabled{background-color:#bdbdbd;opacity:.6}._danger_1pu0n_161{background:#e74c3c;color:#fff}._danger_1pu0n_161:hover:not(:disabled),._danger_1pu0n_161:focus-visible:not(:disabled){background:#c0392b}._danger_1pu0n_161:active:not(:disabled){background:#a93226}._danger_1pu0n_161:disabled{background:#a0a0a0;color:#fff}._ghost_1pu0n_199{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color);box-shadow:none}._ghost_1pu0n_199:hover:not(:disabled),._ghost_1pu0n_199:focus-visible:not(:disabled){background:var(--primary-light)}._ghost_1pu0n_199:active:not(:disabled){background:var(--primary-light)}._ghost_1pu0n_199:disabled{background:transparent;color:var(--text-secondary);border-color:var(--text-secondary)}._xs_1pu0n_245{padding:6px 12px;font-size:.9rem;min-width:32px;min-height:32px}._sm_1pu0n_259{padding:var(--spacing-4) var(--spacing-16);font-size:.9rem}._md_1pu0n_269{padding:var(--spacing-8) var(--spacing-24);font-size:1rem}._lg_1pu0n_279{padding:var(--spacing-12) var(--spacing-32);font-size:1.1rem}._fullWidth_1pu0n_289{width:100%}._overlay_15ggd_1{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:1200!important;background:#161d2f24;display:flex!important;align-items:center!important;justify-content:center!important;animation:_fadeIn_15ggd_1 .2s ease-in;padding:20px;margin:0!important;box-sizing:border-box!important}@keyframes _fadeIn_15ggd_1{0%{opacity:0}to{opacity:1}}._card_15ggd_57{background:var(--bg-primary);border-radius:16px;box-shadow:0 8px 48px #323c5a24;padding:2.5rem 2rem 2.2rem;color:var(--text-primary);max-width:96vw;max-height:90vh;overflow-y:auto;animation:_slideUp_15ggd_1 .3s ease-out;margin:auto!important;position:relative!important;transform:none!important}@keyframes _slideUp_15ggd_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._card_15ggd_57._sm_15ggd_109{min-width:340px;max-width:500px}._card_15ggd_57._md_15ggd_119{min-width:500px;max-width:700px}._card_15ggd_57._lg_15ggd_129{min-width:700px;max-width:900px}._header_15ggd_139{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:1.1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}._title_15ggd_159{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:.1px}._closeButton_15ggd_175{background:none;border:none;font-size:2rem;line-height:1;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background var(--transition-base),color var(--transition-base)}._closeButton_15ggd_175:hover{background:var(--bg-secondary);color:var(--text-primary)}._wrapper_1qirr_1{display:flex;flex-direction:column;gap:var(--spacing-4)}._label_1qirr_13{font-weight:600;color:var(--text-primary);font-size:.95rem}._input_1qirr_25{font-family:inherit;font-size:1rem;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-8) var(--spacing-12);outline:none;transition:border-color var(--transition-base),background var(--transition-base),box-shadow var(--transition-base)}._input_1qirr_25:focus{border:1.5px solid var(--border-focus);background:#f2fef7;box-shadow:0 0 0 2px #c3ecd9}._input_1qirr_25:disabled{background:var(--bg-secondary);color:var(--text-secondary);opacity:.7;cursor:not-allowed}._input_1qirr_25._error_1qirr_75{border-color:var(--error-color)}._input_1qirr_25._error_1qirr_75:focus{border-color:var(--error-color);box-shadow:0 0 0 2px #ee3e3e33}._fullWidth_1qirr_93{width:100%}._errorMessage_1qirr_101{color:var(--error-color);font-size:.875rem;margin-top:var(--spacing-2)}.avatar-container{display:inline-block;position:relative;background-color:var(--avatar-bg-color, #f5f5f5)}.avatar-container img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;display:block;margin:0;padding:0}._loadingContainer_xsbqc_1{display:flex;align-items:center;justify-content:center;padding:var(--spacing-24)}._fullScreen_xsbqc_15{min-height:50vh}._loading_xsbqc_1{font-size:1.13rem;color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-12);font-weight:500;flex-direction:column}._text_xsbqc_43{margin-top:var(--spacing-8)}._spinner_xsbqc_51{display:inline-block;border:3px solid rgba(74,124,42,.11);border-radius:50%;border-top-color:var(--primary-color);animation:_spin_xsbqc_51 .8s linear infinite}._spinner_xsbqc_51._sm_xsbqc_67{width:20px;height:20px;border-width:2px}._spinner_xsbqc_51._md_xsbqc_79{width:26px;height:26px;border-width:3px}._spinner_xsbqc_51._lg_xsbqc_91{width:40px;height:40px;border-width:4px}@keyframes _spin_xsbqc_51{to{transform:rotate(360deg)}}._errorContainer_dcf4l_1{display:flex;align-items:center;justify-content:center;min-height:50vh;padding:var(--spacing-24)}._errorMessage_dcf4l_17{background:linear-gradient(135deg,var(--error-bg) 0%,#fef2f2 100%);color:#c0392b;padding:var(--spacing-16) var(--spacing-32);border-radius:var(--radius-lg);font-size:1rem;border:2px solid var(--error-color);text-align:center;max-width:500px;box-shadow:var(--shadow-md);animation:_slideIn_dcf4l_1 .28s ease-in;font-weight:500}._title_dcf4l_45{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-8);color:#c0392b}._text_dcf4l_59{margin-bottom:var(--spacing-16);line-height:1.6}._retryButton_dcf4l_69{padding:var(--spacing-8) var(--spacing-16);background:var(--error-color);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:background var(--transition-base),transform var(--transition-base)}._retryButton_dcf4l_69:hover{background:#d32f2f;transform:translateY(-1px)}._retryButton_dcf4l_69:active{transform:translateY(0)}@keyframes _slideIn_dcf4l_1{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}._wrapper_i1097_1{display:flex;flex-direction:column;gap:4px}._label_i1097_13{font-size:14px;font-weight:500;color:#334}._inputWrapper_i1097_25{position:relative;display:flex;align-items:center}._input_i1097_25{border:1.5px solid #dce1e7;border-radius:7px;padding:6px 12px;font-size:14px;cursor:pointer;width:100%;box-sizing:border-box;position:relative;z-index:0}._input_i1097_25:focus{outline:none;border-color:#4a90e2}._input_i1097_25:disabled{cursor:not-allowed;opacity:.6}._input_i1097_25._error_i1097_81{border-color:#e74c3c}._fullWidth_i1097_89{width:100%}._errorMessage_i1097_97{color:#e74c3c;font-size:12px;margin-top:4px}.avatar-upload-container{display:inline-flex;flex-direction:column;align-items:center}.avatar-upload-wrapper{position:relative;display:inline-block}.avatar-upload-overlay{position:absolute;inset:0;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;pointer-events:none}.avatar-upload-wrapper:hover .avatar-upload-overlay{opacity:1}.avatar-upload-overlay span{color:#fff;font-size:12px;font-weight:500;text-align:center}.avatar-upload-loading{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f5f5f5;border:2px solid #e5e9ef;font-size:12px;color:#666}.avatar-upload-error{text-align:center}:root{--primary-color: #60b36d;--primary-hover: #479f56;--neutral-bg: #f6f8fa;--surface-bg: #ffffff;--sidebar-bg: #232a38;--sidebar-bg-glass: rgba(35,42,56,.97);--sidebar-accent-bg: rgba(45, 110, 60, .09);--sidebar-accent: #7cdf70;--border-color: #e5e9ef;--sidebar-border: #293049;--input-bg: #f9fafb;--input-border: #dde3ee;--input-border-focus: #B9EAC7;--shadow-sm: 0 1px 3px 0 rgba(55,93,111,.09);--shadow-md: 0 2px 8px rgba(28,85,60, .09), 0 1px 2px rgba(62,120,90,.06);--shadow-lg: 0 8px 32px rgba(34,84,56,.15), 0 2px 6px rgba(101,184,120, .07);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-full: 999px;--spacing-2: 2px;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--text-primary: #232d3a;--text-secondary: #75849f;--text-faint: #bbbed1;--transition-base: .16s cubic-bezier(.4,0,.2,1);--transition-bounce: .32s cubic-bezier(.41,1.62,.29,1);--bg-secondary: #f3f7fa;--font-main: "Inter", "Segoe UI", Arial, sans-serif}body,html,.App{font-family:var(--font-main);font-weight:400;background:var(--neutral-bg);color:var(--text-primary);font-size:16px;-webkit-font-smoothing:antialiased;min-height:100vh}.App{min-height:100vh;background:var(--neutral-bg);position:relative}.navbar{background:#ffffffe0;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);color:var(--text-primary);padding:0;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-color);height:64px;transition:box-shadow var(--transition-base),background var(--transition-base)}.nav-container{max-width:1300px;margin:0 auto;padding:0 var(--spacing-24);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-24);height:100%}.nav-logo{font-size:1.4rem;font-weight:700;text-decoration:none;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-8);transition:color var(--transition-base),transform var(--transition-base);letter-spacing:-.01em}.nav-logo:hover{color:var(--primary-color);transform:scale(1.025)}.nav-logo-image{width:36px;height:36px;display:block;border-radius:var(--radius-sm);filter:drop-shadow(0 2px 6px rgba(96,179,109,.06))}.nav-logo span{display:inline-block;line-height:1.22;font-weight:500}.user-info{display:flex;align-items:center;gap:var(--spacing-16);padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-full);background:none}.user-name{font-weight:500;font-size:1.04rem;color:var(--text-primary);letter-spacing:.01em}.user-role{font-size:.89rem;color:var(--text-secondary);font-weight:500;text-transform:capitalize;padding:var(--spacing-2) var(--spacing-8);background:var(--bg-secondary);border-radius:var(--radius-sm);letter-spacing:.01em}.logout-button{padding:.54em 1.2em;background:linear-gradient(135deg,#e8f6ea80,#f8fafb);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;font-size:1rem;font-weight:600;transition:all var(--transition-base);box-shadow:var(--shadow-xs);outline:none;font-family:inherit;min-height:38px}.logout-button:hover:not(:disabled){background:#e6f6ed;border-color:var(--primary-color);color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-1px) scale(1.01)}.logout-button:active:not(:disabled){transform:scale(.98)}.app-layout{display:flex;min-height:calc(100vh - 64px);gap:0}.sidebar-wrapper{position:relative}.sidebar-wrapper.sidebar-resizing .sidebar{transition:none}.sidebar{width:280px;min-width:200px;max-width:420px;background:var(--surface-bg);backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);box-shadow:4px 0 20px #0000000f,inset -1px 0 0 var(--border-color);position:sticky;top:90px;height:calc(100vh - 90px);overflow-y:auto;overflow-x:hidden;z-index:90;border-right:2px solid var(--border-color);transition:width var(--transition-base),background var(--transition-base);border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-lg)}.sidebar-resize-handle{position:absolute;top:90px;right:0;width:6px;height:calc(100vh - 90px);cursor:col-resize;z-index:91;margin-right:-3px}.sidebar-resize-handle:hover,.sidebar-resize-handle:active{background:#60b36d33}.sidebar-resize-handle:after{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:2px;height:40px;border-radius:1px;background:var(--border-color);opacity:0;transition:opacity .15s}.sidebar-resize-handle:hover:after{opacity:1}.sidebar-nav{display:flex;flex-direction:column;padding:var(--spacing-16) var(--spacing-8);gap:var(--spacing-4)}.sidebar-logo-section{padding:var(--spacing-20) var(--spacing-24);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-16);background:transparent}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-8);color:var(--text-primary);font-size:1.1rem;font-weight:600;text-decoration:none;letter-spacing:.01em}.sidebar-logo-icon{width:34px;height:34px;background:linear-gradient(135deg,var(--primary-color) 0%,#86d193 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.12rem;box-shadow:0 1px 5px #60b36d14}.sidebar-link{color:var(--text-secondary);background:none;text-decoration:none;padding:var(--spacing-8) var(--spacing-24);font-weight:500;font-size:1.02rem;transition:background var(--transition-base),color var(--transition-base),box-shadow var(--transition-base);border-left:3px solid transparent;display:flex;align-items:center;gap:var(--spacing-12);position:relative;margin:0 var(--spacing-4);border-radius:var(--radius-md);letter-spacing:.005em;min-height:40px;overflow:hidden;min-width:0}.sidebar-link-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-link:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--primary-color);border-radius:0 var(--radius-full) var(--radius-full) 0;transform:scaleY(0);transition:transform var(--transition-base)}.sidebar-link:hover,.sidebar-link:focus-visible{background:#baffd209;color:var(--primary-color)}.sidebar-link:hover:before,.sidebar-link:focus-visible:before{transform:scaleY(1)}.sidebar-link.active{background:var(--sidebar-accent-bg);color:var(--primary-color);border-left-color:var(--primary-color);font-weight:600;box-shadow:0 2px 8px #4a7c2a1f}.sidebar-link.active:before{transform:scaleY(1)}.sidebar-link-icon,.sidebar-section-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.16rem;color:var(--primary-color)}.sidebar-section{display:flex;flex-direction:column;margin-bottom:var(--spacing-8);padding:var(--spacing-6);background:#00000005;border-radius:var(--radius-md);box-shadow:0 1px 4px #0000000f;border:1.5px solid rgba(0,0,0,.1)}.sidebar-section.active{background:#4a7c2a0f;box-shadow:0 2px 10px #4a7c2a1a;border:1.5px solid rgba(74,124,42,.35)}.sidebar-section-title{padding:var(--spacing-8) var(--spacing-24);font-size:.77rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint);margin:var(--spacing-8) var(--spacing-8) var(--spacing-4)}.sidebar-section-toggle{background:none;border:none;width:100%;text-align:left;padding:var(--spacing-8) var(--spacing-16);font-size:1.01rem;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background var(--transition-base),color var(--transition-base);margin:0;border-radius:var(--radius-sm);border-left:3px solid transparent;letter-spacing:.003em;overflow:hidden;min-width:0}.sidebar-section-toggle>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;display:block}.sidebar-section-toggle .chevron{flex-shrink:0;margin-left:auto}.sidebar-section-toggle:hover,.sidebar-section.active .sidebar-section-toggle{background:#60b36d0f;color:var(--primary-color)}.sidebar-submenu{display:flex;flex-direction:column;padding:var(--spacing-6) var(--spacing-8);padding-left:var(--spacing-16);background:#ffffff80;margin-top:var(--spacing-6);margin-left:0;margin-right:0;border-radius:var(--radius-sm);overflow:hidden;animation:slideDown .23s ease-out;gap:2px;box-shadow:inset 0 1px 2px #0000000a;border:1.5px solid rgba(0,0,0,.1)}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.sidebar-sublink{color:var(--text-secondary);text-decoration:none;padding:var(--spacing-8) var(--spacing-20);font-size:.97rem;border-left:3px solid transparent;transition:background var(--transition-base),color var(--transition-base),border-left var(--transition-base);border-radius:var(--radius-sm);min-width:0;margin:2px 0;display:flex;align-items:center;gap:var(--spacing-12);background:none;min-height:36px;overflow:hidden}.sidebar-sublink{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sidebar-sublink:hover,.sidebar-sublink:focus-visible{background:#60b36d14;color:var(--primary-color);border-left-color:var(--primary-color)}.sidebar-sublink.active{background:var(--sidebar-accent-bg);color:var(--primary-color);border-left-color:var(--primary-color);font-weight:600;box-shadow:0 2px 6px #4a7c2a24}.sidebar-sublink-toggle{padding:var(--spacing-8) var(--spacing-20);border-left:3px solid transparent;border-radius:var(--radius-sm);margin:2px 0}.sidebar-sublink-toggle:hover,.sidebar-section.active .sidebar-sublink-toggle{background:#baffd20b;color:var(--primary-color);border-left-color:var(--primary-color)}.sidebar-submenu-nested{padding-left:var(--spacing-16);background:#b4dcdc08;margin-left:var(--spacing-8);border-radius:var(--radius-sm)}.chevron{margin-left:auto;transition:transform var(--transition-bounce),color var(--transition-base);font-size:.94rem;color:#a1a8b8}.chevron.open{transform:rotate(180deg);color:var(--primary-color)}.sidebar-add-button{margin:var(--spacing-12) var(--spacing-24);padding:var(--spacing-8) 0;background:linear-gradient(135deg,#60b36df2,#9bdb9deb);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:background var(--transition-base),box-shadow var(--transition-base),color var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--spacing-8);box-shadow:0 4px 24px #60b36d17,0 2px 6px #65b8781a;min-height:40px}.sidebar-add-button:hover{background:linear-gradient(135deg,var(--primary-hover) 0%,var(--primary-color) 100%);color:#f7fff9;box-shadow:0 7px 18px #60b36d21;transform:translateY(-2px) scale(1.015)}.sidebar-search{margin:var(--spacing-12) var(--spacing-24);position:relative}.sidebar-search input{width:100%;padding:var(--spacing-8) var(--spacing-12) var(--spacing-8) 2.2rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-full);color:var(--text-primary);font-size:.98rem;transition:border var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);box-shadow:var(--shadow-xs);font-family:inherit;height:38px}.sidebar-search input::placeholder{color:#b8c5c3;opacity:1;font-weight:400}.sidebar-search input:focus{outline:none;background:#e8f6ed;border-color:var(--input-border-focus);box-shadow:0 0 0 3px #b9eac714,0 2px 8px #60b36d14}.sidebar-search-icon{position:absolute;left:var(--spacing-12);top:50%;transform:translateY(-50%);color:var(--text-faint);font-size:1.09rem;pointer-events:none}.sidebar-profile{margin-top:auto;padding:var(--spacing-20) var(--spacing-24);border-top:1px solid var(--border-color);display:flex;align-items:center;gap:var(--spacing-16);background:transparent}.sidebar-profile-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--primary-color) 0%,#d0ffd6 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.07rem;box-shadow:0 1px 5px #50785612;flex-shrink:0}.sidebar-profile-avatar img{width:100%;height:100%;object-fit:contain;object-position:center center;display:block;margin:0;padding:0}.sidebar-profile-info{flex:1;min-width:0}.sidebar-profile-name{color:var(--text-primary);font-weight:600;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}.sidebar-profile-role{color:var(--text-secondary);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}.sidebar-profile-actions{display:flex;gap:var(--spacing-8)}.sidebar-profile-action{width:32px;height:32px;border-radius:var(--radius-full);background:#f8fbfa;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-base),color var(--transition-base),box-shadow var(--transition-base);box-shadow:0 2px 5px #0000000b}.sidebar-profile-action:hover{background:#d8f8e4;color:var(--primary-color);box-shadow:0 4px 14px #78c56a12;transform:translateY(-1px)}.main-content{flex:1;min-width:0;min-height:calc(100vh - 64px);width:100%;padding:var(--spacing-24) var(--spacing-40) var(--spacing-24) var(--spacing-20);background:linear-gradient(135deg,#f7fafb,#f0f5f7 60%,#fff);overflow-x:hidden;position:relative;border-radius:var(--radius-lg) 0 0 var(--radius-lg);box-shadow:var(--shadow-md);z-index:1}.main-content:before{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(circle at 24% 66%,rgba(96,179,109,.06) 0%,transparent 65%),radial-gradient(circle at 95% 98%,rgba(155,219,157,.06) 0%,transparent 70%);pointer-events:none;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.input-modern{display:block;width:100%;padding:var(--spacing-8) var(--spacing-12);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-full);color:var(--text-primary);font-size:1rem;transition:all var(--transition-base);font-family:inherit;box-sizing:border-box}.input-modern:focus{outline:none;background:#e8f6ed;border-color:var(--input-border-focus);box-shadow:0 0 0 2px #b9eac744}.button-modern{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 var(--spacing-16);border-radius:var(--radius-full);border:1px solid var(--primary-color);background:linear-gradient(135deg,#ecf8f5,#d2efd9);color:var(--primary-color);font-weight:600;font-size:1rem;cursor:pointer;box-shadow:var(--shadow-xs);transition:all var(--transition-base);outline:none;gap:var(--spacing-8)}.button-modern:hover:not(:disabled){background:var(--primary-color);color:#fff;box-shadow:var(--shadow-md);border-color:var(--primary-color);transform:translateY(-1px) scale(1.01)}.button-modern:active:not(:disabled){transform:scale(.98)}.button-modern:disabled{opacity:.6;cursor:not-allowed}.sidebar::-webkit-scrollbar{width:7px}.sidebar::-webkit-scrollbar-track{background:#ffffff03}.sidebar::-webkit-scrollbar-thumb{background:#60b36d1c;border-radius:var(--radius-full)}.sidebar::-webkit-scrollbar-thumb:hover{background:#60b36d40}@media(max-width:1024px){.main-content{padding:var(--spacing-16) var(--spacing-12);border-radius:0}.sidebar{width:220px;border-radius:0}.nav-container{padding:0 var(--spacing-12)}}.mobile-menu-toggle{display:none}@media(max-width:768px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.nav-container{padding:0 8px!important;height:70px;gap:4px!important;overflow:hidden;justify-content:space-between!important}.nav-container>*{flex-shrink:0}.nav-container>.nav-logo{flex-shrink:1;min-width:0}.navbar{height:70px;min-height:70px}.nav-logo{flex-shrink:1!important;min-width:0;max-width:calc(100% - 90px);overflow:hidden;padding:4px 6px!important;gap:6px!important}.nav-logo-image{height:28px!important;width:auto!important;margin-right:4px!important}.nav-logo>div{gap:1px!important}.nav-logo>div>span:first-child{font-size:.75rem!important;font-weight:700!important;line-height:1.1!important}.nav-logo>div>span:last-child{font-size:.5rem!important;font-weight:400!important}.user-info{gap:3px!important;flex-wrap:nowrap!important;min-width:0!important;flex-shrink:1!important;max-width:100%!important;overflow:visible!important;display:flex!important;align-items:center!important;flex-direction:row!important}.user-info .user-name{display:none!important}.user-info>div:first-child{display:none!important}.user-info>*{flex-shrink:0!important;flex-grow:0!important;min-width:auto!important;max-width:none!important}.user-info button{padding:3px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important;flex-shrink:0!important;width:auto!important;display:flex!important;align-items:center!important;justify-content:center!important}.user-info button svg{width:14px!important;height:14px!important;max-width:14px!important;max-height:14px!important}.user-info button svg[viewBox*="513"]{width:16px!important;height:12px!important;max-width:16px!important;max-height:12px!important}.user-info .logout-button,.user-info button[class*=Button],.user-info button._button_l6zri_1{padding:3px 6px!important;font-size:.65rem!important;min-height:24px!important;max-height:24px!important;white-space:nowrap!important;flex-shrink:0!important;line-height:1.2!important;min-width:auto!important;max-width:none!important}.user-info>div[style*="position: relative"]{flex-shrink:0!important;flex-grow:0!important;min-width:24px!important;max-width:24px!important;width:24px!important}.user-info>div[style*="position: relative"]>div[style*="position: absolute"]{right:0!important;left:auto!important;min-width:140px!important}.app-layout{position:relative;flex-direction:row}.sidebar{position:fixed;top:70px;left:0;width:280px;max-width:85vw;height:calc(100vh - 70px);z-index:1000;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 12px #00000026;border-right:1px solid var(--border-color);border-radius:0;border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-lg)}.sidebar.sidebar--mobile-open{transform:translate(0)}.sidebar-backdrop{display:none;position:fixed;inset:70px 0 0;background:#00000080;z-index:999;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.sidebar-backdrop.sidebar-backdrop--open{display:block;opacity:1}.main-content{width:100%;margin-left:0;padding:var(--spacing-16) var(--spacing-12);border-radius:0}.sidebar-nav{padding:var(--spacing-20) 0}.sidebar-link,.sidebar-section-toggle{padding:var(--spacing-8) var(--spacing-24);font-size:1.02rem;margin:var(--spacing-2) var(--spacing-4)}.sidebar-sublink{padding:var(--spacing-8) var(--spacing-24);font-size:.98rem}}@media(max-width:480px){.nav-logo{font-size:1.13rem}.nav-logo-image{width:28px;height:28px}.user-info{flex-direction:column;gap:var(--spacing-4)}.logout-button{width:100%;font-size:1.045rem;min-height:34px;padding:.5em .7em}}.grid-scroll-x{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.grid-scroll-x>div{min-width:600px}.ag-theme-quartz{width:100%;min-width:0}@media(max-width:768px){.grid-scroll-x{margin:0 calc(-1 * var(--spacing-12));padding:0 var(--spacing-12)}.ag-table-wrapper,.brand-table-wrapper,.ag-grid-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 calc(-1 * var(--spacing-12));padding:0 var(--spacing-12)}.ag-table-wrapper>div,.brand-table-wrapper>div,.ag-grid-wrapper>div{min-width:600px}}@media(max-width:768px){.confirm-modal-modern,.modal-overlay-modern .confirm-modal-modern{max-width:min(95vw,600px)!important;max-height:90vh!important;width:95vw!important;margin:0 auto;padding:20px 16px}.modal-content{max-width:100%!important;padding:16px!important;max-height:calc(90vh - 80px)!important;overflow-y:auto}}