@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-app:#f4f5f7;--bg-card:#fff;--bg-sidebar:#1b2537;--bg-sidebar-hover:#232f44;--bg-sidebar-active:#ffffff14;--bg-input:#f7f8fa;--bg-hover:#f0f1f4;--bg-layer-2:#eef0f4;--bg-layer-3:#e6e8ed;--bg-tertiary:#e6e8ed;--primary:#1a3a5c;--primary-light:#2a5a8c;--primary-soft:#1a3a5c0f;--primary-medium:#1a3a5c1f;--accent:#0d9488;--accent-hover:#0b7f74;--accent-soft:#0d948814;--text-1:#111827;--text-2:#4b5563;--text-3:#9ca3af;--text-inverse:#fff;--text-sidebar:#ffffffa6;--text-sidebar-active:#fff;--success:#059669;--success-bg:#05966914;--warning:#d97706;--warning-bg:#d9770614;--danger:#dc2626;--danger-bg:#dc26260f;--info:#2563eb;--info-bg:#2563eb0f;--border:#e5e7eb;--border-subtle:#f0f1f4;--border-hover:#d1d5db;--border-focus:var(--primary);--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 4px 16px #00000014;--shadow-xl:0 8px 32px #0000001f;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-full:9999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--font-size-xs:.7rem;--font-size-sm:.8rem;--font-size-md:.875rem;--font-size-base:.9rem;--font-size-lg:1rem;--font-size-xl:1.5rem;--sidebar-width:240px;--sidebar-collapsed-width:56px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-size:var(--font-size-md);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Inter,sans-serif;font-weight:600;line-height:1.3}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c9cdd4;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.app-layout{height:100vh;display:flex;overflow:hidden}.main-content{background:var(--bg-app);flex:1;padding:1.5rem 2rem;overflow-y:auto}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);z-index:100;border-right:none;flex-direction:column;transition:width .25s;display:flex;overflow:hidden}.sidebar-collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;min-height:56px;padding:1rem .75rem 1rem 1.25rem;display:flex}.sidebar-collapsed .sidebar-header{justify-content:center;padding:1rem .5rem}.sidebar-logo{color:var(--text-inverse);white-space:nowrap;letter-spacing:-.02em;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.sidebar-logo-icon{background:var(--accent);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:flex}.sidebar-toggle{border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--text-sidebar);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;transition:all .15s;display:flex}.sidebar-toggle:hover{color:var(--text-inverse);background:#ffffff14}.sidebar-nav{flex:1;padding:.5rem;overflow-y:auto}.sidebar-section{margin-bottom:.125rem}.sidebar-section-title{cursor:pointer;color:#ffffff59;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:.5rem .625rem;font-size:.62rem;font-weight:600;transition:color .15s;display:flex}.sidebar-section-title:hover{color:#ffffff8c}.sidebar-chevron{font-size:.6rem}.sidebar-menu{margin:0 0 .25rem;padding:0;list-style:none}.sidebar-link{border-radius:var(--radius-sm);color:var(--text-sidebar);align-items:center;gap:10px;margin-bottom:1px;padding:.45rem .625rem;font-size:.8rem;font-weight:450;text-decoration:none;transition:all .15s;display:flex}.sidebar-link:hover{background:var(--bg-sidebar-hover);color:#ffffffe6}.sidebar-link-active{background:var(--bg-sidebar-active);color:var(--text-sidebar-active);font-weight:550}.sidebar-link-active:hover{background:#ffffff1f}.sidebar-link-icon{opacity:.7;flex-shrink:0;justify-content:center;align-items:center;width:20px;font-size:1rem;display:flex}.sidebar-link-active .sidebar-link-icon{opacity:1}.sidebar-link-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-collapsed .sidebar-link{justify-content:center;padding:.55rem}.sidebar-collapsed .sidebar-link-text,.sidebar-collapsed .sidebar-section-title,.sidebar-collapsed .sidebar-logo span:not(.sidebar-logo-icon){display:none}.page-header{margin-bottom:1.5rem}.page-title{color:var(--text-1);letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.page-subtitle{color:var(--text-2);font-size:var(--font-size-sm);margin-top:.15rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1.25rem;display:flex}.card-title{font-size:var(--font-size-md);color:var(--text-1);font-weight:700}.card-subtitle{font-size:var(--font-size-xs);color:var(--text-2);margin-top:.1rem}.card-actions{flex-shrink:0;align-items:center;gap:.375rem;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-direction:column;gap:.125rem;padding:1rem 1.25rem;display:flex}.stat-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:.375rem;font-size:1.1rem;display:flex}.stat-value{color:var(--text-1);letter-spacing:-.02em;font-size:1.4rem;font-weight:700;line-height:1.2}.stat-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:600}.table-toolbar{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.search-input{background:var(--bg-input);border-radius:var(--radius-sm);max-width:280px;font-size:var(--font-size-sm);color:var(--text-1);border:1px solid #0000;outline:none;flex:1;padding:.4rem .75rem;font-family:inherit;transition:all .15s}.search-input:focus{background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.search-input::placeholder{color:var(--text-3)}.search-icon{color:var(--text-3);pointer-events:none;font-size:.85rem;position:absolute;top:50%;left:.625rem;transform:translateY(-50%)}.table-count{font-size:var(--font-size-xs);color:var(--text-3);white-space:nowrap;margin-left:auto}.table-wrapper{overflow-x:auto}.data-table,table{border-collapse:collapse;width:100%}th{text-align:left;background:var(--bg-input);color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:.5rem .875rem;font-size:.68rem;font-weight:600}.sortable-th{cursor:pointer}.sortable-th:hover{color:var(--text-1)}.sort-indicator{color:var(--primary);margin-left:3px;font-size:.6rem}td{border-bottom:1px solid var(--border-subtle);color:var(--text-1);font-size:var(--font-size-sm);padding:.5rem .875rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-hover)}.row-selected td{background:var(--primary-soft)!important}.table-empty{text-align:center;color:var(--text-3);font-size:var(--font-size-sm);padding:2.5rem 1rem!important}.table-error{background:var(--danger-bg);color:var(--danger);font-size:var(--font-size-sm);border-bottom:1px solid var(--border);padding:.75rem 1rem;font-weight:500}.table-loading{color:var(--text-3);font-size:var(--font-size-sm);justify-content:center;align-items:center;gap:.5rem;padding:2.5rem 1rem;display:flex}.loading-spinner{justify-content:center;align-items:center;padding:3rem;display:flex}.actions-cell{align-items:center;gap:.125rem;display:flex}.table-pagination{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:.375rem;padding:.625rem 1rem;display:flex}.pagination-info{font-size:var(--font-size-xs);color:var(--text-2);padding:0 .375rem}.btn{border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:5px;padding:.45rem .875rem;font-family:inherit;line-height:1.4;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--primary-light)}.btn-secondary{background:var(--bg-card);color:var(--text-1);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}.btn-danger{background:var(--danger);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-sm{font-size:var(--font-size-xs);padding:.3rem .625rem}.btn-icon{border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--text-2);background:0 0;border:none;justify-content:center;align-items:center;font-size:.85rem;transition:all .15s;display:inline-flex}.btn-icon:hover{background:var(--bg-hover);color:var(--text-1)}.btn-icon-danger:hover{background:var(--danger-bg);color:var(--danger)}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:1rem;animation:.12s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-container{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:85vh;box-shadow:var(--shadow-xl);flex-direction:column;animation:.18s slideUp;display:flex}.import-modal{max-width:680px}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-title{font-size:var(--font-size-lg);color:var(--text-1);font-weight:700}.modal-body{flex:1;padding:1.25rem;overflow-y:auto}.modal-footer{justify-content:flex-end;gap:.375rem;margin-top:.375rem;padding-top:1.25rem;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.form-group{flex-direction:column;display:flex}.form-group-full{grid-column:1/-1}.form-label{font-size:var(--font-size-xs);color:var(--text-2);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem;font-weight:600;display:block}.form-required{color:var(--danger)}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-1);font-size:var(--font-size-sm);outline:none;padding:.45rem .75rem;font-family:inherit;transition:all .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-3)}.form-textarea{resize:vertical;min-height:70px}.form-checkbox-label{font-size:var(--font-size-sm);color:var(--text-1);cursor:pointer;align-items:center;gap:.5rem;display:flex}.form-checkbox-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary)}.searchable-select{position:relative}.searchable-select-trigger{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:var(--font-size-sm);color:var(--text-1);cursor:pointer;justify-content:space-between;align-items:center;padding:.45rem .75rem;transition:all .15s;display:flex}.searchable-select-trigger:hover{border-color:var(--border-hover)}.searchable-select-trigger.disabled{opacity:.6;cursor:not-allowed}.searchable-select-trigger .placeholder{color:var(--text-3)}.searchable-select-trigger .chevron{color:var(--text-3);font-size:.6rem}.searchable-select-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:200;animation:.1s slideUp;position:absolute;top:calc(100% + 3px);left:0;right:0}.searchable-select-search{border:none;border-bottom:1px solid var(--border);width:100%;font-size:var(--font-size-sm);color:var(--text-1);background:0 0;outline:none;padding:.45rem .75rem;font-family:inherit}.searchable-select-search::placeholder{color:var(--text-3)}.searchable-select-options{max-height:180px;padding:.2rem;overflow-y:auto}.searchable-select-option{font-size:var(--font-size-sm);cursor:pointer;color:var(--text-1);border-radius:4px;padding:.375rem .625rem;transition:background .1s}.searchable-select-option:hover{background:var(--bg-hover)}.searchable-select-option.selected{background:var(--primary-soft);color:var(--primary);font-weight:500}.multi-select{flex-direction:column;display:flex}.multi-select-tags{flex-wrap:wrap;gap:3px;display:flex}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;padding:.15rem .5rem;font-size:.65rem;font-weight:600;display:inline-flex}.badge-primary{background:var(--primary-soft);color:var(--primary)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.import-dropzone{border:2px dashed var(--border);border-radius:var(--radius-md);text-align:center;cursor:pointer;padding:2rem;transition:all .15s}.import-dropzone:hover{border-color:var(--primary);background:var(--primary-soft)}.import-dropzone-icon{opacity:.5;margin-bottom:.5rem;font-size:2rem}.import-dropzone-text{color:var(--text-2);font-size:var(--font-size-sm)}.import-preview-wrapper{border-radius:var(--radius-sm);border:1px solid var(--border);margin:.75rem 0;overflow-x:auto}.import-file-info{background:var(--bg-input);border-radius:var(--radius-sm);align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.75rem;display:flex}.import-file-name{font-weight:600;font-size:var(--font-size-sm)}.import-file-count{color:var(--text-2);font-size:var(--font-size-xs)}.import-col-info{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.import-col-extra{opacity:.5}.import-more-rows{text-align:center;color:var(--text-3);font-size:var(--font-size-xs);padding:.5rem}.import-result{text-align:center;padding:1.5rem}.import-result-success{color:var(--success)}.import-result-error{color:var(--danger)}.import-result-icon{margin-bottom:.5rem;font-size:2rem}.import-result-text{font-size:var(--font-size-md)}.empty-state{text-align:center;padding:3rem 1rem}.empty-state-icon{opacity:.4;margin-bottom:.75rem;font-size:2.5rem}.empty-state-text{color:var(--text-2);font-size:var(--font-size-sm);line-height:1.6}input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary);cursor:pointer}.tabs{border-bottom:1px solid var(--border);margin-bottom:var(--space-4);gap:0;display:flex}.tab-btn{color:var(--text-3);padding:var(--space-2) var(--space-4);cursor:pointer;font-weight:500;font-size:var(--font-size-sm);background:0 0;border:none;border-bottom:2px solid #0000;font-family:inherit;transition:all .15s}.tab-btn:hover{color:var(--text-1)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.main-wrapper{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.mobile-header,.sidebar-backdrop{display:none}@media (width<=1024px){.sidebar{width:var(--sidebar-collapsed-width)}.sidebar-logo span:not(.sidebar-logo-icon),.sidebar-section-title,.sidebar-link-text{display:none}.sidebar-header{justify-content:center;padding:1rem .5rem}.sidebar-link{justify-content:center;padding:.55rem}.main-content{padding:1rem 1.25rem}.form-grid{grid-template-columns:1fr}}@media (width<=768px){.sidebar{z-index:500;height:100%;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s;top:0;left:0;transform:translate(-100%);width:var(--sidebar-width)!important;position:fixed!important}.sidebar.sidebar-mobile-open{transform:translate(0);box-shadow:8px 0 40px #0006}.sidebar-mobile-open .sidebar-link-text{display:block!important}.sidebar-mobile-open .sidebar-section-title{display:flex!important}.sidebar-mobile-open .sidebar-logo span:not(.sidebar-logo-icon){display:block!important}.sidebar-mobile-open .sidebar-header{justify-content:space-between!important;padding:1rem .75rem 1rem 1.25rem!important}.sidebar-mobile-open .sidebar-link{justify-content:flex-start!important;padding:.45rem .625rem!important}.sidebar-backdrop{z-index:400;background:#00000073;animation:.2s fadeIn;display:block;position:fixed;inset:0}.mobile-header{background:var(--bg-sidebar);z-index:100;border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:.75rem;height:52px;padding:0 1rem;display:flex;position:sticky;top:0}.mobile-menu-btn{color:#ffffffd9;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.mobile-menu-btn:hover{background:#ffffff1a}.mobile-header-brand{color:#fff;letter-spacing:-.02em;align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.main-content{flex:1;overflow-y:auto;padding:.875rem!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.table-wrapper{-webkit-overflow-scrolling:touch}.card-header{flex-direction:column;align-items:flex-start}.card-actions{width:100%}.table-toolbar{flex-wrap:wrap}.search-input{flex:160px;max-width:100%}.modal-overlay{align-items:flex-end;padding:0}.modal-container{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:100%;max-height:92vh}.page-header{margin-bottom:.875rem}.page-title{font-size:1.1rem}}