:root{--font-display:"Inter", sans-serif;--font-mono:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--primary:#136dec;--primary-hover:#0f58be;--primary-shadow:#136dec40;--bg-light:#f6f7f8;--bg-dark:#101822;--color-bg:#f6f7f8;--color-surface:#fff;--color-surface-hover:#f8fafc;--color-border:#e7ecf3;--color-text:#0d131b;--color-text-muted:#4c6c9a;--color-input-bg:#fff;--color-input-border:#cbd5e1;--color-input-text:#0d131b;--color-success:#10b981;--color-success-bg:#10b9811a;--color-danger:#f43f5e;--color-danger-bg:#f43f5e1a;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-info:#06b6d4;--color-info-bg:#06b6d41a;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--transition:all .2s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}[data-theme=dark]{--color-bg:#101822;--color-surface:#1a2533;--color-surface-hover:#253241;--color-border:#334155;--color-text:#f8fafc;--color-text-muted:#94a3b8;--color-input-bg:#253241;--color-input-border:#475569;--color-input-text:#f8fafc;--color-success-bg:#10b98133;--color-danger-bg:#f43f5e33;--color-warning-bg:#f59e0b33;--color-info-bg:#06b6d433;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%;font-size:16px;overflow-y:scroll}body{font-family:var(--font-display);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;transition:background-color var(--transition), color var(--transition);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;line-height:1.5;display:flex}#root{flex-direction:column;flex:1;min-height:100vh;display:flex}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;-webkit-user-select:none;user-select:none;display:inline-block}h1,h2,h3,h4,h5,h6{color:var(--color-text);letter-spacing:-.025em;font-weight:800;line-height:1.25}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.25rem}a{color:var(--primary);transition:var(--transition);text-decoration:none}a:hover{color:var(--primary-hover)}input,select,textarea{background-color:var(--color-input-bg);border:1px solid var(--color-input-border);color:var(--color-input-text);border-radius:var(--radius-lg);transition:var(--transition);outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-shadow)}input::-ms-reveal{width:0!important;height:0!important;display:none!important}input::-ms-clear{width:0!important;height:0!important;display:none!important}input::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:.7}label{color:var(--color-text);flex-direction:column;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}button{border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:700;display:inline-flex}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 6px -1px var(--primary-shadow)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:0 6px 8px -1px var(--primary-shadow)}.btn-secondary{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-hover);color:var(--color-text)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:#e11d48}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background-color:#059669}.btn-warning{background-color:var(--color-warning);color:#fff}.btn-warning:hover:not(:disabled){background-color:#d97706}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.flex-center{justify-content:center;align-items:center;display:flex}.state-container{text-align:center;width:100%;min-height:200px;color:var(--color-text-muted);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin:0 auto;padding:3.5rem 1.5rem;display:flex}.state-container .material-symbols-outlined{color:var(--color-text-muted);font-size:2.75rem}.state-container h3{color:var(--color-text);margin:0;font-size:1.125rem;font-weight:700}.state-container p{color:var(--color-text-muted);text-align:center;max-width:480px;margin:0;font-size:.9375rem;line-height:1.5}.state-container button{margin-top:.5rem}.spinner{border:3px solid var(--color-border);border-top-color:var(--primary);box-sizing:border-box;border-radius:50%;flex-shrink:0;width:2rem;height:2rem;margin:0 auto;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.grid-cols-4{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;width:100%;transition:var(--transition);position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;max-width:1280px;height:4rem;margin:0 auto;padding:0 1.5rem;display:flex}.header-left{align-items:center;gap:2rem;display:flex}.logo-wrapper{align-items:center;gap:.75rem;max-width:13rem;display:flex}.logo-wrapper img{max-width:100%}.logo-icon{background-color:var(--primary);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.logo-icon svg{stroke:currentColor;width:1.25rem;height:1.25rem}.app-title{color:var(--color-text);font-size:1.125rem;font-weight:800}.nav-links{align-items:center;gap:1.5rem;height:4rem;display:flex}.nav-link{color:var(--color-text-muted);height:100%;transition:var(--transition);border-bottom:2px solid #0000;align-items:center;font-size:.875rem;font-weight:600;display:flex}.nav-link:hover{color:var(--primary)}.nav-link.active{color:var(--primary);border-bottom-color:var(--primary)}.header-right{align-items:center;gap:1rem;display:flex}.theme-toggle-btn,.notifications-btn,.menu-toggle-btn{color:var(--color-text-muted);border-radius:var(--radius-md);width:2.5rem;height:2.5rem;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.theme-toggle-btn:hover,.notifications-btn:hover,.menu-toggle-btn:hover{background-color:var(--color-border);color:var(--color-text)}.user-profile{cursor:pointer;align-items:center;gap:.5rem;display:flex;position:relative}.user-avatar{border-radius:var(--radius-full);border:2px solid var(--color-border);background-color:var(--color-border);width:2.25rem;height:2.25rem;overflow:hidden}.user-avatar img{object-cover:cover;width:100%;height:100%}.user-dropdown{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:12rem;margin-top:.5rem;animation:.2s ease-out slideDown;display:flex;position:absolute;top:100%;right:0;overflow:hidden}.user-dropdown-info{border-bottom:1px solid var(--color-border);padding:.75rem 1rem;font-size:.75rem}.user-dropdown-name{color:var(--color-text);font-weight:700}.user-dropdown-role{color:var(--color-text-muted)}.user-dropdown-btn{color:var(--color-text);background:0 0;border:none;border-radius:0;justify-content:flex-start;width:100%;padding:.75rem 1rem;font-size:.875rem}.user-dropdown-btn:hover{background-color:var(--color-border)}.user-dropdown-btn.logout-btn{color:var(--color-danger);border-top:1px solid var(--color-border)}.user-dropdown-btn.logout-btn:hover{background-color:var(--color-danger-bg)}.menu-toggle-btn{display:none}.mobile-drawer-overlay{z-index:998;background-color:#0006;width:100%;height:100%;animation:.2s ease-out fadeIn;position:fixed;top:0;left:0}.mobile-drawer{background-color:var(--color-surface);width:18rem;height:100%;box-shadow:var(--shadow-lg);z-index:999;flex-direction:column;gap:2rem;padding:1.5rem;animation:.25s ease-out slideLeft;display:flex;position:fixed;top:0;right:0}.mobile-drawer-header{justify-content:space-between;align-items:center;display:flex}.mobile-nav-links{flex-direction:column;gap:1.25rem;display:flex}.mobile-nav-link{color:var(--color-text-muted);transition:var(--transition);border-left:3px solid #0000;padding:.5rem 0 .5rem .75rem;font-size:1rem;font-weight:600}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--primary);border-left-color:var(--primary)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=768px){.nav-links{display:none}.menu-toggle-btn{display:flex}}.footer{border-top:1px solid var(--color-border);background-color:var(--color-surface);width:100%;transition:var(--transition);margin-top:auto;padding:2rem 0}.footer-container{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;max-width:1280px;margin:0 auto;padding:0 1.5rem;display:flex}.footer-copyright{color:var(--color-text-muted);align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;display:flex}.footer-links{align-items:center;gap:1.5rem;display:flex}.footer-link{color:var(--color-text-muted);transition:var(--transition);font-size:.75rem;font-weight:500}.footer-link:hover{color:var(--primary)}@media (width<=768px){.footer-container{text-align:center;flex-direction:column;gap:1.25rem}}.layout-root{flex-direction:column;width:100%;min-height:100vh;display:flex}.layout-main{flex-direction:column;flex:1;width:100%;max-width:1280px;margin:0 auto;padding:2rem 1.5rem;display:flex}.page-transition-wrapper{flex-direction:column;flex:1;width:100%;animation:.2s cubic-bezier(.4,0,.2,1) pageFadeIn;display:flex}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.login-page{background-color:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:radial-gradient(circle, var(--primary-shadow) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:600px;height:600px;position:absolute;top:-30%;right:-15%}.login-page:after{content:"";background:radial-gradient(circle, var(--primary-shadow) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-20%;left:-10%}.login-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:1;width:100%;max-width:420px;padding:2.5rem;animation:.4s cubic-bezier(.4,0,.2,1) loginSlideUp;position:relative}@keyframes loginSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-logo{justify-content:center;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.login-logo img{max-width:100%;padding:.5rem}.login-logo-icon{background-color:var(--primary);border-radius:var(--radius-lg);color:#fff;width:3rem;height:3rem;box-shadow:0 6px 16px var(--primary-shadow);justify-content:center;align-items:center;display:flex}.login-logo-icon .material-symbols-outlined{font-size:1.5rem}.login-app-name{color:var(--color-text);letter-spacing:-.025em;font-size:1.5rem;font-weight:900}.login-heading{text-align:center;color:var(--color-text);margin-bottom:.5rem;font-size:1.75rem;font-weight:900}.login-subheading{text-align:center;color:var(--color-text-muted);margin-bottom:2rem;font-size:.9rem;line-height:1.6}.login-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--color-text);text-transform:uppercase;letter-spacing:.04em;font-size:.8125rem;font-weight:700}.form-input-wrapper{position:relative}.form-input-icon{color:var(--color-text-muted);pointer-events:none;font-size:1.125rem;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.form-input{border:1.5px solid var(--color-input-border);border-radius:var(--radius-lg);background-color:var(--color-input-bg);width:100%;height:3rem;color:var(--color-input-text);transition:var(--transition);padding:0 1rem 0 2.75rem;font-family:inherit;font-size:.9375rem}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-shadow);outline:none}.form-input::placeholder{color:var(--color-text-muted);opacity:.65}.form-input::-ms-reveal{width:0!important;height:0!important;display:none!important}.form-input::-ms-clear{width:0!important;height:0!important;display:none!important}.password-toggle{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:.875rem;transform:translateY(-50%)}.login-btn{border-radius:var(--radius-lg);background-color:var(--primary);color:#fff;cursor:pointer;width:100%;height:3.25rem;box-shadow:0 4px 14px var(--primary-shadow);transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;font-size:1rem;font-weight:800;display:flex}.login-btn:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:0 6px 20px var(--primary-shadow);transform:translateY(-1px)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:1.25rem;height:1.25rem;animation:.7s linear infinite spin}.login-error{background-color:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;animation:.3s ease-out shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.login-footer-text{text-align:center;color:var(--color-text-muted);border-top:1px solid var(--color-border);margin-top:1.5rem;padding-top:1.5rem;font-size:.8rem}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;top:0;left:0}.modal-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:500px;animation:.25s cubic-bezier(.4,0,.2,1) modalSlideUp;display:flex;overflow:hidden}.modal-container.large{max-width:800px}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{color:var(--color-text);font-size:1.25rem;font-weight:800}.modal-close-btn{color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;width:2rem;height:2rem;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{background-color:var(--color-border);color:var(--color-text)}.modal-body{max-height:calc(80vh - 8rem);color:var(--color-text);padding:1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--color-border);background-color:var(--color-surface-hover);justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.modal-container,.modal-container.large{width:calc(100% - 1rem);max-width:calc(100vw - 2rem)!important}.modal-body,.modal-header,.modal-footer{padding:1rem}}.table-wrapper{border-radius:var(--radius-xl);border:1px solid var(--color-border);background-color:var(--color-surface);width:100%;box-shadow:var(--shadow-sm);overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%}.table th{background-color:var(--color-surface-hover);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding:1rem 1.5rem;font-size:.75rem;font-weight:700}.table td{color:var(--color-text);border-bottom:1px solid var(--color-border);vertical-align:middle;padding:1.25rem 1.5rem;font-size:.875rem}.table tr:last-child td{border-bottom:none}.table tr{transition:var(--transition)}.table tr:hover{background-color:var(--color-surface-hover)}.table tr.clickable-row{cursor:pointer}.pagination-container{border-top:1px solid var(--color-border);background-color:var(--color-surface);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.pagination-info{color:var(--color-text-muted);font-size:.75rem;font-weight:500}.pagination-buttons{align-items:center;gap:.25rem;display:flex}.pagination-btn{border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:.5rem;display:flex}.pagination-btn:hover:not(:disabled){background-color:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-border)}.pagination-number{border-radius:var(--radius-md);cursor:pointer;min-width:2.25rem;height:2.25rem;transition:var(--transition);border:1px solid #0000;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.pagination-number.active{background-color:var(--primary);color:#fff}.pagination-number:not(.active):hover{background-color:var(--color-surface-hover);border-color:var(--color-border)}@media (width<=768px){.table,.table thead,.table tbody,.table th,.table td,.table tr{display:block}.table thead{display:none}.table tr{border-bottom:2px solid var(--color-border);padding:1rem 0}.table tr:last-child{border-bottom:none}.table td{text-align:right;border-bottom:none;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;display:flex}.table td.table-empty-cell,.table td[colspan]{text-align:center!important;width:100%!important;display:block!important}.table td.table-empty-cell:before,.table td[colspan]:before{content:none!important;display:none!important}.table td:before{content:attr(data-label);text-transform:uppercase;color:var(--color-text-muted);text-align:left;margin-right:1.5rem;font-size:.75rem;font-weight:700}.pagination-container{flex-direction:column;align-items:center;gap:1rem}}.alert-modal-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex}.alert-modal-icon{font-size:4rem}.alert-modal-content.type-success .alert-modal-icon{color:var(--color-success,#10b981)}.alert-modal-content.type-warning .alert-modal-icon{color:var(--color-warning,#f59e0b)}.alert-modal-content.type-danger .alert-modal-icon{color:var(--color-danger,#ef4444)}.alert-modal-body p{color:var(--color-text);margin:0;font-size:1.1rem;line-height:1.5}.pgn-root{justify-content:center;margin-top:1.75rem;animation:.2s both fadeInUp;display:flex}.pgn-bar{align-items:center;gap:.25rem;display:flex}.pgn-nav{border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;transition:color .15s,border-color .15s,background-color .15s;display:flex}.pgn-nav:hover:not(:disabled){color:var(--primary);border-color:var(--primary);background-color:#136dec0f}.pgn-nav:disabled{opacity:.4;cursor:not-allowed}.pgn-numbers{align-items:center;gap:.125rem;margin:0 .375rem;display:flex}.pgn-num{border-radius:var(--radius-md);min-width:2.25rem;height:2.25rem;color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0 .375rem;font-size:.875rem;font-weight:500;transition:color .15s,background-color .15s,border-color .15s;display:flex}.pgn-num:hover:not(.active){color:var(--color-text);background-color:var(--color-surface-hover)}.pgn-num.active{background-color:var(--primary);color:#fff;border-color:var(--primary);cursor:default;font-weight:700;box-shadow:0 2px 8px #136dec59}.pgn-dots{min-width:2.25rem;height:2.25rem;color:var(--color-text-muted);opacity:.5;-webkit-user-select:none;user-select:none;cursor:default;justify-content:center;align-items:center;font-size:.875rem;display:flex}@media (width<=600px){.pgn-nav{padding:.5rem .625rem;font-size:.75rem}.pgn-num,.pgn-dots{min-width:2rem;height:2rem;font-size:.8125rem}}.management-page{flex-direction:column;gap:1.75rem;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.page-header-text{flex:1;min-width:200px}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.section-title{color:var(--color-text);align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;display:flex}.section-title .material-symbols-outlined{color:var(--primary);font-size:1.375rem}.filters-bar{border-bottom:1px solid var(--color-border);box-shadow:none;background-color:#0000;border-radius:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem 0;display:flex}.filters-left{flex-wrap:wrap;flex:1;align-items:center;gap:.75rem;display:flex}.search-input-wrapper{flex:0 320px;align-items:center;min-width:200px;max-width:360px;display:flex;position:relative}.search-input-wrapper .material-symbols-outlined{color:var(--color-text-muted);pointer-events:none;z-index:1;font-size:1.125rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);height:2.5rem;color:var(--color-text);width:100%;min-width:0;transition:var(--transition);padding:0 2.75rem 0 2.5rem;font-size:.875rem}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-shadow);outline:none}.search-clear-btn{width:1.75rem;height:1.75rem;color:var(--color-text-muted);cursor:pointer;z-index:1;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:inline-flex;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.search-clear-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.filter-chip{border-radius:var(--radius-full);border:1.5px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:var(--transition);align-items:center;gap:.25rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;display:inline-flex}.filter-chip.active,.filter-chip:hover{border-color:var(--primary);color:var(--primary);background-color:#136dec0f}.filters-row{flex-wrap:nowrap;align-items:center;gap:.75rem;display:flex}.filter-chips-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.filters-bottom-row{flex-wrap:wrap;align-items:center;gap:.75rem;width:100%;margin-top:.5rem;display:flex}.filter-badge{border-radius:var(--radius-full);background-color:var(--primary);color:#fff;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;font-size:.6875rem;font-weight:800;line-height:1;display:inline-flex}.filters-count{color:var(--color-text-muted);white-space:nowrap;font-size:.8125rem;font-weight:500}.form-section{flex-direction:column;gap:1.25rem;display:flex}.form-section-header{border-bottom:1px solid var(--color-border);align-items:center;gap:.5rem;margin-bottom:.25rem;padding-bottom:.75rem;display:flex}.form-section-header .material-symbols-outlined{color:var(--primary);font-size:1.25rem}.form-section-header h4{color:var(--color-text);font-size:1rem;font-weight:700}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.form-field{flex-direction:column;gap:.4rem;display:flex}.form-field label{color:var(--color-text);text-transform:uppercase;letter-spacing:.04em;flex-direction:row;align-items:baseline;gap:.25rem;font-size:.8125rem;font-weight:700;display:inline-flex}.form-field input,.form-field select,.form-field textarea{border:1.5px solid var(--color-input-border);border-radius:var(--radius-lg);background-color:var(--color-input-bg);height:2.875rem;color:var(--color-input-text);transition:var(--transition);padding:0 .875rem;font-family:inherit;font-size:.9rem}.form-field input:disabled{color:#6b7280;cursor:not-allowed;opacity:.8;background-color:#f3f4f6;border-color:#d1d5db}.form-field textarea{resize:vertical;height:auto;min-height:5rem;padding:.75rem}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-shadow);outline:none}.form-field-required:after{content:"*";color:var(--color-danger);margin-left:2px;font-weight:700}.action-btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:.3rem;padding:.375rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.action-btn.edit{color:var(--primary);background-color:#0000}.action-btn.edit:hover{background-color:#136dec14}.action-btn.delete{color:var(--color-danger);background-color:#0000}.action-btn.delete:hover{background-color:var(--color-danger-bg)}.action-btn.view{color:var(--color-text-muted);background-color:#0000}.action-btn.view:hover{background-color:var(--color-border)}.user-initials-avatar{border-radius:var(--radius-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.75rem;font-weight:800;display:flex}.breadcrumb{color:var(--color-text-muted);align-items:center;gap:.375rem;margin-bottom:-.5rem;font-size:.875rem;display:flex}.breadcrumb a{color:var(--color-text-muted);font-weight:500}.breadcrumb a:hover{color:var(--primary)}.breadcrumb .material-symbols-outlined{font-size:1rem}.breadcrumb-current{color:var(--color-text);font-weight:600}.page-header-actions{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:.75rem;margin-left:auto;display:flex}.btn-reassign{border:1.5px dashed var(--primary);color:var(--primary);border-radius:var(--radius-lg);transition:var(--transition);background-color:#0000;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:700;display:inline-flex}.btn-reassign:hover{background-color:var(--primary-shadow);border-style:solid}.btn-reassign.active{background-color:var(--color-warning);border:1.5px solid var(--color-warning);color:#fff;box-shadow:0 4px 6px -1px var(--color-warning-bg)}.btn-reassign.active:hover{background-color:#d97706}.reassign-mode-banner{background-color:var(--color-warning-bg);border:1px solid var(--color-warning);color:var(--color-text);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:.75rem;padding:.875rem 1.25rem;font-size:.875rem;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) slideInDown;display:flex}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reassign-mode-banner .material-symbols-outlined{color:var(--color-warning);font-size:1.25rem}.reassign-cancel-link{color:var(--color-danger);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:.8125rem;font-weight:700;text-decoration:underline;display:inline}.reassign-cancel-link:hover{color:#e11d48}.reassign-locked-parqueo{border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface-hover);color:var(--color-text);align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;display:flex}.reassign-locked-parqueo .material-symbols-outlined{color:var(--primary)}.reassign-locked-badge{background-color:var(--color-border);color:var(--color-text-muted);text-transform:uppercase;border-radius:var(--radius-sm);letter-spacing:.05em;margin-left:auto;padding:.25rem .5rem;font-size:.6875rem;font-weight:800}.action-btn.reassign-select-btn{color:var(--color-warning);border:1.5px solid var(--color-warning);background-color:var(--color-warning-bg);border-radius:var(--radius-md);transition:var(--transition);padding:.375rem .75rem;font-size:.8rem;font-weight:700}.action-btn.reassign-select-btn:hover{background-color:var(--color-warning);color:#fff}.table-reassign-mode tbody tr{cursor:pointer;transition:var(--transition)}.table-reassign-mode tbody tr:hover{background-color:var(--color-warning-bg)!important}.reassign-confirm-body{text-align:center;flex-direction:column;align-items:center;padding:1rem 0;display:flex}.reassign-confirm-icon{border-radius:var(--radius-full);background-color:var(--color-warning-bg);width:3.5rem;height:3.5rem;color:var(--color-warning);justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.reassign-confirm-icon .material-symbols-outlined{font-size:2rem}@media (width<=768px){.form-grid,.form-grid.cols-3{grid-template-columns:1fr}.col-span-2,.col-span-3{grid-column:span 1}.filters-bar,.filters-row{flex-wrap:wrap}.filters-left{flex-flow:wrap;align-items:center}.dropdown-menu{width:max-content;min-width:200px;max-width:calc(100vw - 2rem)!important;left:0!important;right:auto!important}.dropdown-item,.dropdown-item>span:not(.dropdown-item-icon){word-break:break-word;white-space:normal!important}.page-header-actions{margin-left:auto}}@media (width<=576px){.page-header{flex-direction:column;align-items:stretch}.page-header-actions{justify-content:flex-start;width:100%}.search-input-wrapper{flex:100%;max-width:100%}}.dropdown-container{position:relative}.dropdown-button{align-items:center;gap:.5rem;display:flex}.dropdown-menu{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:1000;flex-direction:column;gap:.25rem;min-width:220px;padding:.5rem;animation:.2s cubic-bezier(.16,1,.3,1) dropdownFadeIn;display:flex;position:absolute;top:calc(100% + .5rem);right:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{border-radius:var(--radius-lg);cursor:pointer;width:100%;color:var(--color-text);text-align:left;white-space:nowrap;transition:var(--transition);background:0 0;border:none;justify-content:flex-start;align-items:center;gap:.75rem;padding:.625rem .875rem;font-size:.875rem;display:flex}.dropdown-item:hover{background-color:var(--color-surface-hover);color:var(--primary)}.dropdown-item:not(:last-child){border-bottom:none}.dropdown-item-icon{flex-shrink:0;font-size:1.25rem}.dropdown-item>span:not(.dropdown-item-icon){text-align:left;flex:1;min-width:0}.dropdown-arrow{font-size:1.2rem}.form-field-not-allowed{cursor:not-allowed}.dropdown-button--active{border-color:var(--primary)!important;color:var(--primary)!important;background-color:color-mix(in srgb, var(--primary) 8%, transparent)!important}.dropdown-menu--select{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;max-height:260px;overflow-y:auto}.dropdown-menu--select::-webkit-scrollbar{width:4px}.dropdown-menu--select::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:99px}.dropdown-item--selected{font-weight:600;color:var(--primary)!important;background-color:color-mix(in srgb, var(--primary) 8%, transparent)!important}.dropdown-item--selected .dropdown-item-icon{color:var(--primary)}.dropdown-loading{color:var(--color-text-muted);align-items:center;gap:.625rem;padding:.75rem .875rem;font-size:.875rem;display:flex}.spinner--sm{border-width:2px;flex-shrink:0;width:1rem;height:1rem}.dropdown-empty{color:var(--color-text-muted);text-align:center;margin:0;padding:.625rem .875rem;font-size:.875rem}.filter-badge--value{text-overflow:ellipsis;white-space:nowrap;border-radius:99px;max-width:120px;padding:.1rem .45rem;font-size:.7rem;font-weight:700;line-height:1.4;overflow:hidden;background:var(--primary)!important;color:#fff!important}.action-menu-container{display:inline-block;position:relative}.action-menu-trigger{cursor:pointer;color:var(--color-text-muted,#6b7280);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;transition:background-color .2s,color .2s;display:flex}.action-menu-trigger:hover{background-color:var(--color-bg-hover,#f3f4f6);color:var(--color-text,#111827)}.action-menu-dropdown{background-color:var(--color-bg-card,#fff);border:1px solid var(--color-border,#e5e7eb);z-index:9999;border-radius:.5rem;flex-direction:column;min-width:150px;padding:.5rem 0;display:flex;position:absolute;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.action-menu-item{text-align:left;width:100%;color:var(--color-text,#374151);cursor:pointer;background:0 0;border:none;grid-template-columns:1.25rem 1fr;align-items:center;column-gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:background-color .2s,color .2s;display:grid}.action-menu-item:hover{background-color:var(--color-bg-hover,#f3f4f6)}.action-menu-icon{justify-content:center;align-items:center;width:1.25rem;font-size:1.125rem;line-height:1;display:flex}.action-menu-item.danger{color:var(--color-danger,#ef4444)}.action-menu-item.danger:hover{background-color:#fee2e2}.dept-grid{grid-template-columns:repeat(3,1fr);gap:1rem;animation:.25s both fadeInUp;display:grid}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dept-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;padding:0;transition:box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.dept-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-3px)}.dept-card-header{border-bottom:1px solid var(--color-border);background-color:var(--color-surface-hover);justify-content:space-between;align-items:center;padding:1.125rem 1.5rem;display:flex}.dept-card-body{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.dept-card-icon{border-radius:var(--radius-md);letter-spacing:.02em;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.875rem;font-weight:800;transition:transform .2s;display:flex}.dept-card:hover .dept-card-icon{transform:scale(1.05)}.dept-card-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:800;overflow:hidden}.dept-card-users{color:var(--color-text-muted);align-items:center;gap:.25rem;font-size:.8rem;font-weight:600;display:flex}.dept-stat-chip{border-radius:var(--radius-lg);background-color:var(--color-surface-hover);border:1px solid var(--color-border);flex-direction:column;gap:.2rem;padding:.5rem .75rem;display:flex}.dept-stat-chip--available{background-color:#10b9810f;border-color:#10b9812e}.dept-stat-label{color:var(--color-text-muted);letter-spacing:.01em;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;line-height:1;display:flex}.dept-stat-value{color:var(--color-text);margin-top:.1rem;font-size:1.125rem;font-weight:800;line-height:1}.dept-stat-value--available{color:var(--color-success)}.dept-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.dept-empty-icon{border-radius:var(--radius-full);background-color:#136dec14;justify-content:center;align-items:center;width:4rem;height:4rem;margin-bottom:.5rem;display:flex}.dept-empty-icon .material-symbols-outlined{color:var(--primary);font-size:2rem}.dept-empty-title{color:var(--color-text);font-size:1rem;font-weight:700}.dept-empty-sub{color:var(--color-text-muted);max-width:28rem;font-size:.875rem}.dept-delete-body{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:.5rem 0 1rem;display:flex}.dept-delete-icon{border-radius:var(--radius-full);background-color:var(--color-danger-bg);width:3.5rem;height:3.5rem;color:var(--color-danger);justify-content:center;align-items:center;display:flex}.dept-delete-icon .material-symbols-outlined{font-size:1.75rem}@media (width<=1024px){.dept-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.dept-grid{grid-template-columns:1fr}.pagination-footer{flex-direction:column;align-items:stretch;gap:1rem}.pagination-info{justify-content:space-between}.pagination-controls{justify-content:stretch}.pagination-btn{flex:1}}.asistencia-container{flex-direction:column;flex:1;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;padding:1.25rem;display:flex}.asistencia-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.25rem;display:flex}.asistencia-header .page-header-text h2{color:var(--color-text);margin-bottom:.25rem;font-size:1.6rem;font-weight:800}.asistencia-header .page-header-text p{color:var(--color-text-muted);font-size:.875rem}.search-filter-section{flex-direction:column;gap:.75rem;width:100%;display:flex}.search-row{align-items:center;gap:.75rem;display:flex}.search-input-container{flex:1;position:relative}.search-input-container .material-symbols-outlined{color:var(--color-text-muted);font-size:1.25rem;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.search-input-container input{border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-surface);height:2.75rem;color:var(--color-text);width:100%;padding-left:2.5rem;font-size:.9375rem}.btn-filter-toggle{background-color:var(--color-surface);border:1px solid var(--color-border);height:2.75rem;color:var(--color-text-muted);border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;align-items:center;gap:.5rem;padding:0 1rem;font-size:.875rem;display:flex}.btn-filter-toggle.active{border-color:var(--primary);color:var(--primary);background-color:var(--primary-shadow)}.filter-dropdown-panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;gap:.75rem;padding:1rem;animation:.2s ease-out slideDown;display:flex}.filter-dropdown-panel label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:.8125rem;font-weight:700}.filter-dropdown-panel select{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-bg);height:2.5rem;font-size:.875rem}.quick-filters-row{scrollbar-width:none;gap:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.quick-filters-row::-webkit-scrollbar{display:none}.filter-pill{border-radius:var(--radius-full);background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;transition:var(--transition);padding:.5rem 1rem;font-size:.8125rem;font-weight:600}.filter-pill.active{background-color:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.spot-cards-grid{grid-template-columns:1fr;gap:1rem;padding-bottom:6rem;display:grid}@media (width>=640px){.spot-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.spot-cards-grid{grid-template-columns:repeat(3,1fr)}}.spot-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;padding:1.25rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.spot-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.spot-card.pending-change{border-color:var(--color-warning);box-shadow:0 0 0 2px var(--color-warning-bg), var(--shadow-sm)}.spot-card.pending-change:before{content:"";background-color:var(--color-warning);width:4px;height:100%;position:absolute;top:0;left:0}.card-header-area{justify-content:space-between;align-items:center;display:flex}.card-header-left{align-items:center;gap:.875rem;display:flex}.spot-avatar-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex}.spot-avatar-icon.available{background-color:var(--color-success-bg);color:var(--color-success)}.spot-avatar-icon.occupied{background-color:var(--color-border);color:var(--color-text-muted)}.spot-title-block{flex-direction:column;display:flex}.spot-code-row{align-items:center;gap:.5rem;display:flex}.spot-code{color:var(--color-text);font-size:1.125rem;font-weight:800}.status-indicator{border-radius:50%;width:.625rem;height:.625rem}.status-indicator.available{background-color:var(--color-success)}.status-indicator.occupied{background-color:var(--color-danger)}.status-indicator.reserved{background-color:var(--color-warning)}.spot-zone{color:var(--color-text-muted);margin-top:.125rem;font-size:.75rem}.occupant-section{background-color:var(--color-bg);border-radius:var(--radius-lg);align-items:center;gap:.75rem;padding:.75rem;display:flex}.occupant-avatar{background-color:var(--primary);color:#fff;text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:800;display:flex}.occupant-info{flex-direction:column;flex:1;min-width:0;display:flex}.occupant-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:700;overflow:hidden}.occupant-plate{color:var(--color-text-muted);font-size:.75rem}.no-assignment-label{color:var(--color-text-muted);font-size:.8125rem;font-style:italic}.card-bottom-actions{flex-direction:column;gap:.75rem;margin-top:auto;display:flex}.observations-wrapper{flex-direction:column;gap:.25rem;display:flex}.observations-wrapper label{color:var(--color-text-muted);font-size:.75rem;font-weight:600}.obs-input{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-bg);height:2.25rem;color:var(--color-text);padding:.5rem .75rem;font-size:.8125rem}.obs-input:focus{background-color:var(--color-surface)}.btn-attendance{border:1px solid var(--color-border);background-color:var(--color-surface);width:100%;height:2.5rem;color:var(--color-text);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;display:flex}.btn-attendance:hover{background-color:var(--color-surface-hover)}.btn-attendance.action-occupied,.btn-attendance.action-mark-occupied{color:#fff;background-color:var(--primary);border-color:var(--primary)}.btn-attendance.action-occupied:hover,.btn-attendance.action-mark-occupied:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-attendance.action-free,.btn-attendance.action-mark-free{color:#fff;background-color:#f97316;border-color:#f97316}.btn-attendance.action-free:hover,.btn-attendance.action-mark-free:hover{background-color:#ea580c;border-color:#ea580c}.bottom-action-panel{background-color:var(--color-surface);border-top:1px solid var(--color-border);z-index:100;justify-content:space-between;align-items:center;padding:1rem 1.25rem;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #00000014}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.panel-left-info{align-items:center;gap:.5rem;display:flex}.panel-left-info .badge{background-color:var(--color-warning-bg);color:var(--color-warning);border-radius:var(--radius-md);border:1px solid var(--color-warning);padding:.25rem .5rem;font-size:.8125rem;font-weight:800}.panel-text{color:var(--color-text);font-size:.875rem;font-weight:700}.btn-submit-attendance{background-color:var(--primary);color:#fff;box-shadow:0 4px 6px -1px var(--primary-shadow);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);padding:.625rem 1.5rem;font-weight:700}.btn-submit-attendance:hover{background-color:var(--primary-hover)}.summary-container{flex-direction:column;gap:1rem;max-height:50vh;padding-right:.25rem;display:flex;overflow-y:auto}.summary-item-card{border:1px solid var(--color-border);background-color:var(--color-bg);border-radius:var(--radius-lg);flex-direction:column;gap:.5rem;padding:.875rem;display:flex}.summary-item-top{justify-content:space-between;align-items:center;display:flex}.summary-item-code{color:var(--color-text);font-size:.9375rem;font-weight:800}.summary-item-badge{border-radius:var(--radius-full);padding:.125rem .5rem;font-size:.75rem;font-weight:700}.summary-item-badge.badge-occupied{background-color:var(--color-success-bg);color:var(--color-success)}.summary-item-badge.badge-free{background-color:var(--color-danger-bg);color:var(--color-danger)}.summary-item-obs{color:var(--color-text-muted);background-color:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);word-break:break-word;padding:.375rem .625rem;font-size:.8125rem}.usage-pill{border-radius:var(--radius-full);letter-spacing:-.01em;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:700;display:inline-flex}.usage-pill.usage-critical{background-color:var(--color-danger-bg,#fee2e2);color:var(--color-danger,#ef4444);border:1px solid #ef444440}.usage-pill.usage-warning{background-color:var(--color-warning-bg,#fef3c7);color:var(--color-warning,#d97706);border:1px solid #d9770640}.asistencia-tabs-bar{border-bottom:1px solid var(--color-border);gap:1.5rem;margin-top:-.5rem;margin-bottom:.25rem;display:flex}.asistencia-tab-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;margin-bottom:-1px;padding:.75rem .25rem;font-size:.9375rem;font-weight:700;transition:all .2s;display:inline-flex}.asistencia-tab-btn:hover{color:var(--color-text)}.asistencia-tab-btn.active{color:var(--primary);border-bottom:2px solid var(--primary)}.date-filter-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.date-field{align-items:center;gap:.5rem;display:flex}.date-label{color:var(--color-text-muted);white-space:nowrap;font-size:.8125rem;font-weight:600}.form-input-date{border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-surface);height:2.5rem;color:var(--color-text);cursor:pointer;transition:var(--transition);outline:none;padding:0 .75rem;font-family:inherit;font-size:.875rem}.form-input-date:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-shadow)}@media (width<=768px){.date-filter-row{width:100%}.date-field{flex:1;min-width:140px}.form-input-date{width:100%}}.mi-perfil-page{flex-direction:column;gap:1.75rem;width:100%;max-width:1200px;margin:0 auto;display:flex}.profile-hero-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl,1rem);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem;display:flex;position:relative;overflow:hidden}.profile-hero-card:before{content:"";background:linear-gradient(90deg, var(--primary) 0%, #3b82f6 100%);height:4px;position:absolute;top:0;left:0;right:0}.profile-hero-left{align-items:center;gap:1.5rem;display:flex}.profile-hero-avatar-wrapper{flex-shrink:0;position:relative}.profile-hero-avatar-img{object-fit:cover;border:3px solid var(--color-border);width:5.5rem;height:5.5rem;box-shadow:var(--shadow-md);border-radius:999px}.profile-hero-avatar-initials{color:#fff;border:3px solid var(--color-border);width:5.5rem;height:5.5rem;box-shadow:var(--shadow-md);border-radius:999px;justify-content:center;align-items:center;font-size:1.75rem;font-weight:800;display:flex}.profile-hero-info{flex-direction:column;gap:.35rem;display:flex}.profile-hero-name{color:var(--color-text);font-size:1.5rem;font-weight:800;line-height:1.2}.profile-hero-job{color:var(--color-text-muted);font-size:.9375rem;font-weight:500}.profile-hero-badges{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.profile-hero-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.profile-info-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.profile-info-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:var(--transition);flex-direction:column;gap:.5rem;padding:1.15rem 1.25rem;display:flex}.profile-info-card:hover{border-color:var(--primary);transform:translateY(-1px)}.profile-info-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;display:flex}.profile-info-label .material-symbols-outlined{color:var(--primary);font-size:1rem}.profile-info-value{color:var(--color-text);word-break:break-word;font-size:.95rem;font-weight:700}.profile-tabs-header{border-bottom:1px solid var(--color-border);gap:2rem;margin-top:.5rem;display:flex}.profile-tab-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.75rem .25rem;font-size:.9375rem;font-weight:700;transition:all .2s;display:flex}.profile-tab-btn:hover{color:var(--color-text)}.profile-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.profile-tab-btn .material-symbols-outlined{font-size:1.25rem}.password-form{flex-direction:column;gap:1.1rem;display:flex}.password-input-group{align-items:center;display:flex;position:relative}.password-toggle-visibility{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:all .15s;display:flex;position:absolute;right:.75rem}.password-toggle-visibility:hover{color:var(--color-text);background:var(--color-surface-hover)}@media (width<=768px){.profile-hero-card{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem 1.25rem}.profile-hero-left{flex-direction:column;align-items:center;gap:1rem;width:100%}.profile-hero-info{align-items:center}.profile-hero-badges{justify-content:center}.profile-hero-actions{justify-content:center;width:100%;margin-top:.5rem}.profile-hero-actions .btn-primary{justify-content:center;width:100%;max-width:320px}}.pwa-update-banner{z-index:9999;-webkit-backdrop-filter:blur(12px);background:#1a1a2eeb;border:1px solid #863bff59;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1.25rem;animation:.35s cubic-bezier(.34,1.56,.64,1) both pwa-slide-in;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000073}@keyframes pwa-slide-in{0%{opacity:0;transform:translate(-50%)translateY(1.5rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}.pwa-update-icon{color:#863bff;flex-shrink:0;font-size:1.25rem}.pwa-update-text{color:#ffffffe6;white-space:nowrap;margin:0;font-family:Inter,sans-serif;font-size:.875rem}.pwa-update-btn{color:#c4a0ff;cursor:pointer;white-space:nowrap;background:#863bff33;border:1px solid #863bff99;border-radius:.5rem;flex-shrink:0;padding:.35rem .875rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;transition:background .2s,color .2s}.pwa-update-btn:hover{color:#fff;background:#863bff73}