@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--font-family:"Inter", system-ui, -apple-system, sans-serif;--bg-app:#f4f7f9;--bg-card:#fff;--bg-card-inner:#f8fafc;--bg-sidebar:#fff;--bg-sidebar-hover:#f1f5f9;--bg-sidebar-active:#e0e7ff;--color-primary:#991b1b;--color-primary-hover:#7f1d1d;--color-primary-light:#fef2f2;--color-accent:#1f2937;--color-accent-hover:#111827;--color-accent-light:#f3f4f6;--color-success:#059669;--color-success-light:#ecfdf5;--color-warning:#d97706;--color-warning-light:#fffbeb;--color-error:#ef4444;--color-error-light:#fef2f2;--color-info:#2563eb;--color-info-light:#eff6ff;--text-main:#0f172a;--text-muted:#64748b;--text-on-dark:#fff;--text-on-primary:#fff;--border-color:#cbd5e1;--border-color-focus:#b91c1c;--shadow-sm:0 1px 2px 0 #00000008;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000f, 0 4px 6px -2px #00000008;--radius-sharp:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-card:4px;--radius-badge:12px;--radius-pill:9999px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--sidebar-width:270px;--header-height:72px}body.dark{--bg-app:#0f172a;--bg-card:#1e293b;--bg-card-inner:#192436;--bg-sidebar:#1e293b;--bg-sidebar-hover:#334155;--bg-sidebar-active:#1e1b4b;--color-primary:#dc2626;--color-primary-hover:#ef4444;--color-primary-light:#7f1d1d;--color-accent:#cbd5e1;--color-accent-hover:#f1f5f9;--color-accent-light:#334155;--color-success:#10b981;--color-success-light:#064e3b;--color-warning:#f59e0b;--color-warning-light:#78350f;--color-error:#f43f5e;--color-error-light:#881337;--color-info:#3b82f6;--color-info-light:#1e3a8a;--text-main:#f8fafc;--text-muted:#94a3b8;--text-on-dark:#fff;--text-on-primary:#fff;--border-color:#334155;--border-color-focus:#ef4444;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.btn,th,.form-label,.badge,nav a{-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]):not([type=color]),select,textarea{background-color:var(--bg-card);color:var(--text-main);border:1px solid var(--border-color)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{background-color:var(--bg-app);flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.content-body{flex-direction:column;flex:1;width:100%;max-width:1750px;min-height:0;margin:0 auto;padding:.5rem 1.25rem .25rem;display:flex;overflow-y:auto}.card{background-color:var(--bg-card);border-radius:var(--radius-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);border:1px solid #94a3b8;padding:1.25rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #00000026}body.dark .card-interactive:hover{box-shadow:0 4px 12px #00000080}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--text-on-primary);box-shadow:0 4px 6px #b91c1c33}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 6px 8px #b91c1c4d}.btn-secondary{background-color:var(--color-accent);color:var(--text-on-dark)}body.dark .btn-secondary{color:#0f172a}.btn-secondary:hover{background-color:var(--color-accent-hover)}.btn-outline{background-color:var(--bg-card);border-color:var(--border-color);color:var(--text-main)}.btn-outline:hover{background-color:var(--bg-app);border-color:#cbd5e1}.btn-danger{background-color:var(--color-error);color:var(--text-on-dark)}.btn-danger:hover{background-color:#dc2626}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-label{color:var(--text-muted);text-align:left;font-size:.85rem;font-weight:600}.form-input,.form-select,.form-textarea,.form-control{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-card);width:100%;color:var(--text-main);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);outline:none;padding:.65rem .9rem;font-size:.9rem}.form-input:focus,.form-select:focus,.form-textarea:focus,.form-control:focus{border-color:var(--border-color-focus);box-shadow:0 0 0 3px var(--color-primary-light);background-color:var(--bg-card);color:var(--text-main)}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder,.form-control::placeholder{color:var(--text-muted);opacity:.75}.form-input:disabled,.form-select:disabled,.form-textarea:disabled,.form-control:disabled{background-color:var(--bg-app);color:var(--text-muted);border-color:var(--border-color);cursor:not-allowed;opacity:.75}select.form-input,select.form-control,select.form-select,select.form-input option,select.form-control option,select.form-select option{background-color:var(--bg-card);color:var(--text-main)}.table-container{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-card);width:100%;margin-top:1rem;overflow-x:auto}.table-modern{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.table-modern th{background-color:var(--bg-app);color:var(--text-muted);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;padding:1rem 1.25rem;font-size:.75rem;font-weight:600}.table-modern td{border-bottom:1px solid var(--border-color);color:var(--text-main);padding:1rem 1.25rem}.table-modern tr:last-child td{border-bottom:none}.table-modern tbody tr:hover{background-color:var(--bg-app)}.badge{border-radius:var(--radius-full);align-items:center;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-danger{background-color:var(--color-error-light);color:var(--color-error-dark);border:1px solid var(--color-error)}.badge-info{background-color:var(--color-info-light);color:var(--color-info-dark);border:1px solid var(--color-info)}.badge-purple{color:#9333ea;background-color:#9333ea1a;border:1px solid #9333ea}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.line-consumed{pointer-events:none;animation:.5s ease-in-out forwards slide-out-right;background-color:var(--color-success-light)!important;border-color:var(--color-success)!important}.toast-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fade-in;display:flex;position:fixed;top:0;left:0}.toast-modal{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);text-align:center;border:2px solid var(--color-success);min-width:300px;padding:2rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) slide-up}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animated-fade{animation:fadeIn var(--transition-normal) forwards}.text-gradient{background:linear-gradient(135deg, var(--text-main) 0%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@keyframes scrollBounce{0%{opacity:.5;transform:translateY(0)}40%{opacity:.9;transform:translateY(4px)}60%{opacity:.9;transform:translateY(4px)}to{opacity:.5;transform:translateY(0)}}.btn-warning-theme{background-color:var(--color-warning);color:#fff;border:1px solid #0000;transition:all .2s;box-shadow:0 2px 4px #f59e0b4d}.btn-warning-theme:hover{filter:brightness(.9)}body.dark .btn-warning-theme{color:#fbbf24;box-shadow:none;background-color:#f59e0b26;border:1px solid #f59e0b4d}body.dark .btn-warning-theme:hover{filter:none;background-color:#f59e0b40}.btn-purple-theme{color:#fff;background-color:#9333ea;border:1px solid #0000;transition:all .2s;box-shadow:0 2px 4px #9333ea4d}.btn-purple-theme:hover{filter:brightness(.9)}body.dark .btn-purple-theme{color:#c084fc;box-shadow:none;background-color:#a855f726;border:1px solid #a855f74d}body.dark .btn-purple-theme:hover{filter:none;background-color:#a855f740}.icon-warning-theme{color:var(--color-warning);background-color:#fffbeb}body.dark .icon-warning-theme{color:#fbbf24;background-color:#f59e0b33}:root{--toast-success-bg:#052e16;--toast-success-border:#16a34a;--toast-error-bg:#1c0a0a;--toast-error-border:#dc2626;--toast-warning-bg:#1c1200;--toast-warning-border:#d97706;--toast-info-bg:#0c1a3a;--toast-info-border:#2563eb}@keyframes toastSlideIn{0%{opacity:0;transform:translate(110%)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastSlideOut{0%{opacity:1;max-height:200px;transform:translate(0)scale(1)}to{opacity:0;max-height:0;transform:translate(110%)scale(.95)}}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-wrapper{animation:.35s cubic-bezier(.34,1.56,.64,1) forwards toastSlideIn}.toast-progress-bar{animation:linear forwards toastProgress}.skeleton{background:linear-gradient(90deg, var(--border-color) 25%, var(--bg-card-inner) 50%, var(--border-color) 75%);border-radius:var(--radius-sm);background-size:1200px 100%;animation:1.4s linear infinite shimmer}.skeleton-line{border-radius:6px;height:14px;margin-bottom:.5rem}.skeleton-card{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-card);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.sidebar-tooltip{background-color:var(--color-accent);color:var(--text-on-dark);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;box-shadow:var(--shadow-md);z-index:1000;padding:.4rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:100%;transform:translateY(-50%)translate(5px)}@keyframes slideInLeftPortal{0%{opacity:0;transform:translateY(-50%)translate(5px)}to{opacity:1;transform:translateY(-50%)translate(15px)}}@keyframes slideInRightPortal{0%{opacity:0;transform:translateY(-50%)translate(-5px)}to{opacity:1;transform:translateY(-50%)translate(-15px)}}.sidebar-tooltip-portal-left{visibility:visible;animation:.2s cubic-bezier(.4,0,.2,1) forwards slideInLeftPortal}.sidebar-tooltip-portal-right{visibility:visible;animation:.2s cubic-bezier(.4,0,.2,1) forwards slideInRightPortal}.sidebar-tooltip:before{content:"";border-style:solid;border-width:5px 5px 5px 0;border-color:transparent var(--color-accent) transparent transparent;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}body.dark .sidebar-tooltip{color:#f8fafc;background-color:#334155}body.dark .sidebar-tooltip:before{border-color:#0000 #334155 #0000 #0000}.nav-link-container:hover .sidebar-tooltip{opacity:1;visibility:visible;transform:translateY(-50%)translate(15px)}.sidebar-right .sidebar-tooltip{left:auto;right:100%;transform:translateY(-50%)translate(-5px)}.sidebar-right .sidebar-tooltip:before{border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--color-accent);left:auto;right:-4px}body.dark .sidebar-right .sidebar-tooltip:before{border-color:#0000 #0000 #0000 #334155}.sidebar-right .nav-link-container:hover .sidebar-tooltip{transform:translateY(-50%)translate(-15px)}.custom-scrollbar::-webkit-scrollbar{width:5px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}