:root{--color-bg: #f4f6f9;--color-surface: #ffffff;--color-surface-alt: #f9fafb;--color-border: #d9e1e8;--color-border-strong: #c2ccd6;--color-text: #1f2933;--color-text-soft: #5a6b7b;--color-accent: #005755;--color-accent-hover: #007572;--color-accent-muted: #b7dcdc;--color-danger: #D7263D;--radius-sm: 4px;--radius-md: 6px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 2px 4px rgba(0,0,0,.06);--font-stack: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--color-primary: #006464;--color-secondary: #319EBD;--color-light: #FFF5C9;--color-error: #D7263D;--color-info: #d79026;--color-ok: #698F3F}body,html,#root{margin:0;padding:0;background:var(--color-bg);font-family:var(--font-stack);color:var(--color-text)}.app-header{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:10px 20px;position:sticky;top:0;z-index:50}.app-header h1{font-size:18px;margin:0;font-weight:600}button,input,select{font-family:inherit}button{cursor:pointer}.btn{position:relative;display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-sm);font-weight:500;line-height:1.2;border:1px solid transparent;background:var(--color-surface-alt);color:var(--color-text);padding:6px 12px;font-size:14px;transition:background .15s,border-color .15s,box-shadow .15s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:hover:not(:disabled){background:#eef3f8}.btn-primary{background:var(--color-accent);color:#fff;border:1px solid var(--color-accent)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-alt)}.btn-danger{background:var(--color-danger);color:#fff;border:1px solid var(--color-danger)}.btn-danger:hover:not(:disabled){filter:brightness(.9)}.btn-ghost{background:transparent;color:var(--color-text-soft);border:1px solid transparent}.btn-ghost:hover{background:var(--color-surface-alt);color:var(--color-text)}.btn-small{padding:3px 8px;font-size:12px}.btn-icon{padding:4px;width:32px;height:32px;justify-content:center}button:not([class*=btn-]):not(.btn):not(.tab){border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);padding:6px 12px;font-size:14px}button:not([class*=btn-]):not(.btn):not(.tab):hover{background:var(--color-surface-alt)}.input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 8px;font-size:14px;background:#fff}.input:focus,select:focus,textarea:focus{outline:2px solid var(--color-accent-muted);outline-offset:1px}.table-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:6px 10px;background:var(--color-surface-alt);border-bottom:1px solid var(--color-border)}.table-toolbar .spacer{flex:1}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);padding:6px 0;z-index:30}.dropdown-menu label{display:flex;align-items:center;gap:6px;padding:4px 12px;font-size:13px;cursor:pointer}.dropdown-menu label:hover{background:var(--color-surface-alt)}.datatable-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.datatable-scroll{overflow:auto}.datatable-table{width:100%;border-collapse:separate;border-spacing:0}.datatable-table thead th{position:sticky;top:0;background:var(--color-surface-alt);font-weight:600;border-bottom:1px solid var(--color-border);text-align:left;padding:8px 10px;font-size:13px}.datatable-table tbody td{padding:6px 10px;font-size:13px;border-bottom:1px solid var(--color-border);vertical-align:top}.datatable-table tbody tr:hover{background:#f0f5fa}.datatable-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--color-surface-alt);border-top:1px solid var(--color-border);font-size:12px}.badge{background:var(--color-accent-muted);color:var(--color-accent-hover);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.tab-bar{display:flex;gap:4px;margin:12px 0 16px}.tab{position:relative;background:transparent;border:none;border-bottom:3px solid transparent;border-radius:8px 8px 0 0;padding:10px 18px;font-size:14px;font-weight:500;color:var(--color-text-soft);cursor:pointer;transition:background .18s,color .18s,border-color .18s}.tab:hover{background:var(--color-surface-alt);color:var(--color-text)}.tab.active{background:transparent;color:var(--color-text);border:none;border-bottom:3px solid var(--color-accent);font-weight:600}.tab.active:after{content:none}.tab,.tab.active{border-bottom-left-radius:0;border-bottom-right-radius:0}.tab:focus-visible{outline:2px solid var(--color-accent-muted);outline-offset:2px}.tab .count{background:var(--color-accent-muted);color:var(--color-accent-hover);padding:1px 6px;border-radius:10px;font-size:11px;margin-left:6px}.tab.active .count{background:var(--color-accent);color:#fff}.datatable-scroll::-webkit-scrollbar{height:10px;width:10px}.datatable-scroll::-webkit-scrollbar-track{background:transparent}.datatable-scroll::-webkit-scrollbar-thumb{background:#c2ccd6;border-radius:6px}.datatable-scroll::-webkit-scrollbar-thumb:hover{background:#a5b3bf}.datatable-compact thead th{padding:4px 6px}.datatable-compact tbody td{padding:3px 6px;font-size:12px}.text-soft{color:var(--color-text-soft)}.grid{display:grid}.border{border:1px solid var(--color-border)}.rounded{border-radius:var(--radius-sm)}.shadow-sm{box-shadow:var(--shadow-sm)}.dark-toggle{margin-left:16px}:root.dark{--color-bg:#101418;--color-surface:#1b2229;--color-surface-alt:#242d36;--color-border:#2f3944;--color-border-strong:#3d4955;--color-text:#e5ecf1;--color-text-soft:#97a6b5;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-accent-muted:#1e3a8a}body.dark{background:var(--color-bg);color:var(--color-text)}.datatable-table tbody tr.highlight{background-color:#fef3c7!important;border:2px solid #f59e0b!important;animation:highlight-pulse 2s ease-in-out;box-shadow:0 0 10px #f59e0b80!important}@keyframes highlight-pulse{0%{background-color:#fbbf24}50%{background-color:#fef3c7}to{background-color:#fef3c7}}.datatable-table tbody tr.highlight td{border:1px solid #f59e0b!important;font-weight:700!important}.super-search-loading{display:inline-flex;align-items:center;gap:2px}.super-search-loading span{width:4px;height:4px;border-radius:50%;background-color:#666;animation:super-search-bounce 1.4s infinite ease-in-out both}.super-search-loading span:nth-child(1){animation-delay:-.32s}.super-search-loading span:nth-child(2){animation-delay:-.16s}@keyframes super-search-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.app-header{display:flex;align-items:center;justify-content:space-between;background:var(--color-primary);padding:.5rem 1rem;border-bottom:5px solid var(--color-secondary, #d0d7de);position:fixed;top:0;left:0;right:0;height:60px;z-index:1000}.app-header-left,.app-header-right{display:flex;align-items:center;gap:1rem}.app-icon{width:40px;height:40px}.app-title{color:#fff;font-size:1.5rem;margin:0;font-weight:600}.breadcrumb{display:flex;align-items:center;color:#fff;opacity:.8}.breadcrumb-separator{margin:0 .5rem;font-size:1.2rem}.breadcrumb-item{font-weight:500}.user-info{font-size:12px;color:#fff;white-space:nowrap}.header-badges,.header-actions{display:flex;align-items:center;gap:8px}.total-docs-badge{background:var(--color-background-soft, #f1f5f9);border:1px solid var(--color-border, #d0d7de);padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;color:var(--color-text, #222);white-space:nowrap}button.app-icon-button{background:none!important;border:none!important;padding:0!important;display:flex;align-items:center;cursor:pointer}.app-icon-button:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:4px}.left-sidebar{position:fixed;top:70px;left:0;width:250px;height:calc(100vh - 70px);background:var(--color-surface, #ffffff);border-right:1px solid var(--color-border, #d0d7de);overflow-y:auto;transition:width .3s ease,transform .3s ease;z-index:900}.left-sidebar.collapsed{width:60px}.sidebar-header{padding:1rem;border-bottom:1px solid var(--color-border, #d0d7de);display:flex;justify-content:flex-end}.sidebar-toggle{background:none;border:1px solid var(--color-border, #d0d7de);border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:var(--color-text-soft, #666);transition:background-color .2s ease}.sidebar-toggle:hover{background:var(--color-surface-alt, #f8f9fa)}.sidebar-nav{list-style:none;padding:0;margin:0}.sidebar-nav li{margin:0}.sidebar-nav-item{display:flex;align-items:center;width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease;color:var(--color-text, #333);text-decoration:none;gap:12px;position:relative}.sidebar-nav-item:hover{background:var(--color-surface-alt, #f8f9fa)}.sidebar-nav-item.active{background:var(--color-accent-muted, #e3f2fd);color:var(--color-accent, #1976d2);font-weight:600}.sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-accent, #1976d2)}.sidebar-nav-icon{font-size:18px;min-width:18px;text-align:center}.sidebar-nav-label{flex:1;font-size:14px;font-weight:500}.sidebar-nav-badge{background:#dc2626;color:#fff;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1}.collapsed .sidebar-nav-item{padding:12px;justify-content:center}.collapsed .sidebar-nav-label,.collapsed .sidebar-nav-badge{display:none}.app-main-content{margin-left:250px;margin-top:70px;padding:32px 16px 16px 32px;transition:margin-left .3s ease}.app-main-content.sidebar-collapsed{margin-left:60px;padding:32px 16px 16px 24px}.mobile-menu-button{display:none;background:none;border:none;color:#fff;font-size:18px;padding:8px;cursor:pointer;border-radius:4px;margin-right:8px}.mobile-menu-button:hover{background:#ffffff1a}.mobile-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:899;display:none}.page-wrapper{max-width:100%;margin:0 auto}.page-header{margin-bottom:15px;padding-bottom:20px;border-bottom:1px solid var(--color-border, #e5e7eb)}.page-title{font-size:28px;font-weight:600;color:var(--color-text, #111827);margin:0 0 8px;line-height:1.25}.page-subtitle{font-size:16px;color:var(--color-text-soft, #6b7280);margin:0;line-height:1.5}.page-content>*+*{margin-top:24px}.form-section{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:8px;padding:20px;margin-bottom:16px}.form-section-title{font-size:16px;font-weight:600;color:var(--color-text, #111827);margin:0 0 12px}.form-section-description{font-size:14px;color:var(--color-text-soft, #6b7280);margin:0 0 16px;line-height:1.5}.card{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.card-title{font-size:18px;font-weight:600;color:var(--color-text, #111827);margin:0 0 12px}.card-content{font-size:14px;color:var(--color-text, #374151);line-height:1.5}.nested-tabs{margin-top:0}.nested-tabs .tab-bar{margin-bottom:20px;padding-bottom:0;border-bottom:1px solid var(--color-border, #e5e7eb)}h2{font-size:20px;font-weight:600;color:var(--color-text, #111827);margin:0 0 16px;line-height:1.3}h3{font-size:16px;font-weight:600;color:var(--color-text, #111827);margin:0 0 12px;line-height:1.4}p{font-size:14px;color:var(--color-text, #374151);line-height:1.5;margin:0 0 12px}.app-main-content .page-wrapper{padding:0}@media (max-width: 768px){.page-header{margin-bottom:12px;padding-bottom:12px}.page-title{font-size:20px}.form-section,.card{padding:16px}.page-content>*+*{margin-top:20px}.mobile-menu-button{display:flex;align-items:center;justify-content:center}.left-sidebar{transform:translate(-100%);width:280px;z-index:950}.left-sidebar.mobile-open{transform:translate(0)}.mobile-sidebar-overlay{display:block}.app-main-content,.app-main-content.sidebar-collapsed{margin-left:0}.app-header-right .header-badges,.app-header-right .user-info{display:none}.app-header-right .header-actions{gap:4px}.app-header-right .header-actions .btn{padding:6px 8px;font-size:12px}.app-title{font-size:1.2rem}.breadcrumb{font-size:14px}.breadcrumb-item{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width: 480px){.app-header{padding:.5rem .75rem}.app-title{font-size:1.1rem}.left-sidebar{width:260px}.sidebar-nav-item{padding:14px 16px}.sidebar-nav-label{font-size:15px}}