:root{--primary-color: #C7105C;--primary-color-rgb: 199, 16, 92;--primary-hover: #a00d4a;--secondary-color: #9A0C46;--accent-color: #C7105C;--bg-color: #f4f6f8;--bg-gradient: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);--container-bg: #ffffff;--text-color: #333333;--border-color: #d1d9e0;--label-color: #6c757d;--card-shadow: 0 8px 30px rgba(0, 0, 0, .08);--border-radius: 12px;--dot-color: rgba(199, 16, 92, .05);--lang-switch-bg: #f1f3f5;--lang-switch-active: #ffffff;--btn-secondary-bg: #e9ecef;--btn-secondary-color: #333333;--btn-secondary-hover-bg: #dee2e6;--btn-outline-bg: #ffffff;--btn-outline-color: #333333;--btn-outline-hover-bg: #f8f9fa;--btn-disabled-bg: #e9ecef;--btn-disabled-color: #6c757d;--btn-action-edit-bg: #f8f9fa;--btn-action-edit-hover-bg: #e9ecef;--btn-action-delete-bg: #ffffff;--badge-bg: #f1f5f9;--badge-border: #cbd5e1;--badge-color: #334155;--sort-badge-bg: #f8fafc;--sort-badge-border: #e2e8f0;--table-th-bg: rgba(0, 0, 0, .02);--table-tr-hover: rgba(0, 0, 0, .02);--dragging-bg: #f1f5f9;--alert-success-bg: #d1fae5;--alert-success-color: #065f46;--alert-success-border: #a7f3d0;--alert-error-bg: #fee2e2;--alert-error-color: #991b1b;--alert-error-border: #fecaca;--alert-warning-bg: #fff3cd;--alert-warning-color: #856404;--alert-warning-border: #ffeeba;--alert-info-bg: #eff6ff;--alert-info-color: #1e40af;--alert-info-border: #bfdbfe;--info-bg: #eff6ff;--info-border: #bfdbfe;--info-text: #1e40af;--status-active-bg: #d1fae5;--status-active-color: #065f46;--status-inactive-bg: #fee2e2;--status-inactive-color: #991b1b}html,body{min-height:100%}body{margin:0;font-family:Open Sans,Arial,sans-serif;background-color:var(--bg-color);background-image:radial-gradient(var(--dot-color) 1px,transparent 0),var(--bg-gradient);background-size:40px 40px,100% 100%;background-attachment:fixed;color:var(--text-color);transition:background-color .3s,color .3s;overflow-x:clip;overflow-y:auto;-webkit-tap-highlight-color:transparent}body.dark-theme{--bg-color: #121212;--bg-gradient: linear-gradient(135deg, #121212 0%, #1a1a1a 100%);--container-bg: #1e1e1e;--text-color: #e0e0e0;--border-color: #333333;--label-color: #a0a0a0;--primary-color: #ff4081;--primary-color-rgb: 255, 64, 129;--primary-hover: #ff6097;--secondary-color: #f50057;--accent-color: #ff4081;--card-shadow: 0 10px 40px rgba(0, 0, 0, .3);--dot-color: rgba(255, 64, 129, .05);--lang-switch-bg: #2a2a2a;--lang-switch-active: #3a3a3a;--btn-secondary-bg: #2d2d2d;--btn-secondary-color: #e0e0e0;--btn-secondary-hover-bg: #3d3d3d;--btn-outline-bg: #252525;--btn-outline-color: #e0e0e0;--btn-outline-hover-bg: #333333;--btn-disabled-bg: #2d2d2d;--btn-disabled-color: #777777;--btn-action-edit-bg: #2d2d2d;--btn-action-edit-hover-bg: #3d3d3d;--btn-action-delete-bg: #2a181c;--badge-bg: #2a2a2a;--badge-border: #404040;--badge-color: #cbd5e1;--sort-badge-bg: #252525;--sort-badge-border: #3d3d3d;--table-th-bg: rgba(255, 255, 255, .04);--table-tr-hover: rgba(255, 255, 255, .03);--dragging-bg: #2d2d2d;--alert-success-bg: rgba(16, 185, 129, .15);--alert-success-color: #6ee7b7;--alert-success-border: rgba(16, 185, 129, .3);--alert-error-bg: rgba(239, 68, 68, .15);--alert-error-color: #fca5a5;--alert-error-border: rgba(239, 68, 68, .3);--alert-warning-bg: rgba(245, 158, 11, .15);--alert-warning-color: #fcd34d;--alert-warning-border: rgba(245, 158, 11, .3);--alert-info-bg: rgba(59, 130, 246, .15);--alert-info-color: #93c5fd;--alert-info-border: rgba(59, 130, 246, .3);--info-bg: rgba(59, 130, 246, .15);--info-border: rgba(59, 130, 246, .3);--info-text: #93c5fd;--status-active-bg: rgba(16, 185, 129, .2);--status-active-color: #6ee7b7;--status-inactive-bg: rgba(239, 68, 68, .2);--status-inactive-color: #fca5a5}body.dark-theme .header{background:var(--container-bg);box-shadow:0 2px 10px #0000004d}body.dark-theme .header .logo-app{filter:brightness(0) invert(1)}body.dark-theme .header .lang-switch .lang-btn:hover{background:#ffffff1a;color:#fff}body.dark-theme .header .theme-toggle-btn{border-color:#404040;color:var(--label-color)}body.dark-theme .header .theme-toggle-btn:hover{background:#ffffff14;border-color:var(--primary-color);color:var(--primary-color)}body.dark-theme .app-footer{background:var(--container-bg);border-top-color:#333;box-shadow:0 -2px 10px #0000004d}body.dark-theme .app-footer .footer-link{color:#b0b0b0}body.dark-theme .app-footer .footer-link:hover{color:#fff}.container{max-width:1400px;margin:0 auto;padding:0 1.5rem;width:100%;box-sizing:border-box}@media(max-width:768px){.container{padding:0 1rem}}@media(max-width:480px){.container{padding:0 .75rem}}.container-fluid{width:100%;padding:0 1.5rem;margin:0;box-sizing:border-box}@media(max-width:768px){.container-fluid{padding:0 1rem}}@media(max-width:480px){.container-fluid{padding:0 .75rem}}.main-content-area{padding:1rem 0}@media(max-width:768px){.main-content-area{padding:.5rem 0}}.card{background-color:var(--container-bg);border-radius:var(--border-radius);box-shadow:var(--card-shadow);border:1px solid var(--border-color);overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 12px 40px #0000001f}.form-control{width:100%;min-height:44px;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;font-family:inherit;line-height:1.5;background-color:var(--container-bg);color:var(--text-color);transition:all .2s ease-in-out;box-sizing:border-box;touch-action:manipulation}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c7105c26}.form-control.is-invalid{border-color:#dc3545}.form-control.is-invalid:focus{box-shadow:0 0 0 3px #dc354526}.form-control:disabled{background-color:#0000000d;cursor:not-allowed;opacity:.7}body.dark-theme .form-control{background-color:#252525;border-color:#404040;color:#e0e0e0}body.dark-theme .form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff408140}body.dark-theme .form-control:disabled{background-color:#ffffff0d}body.dark-theme select,body.dark-theme option{background-color:#252525;color:#e0e0e0}body.dark-theme .card:hover{box-shadow:0 12px 50px #00000080}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.6rem 1.25rem;font-weight:600;font-size:.95rem;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out;border:1px solid transparent;font-family:inherit;line-height:1.5;text-decoration:none;box-sizing:border-box;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn:disabled{cursor:not-allowed;opacity:.65}.btn-primary{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.btn-primary:disabled{background-color:var(--btn-disabled-bg);border-color:var(--btn-disabled-bg);color:var(--btn-disabled-color)}.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-color);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--btn-secondary-hover-bg);border-color:var(--border-color)}.btn-secondary:disabled{background-color:var(--btn-disabled-bg);border-color:var(--btn-disabled-bg);color:var(--btn-disabled-color)}.btn-outline{background-color:var(--btn-outline-bg);color:var(--btn-outline-color);border-color:var(--border-color)}.btn-outline:hover:not(:disabled){background-color:var(--btn-outline-hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.btn-outline:disabled{background-color:var(--btn-disabled-bg);border-color:var(--btn-disabled-bg);color:var(--btn-disabled-color)}.btn-danger{background-color:#dc3545;color:#fff;border-color:#dc3545}.btn-danger:hover:not(:disabled){background-color:#bb2d3b;border-color:#bb2d3b;color:#fff}.btn-danger:disabled{background-color:var(--btn-disabled-bg);border-color:var(--btn-disabled-bg);color:var(--btn-disabled-color)}app-root{display:block;height:100%}app-header{display:block;flex-shrink:0;position:sticky;top:0;z-index:100}@media(max-width:768px){app-header{position:static}}app-footer{display:block;flex-shrink:0;position:sticky;bottom:0;z-index:100}@media(max-width:768px){app-footer{position:static}}.page-wrapper{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:transparent}main{flex:1 0 auto;padding:1rem 0 3rem;-webkit-overflow-scrolling:touch}@media(max-width:768px){main{padding:.75rem 0 2rem}}@media(max-width:480px){main{padding:.5rem 0 1.5rem}}.header{background:var(--container-bg);border-bottom:2px solid var(--secondary-color);box-shadow:0 2px 8px #0000000f;padding:.5rem 0}@media(max-width:768px){.header{padding:.75rem 0}}.header .header-content{display:flex;justify-content:space-between;align-items:center;background-color:var(--container-bg);flex-wrap:wrap;gap:.75rem}@media(max-width:576px){.header .header-content{gap:.5rem}}.header .header-brand{display:flex;align-items:center;gap:1.5rem}@media(max-width:768px){.header .header-brand{gap:.75rem}}.header .brand-link{display:flex;align-items:center;text-decoration:none}.header .brand-link .brand-logo{height:48px;width:auto}@media(max-width:768px){.header .brand-link .brand-logo{height:38px}}@media(max-width:480px){.header .brand-link .brand-logo{height:32px}}.header .logo-container{display:flex;align-items:center;gap:1.5rem}@media(max-width:768px){.header .logo-container{gap:.75rem}}.header .logo-container img{height:50px}@media(max-width:768px){.header .logo-container img{height:38px}}@media(max-width:480px){.header .logo-container img{height:32px}}.header .logo-container .logo-ub{height:55px}@media(max-width:768px){.header .logo-container .logo-ub{height:42px}}@media(max-width:480px){.header .logo-container .logo-ub{height:35px}}.header .logo-container .logo-app{height:55px;border-left:1px solid var(--border-color);padding-left:1.5rem}@media(max-width:768px){.header .logo-container .logo-app{height:42px;padding-left:.75rem}}@media(max-width:480px){.header .logo-container .logo-app{height:35px;padding-left:.5rem}}.header .header-actions{display:flex;align-items:center;gap:.75rem}@media(max-width:768px){.header .header-actions{gap:.5rem}}.header .lang-switch{display:inline-flex;align-items:center;background:var(--lang-switch-bg);border:1px solid var(--border-color);border-radius:20px;padding:2px;height:36px;box-sizing:border-box}.header .lang-switch .lang-btn{background:none;border:none;padding:0 10px;height:30px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;font-weight:600;letter-spacing:.5px;color:var(--label-color);border-radius:16px;transition:all .2s ease}@media(max-width:768px){.header .lang-switch .lang-btn{padding:0 8px;font-size:.75rem}}.header .lang-switch .lang-btn:hover{color:var(--text-color);background:#0000000a}.header .lang-switch .lang-btn.active{background:var(--lang-switch-active);color:var(--primary-color);box-shadow:0 1px 3px #0000001f}.header .lang-switch .lang-divider{display:none}.header .theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border-color);background:transparent;cursor:pointer;border-radius:8px;color:var(--label-color);transition:all .2s ease;flex-shrink:0;box-sizing:border-box}.header .theme-toggle-btn:hover{background:#0000000d;border-color:var(--primary-color);color:var(--primary-color)}.header .theme-toggle-btn .theme-icon,.header .theme-toggle-btn svg{display:block;color:inherit;transition:transform .2s ease,color .2s ease}.header .theme-toggle-btn:hover .theme-icon,.header .theme-toggle-btn:hover svg{transform:rotate(15deg)}.app-footer{background:var(--container-bg);padding:.5rem 0;border-top:1px solid var(--border-color);box-shadow:0 -2px 8px #0000000a;color:var(--label-color);font-size:.8125rem}@media(max-width:768px){.app-footer{padding:.35rem 0}}.app-footer .footer-content{display:flex;justify-content:space-between;align-items:center;background-color:var(--container-bg)}@media(max-width:768px){.app-footer .footer-content{flex-direction:column;gap:.35rem;text-align:center}}.app-footer .footer-left{display:flex;align-items:center;flex-wrap:wrap}@media(max-width:768px){.app-footer .footer-left{justify-content:center;gap:.25rem .5rem}.app-footer .footer-left .divider{display:none}}.app-footer .footer-link{color:var(--label-color);text-decoration:none;margin-right:0;padding:.15rem .25rem}@media(max-width:768px){.app-footer .footer-link{padding:.1rem .3rem}}.app-footer .footer-link:hover{color:var(--primary-color);text-decoration:underline}.app-footer .version-info{color:#999;font-size:.75rem}@media(max-width:768px){.app-footer .version-info{font-size:.75rem}}.mx-auto{margin-left:auto!important;margin-right:auto!important}.text-center{text-align:center!important}.text-start{text-align:left!important}.w-100{width:100%!important}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}@media(min-width:576px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}}@media(min-width:768px){.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}}@media(min-width:992px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.flex-wrap{flex-wrap:wrap!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}