html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bg-draw{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:0;overflow:hidden}.svg-bg{width:100%;height:100%;max-width:1920px;max-height:1080px}@media (min-width: 1440px){.svg-bg{width:1440px;height:auto}}@media (min-width: 1024px) and (max-width: 1439px){.svg-bg{width:100%;height:auto}}@media (min-width: 768px) and (max-width: 1023px){.svg-bg{width:110%;height:auto}}@media (max-width: 767px){.svg-bg{width:150%;height:auto}}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;font-family:gibson,Source Sans Pro,sans-serif}.app-layout{display:flex;flex-direction:row;width:100%;min-height:100vh;font-family:gibson,Source Sans Pro,sans-serif;background:linear-gradient(135deg,#024041eb,#024041d9),url(/assets/Fondo_1-mnBLlDHU.png);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:scroll;box-sizing:border-box;color:var(--gray-800);overflow-x:hidden}.sidebar{width:280px;background:transparent;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--white);padding:2rem 1.5rem;flex-shrink:0;display:flex;flex-direction:column;z-index:300;box-shadow:6px 0 25px #00000040;border-right:1px solid rgba(255,255,255,.15);border-radius:0 18px 18px 0;transition:all .3s ease}.close-sidebar{display:none}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;height:100%;transform:translate(-100%);transition:transform .3s ease}.sidebar.show{transform:translate(0)}.close-sidebar{display:block;position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--white);font-size:1.5rem;cursor:pointer;z-index:350}.mobile-toggle{display:block;position:fixed;top:1rem;left:1rem;z-index:400;background:var(--primary-700);border:none;color:var(--white);padding:.7rem 1rem;border-radius:10px;font-size:1.4rem;cursor:pointer;box-shadow:0 6px 20px #0000004d}}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000086;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:250;opacity:0;pointer-events:none;transition:all .3s ease}.sidebar-overlay.active{opacity:1;pointer-events:all}.cont-logo-layaout{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;margin-bottom:2rem}.cont-logo-layaout p{font-size:.8em;text-align:center;opacity:.8;font-family:new-science,sans-serif}.layaout-logo{width:70%;object-fit:contain}.cont-footer-layout{width:100%;margin-top:auto;display:flex;align-items:flex-end}.logo{font-family:new-science,sans-serif;font-size:1.8rem;margin-bottom:2rem;color:var(--white);text-align:center;letter-spacing:-.5px;text-shadow:0 2px 6px rgba(0,0,0,.4)}.sidebar nav ul{list-style:none;padding:0;margin:0}.sidebar nav ul li{margin:.6rem 0}.sidebar nav ul li a{color:#ffffffd9;text-decoration:none;font-weight:500;font-size:.95rem;display:flex;align-items:center;padding:.7rem .9rem;border-radius:10px;transition:all .25s ease}.sidebar nav ul li a:hover{background:#ffffff14;color:var(--white);transform:translate(4px)}.sidebar nav ul li a.active{background:linear-gradient(135deg,var(--primary-600),var(--primary-800));color:var(--white);box-shadow:0 6px 15px #02404166}.main-content{flex:1;padding:2rem;background:#ffffff0a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;margin:1rem;transition:all .3s ease;width:auto;overflow-x:auto;overflow:hidden}.logout-btn-layout{width:100%;background:linear-gradient(135deg,var(--primary-600),var(--primary-800));border:none;color:#fff;padding:.7rem 1rem;border-radius:10px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .25s ease}.logout-btn-layout:hover{transform:translateY(-2px);box-shadow:0 8px 20px #02404166}.logout-btn-layout:focus{box-shadow:0 0 0 3px #0240414d;outline:none}.contr-empl-container{padding:20px;width:100%;min-height:100vh;box-sizing:border-box;background:linear-gradient(135deg,#024041eb,#024041d9),url(/assets/Fondo_1-mnBLlDHU.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll}.contr-empl-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.contr-empl-table{min-width:600px;width:100%;border-collapse:collapse}@media (max-width: 1024px){.contr-empl-title{font-size:20px;margin-bottom:15px}}@media (max-width: 768px){.main-content{margin:.5rem;padding:1rem}.sidebar{background:#024041bf}.contr-empl-table th,.contr-empl-table td{padding:10px 6px;font-size:12px}.contr-empl-title{font-size:18px}}@media (max-width: 480px){.contr-empl-table th,.contr-empl-table td{padding:8px 4px;font-size:11px}.contr-empl-title{font-size:16px}}.login-wrapper{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#024041eb,#024041d9),url(/assets/Fondo_1-mnBLlDHU.png);background-repeat:no-repeat;background-position:center;background-size:cover;font-family:gibson,Source Sans Pro,sans-serif}.login-card{display:flex;flex-direction:column;background:var(--white);padding:40px;width:360px;border-radius:var(--radius-md);box-shadow:var(--shadow-soft);animation:fadeIn .4s ease-in-out;justify-content:center;z-index:2}.cont-logo-login{width:100%;height:100%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.login-logo{width:80%;height:auto;object-fit:contain}.login-title{text-align:center;margin-bottom:5px;font-size:22px;font-weight:600;color:var(--dark)}.login-subtitle{text-align:center;margin-bottom:25px;color:var(--gray-500);font-size:14px}.login-form{display:flex;flex-direction:column}.input-group{display:flex;flex-direction:column;margin-bottom:18px}.input-group label{font-size:13px;margin-bottom:6px;color:var(--dark)}.input-group input{padding:10px;border:1px solid var(--gray-300);border-radius:var(--radius-md);transition:.2s ease;font-size:14px;color:var(--dark);background:var(--white)}.input-group input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #0071bb33}.login-form button{margin-top:10px;padding:10px;background-color:var(--primary);color:var(--white);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:14px;transition:.2s ease}.login-form button:hover{background-color:var(--primary-700)}.login-form button:disabled{background-color:var(--gray-400);cursor:not-allowed}.error-message{background-color:var(--danger-100);color:var(--danger);padding:8px;border-radius:var(--radius-md);font-size:13px;margin-bottom:10px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.login-card{width:90%;padding:30px 20px}.login-title{font-size:20px}.login-subtitle{font-size:13px}.input-group input,.login-form button{font-size:13px;padding:8px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:99999}.modal-box{background:#fff;padding:24px;border-radius:16px;width:400px;box-shadow:0 20px 60px #0003}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-primary{background:#027a7a;color:#fff}.btn-danger{background:#dc2626;color:#fff}.btn-secondary{background:#e5e7eb}.ui-toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.95;pointer-events:none}.ui-toast{padding:12px 18px;border-radius:var(--radius-md);color:var(--white);font-size:14px;font-weight:500;box-shadow:var(--shadow-soft);animation:slideToast .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);pointer-events:auto}.ui-toast.success{background:linear-gradient(135deg,var(--primary-600),var(--primary-800))}.ui-toast.error{background:linear-gradient(135deg,var(--danger),#b91c1c);color:#fff}.ui-toast.warning{background:linear-gradient(135deg,var(--warning),#d97706);color:#111827}.ui-toast.info{background:linear-gradient(135deg,var(--primary-600),var(--primary-800))}@keyframes slideToast{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.ui-top-loader{position:fixed;top:0;left:0;height:3px;background:var(--gradient-primary);width:0%;z-index:9999;transition:width .3s ease}.ui-top-loader.active{width:80%}@media (max-width: 480px){.ui-toast-container{top:env(safe-area-inset-top,10px);left:0;right:0;padding:0 12px;display:flex;align-items:center}.ui-toast{width:100%;max-width:100%;font-size:13px;padding:12px 14px;border-radius:12px;text-align:center;animation:slideToastMobile .25s ease}}@keyframes slideToastMobile{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (min-width: 481px) and (max-width: 768px){.ui-toast-container{top:15px;right:15px;left:15px;align-items:flex-end}.ui-toast{width:auto;max-width:420px;font-size:13px;padding:11px 14px}}@media (min-width: 769px) and (max-width: 1024px){.ui-toast-container{top:18px;right:18px}.ui-toast{max-width:380px;font-size:13.5px}}@media (min-width: 1025px) and (max-width: 1440px){.ui-toast-container{top:20px;right:20px}.ui-toast{max-width:420px;font-size:14px}}@media (min-width: 1441px){.ui-toast-container{top:24px;right:24px}.ui-toast{max-width:460px;font-size:14.5px;padding:14px 18px}}.dashboard-wrapper{width:auto;padding:2.2rem;background:linear-gradient(180deg,var(--primary-50),var(--gray-100));min-height:auto;display:flex;flex-direction:column;gap:2rem;font-family:gibson,Source Sans Pro,sans-serif;color:var(--gray-800);border-radius:var(--radius-lg);transition:all .3s ease}.card-dashboard{background:var(--white);border-radius:var(--radius-lg);padding:1.8rem;box-shadow:var(--shadow-soft);transition:all .3s ease;border:1px solid var(--gray-200);position:relative;overflow:hidden}.card-dashboard:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary);opacity:.8}.card-dashboard:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-hover)}.header-card{border-left:5px solid var(--primary-600);background:var(--primary-50);padding:1rem 1.2rem;border-radius:15px}.header-card h1{font-family:new-science,sans-serif;font-size:2.2rem;margin-bottom:.4rem;color:var(--primary-800);letter-spacing:-.5px}.header-card p{font-size:1rem;color:var(--gray-600)}.user-info{margin-top:1rem;display:flex;gap:2rem;flex-wrap:wrap;font-size:.95rem;color:var(--gray-600)}.user-info span{background:var(--primary-50);padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--primary-100);box-shadow:0 2px 5px #0240411a}.dashboard-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.action-card{cursor:pointer;text-align:center;padding:2rem 1.2rem;background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);display:flex;flex-direction:column;justify-content:center;gap:.6rem;transition:all .25s ease;position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.action-card:hover:before{transform:scaleX(1)}.action-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:var(--primary-200)}.action-card h3{font-family:new-science,sans-serif;font-size:1.3rem;color:var(--primary-700);transition:color .2s ease}.action-card:hover h3{color:var(--primary-800)}.action-card p{font-family:Source Sans Pro,sans-serif;font-size:.95rem;color:var(--gray-600)}@media (max-width: 900px){.dashboard-wrapper{padding:1.5rem}.header-card h1{font-size:1.8rem}.action-card{padding:1.6rem 1rem}}@media (max-width: 600px){.dashboard-wrapper{padding:1rem;gap:1.5rem}.user-info{flex-direction:column;gap:.5rem}.header-card h1{font-size:1.6rem}.action-card h3{font-size:1.1rem}.action-card p{font-size:.9rem}}.inventory-dashboard{max-width:1500px;margin:0 auto;height:auto;padding:2rem;font-family:gibson,Source Sans Pro,sans-serif;color:var(--gray-900);display:flex;flex-direction:column;gap:2rem;background:linear-gradient(135deg,var(--primary-50),var(--gray-100));border-radius:var(--radius-lg)}.inventory-dashboard h2{font-family:new-science,sans-serif;font-size:2rem;color:var(--primary-600);margin-bottom:1rem}.cards-container-inv{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.card-inventory{background:var(--white);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease;border-left:4px solid transparent;z-index:2;height:auto}.card-inventory:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.history-card,.catalog-card{border-left:4px solid var(--primary-600)}.history-card h3,.catalog-card h3{font-family:new-science,sans-serif;margin-bottom:.5rem;color:var(--primary-600)}.history-card p,.catalog-card p{font-size:.95rem;color:var(--gray-500)}.location-card{display:flex;flex-direction:column;justify-content:space-around;gap:5px;height:auto}.location-card button{width:auto}.metrics-card{border-left:4px solid var(--secondary-600)}.location-card h3{font-family:new-science,sans-serif;font-size:1.25rem;margin-bottom:.5rem;color:var(--secondary-600)}.location-card p{font-size:.95rem;margin-bottom:.5rem;color:var(--gray-500)}.card-inventory button{padding:.6rem 1.2rem;border:none;border-radius:var(--radius-md);background:var(--primary-600);color:var(--white);cursor:pointer;font-weight:500;transition:all .3s ease;outline:none}.card-inventory button:hover{background:var(--primary-700)}.card-inventory button:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}@media (max-width: 900px){.inventory-dashboard{padding:1.5rem}}@media (max-width: 600px){.inventory-dashboard{padding:1rem;gap:1rem}.inventory-dashboard h2{font-size:1.6rem}.card-inventory h3{font-size:1.1rem}.card-inventory p{font-size:.9rem}}.locations-page{max-width:1200px;margin:0 auto;padding:30px;font-family:Roboto,sans-serif;background:linear-gradient(180deg,var(--primary-50),var(--gray-100));color:var(--gray-800);border-radius:var(--radius-lg);height:auto}.locations-page h2{text-align:center;margin-bottom:30px;font-size:28px;font-weight:700;color:var(--primary-700)}.form-location-modern{background:var(--white);padding:20px 25px;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);margin-bottom:35px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;align-items:center}.form-location-modern input,.form-location-modern select{padding:10px 14px;font-size:.95rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);width:auto;min-width:180px;max-width:240px;background:var(--white);color:var(--gray-800);transition:all .25s ease}.form-location-modern input:focus,.form-location-modern select:focus{outline:none;border-color:var(--primary-600);box-shadow:0 0 6px #3b82f640}.btn-create{padding:10px 18px;font-size:.95rem;font-weight:600;background-color:var(--primary-600);color:var(--white);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.locations-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.location-card-modern{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:18px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease}.location-card-modern:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.location-card-info p{margin:4px 0;font-size:.92rem;color:var(--gray-700)}.location-card-info p:first-child{font-weight:600;color:var(--primary-600)}.location-card-info p:last-child{color:var(--gray-500);font-style:italic}.location-card-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:12px}.location-card-actions button{background:none;border:none;cursor:pointer;color:var(--gray-500);transition:all .2s ease}.location-card-actions button:hover{transform:scale(1.2)}.location-card-actions button[title=Edit]:hover{color:var(--secondary-600)}.location-card-actions button[title=Delete]:hover{color:var(--danger)}@media (max-width: 768px){.form-location-modern{flex-direction:column;align-items:stretch}.form-location-modern input,.form-location-modern select,.btn-create{width:100%;max-width:100%}.locations-cards-container{grid-template-columns:1fr}}.location-group{margin-bottom:35px}.main-location{border-left:6px solid var(--primary-600)}.sub-locations{margin-left:40px;margin-top:15px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:15px}.sub-location{border-left:4px solid var(--secondary-600);background:var(--gray-50)}.location-inventory{padding:20px 30px;font-family:gibson,Source Sans Pro,sans-serif;background:linear-gradient(180deg,var(--primary-50),var(--gray-100));color:var(--dark);border-radius:15px}.cont-btn-header-location{display:flex;flex-direction:row;gap:5px}.inventory-title{font-size:28px;font-weight:600;margin-bottom:25px}.inventory-stats{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:20px}.stat-card{flex:1;min-width:150px;background:var(--white);padding:15px;border-radius:var(--radius-md);box-shadow:var(--shadow-soft);text-align:center;transition:.3s}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.stat-card.low{border-left:2px solid var(--danger)}.stat-card.medium{border-left:2px solid var(--warning)}.inventory-filters-advanced{display:flex;justify-content:center;margin-bottom:20px}.advanced-search{display:flex;background:var(--white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-soft)}.advanced-search input{border:none;padding:12px;width:250px;outline:none}.advanced-search select{border:none;background:var(--primary);color:var(--white);padding:12px;cursor:pointer;border-radius:var(--radius-md)}.add-stock-icon{display:inline-flex;align-items:center;gap:6px;margin-bottom:20px;padding:10px 14px;background:var(--primary);color:var(--white);border-radius:var(--radius-md);cursor:pointer}.add-stock-icon:hover{background:var(--secondary)}.inventory-section-header{display:flex;justify-content:space-between;align-items:center;background:var(--white);padding:12px 16px;border-radius:var(--radius-md);box-shadow:var(--shadow-soft);margin-top:20px}.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.main-inventory-section{background:linear-gradient(180deg,var(--primary-100),var(--gray-50));border-left:2px solid var(--primary);border-radius:var(--radius-lg);padding:20px}.subsede-inventory{background:linear-gradient(180deg,var(--primary-100),var(--gray-50));border:1px solid var(--gray-300);border-left:2px solid var(--secondary);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-soft);position:relative}.subsede-inventory:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.subsede-header{background:#fff;border-left:2px solid var(--secondary);padding:10px;border-radius:var(--radius-md);margin-bottom:20px}.inventory-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;align-items:start}.stock-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden;transition:.3s;position:relative}.stock-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.stock-card.low:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);background:#ec184614;pointer-events:none}.stock-card.low{border:2px solid var(--danger);animation:pulseLow 1.5s infinite}.stock-card.medium{border:2px solid var(--warning);background:linear-gradient(180deg,rgba(255,175,5,.08),transparent)}@keyframes pulseLow{0%{box-shadow:0 0 #ec184666}50%{box-shadow:0 0 12px #ec184699}to{box-shadow:0 0 #ec184666}}.card-image-wrapper{width:100%;aspect-ratio:4 / 3;overflow:hidden}.card-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.card-content{padding:12px}.card-content h4{margin:0}.product-description{font-size:12px;color:var(--gray-500);margin:5px 0}.card-stats{display:flex;justify-content:space-between;font-size:12px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:15px}.page-btn{padding:6px 10px;border-radius:var(--radius-md);border:1px solid var(--gray-300);background:var(--white);cursor:pointer}.page-btn:hover,.page-btn.active{background:var(--primary);color:var(--white)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;justify-content:center;align-items:center}.modal-container{background:var(--white);padding:25px;border-radius:var(--radius-lg);width:400px;box-shadow:var(--shadow-hover)}.modal-title{text-align:center;font-weight:600}.modal-form{display:flex;flex-direction:column;gap:10px}.modal-form input,.modal-form select{padding:10px;border-radius:var(--radius-md);border:1px solid var(--gray-300)}.save-btn{background:var(--primary);color:var(--white);border-radius:10px;border:none;padding:5px;cursor:pointer}.save-btn:hover{background:var(--primary-400);color:var(--white)}.confirm-btn{background:var(--success);color:var(--white);cursor:pointer;border:none;padding:5px;border-radius:10px}.modal-close{background:var(--danger);color:var(--white);border-radius:5px;border:none;padding:5px;cursor:pointer}.cancel-btn{background:var(--danger);color:var(--white)}@media (min-width: 1440px){.location-inventory{padding:30px 40px}.inventory-cards-container{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.inventory-title{font-size:32px}}@media (max-width: 1200px){.inventory-cards-container{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.advanced-search input{width:200px}}@media (max-width: 1024px){.location-inventory{padding:20px}.inventory-title{font-size:24px}.inventory-cards-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.inventory-stats{gap:12px}.stat-card{min-width:140px}.advanced-search input{width:170px}.modal-container{width:85%}}@media (max-width: 768px){.location-inventory{padding:15px}.inventory-title{font-size:22px;text-align:center}.inventory-stats{display:grid;grid-template-columns:repeat(2,1fr)}.advanced-search{flex-direction:column;width:100%}.advanced-search input,.advanced-search select{width:100%}.add-stock-icon{width:100%;justify-content:center}.inventory-cards-container{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.inventory-section-header{flex-direction:column;align-items:flex-start;gap:6px}}@media (max-width: 576px){.location-inventory{padding:12px}.inventory-title{font-size:20px}.inventory-stats,.inventory-cards-container{grid-template-columns:1fr}.stock-card{border-radius:12px}.card-image-wrapper img{height:130px}.card-content{padding:10px}.card-stats,.product-description{font-size:11px}.card-actions button{padding:8px}.pagination{flex-wrap:wrap}.modal-container{width:92%;padding:18px}}@media (max-width: 400px){.inventory-title{font-size:18px}.card-content h4{font-size:13px}.product-description{display:none}.card-stats{flex-direction:column;gap:4px}.page-btn{font-size:11px;padding:4px 6px}}@media (max-width: 320px){.location-inventory{padding:10px}.inventory-title{font-size:16px}.card-actions{flex-direction:column;gap:6px}}.product-option:hover{background:var(--gray-100)}.option-img{width:38px;height:38px;object-fit:cover;border-radius:8px}.option-name{font-size:.85rem;font-weight:600}.option-sku{font-size:.7rem;color:var(--gray-500)}.selected-product{display:flex;align-items:center;gap:8px}.selected-product img{width:28px;height:28px;border-radius:6px}.react-select__control{border-radius:10px!important;border:1px solid #ddd!important;min-height:42px}.react-select__control:hover{border-color:var(--primary)!important}.react-select__menu{border-radius:10px;overflow:hidden;box-shadow:var(--shadow-hover)}.product-option{display:flex;align-items:center;gap:10px;padding:8px}.option-info{display:flex;flex-direction:column}.avatar-fallback{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.selected-product{display:flex;align-items:center;gap:10px}.selected-product small{opacity:.7}.quantity-control{display:flex;align-items:center;justify-content:left;gap:10px;margin-top:8px;padding:8px 12px;border-radius:14px;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000000d}.quantity-control input{width:40px;height:8px;text-align:center;font-size:1rem;font-weight:200;border:1px solid #e2e8f0;outline:none;transition:all .2s ease;border-radius:8px;background:#f8fafc}.quantity-control input:focus{border-color:var(--primary-600);background:#fff;box-shadow:0 0 0 3px #6366f126}.quantity-control button{width:25px;height:25px;border-radius:8px;border:none;background:var(--primary-700);color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.quantity-control button:hover{background:var(--primary-400);transform:scale(1.05)}.quantity-control button:active{transform:scale(.95)}.quantity-control button:disabled{background:#cbd5f5;cursor:not-allowed;transform:none}@media (max-width: 480px){.quantity-control{gap:8px}.quantity-control input{width:70px;height:42px;font-size:1rem}.quantity-control button{width:38px;height:38px}}.helper-text{display:block;margin-top:6px;font-size:.85rem;color:#64748b}.floating-alerts-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;width:320px;max-width:90vw}.floating-alert{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:10px;background:linear-gradient(135deg,var(--primary-600),var(--primary-800));color:#fff;box-shadow:0 8px 20px #00000040;animation:slideIn .3s ease-out;transition:all .3s ease}.floating-alert:hover{transform:translateY(-2px)}.floating-alert span{font-size:14px;font-weight:500;line-height:1.4}.floating-alert button{background:transparent;border:none;color:#fff;font-size:16px;cursor:pointer;opacity:.7;transition:opacity .2s ease}.floating-alert button:hover{opacity:1}.floating-alert.success{border-left:4px solid #22c55e}.floating-alert.warning{border-left:4px solid #f59e0b}.floating-alert.error{border-left:4px solid #ef4444}.floating-alert.info{border-left:4px solid #3b82f6}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.floating-alert.exit{opacity:0;transform:translate(40px)}@media (max-width: 480px){.floating-alerts-container{right:10px;top:10px;width:calc(100% - 20px)}.floating-alert{padding:10px 12px}.floating-alert span{font-size:13px}}.stock-card.modern-card{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#fff,#fafafa);box-shadow:0 10px 25px #0000000f;border:1px solid rgba(0,0,0,.04);transition:all .25s ease}.stock-card.modern-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0000001f}.card-image-wrapper{flex:0 0 50%;position:relative;overflow:hidden}.product-img{width:100%;height:100%;object-fit:cover}.card-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.stock-card:hover img{transform:scale(1.08)}.stock-badge.floating{position:absolute;top:10px;right:10px;padding:6px 10px;font-size:11px;border-radius:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-weight:600}.stock-badge.floating.low{background:#ec1846;color:#fff}.stock-badge.floating.medium{background:#ffaf05e6;color:#fff}.stock-badge.floating.high{background:#088b44e6;color:#fff}.card-header{display:flex;justify-content:space-between;align-items:center}.card-header h4{font-size:15px;font-weight:600}.sku{font-size:11px;color:var(--gray-500);background:var(--gray-100);padding:3px 6px;border-radius:6px}.card-stats{display:flex;justify-content:space-between;margin-top:10px}.stat{display:flex;flex-direction:column}.stat .label{font-size:10px;color:var(--gray-400)}.stat .value{font-size:16px;font-weight:600}.card-actions{display:flex;justify-content:space-between;margin-top:12px}.card-actions button{flex:1;margin:0 2px;border:none;border-radius:10px;padding:8px;background:var(--gray-100);cursor:pointer;transition:all .2s ease}.card-actions button:hover{transform:scale(1.05)}.card-actions .edit:hover{background:var(--primary);color:#fff}.card-actions .delete:hover{background:var(--danger);color:#fff}.card-actions .return:hover{background:var(--secondary);color:#fff}.card-use{display:flex;gap:6px;margin-top:10px}.card-use input{flex:1;padding:8px;border-radius:10px;border:1px solid var(--gray-200);outline:none}.card-use input:focus{border-color:var(--primary)}.card-use button{background:var(--primary);color:#fff;border-radius:10px;border:none;padding:0 12px;cursor:pointer}.card-image-wrapper{position:relative;display:flex;justify-content:center;align-items:center;height:120px;overflow:hidden}.card-image-wrapper .avatar-fallback{width:80px;height:80px;border-radius:12px;object-fit:cover}.avatar-fallback{display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;font-weight:700}.card-image-wrapper{background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05)}button:disabled{opacity:.5;cursor:not-allowed}.users-page{width:auto;margin:0 auto;padding:30px;font-family:Roboto,sans-serif;background:linear-gradient(180deg,var(--primary-50),var(--gray-100));color:var(--gray-800);border-radius:var(--radius-lg)}.users-page h2{text-align:center;margin-bottom:30px;color:var(--primary-700);font-size:28px;font-weight:700}.form-user-modern{background-color:var(--white);padding:25px 30px;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);margin-bottom:35px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:center}.form-user-modern input,.form-user-modern select{width:auto;padding:10px 14px;font-size:.95rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);background:var(--white);color:var(--gray-800);transition:all .25s ease}.form-user-modern input:focus,.form-user-modern select:focus{outline:none;border-color:var(--primary-600);box-shadow:0 0 6px #3b82f640}.btn-create{grid-column:span 3;justify-self:center;padding:10px 25px;font-size:.95rem;font-weight:600;background-color:var(--primary-600);color:var(--white);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.btn-create:hover{background-color:var(--primary-700);transform:scale(1.05)}.users-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;justify-content:center;width:auto}.user-card-modern{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease;width:auto}.user-card-modern:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.user-card-info{margin-bottom:12px}.user-card-info p{margin:4px 0;font-size:.92rem;color:var(--gray-800)}.user-card-actions{display:flex;justify-content:flex-end;gap:12px}.user-card-actions button{background:none;border:none;cursor:pointer;transition:all .2s ease;color:var(--gray-500)}.user-card-actions button:hover{transform:scale(1.2)}.user-card-actions button[title=Editar]:hover{color:var(--primary-600)}.user-card-actions button[title=Eliminar]:hover{color:var(--danger)}@media (max-width: 768px){.form-user-modern{grid-template-columns:1fr}.btn-create{grid-column:span 1;width:100%}.users-cards-container{grid-template-columns:1fr}.form-user-modern input,.form-user-modern select{width:auto;padding:10px 14px;font-size:.95rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);background:var(--white);color:var(--gray-800);transition:all .25s ease}}@media (min-width: 1440px){.users-page{max-width:1400px;padding:40px}.users-cards-container{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.form-user-modern{grid-template-columns:repeat(4,1fr)}.btn-create{grid-column:span 4}}@media (max-width: 1200px){.users-page{padding:25px}.users-cards-container{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.form-user-modern{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.users-page{padding:22px}.users-page h2{font-size:26px}.users-cards-container{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.form-user-modern{grid-template-columns:repeat(2,1fr)}.btn-create{grid-column:span 2}}@media (max-width: 768px){.users-page{padding:18px}.users-page h2{font-size:24px;margin-bottom:20px}.form-user-modern{grid-template-columns:1fr;gap:12px;padding:20px}.form-user-modern input,.form-user-modern select{width:100%}.btn-create{grid-column:span 1;width:100%}.users-cards-container{grid-template-columns:1fr;gap:16px}.user-card-modern{padding:16px}.user-card-actions{justify-content:center;gap:18px}}@media (max-width: 576px){.users-page h2{font-size:22px}.user-card-info p{font-size:.88rem}.user-card-modern{border-radius:12px}.user-card-actions button{transform:scale(1.05)}}@media (max-width: 400px){.users-page{padding:14px}.users-page h2{font-size:20px}.user-card-info p{font-size:.85rem}.user-card-actions{gap:12px}}@media (max-width: 320px){.users-page h2{font-size:18px}.form-user-modern{padding:15px}.btn-create{font-size:14px;padding:10px}}.users-pass-overlay{position:fixed;width:auto;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.users-pass-modal{width:auto;max-width:380px;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-hover);padding:22px;animation:usersPassFadeIn .25s ease}@keyframes usersPassFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.users-pass-title{font-size:18px;font-weight:700;color:var(--primary-700);margin-bottom:15px;text-align:center}.users-pass-input{width:90%;padding:10px 12px;margin-bottom:12px;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.95rem;color:var(--gray-800);transition:all .2s ease}.users-pass-input:focus{outline:none;border-color:var(--primary-600);box-shadow:0 0 6px #3b82f640}.users-pass-actions{display:flex;justify-content:space-between;gap:10px;margin-top:10px}.users-pass-btn{flex:1;padding:10px;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.users-pass-btn--primary{background:var(--primary-600);color:var(--white)}.users-pass-btn--primary:hover{background:var(--primary-700);transform:translateY(-2px)}.users-pass-btn--secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300)}.users-pass-btn--secondary:hover{background:var(--gray-200)}@media (max-width: 480px){.users-pass-modal{max-width:95%;padding:18px}.users-pass-actions{flex-direction:column}}.catalog-container{padding:2.5rem;width:auto;margin:auto;height:auto;font-family:gibson,Source Sans Pro,sans-serif;background:var(--gray-100);border-radius:15px}.catalog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.catalog-header h2{font-size:1.8rem;color:var(--primary);margin:0}.product-count{font-size:.9rem;color:var(--gray-500);margin-top:5px}.header-actions{display:flex;gap:10px}.filters{display:flex;gap:12px;margin-bottom:2rem}.filters input,.filters select{padding:.55rem .9rem;border-radius:.5rem;border:1px solid #ccc;font-size:.85rem;min-width:200px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.product-card{position:relative;background:var(--white);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-soft);transition:all .25s ease;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.card-image{width:100%;height:180px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.product-card:hover .card-image img{transform:scale(1.08)}.image-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:var(--gray-200);font-size:.8rem;color:var(--gray-500)}.badge{position:absolute;top:10px;left:10px;background:#0009;color:#fff;font-size:.65rem;padding:4px 8px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-body{padding:12px;display:flex;flex-direction:column;gap:6px}.product-title{font-size:.95rem;font-weight:600;color:var(--dark);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-description{font-size:.75rem;color:var(--gray-500);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-meta{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.sku{font-size:.8rem;color:var(--primary-700);font-weight:500}.card-buttons{position:absolute;top:10px;right:10px;display:flex;gap:6px}.icon-btn{width:32px;height:32px;border-radius:10px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#fffc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .2s ease}.icon-btn svg{font-size:14px}.icon-btn:hover{transform:scale(1.1)}.icon-btn.edit:hover{background:var(--primary-700);color:#fff}.icon-btn.delete:hover{background:#e11d48;color:#fff}.modal-overlay-catalog{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;width:420px;max-width:95%;padding:2rem;border-radius:var(--radius-md);box-shadow:var(--shadow-hover)}.modal form{display:flex;flex-direction:column;gap:12px}.modal input,.modal textarea,.modal select{padding:.55rem .9rem;border-radius:.5rem;border:1px solid #ccc}.modal textarea{min-height:80px}.modal-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:1rem}.modal-buttons button{padding:.5rem .9rem;border-radius:.5rem;border:none;background:var(--primary);color:#fff;cursor:pointer}.preview{width:100%;height:140px;object-fit:cover;border-radius:.5rem;margin-top:.8rem}.category-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.8rem;border-bottom:1px solid #eee}.category-item div{display:flex;gap:6px}.pagination{margin-top:30px;display:flex;justify-content:center;align-items:center;gap:12px}.pagination button{padding:8px 16px;border-radius:10px;border:none;background:var(--primary-500);color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination button:hover:not(:disabled){background:var(--primary-600)}.pagination span{font-weight:600;color:var(--gray-700)}.product-avatar{border-radius:12px;display:grid;place-items:center;color:#fff;-webkit-user-select:none;user-select:none;overflow:hidden}.avatar-text{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:40px;font-weight:700;line-height:1;transform:translateY(1px)}.product-avatar span{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.from-indigo-500{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.from-blue-500{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.from-green-500{background:linear-gradient(135deg,#22c55e,#10b981)}.from-pink-500{background:linear-gradient(135deg,#ec4899,#f43f5e)}.from-orange-500{background:linear-gradient(135deg,#f97316,#f59e0b)}.product-avatar img{width:100%;height:100%;object-fit:cover;border-radius:12px}.image-picker-container{position:relative;display:flex;align-items:center}.image-slider{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;padding:10px}.image-slider::-webkit-scrollbar{display:none}.image-item{min-width:100px;cursor:pointer;text-align:center;border-radius:12px;padding:2px;transition:all .3s ease;color:#000}.image-item img{width:80px;height:80px;object-fit:cover;border-radius:12px}.image-item span{display:block;font-size:12px;margin-top:4px;color:var(--primary-700)}.image-item:hover{transform:scale(1.08);background:var(--gray-300)}.slider-btn{position:absolute;z-index:10;background:#0009;border:none;color:#fff;font-size:20px;width:30px;height:50px;cursor:pointer;border-radius:8px;transition:.3s}.slider-btn:hover{background:#000000e6}.slider-btn.left{left:0}.slider-btn.right{right:0}.image-item{transition:all .2s ease}.preview-container{width:200px;height:200px;border:1px solid #ddd;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f8f8f8}.preview-container img{width:100%;height:100%;object-fit:contain}.pagination-container{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px;flex-wrap:wrap}.page-list{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.page-list::-webkit-scrollbar{display:none}.page-btn{border:1px solid var(--gray-700);background:var(--gray-800);color:var(--gray-200);padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;min-width:36px;font-weight:500;box-shadow:var(--shadow-soft)}.page-btn:hover:not(:disabled){transform:translateY(-2px);background:var(--primary-700);color:var(--white);box-shadow:var(--shadow-hover)}.page-btn.active{background:var(--gradient-primary);color:var(--white);transform:scale(1.08);border:none}.page-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.page-dots{display:flex;align-items:center;padding:0 6px;color:var(--gray-400);font-weight:700}.page-btn.nav{background:var(--secondary);color:var(--gray-100);border:none}.page-btn.nav:hover:not(:disabled){background:var(--primary-600)}@media (max-width: 600px){.pagination-container{gap:4px}.page-btn{padding:5px 8px;font-size:.85rem}}.page-btn.active{background:var(--gradient-primary);position:relative}.page-btn.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 0 2px #00a8a866}.mh-value{font-weight:600;font-size:13px;transition:.2s}.mh-value:hover{transform:scale(1.05)}.mh-container{padding:25px;font-family:gibson,Source Sans Pro,sans-serif;min-height:auto;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary-50),var(--gray-100))}.mh-title{font-size:26px;font-weight:600;color:var(--gray-900);margin-bottom:20px}.mh-filters{display:flex;flex-wrap:wrap;gap:10px;background:var(--white);padding:14px;border-radius:var(--radius-md);box-shadow:var(--shadow-soft);margin-bottom:20px;align-items:center}.mh-filters select,.mh-filters input{padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--gray-300);font-size:14px;outline:none;transition:.2s;background:var(--white);color:var(--gray-900)}.mh-filters select:focus,.mh-filters input:focus{border-color:var(--primary-600);box-shadow:0 0 0 2px #3b82f626}.mh-clear-btn{background:var(--primary-600);color:var(--white);border:none;padding:10px 14px;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:.2s}.mh-clear-btn:hover{background:var(--primary-700)}.mh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.mh-grid .card-compact{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden;transition:.3s;border:1px solid var(--gray-200)}.mh-grid .card-compact:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.mh-grid .card-header{font-size:14px;font-weight:600;color:var(--white);padding:10px 12px}.mh-grid .card-body{padding:12px}.mh-grid .card-product{display:flex;align-items:center;gap:10px;margin-bottom:10px}.mh-grid .card-product img{width:42px;height:42px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--gray-200)}.mh-grid .card-product span{font-size:14px;font-weight:500;color:var(--gray-900)}.mh-grid .kardex-block{background:var(--gray-100);border-radius:var(--radius-md);padding:8px 10px;margin:10px 0;font-size:13px}.mh-grid .kardex-block p{margin:3px 0}.mh-grid .transfer-flow{font-size:13px;background:var(--primary-50);padding:6px 8px;border-radius:var(--radius-md);margin-bottom:8px}.mh-grid .card-body p{font-size:13px;color:var(--gray-500);margin:4px 0}.mh-pagination{display:flex;justify-content:center;margin-top:25px;gap:8px;flex-wrap:wrap}.mh-page{padding:6px 12px;border-radius:var(--radius-md);border:1px solid var(--gray-300);background:var(--white);cursor:pointer;transition:.2s;font-size:14px;color:var(--gray-900)}.mh-page:hover{background:var(--primary-600);color:var(--white)}.mh-page.active{background:var(--primary-600);color:var(--white);border-color:var(--primary-600)}.mh-page:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 992px){.mh-container{padding:20px}.mh-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width: 600px){.mh-filters{flex-direction:column;align-items:stretch}.mh-filters select,.mh-filters input,.mh-clear-btn{width:100%}.mh-grid{grid-template-columns:1fr}.mh-title{font-size:22px}}.mh-grid .kardex-block .mh-value.mh-entry{color:var(--success)!important}.mh-grid .kardex-block .mh-value.mh-exit{color:var(--danger)!important}.mh-grid .kardex-block .mh-value.mh-transfer{color:var(--primary-600)!important}.mh-grid .kardex-block .mh-value.mh-balance{color:var(--gray-900)!important}.card-product{display:flex;align-items:center;gap:10px}.card-product span{font-weight:500}.assets-dashboard-wrapper{padding:30px;max-width:1200px;margin:auto;background:linear-gradient(135deg,var(--primary-50),var(--gray-100));height:auto;border-radius:var(--radius-lg)}.assets-dashboard-wrapper h1{margin-bottom:25px;color:var(--primary-600)}.assets-dashboard-grid{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.asset-card{background:var(--white);padding:30px 25px;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-soft);transition:all .25s ease;text-align:center;display:flex;flex-direction:column;align-items:center}.asset-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.card-icon{font-size:38px;color:var(--primary-600);margin-bottom:10px}.asset-card h3{margin-bottom:6px;font-size:18px;color:var(--gray-900)}.asset-card p{font-size:14px;color:var(--gray-500)}.assets-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin:25px 0 40px;padding:25px;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.summary-item{text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}.summary-item svg{font-size:22px;color:var(--primary-600)}.summary-value{font-size:26px;font-weight:700;color:var(--gray-900)}.summary-label{font-size:13px;color:var(--gray-500)}@media (max-width: 900px){.assets-dashboard-wrapper{padding:20px}.assets-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 600px){.assets-summary{grid-template-columns:repeat(2,1fr);gap:15px;padding:20px}.assets-dashboard-grid{grid-template-columns:1fr}.asset-card{padding:25px}}.assets-table-page{padding:40px;max-width:1400px;margin:auto;background:linear-gradient(135deg,var(--primary-50),var(--gray-100));border-radius:var(--radius-lg);color:var(--gray-900)}.assets-title{font-size:28px;font-weight:700;margin-bottom:25px;color:var(--gray-900)}.assets-filters{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap}.assets-filters input,.assets-filters select{padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--gray-300);font-size:14px;background:var(--white);color:var(--gray-900);transition:border .2s,background .2s}.assets-filters input:focus,.assets-filters select:focus{border-color:var(--primary-600);outline:none}.export-btn{background:var(--primary-600);color:var(--white);border:none;padding:10px 16px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:background .2s}.export-btn:hover{background:var(--primary-700)}.table-container{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow-x:auto;-webkit-overflow-scrolling:touch}.assets-table{width:100%;border-collapse:collapse;min-width:900px}.assets-table thead{background:var(--gray-50)}.assets-table th{text-align:left;padding:14px;font-size:14px;color:var(--gray-700)}.assets-table td{padding:14px;border-top:1px solid var(--gray-200);font-size:14px;color:var(--gray-800)}.asset-name{font-weight:600}.asset-img{width:45px;height:45px;border-radius:var(--radius-md);object-fit:cover}.no-img{width:45px;height:45px;border-radius:var(--radius-md);background:var(--gray-200);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--gray-500)}.status{padding:6px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;display:inline-block}.status.available{background:var(--success-50);color:var(--success)}.status.assigned{background:var(--primary-50);color:var(--primary-600)}.status.maintenance{background:var(--warning-50);color:var(--warning)}.status.damaged{background:var(--danger-50);color:var(--danger)}.pagination{margin-top:20px;display:flex;justify-content:center;gap:15px;align-items:center}.pagination button{padding:8px 14px;border:none;border-radius:var(--radius-md);background:var(--gray-900);color:var(--white);cursor:pointer;transition:background .2s}.pagination button:hover:not(:disabled){background:var(--primary-400)}.pagination button:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.assets-table-page{padding:15px}.assets-table{min-width:750px}.assets-title{font-size:22px}.assets-filters{flex-direction:column}}.catalog-container{padding:30px 40px;background:linear-gradient(180deg,var(--primary-50),var(--gray-100));height:auto}.catalog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;flex-wrap:wrap;gap:15px}.catalog-header h1{font-size:28px;font-weight:700;color:var(--primary-800)}.catalog-subtitle{color:var(--gray-600);font-size:14px;margin-top:4px}.btn-create-cat{background:linear-gradient(135deg,var(--primary-600),var(--primary-800));color:var(--white);border:none;padding:11px 18px;border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:.25s;box-shadow:var(--shadow-soft)}.btn-create-cat:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.catalog-location{margin-bottom:45px;background:var(--white);padding:25px;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.location-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.location-title{font-size:20px;font-weight:600;color:var(--primary-700);white-space:nowrap}.location-line{flex:1;height:2px;background:linear-gradient(to right,var(--primary-600),transparent)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.catalog-card{background:var(--white);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-soft);transition:all .25s ease;display:flex;flex-direction:column}.catalog-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-hover)}.catalog-image{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden}.catalog-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.catalog-card:hover .catalog-image img{transform:scale(1.08)}.catalog-badge{position:absolute;top:10px;right:10px;background:#0009;color:#fff;font-size:11px;padding:4px 10px;border-radius:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.catalog-info{padding:16px}.catalog-info h3{font-size:16px;font-weight:600;margin-bottom:6px;color:var(--primary-800)}.catalog-meta{font-size:12px;color:var(--gray-500);margin-bottom:10px}.catalog-stats{display:flex;justify-content:space-between;margin-top:10px}.catalog-stats div{display:flex;flex-direction:column;align-items:center;background:var(--gray-100);padding:6px 10px;border-radius:10px}.catalog-stats strong{font-size:14px}.catalog-stats span{font-size:11px;color:var(--gray-500)}.catalog-actions-assets{display:flex;gap:8px;padding:12px;border-top:1px solid var(--gray-200)}.btn-primary{flex:1;background:var(--primary);color:#fff;border:none;padding:8px;border-radius:10px;cursor:pointer;transition:.2s}.btn-primary:hover{background:var(--primary-400)}.btn-danger{background:#ffe5e5;color:var(--danger);border:none;padding:8px 10px;border-radius:10px;cursor:pointer}.btn-danger:hover{background:#ffd6d6}.catalog-actions-assets button{background:linear-gradient(135deg,var(--primary-600),var(--primary-800));color:var(--white);border:none;padding:11px 18px;border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:.25s;box-shadow:var(--shadow-soft)}.catalog-actions-assets button:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.catalog-pagination{display:flex;justify-content:center;gap:8px;margin-top:20px}.catalog-pagination button{border:none;padding:7px 12px;border-radius:6px;cursor:pointer;background:var(--primary-700);color:var(--white);transition:.2s}.catalog-pagination button:hover{background:var(--primary-800)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background:var(--white);border-radius:var(--radius-lg);padding:2rem;max-width:500px;width:90%;box-shadow:var(--shadow-hover);position:relative}@media (max-width: 900px){.catalog-container{padding:25px}.catalog-header{flex-direction:column;align-items:flex-start;gap:15px}.btn-create-cat{width:100%}}@media (max-width: 600px){.catalog-grid{grid-template-columns:1fr}.catalog-location{padding:20px}.location-title{font-size:18px}}.btn-delete-catalog{background:#ff4d4f;color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;transition:.2s}.btn-delete-catalog:hover{background:#d9363e}.btn-delete-catalog:disabled{opacity:.6;cursor:not-allowed}.catalog-category{margin-bottom:20px}.category-header{margin-bottom:10px}.category-header h4{font-size:1.1rem;font-weight:600;color:#444}.category-header.clickable{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:10px 12px;border-radius:8px;transition:background .2s ease;background:linear-gradient(180deg,var(--primary-50),var(--gray-100))}.category-header.clickable:hover{background:linear-gradient(180deg,var(--primary-200),var(--gray-100))}.catalog-grid{overflow:hidden}.dashboard-assets{padding:30px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);height:auto;border-radius:15px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stats-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #00000014}.stats-value{font-size:28px;font-weight:700;margin-top:10px}.charts-grid{display:flex;gap:30px}.chart-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #00000014}.employee-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:15px}.employee-modal{background:var(--white);border-radius:var(--radius-lg);padding:28px;width:420px;max-width:90%;box-shadow:var(--shadow-soft);animation:employeeModalIn .25s ease;display:flex;flex-direction:column;gap:14px}.employee-modal h2,.employee-modal h3{margin:0;font-weight:600;color:var(--gray-800)}.employee-modal form{display:flex;flex-direction:column;gap:10px}.employee-modal label{font-size:13px;font-weight:500;color:var(--gray-600)}.employee-input,.employee-select{width:100%;padding:9px 11px;border-radius:var(--radius-md);border:1px solid var(--gray-300);font-size:14px;transition:all .2s}.employee-input:focus,.employee-select:focus{outline:none;border-color:var(--primary-600);box-shadow:0 0 0 2px #02404126}.employee-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.employee-btn{border:none;padding:8px 14px;border-radius:var(--radius-md);font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.2s}.employee-btn-primary{background:var(--primary-600);color:var(--white)}.employee-btn-primary:hover{background:var(--primary-700)}.employee-btn-secondary{background:var(--gray-100);color:var(--gray-800)}.employee-btn-secondary:hover{background:var(--gray-200)}.employee-list{list-style:none;padding:0;margin:10px 0;max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.employee-list-item{padding:9px 10px;border-radius:var(--radius-md);background:var(--gray-50);font-size:14px;display:flex;justify-content:space-between}.employee-empty{font-size:14px;color:var(--gray-500);text-align:center;padding:10px}@keyframes employeeModalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.assign{color:var(--primary-600)}.return,.repaired{color:var(--success)}.maintenance{color:var(--warning)}.damaged{color:var(--danger)}.assetcard-container{position:relative;background:var(--white);color:var(--gray-800);border-radius:var(--radius-lg);width:100%;max-width:100%;overflow:visible!important;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;transition:.3s}.assetcard-container.expanded{max-width:750px;box-shadow:0 10px 30px #00000026}.assetcard-status{position:absolute;top:0;left:0;right:0;padding:4px 0;text-align:center;font-size:12px;font-weight:600;color:var(--white);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.assetcard-status.available{background:var(--success)}.assetcard-status.assigned{background:var(--primary-600)}.assetcard-status.maintenance{background:var(--warning)}.assetcard-status.damaged{background:var(--danger)}.assetcard-image{width:100%;height:180px;object-fit:cover;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.assetcard-info{padding:16px}.assetcard-name{font-size:18px;font-weight:600}.assetcard-serial{font-size:13px;color:var(--gray-500)}.assetcard-expand{margin-top:10px;font-size:13px;color:var(--primary-600);cursor:pointer;text-align:center;font-weight:500}.assetcard-expand:hover{color:var(--primary-700)}.assetcard-fields.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}@media (min-width: 900px){.assetcard-fields.grid{grid-template-columns:repeat(3,1fr)}}.assetcard-field{background:var(--gray-50);padding:10px;border-radius:var(--radius-md);display:flex;flex-direction:column;font-size:12px;border:1px solid var(--gray-200)}.assetcard-field:hover{background:var(--gray-100)}.assetcard-field .label{font-size:11px;color:var(--gray-500)}.assetcard-field .value{font-size:13px;font-weight:500;color:var(--gray-800)}.assetcard-meta{display:flex;justify-content:space-between;margin-top:12px;font-size:13px;color:var(--gray-600)}.assetcard-meta svg{color:var(--primary-700)}.assetcard-user{display:flex;align-items:center;gap:10px;margin-top:12px}.assetcard-user img,.assetcard-user .product-avatar{border-radius:50%;flex-shrink:0;box-shadow:0 4px 10px #00000026}.assetcard-user-label{font-size:11px;color:var(--gray-500)}.assetcard-user-name{font-size:13px;font-weight:500}.assetcard-actions{display:flex;justify-content:center;gap:8px;padding:12px;border-top:1px solid var(--gray-200)}.assetcard-btn{width:32px;height:32px;border:none;border-radius:var(--radius-md);background:var(--gray-100);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.assetcard-btn:hover{transform:scale(1.1)}.react-tooltip{z-index:9999!important}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}.timeline{display:flex;flex-direction:column;gap:18px;padding:10px 0}.timeline-item{display:flex;gap:12px;position:relative}.timeline-item:before{content:"";position:absolute;left:12px;top:30px;width:2px;height:100%;background:#e5e7eb}.timeline-icon{width:24px;height:24px;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:1}.timeline-content{background:#f9fafb;padding:10px 14px;border-radius:10px;width:100%}.timeline-content .value{font-weight:600}.timeline-content .date{font-size:12px;color:#6b7280}.timeline-content .note{margin-top:6px;font-size:13px;color:#374151}.empty{color:#9ca3af;text-align:center}.diff{font-size:.85rem;color:#22c55e;margin-top:4px;font-weight:500}.diff.negative{color:#ef4444}.timeline-modal{max-height:80vh;display:flex;flex-direction:column}.timeline-scroll{overflow-y:auto;flex:1;-webkit-mask-image:linear-gradient(to bottom,black 85%,transparent);mask-image:linear-gradient(to bottom,black 85%,transparent)}.timeline-scroll::-webkit-scrollbar{width:6px}.timeline-scroll::-webkit-scrollbar-thumb{background:#64646466;border-radius:10px}.timeline-scroll::-webkit-scrollbar-thumb:hover{background:#646464b3}.history-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center}.history-modal{background:#fff;width:600px;max-height:80vh;overflow:auto;border-radius:12px;padding:20px}.history-header{display:flex;justify-content:space-between;align-items:center}.history-timeline{margin-top:20px;border-left:3px solid #2563eb;padding-left:20px}.history-event{position:relative;margin-bottom:20px}.history-dot{width:12px;height:12px;background:#2563eb;border-radius:50%;position:absolute;left:-27px;top:5px}.history-type{font-weight:700}.history-description{color:#555}.history-date{font-size:12px;color:gray}.editasset-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.editasset-modal{background:#fff;width:700px;max-width:95%;max-height:90vh;overflow-y:auto;border-radius:16px;padding:24px;box-shadow:0 20px 50px #00000040}.editasset-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.editasset-header h2{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600}.editasset-close{border:none;background:#f1f5f9;width:34px;height:34px;border-radius:8px;cursor:pointer;transition:.2s}.editasset-close:hover{background:#e2e8f0;transform:scale(1.05)}.editasset-form{display:flex;flex-direction:column;gap:18px}.editasset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.editasset-field{display:flex;flex-direction:column;gap:6px}.editasset-field label{font-size:12px;font-weight:500;color:#64748b}.editasset-field input,.editasset-field select{padding:10px 12px;border-radius:8px;border:1px solid #e2e8f0;font-size:14px;transition:.2s;background:#f9fafb}.editasset-field input:focus,.editasset-field select:focus{outline:none;border-color:var(--primary-600);background:#fff;box-shadow:0 0 0 3px #2563eb26}.editasset-section{border:1px solid #e2e8f0;border-radius:12px;padding:14px;background:#f8fafc}.editasset-section h4{font-size:13px;margin-bottom:10px;color:#475569;font-weight:600}.editasset-preview{margin-top:10px;display:flex;justify-content:center}.editasset-preview img{width:140px;height:100px;object-fit:cover;border-radius:10px;border:1px solid #e2e8f0}.editasset-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.editasset-save{background:var(--primary-600);color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:500;transition:.2s}.editasset-save:hover{background:var(--primary-600);transform:translateY(-1px)}.editasset-cancel{background:#e2e8f0;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;transition:.2s}.editasset-cancel:hover{background:#cbd5f5}@media (max-width:600px){.editasset-modal{width:95%;padding:18px}.editasset-grid{grid-template-columns:1fr}}.input-error{margin-top:6px;font-size:13px;color:#dc2626;background:#fee2e2;padding:6px 10px;border-radius:6px}.horometer-diff{margin-top:6px;font-size:13px;color:var(--primary-600);background:#d1fae5;padding:6px 10px;border-radius:6px}.editasset-section.small{max-width:500px;margin:0 auto}.assets-container{padding:30px;background:linear-gradient(180deg,var(--primary-50),var(--gray-100));border-radius:var(--radius-lg);color:var(--gray-800)}.assets-header{margin-bottom:30px;color:var(--gray-900)}.assets-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.asset-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden;transition:transform .3s,box-shadow .3s,border .3s;border:1px solid var(--gray-200)}.asset-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:var(--primary-600)}.asset-image img{width:100%;height:140px;object-fit:cover;border-bottom:1px solid var(--gray-200)}.asset-info{padding:15px;color:var(--gray-800)}.asset-actions{padding:15px;display:flex;flex-direction:column;gap:8px}.asset-actions button{border:none;padding:8px;border-radius:var(--radius-md);cursor:pointer;background:var(--primary-600);color:var(--white);transition:background .2s,transform .2s}.asset-actions button:hover{background:var(--primary-700);transform:translateY(-2px)}.status{margin-left:6px;font-weight:700}.status.available{color:var(--success)}.status.assigned{color:var(--primary-600)}.status.maintenance{color:var(--warning)}.status.damaged{color:var(--danger)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{background:var(--white);padding:25px;border-radius:var(--radius-lg);width:400px;max-width:90%;box-shadow:var(--shadow-soft);animation:modalIn .25s ease;color:var(--gray-800);border:1px solid var(--gray-200)}.employee-list{max-height:200px;overflow:auto;margin-top:10px;border:1px solid var(--gray-200);border-radius:var(--radius-md)}.employee-item{padding:8px;cursor:pointer;border-bottom:1px solid var(--gray-200);transition:background .2s,color .2s;color:var(--gray-800)}.employee-item:hover{background:var(--primary-50);color:var(--gray-900)}.employee-item.selected{background:var(--primary-600);color:var(--white)}.modal-buttons{margin-top:15px;display:flex;justify-content:flex-end;gap:10px}.create-asset-btn{background:var(--primary-600);color:var(--white);transition:background .2s;border:none;border-radius:8px;padding:8px}.modal-buttons button.primary{background:var(--primary-600);color:var(--white);transition:background .2s}.modal-buttons button.primary:hover{background:var(--primary-700)}.modal-buttons button.secondary{background:var(--gray-200);color:var(--gray-900)}.modal-buttons button.secondary:hover{background:var(--gray-300)}.assets-filters{display:flex;gap:20px;margin:20px 0;flex-wrap:wrap}.filter-item{min-width:260px}.filter-item label{font-size:14px;font-weight:600;margin-bottom:6px;display:block;color:var(--gray-700)}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.assets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btn-create-asset{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;padding:10px 18px;border-radius:10px;cursor:pointer;font-weight:600;transition:.3s ease}.btn-create-asset:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d}.btn-create-asset:disabled{opacity:.6;cursor:not-allowed}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px}.pagination button{padding:8px 16px;border-radius:8px;border:none;background:var(--primary);color:#fff;cursor:pointer;transition:.2s}.pagination button:disabled{background:#ccc;cursor:not-allowed}.pagination span{font-weight:500}.horometer-diff{font-size:.85rem;color:#22c55e;margin-top:4px;font-weight:500}.input-error{color:#ef4444;font-size:.8rem;margin-top:4px}.horometer-diff{color:#22c55e;font-size:.85rem;margin-top:4px;font-weight:500}@media (max-width: 600px){.assets-grid{grid-template-columns:repeat(1,1fr)}}.assetshistorypro-container{padding:30px;background:linear-gradient(135deg,var(--primary-50),var(--gray-100));border-radius:var(--radius-lg);color:var(--gray-900)}.assetshistorypro-title{font-size:24px;font-weight:600;margin-bottom:20px;color:var(--primary-900)}.assetshistorypro-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.assetshistorypro-filters button{background:var(--primary-600);color:var(--white);border:none;padding:10px 16px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:background .2s}.assetshistorypro-search{display:flex;align-items:center;gap:6px;background:var(--gray-100);padding:8px 10px;border-radius:var(--radius-md)}.assetshistorypro-filters input,.assetshistorypro-filters select{padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--gray-300);font-size:14px;outline:none;transition:.2s;background:var(--white);color:var(--dark)}.assetshistorypro-filterbtn{background:var(--primary-600);color:var(--white);border:none;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s}.assetshistorypro-filterbtn:hover{background:var(--primary-700)}.assetshistorypro-tablewrapper{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);overflow:auto}.assetshistorypro-table{width:100%;border-collapse:collapse}.assetshistorypro-table th{background:var(--gray-50);text-align:left;padding:12px;font-size:13px;color:var(--gray-700)}.assetshistorypro-table td{padding:12px;border-top:1px solid var(--gray-200);color:var(--gray-800)}.assetshistorypro-table tr:hover{background:var(--gray-100)}.assetshistorypro-assetinfo{display:flex;align-items:center;gap:10px}.asset-serial{display:block;font-size:12px;color:var(--gray-500)}.assetshistorypro-employee{display:flex;align-items:center;gap:8px}.employee-avatar{width:26px;height:26px;border-radius:50%;background:var(--primary-600);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:12px}.assetshistorypro-event{padding:4px 10px;border-radius:var(--radius-xl);font-size:12px;font-weight:600;display:inline-block}.assetshistorypro-event.created{background:var(--primary-50);color:var(--primary-600)}.assetshistorypro-event.assigned{background:var(--success-50);color:var(--success)}.assetshistorypro-event.returned{background:var(--warning-50);color:var(--warning)}.assetshistorypro-event.status_change{background:var(--danger-50);color:var(--danger)}.assetshistorypro-location{display:flex;gap:6px;align-items:center}.assetshistorypro-date{font-size:13px;color:var(--gray-500)}.assetshistorypro-desc{color:var(--gray-700)}.assetshistorypro-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:25px}.assetshistorypro-pagination button{padding:6px 12px;border:none;border-radius:var(--radius-sm);background:var(--primary-600);color:var(--white);cursor:pointer;transition:all .2s ease}.assetshistorypro-pagination button:disabled{background:var(--gray-300);cursor:not-allowed}.assetshistorypro-page-btn{min-width:36px;height:36px;border-radius:var(--radius-md);border:none;background:var(--gray-900);color:var(--gray-100);cursor:pointer;transition:all .2s ease;font-size:14px}.assetshistorypro-page-btn:hover{background:var(--gray-700)}.assetshistorypro-page-btn.active{background:var(--primary-600);color:var(--white);font-weight:600;transform:scale(1.05)}.assetshistorypro-page-btn.nav{background:var(--gray-800)}.assetshistorypro-page-btn:disabled{opacity:.4;cursor:not-allowed}.employee-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:9999}.employee-modal{width:auto;max-width:760px;max-height:92vh;overflow:auto;background:#fff;border-radius:22px;border:1px solid rgba(226,232,240,.9);box-shadow:0 25px 70px #0f172a33,0 10px 25px #0f172a14;animation:employeeModalEnter .22s ease;display:flex;flex-direction:column}.employee-modal::-webkit-scrollbar{width:8px}.employee-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.employee-modal-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 24px;border-bottom:1px solid #eef2f7}.employee-modal h2,.employee-modal h3{margin:0;font-size:1.2rem;font-weight:800;color:#0f172a;letter-spacing:-.3px}.employee-modal-close{width:42px;height:42px;border:none;border-radius:12px;background:#f8fafc;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:.2s ease}.employee-modal-close:hover{background:#e2e8f0;color:#0f172a;transform:rotate(90deg)}.employee-modal-body{padding:24px}.employee-form{display:flex;flex-direction:column;gap:22px;justify-content:space-between}.employee-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1 / -1}.field label{font-size:.84rem;font-weight:800;color:#64748b;letter-spacing:.2px;padding-left:2px}.employee-input,.employee-file{width:auto;height:48px;border:1px solid #dbe3ee;border-radius:14px;background:#fff;padding:0 14px;font-size:.95rem;color:#0f172a;outline:none;transition:.2s ease}.employee-input::placeholder{color:#94a3b8}.employee-input:focus,.employee-file:focus{border-color:var(--primary-700);box-shadow:0 0 0 4px #3b82f61f}.employee-file{padding:10px 14px;height:auto;min-height:48px;display:flex;align-items:center}small{margin-top:-2px;font-size:.78rem;font-weight:700;color:#dc2626}.employee-preview{width:96px;height:96px;object-fit:cover;border-radius:18px;border:2px solid #e5e7eb;box-shadow:0 10px 20px #0f172a0f}.filter-select,.employee-select{width:100%}.emp-select__control,.employee-select .react-select__control{min-height:48px!important;height:48px!important;border-radius:14px!important;border:1px solid #dbe3ee!important;box-shadow:none!important;transition:.2s ease!important}.emp-select__control:hover,.employee-select .react-select__control:hover{border-color:#cbd5e1!important}.emp-select__control--is-focused,.employee-select .react-select__control--is-focused{border-color:var(--primary-700)!important;box-shadow:0 0 0 4px #3b82f61f!important}.emp-select__value-container,.employee-select .react-select__value-container{padding:0 12px!important}.emp-select__placeholder,.employee-select .react-select__placeholder{color:#94a3b8!important}.emp-select__indicator-separator,.employee-select .react-select__indicator-separator{display:none!important}.emp-select__menu,.employee-select .react-select__menu{z-index:99999!important;border-radius:14px!important;overflow:hidden;box-shadow:0 18px 40px #0f172a24}.emp-select__option,.employee-select .react-select__option{padding:10px 12px!important;cursor:pointer}.emp-select__option--is-focused,.employee-select .react-select__option--is-focused{background:#eef2ff!important}.emp-select__option--is-selected,.employee-select .react-select__option--is-selected{background:var(--primary-700)!important;color:#fff!important}.employee-status{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:16px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb}.employee-status span{font-size:.94rem;font-weight:700;color:#334155}.switch{position:relative;width:54px;height:30px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#cbd5e1;cursor:pointer;transition:.25s ease}.slider:before{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0000002e;transition:.25s ease}.switch input:checked+.slider{background:var(--primary-700)}.switch input:checked+.slider:before{transform:translate(24px)}.employee-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:4px}.employee-btn{min-width:140px;height:48px;border:none;border-radius:14px;padding:0 20px;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:200;cursor:pointer;transition:.2s ease}.employee-btn:disabled{opacity:.65;cursor:not-allowed}.employee-btn-primary{background:var(--primary-800);color:#fff}.employee-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 26px #1e40af33}.employee-btn-secondary{background:#eef2f7;color:#334155}.employee-btn-secondary:hover:not(:disabled){background:#e2e8f0}.employee-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;max-height:280px;overflow:auto}.employee-list-item{padding:12px 14px;border-radius:14px;background:#f8fafc;border:1px solid #eef2f7;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.92rem}.employee-empty{padding:18px;border-radius:14px;background:#f8fafc;text-align:center;color:#64748b;font-weight:700}@keyframes employeeModalEnter{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:820px){.employee-modal{max-width:100%;border-radius:20px}.employee-grid{grid-template-columns:1fr}.employee-modal-actions{flex-direction:column-reverse}.employee-btn{width:100%;min-width:100%}.employee-status{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.employee-modal-overlay{padding:12px}.employee-modal-header,.employee-modal-body{padding:18px}.employee-modal h2,.employee-modal h3{font-size:1.08rem}}.emd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:999}.emd-container{width:90%;max-width:1100px;max-height:90vh;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-hover);display:flex;flex-direction:column;overflow:hidden}.emd-header{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid var(--gray-200)}.emd-header h2{margin:0}.emd-header span{font-size:13px;color:var(--gray-500)}.emd-header button{background:none;color:var(--gray-500);border:none;border-radius:50%;padding:8px;cursor:pointer;font-size:12px}.emd-top-bar{display:flex;gap:10px;padding:12px 16px}.emd-input{flex:1;padding:10px;border-radius:var(--radius-md);border:1px solid var(--gray-300)}.emd-btn-primary{background:var(--primary);color:#fff;border:none;padding:10px 14px;border-radius:var(--radius-md);cursor:pointer}.emd-btn-primary:disabled{opacity:.5;cursor:not-allowed}.emd-upload-btn{margin:10px 16px;background:var(--success);color:#fff;padding:10px;border:none;border-radius:var(--radius-md)}.emd-card-top{display:flex;justify-content:flex-end}.emd-card{position:relative;transition:.2s}.emd-card:hover{box-shadow:var(--shadow-hover)}.emd-dropzone{margin:0 16px;padding:20px;border:2px dashed var(--gray-300);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:.2s}.emd-dropzone:hover{border-color:var(--primary);background:var(--gray-100)}.emd-grid{padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;overflow-y:auto}.emd-card.selected{border:2px solid var(--primary);background:#0071bb0d}.emd-card{background:var(--white);border-radius:var(--radius-md);padding:10px;border:1px solid var(--gray-200);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:8px}.emd-card.selected{border:2px solid var(--primary)}.emd-preview{height:110px;border-radius:var(--radius-md);background:var(--gray-100);display:flex;align-items:center;justify-content:center;cursor:pointer}.emd-preview img{width:100%;height:100%;object-fit:cover}.emd-name{font-size:12px;font-weight:500;color:var(--dark)}.emd-actions a{color:var(--primary);text-decoration:none}.emd-actions button{border:none;background:none;color:var(--danger);cursor:pointer}.emd-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;justify-content:center;align-items:center}.emd-preview-content{width:80%;height:80%;background:#fff;border-radius:var(--radius-lg);position:relative}.emd-preview-content iframe,.emd-preview-content img{width:100%;height:100%;object-fit:contain}.emd-stats{display:flex;gap:20px;padding:10px 16px;border-bottom:1px solid var(--gray-200)}.emd-stats div{display:flex;flex-direction:column}.emd-stats strong{font-size:16px}.emd-stats span{font-size:12px;color:var(--gray-500)}.emd-actions{display:flex;justify-content:space-between;font-size:12px}.emd-preview-content button{position:absolute;top:10px;right:10px;background:var(--danger);color:#fff;border:none;border-radius:50%;padding:6px 10px;cursor:pointer;border:1px solid red}.emd-container{width:900px;max-width:95%;background:#fff;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.emd-header{display:flex;justify-content:space-between;align-items:center}.emd-header h2{font-size:18px;font-weight:600}.emd-header button{background:none;border:none;font-size:18px;cursor:pointer}.emd-dropzone{border:2px dashed #d0d5dd;border-radius:10px;padding:20px;text-align:center;cursor:pointer;transition:all .2s ease}.emd-dropzone:hover{border-color:var(--primary-500);background:#f8f9ff}.emd-dropzone p{color:#667085;font-size:14px}.emd-container button{align-self:flex-start;background:var(--primary-600);color:#fff;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:14px}.emd-container button:hover{background:var(--primary-500)}.emd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.emd-card{background:#fafafa;border:1px solid #eee;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px;transition:all .2s ease}.emd-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.emd-card>div:first-child{height:80px;display:flex;align-items:center;justify-content:center;font-size:32px;background:#f1f5f9;border-radius:8px;cursor:pointer}.emd-card span{font-size:13px;font-weight:500;color:#344054;word-break:break-word}.emd-card div:last-child{display:flex;gap:6px}.emd-card button{flex:1;font-size:12px;padding:6px;border-radius:6px}.emd-badge{position:absolute;top:8px;right:8px;font-size:10px;padding:2px 6px;border-radius:6px;color:#fff}.emd-badge.linked{background:#0ea5e9}.emd-badge.manual{background:#10b981}.emd-version{font-size:11px;color:#98a2b3}.emd-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:999}.emd-card div:last-child{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.emd-card:hover div:last-child{opacity:1}.emd-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.emd-actions button{font-size:12px;padding:6px;border-radius:6px;cursor:pointer}.emd-preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.emd-preview-content{width:90%;height:90%}.fv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020e17bf;display:flex;align-items:center;justify-content:center;z-index:99999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fv-modal{width:90%;max-width:1100px;height:85vh;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-hover);display:flex;flex-direction:column;overflow:hidden}.fv-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--gradient-primary);color:#fff;position:relative}.fv-title{font-weight:600;font-size:15px}.fv-actions{display:flex;gap:10px}.fv-btn{border:none;padding:7px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;transition:.2s}.fv-download{background:var(--accent);color:#fff}.fv-download:hover{background:#00c2c2}.fv-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:none;background:#ffffff2e;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 18px #00000040;transition:all .2s ease;z-index:10}.fv-close:hover{background:#ffffff47;transform:scale(1.05)}.fv-body{flex:1;background:var(--gray-50);display:flex;align-items:center;justify-content:center;overflow:hidden}.fv-preview{width:100%;height:100%;display:flex}.fv-frame{width:100%;height:100%;border:none;background:#fff}.fv-image{max-width:100%;max-height:100%;margin:auto;object-fit:contain}.fv-state{text-align:center;color:var(--gray-600);font-size:14px}.fv-state.error{color:var(--danger)}.spinner{width:34px;height:34px;border:3px solid var(--gray-200);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}@keyframes spin{to{transform:rotate(360deg)}}.emc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:999}.emc-container{width:600px;max-height:85vh;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-hover);display:flex;flex-direction:column;overflow:hidden}.emc-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--gray-200)}.emc-header h2{font-size:18px;font-weight:600}.emc-content{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.emc-empty{text-align:center;color:var(--gray-500);font-size:14px}.emc-card{background:var(--gray-100);border-radius:var(--radius-md);padding:12px;border:1px solid var(--gray-200);transition:.2s}.emc-card:hover{box-shadow:var(--shadow-soft)}.emc-card-header{display:flex;justify-content:space-between;align-items:center}.emc-badges{display:flex;gap:6px}.emc-status{padding:4px 8px;border-radius:20px;font-size:11px;font-weight:600}.emc-status.active{background:#088b441a;color:var(--success)}.emc-status.finished{background:#ec18461a;color:var(--danger)}.emc-warning{background:#ffaf0526;color:var(--warning);font-size:11px;font-weight:600;padding:4px 8px;border-radius:20px}.emc-info{display:flex;flex-direction:column;margin-top:6px;font-size:13px;color:var(--gray-500)}.emc-header button{background:none;color:var(--gray-500);border:none;border-radius:50%;cursor:pointer;font-size:12px;padding:8px}.modern-audit{padding:18px;background:#f8fafc;border-radius:14px;height:100%;overflow-y:auto}.audit-header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap}.audit-header h2{display:flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;color:#0f172a}.audit-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dbe2ea;padding:10px 14px;border-radius:12px;min-width:260px}.audit-search svg{color:#64748b}.audit-search input{border:none;outline:none;background:transparent;width:100%;font-size:.95rem}.audit-day{margin-bottom:18px}.audit-day-header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#e2e8f0;border-radius:10px;cursor:pointer;font-weight:700;color:#1e293b;margin-bottom:12px}.audit-day-header span:last-child{margin-left:auto;font-size:.85rem;opacity:.8}.audit-events{display:flex;flex-direction:column;gap:14px}.audit-card{display:flex;gap:14px;padding:16px;background:#fff;border-radius:14px;border-left:5px solid #cbd5e1;box-shadow:0 6px 18px #0f172a0f;transition:.25s ease}.audit-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0f172a1a}.audit-success{border-left-color:#16a34a}.audit-danger{border-left-color:#dc2626}.audit-primary{border-left-color:#2563eb}.audit-warning{border-left-color:#f59e0b}.audit-info{border-left-color:#0891b2}.audit-neutral{border-left-color:#64748b}.audit-icon{width:42px;height:42px;min-width:42px;border-radius:12px;background:#f1f5f9;display:flex;justify-content:center;align-items:center;font-size:1.15rem;color:#334155}.audit-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.audit-title-row strong{font-size:1rem;color:#0f172a}.audit-hour{font-size:.82rem;color:#64748b}.audit-line{display:flex;align-items:center;gap:8px;margin-top:7px;font-size:.93rem;color:#334155}.audit-line svg{color:#64748b}.audit-desc{display:flex;gap:8px;margin-top:12px;color:#475569;font-size:.92rem;line-height:1.45}.audit-reason-box{margin-top:12px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;padding:10px 12px;border-radius:10px;font-size:.92rem}.audit-date-box{margin-top:12px;display:inline-flex;align-items:center;gap:8px;background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0;padding:8px 12px;border-radius:10px;font-size:.92rem}.btn-close-adempleados{border:none;cursor:pointer;padding:11px 18px;border-radius:var(--radius-md);font-weight:600;transition:.22s ease;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-600);color:#fff}.btn-close-adempleados:hover{background:var(--primary-700)}.audit-empty{padding:30px;text-align:center;color:#64748b;font-size:.95rem}@media (max-width: 768px){.audit-header{flex-direction:column;align-items:stretch}.audit-search{min-width:100%}.audit-card{flex-direction:column}.audit-icon{width:36px;height:36px}.audit-title-row{flex-direction:column;align-items:flex-start;gap:6px}}.audit-employee,.audit-contract,.audit-desc{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;color:#000}.audit-reason{margin-top:10px;padding:10px 12px;border-radius:10px;background:#ffffff0a;border-left:3px solid #3b82f6;font-size:13px;color:#3b82f6;line-height:1.4}.audit-main{display:flex;align-items:center;gap:8px;font-size:15px}.audit-item{transition:all .2s ease}.audit-item:hover{transform:translateY(-2px)}.audit-item.green{border-left:4px solid #22c55e}.audit-item.blue{border-left:4px solid #3b82f6}.audit-item.purple{border-left:4px solid #a855f7}.audit-item.red{border-left:4px solid #ef4444}.audit-item.orange{border-left:4px solid #f97316}.audit-item.gray{border-left:4px solid #64748b}.audit-icon{min-width:42px;min-height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;font-size:18px}.audit-meta{margin-top:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}.audit-header h2 svg{font-size:18px;color:var(--primary);flex-shrink:0}.audit-search svg{font-size:16px;color:var(--gray-400);flex-shrink:0}.audit-day-header svg{font-size:16px;color:var(--gray-500);transition:.2s ease}.audit-icon{width:42px;height:42px;min-width:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);color:var(--gray-700);font-size:18px}.audit-item.green .audit-icon{background:#dcfce7;color:#16a34a}.audit-item.blue .audit-icon{background:#dbeafe;color:#2563eb}.audit-item.purple .audit-icon{background:#f3e8ff;color:#9333ea}.audit-item.red .audit-icon{background:#fee2e2;color:#dc2626}.audit-item.orange .audit-icon{background:#ffedd5;color:#ea580c}.audit-item.gray .audit-icon{background:#f3f4f6;color:#6b7280}.audit-contract,.audit-desc,.audit-employee,.audit-meta{display:flex;align-items:center;gap:8px}.audit-contract svg,.audit-desc svg,.audit-employee svg,.audit-meta svg{font-size:14px;color:var(--gray-500);flex-shrink:0}.audit-contract svg{color:#2563eb}.audit-desc svg{color:#0f766e}.audit-employee svg{color:#7c3aed}.audit-meta svg{color:var(--gray-400)}.audit-meta .dot{width:auto;height:auto;background:transparent;color:var(--gray-400);font-size:12px;margin:0}.audit-extension{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#f8fafc;color:var(--gray-700);font-size:13px}@media (max-width: 768px){.audit-icon{width:36px;height:36px;min-width:36px;border-radius:10px;font-size:16px}.audit-contract svg,.audit-desc svg,.audit-employee svg,.audit-meta svg{font-size:13px}.audit-header h2 svg{font-size:16px}}.emp-card-container{background:var(--white);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-soft);transition:.25s;display:flex;flex-direction:column;gap:14px;border:1px solid var(--gray-200);z-index:0}.emp-card-container:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.emp-card-header{display:flex;align-items:center;gap:14px}.emp-avatar-lg{width:55px;height:55px;border-radius:50%;background:var(--primary-600);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;overflow:hidden}.emp-avatar-lg img{width:100%;height:100%;object-fit:cover}.emp-header-info h3{margin:0;font-size:16px;color:var(--gray-800)}.emp-position{font-size:13px;color:var(--gray-500);display:flex;align-items:center;gap:5px}.emp-status{font-size:11px;padding:3px 8px;border-radius:20px;width:fit-content;margin-top:4px;font-weight:500}.emp-status.active{background:#088b441a;color:var(--success)}.emp-status.inactive{background:#ec18461a;color:var(--danger)}.emp-contract-box{background:var(--gray-50);border-radius:var(--radius-md);padding:12px;border:1px solid var(--gray-200)}.contract-header{display:flex;justify-content:space-between;font-size:12px;color:var(--gray-500)}.contract-status{font-weight:600}.contract-status.activo{color:var(--success)}.contract-status.vencido{color:var(--danger)}.contract-status.pendiente{color:var(--warning)}.emp-contract-box h4{margin:6px 0;font-size:14px;color:var(--gray-800)}.contract-dates{display:flex;gap:6px;font-size:12px;color:var(--gray-500)}.no-contract{text-align:center;font-size:13px;color:var(--gray-500)}.emp-mini-stats{display:flex;justify-content:space-between;background:var(--gray-50);border-radius:var(--radius-md);padding:10px}.emp-mini-stats div{text-align:center;flex:1}.emp-mini-stats svg{color:var(--primary-600);margin-bottom:4px}.emp-mini-stats span{display:block;font-weight:600;color:var(--gray-800)}.emp-mini-stats small{font-size:11px;color:var(--gray-500)}.emp-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.emp-info-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gray-500)}.emp-info-item svg{color:var(--primary-600)}.emp-actions{display:flex;justify-content:space-between;gap:6px}.emp-actions button{flex:1;border:none;background:var(--gray-50);padding:8px;border-radius:var(--radius-md);cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;color:var(--gray-500)}.emp-actions button:hover{background:var(--primary-600);color:var(--white);transform:translateY(-2px)}.emp-actions button.danger:hover{background:var(--danger);color:var(--white)}@media (max-width: 768px){.emp-info-grid{grid-template-columns:1fr}}.employees-dashboard{display:flex;flex-direction:column;gap:20px;padding:20px;width:100%;border-radius:18px;background:linear-gradient(180deg,var(--primary-50),var(--gray-100));box-sizing:border-box}.employees-header{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.header-left h1{margin:0;display:flex;align-items:center;gap:10px;font-size:1.75rem;font-weight:800;color:var(--primary-900)}.header-left h1 svg{color:var(--primary-700)}.header-left p{margin:6px 0 0;font-size:.95rem;color:#64748b}.header-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-clear{height:46px;padding:0 16px;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:.94rem;font-weight:700;transition:.2s ease}.btn-primary{background:var(--primary-800);color:#fff}.btn-primary:hover{transform:translateY(-2px)}.btn-secondary{background:#e2e8f0;color:#1e293b}.btn-secondary:hover{background:#dbe4ef}.btn-clear{background:#fff;color:#475569;border:1px solid #e5e7eb;width:100%}.btn-clear:hover{background:#f8fafc;color:var(--primary-700)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.stat-box{background:#fff;border:1px solid #e8edf3;border-radius:16px;padding:16px;display:flex;align-items:center;gap:14px}.stat-box svg{font-size:1.5rem;color:var(--primary-700)}.stat-box span{display:block;font-size:.82rem;color:#64748b}.stat-box h2{margin:4px 0 0;font-size:1.35rem;color:#0f172a}.filters-card{background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #e8edf3;border-radius:18px;padding:16px;z-index:1}.filters-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr)) repeat(2,minmax(200px,1fr));gap:14px;align-items:center}.filter-search{grid-column:1 / -1;height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.filter-search svg{color:#64748b;flex-shrink:0}.filter-search input{width:100%;border:none;outline:none;background:transparent;font-size:.95rem;color:#111827}.filter-select{width:100%}.filter-select .react-select__control{min-height:46px!important;height:46px!important;border-radius:12px!important;border:1px solid #e5e7eb!important;box-shadow:none!important}.filter-select .react-select__control:hover{border-color:#cbd5e1!important}.filter-select .react-select__value-container{height:46px!important;padding:0 12px!important}.filter-select .react-select__indicators{height:46px!important}.filter-select .react-select__indicator-separator{display:none}.filter-select .react-select__placeholder{color:#64748b!important}.filter-select .react-select__single-value{color:#111827!important}.filter-select .react-select__menu{z-index:9999!important;margin-top:6px!important;border-radius:12px!important;overflow:hidden;box-shadow:0 14px 30px #0000001f}.filter-select .react-select__menu-list{padding:6px}.filter-select .react-select__option{padding:10px 12px;border-radius:10px;cursor:pointer}.filter-select .react-select__option--is-focused{background:#eef2ff!important}.filter-select .react-select__option--is-selected{background:var(--primary-700)!important;color:#fff!important}.mini-loading{background:#eff6ff;color:var(--primary-700);padding:10px 14px;border-radius:12px;font-weight:700}.error-box{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;padding:14px;border-radius:14px;font-weight:700}.empty-state{grid-column:1/-1;background:#fff;border:1px dashed #cbd5e1;border-radius:18px;padding:34px;text-align:center;color:#64748b;font-weight:700}.employees-loading{min-height:70vh;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#475569}.employees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.pagination-container{margin-top:8px}@media (max-width:1200px){.filters-grid{grid-template-columns:1fr 1fr}.filter-search{grid-column:1 / -1}}@media (max-width:768px){.employees-header{flex-direction:column;align-items:stretch}.header-actions{width:100%}.header-actions button{flex:1}.filters-grid{grid-template-columns:1fr}.filter-search{grid-column:auto}.employees-grid{grid-template-columns:1fr}}@media (max-width:640px){.employees-dashboard{padding:14px}.header-left h1{font-size:1.45rem}}.dashboard{padding:24px;background:var(--gray-50);min-height:100vh;color:var(--gray-800)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dashboard-header h2{font-size:20px;font-weight:700;color:var(--gray-800)}.period-selector{display:flex;align-items:center;gap:10px;background:#fff;padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--gray-200);box-shadow:var(--shadow-soft)}.period-selector label{font-size:13px;color:var(--gray-600)}.period-selector select{border:1px solid var(--gray-300);border-radius:var(--radius-sm);padding:6px 10px;background:#fff;cursor:pointer;color:var(--gray-700)}.period-selector select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100)}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.metric-card{background:#fff;border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-soft);border:1px solid var(--gray-100);transition:all .2s ease}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-card h4{font-size:13px;color:var(--gray-500);margin-bottom:6px}.metric-card p{font-size:20px;font-weight:700;color:var(--gray-800)}.metric-card.danger{border-left:4px solid var(--danger-500)}.chart-container{background:#fff;padding:18px;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid var(--gray-100);margin-bottom:24px}.chart-container h3{font-size:15px;margin-bottom:12px;color:var(--gray-700)}.dashboard-section{background:#fff;padding:18px;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid var(--gray-100);margin-bottom:24px}.dashboard-section h3{font-size:15px;margin-bottom:12px;color:var(--gray-700)}.top-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;margin-bottom:10px;border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow-soft);transition:all .25s ease}.top-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.rank-left{display:flex;align-items:center;gap:10px}.rank-badge{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--white);background:var(--primary-500)}.product-name{font-weight:600;color:var(--gray-800)}.rank-value{font-size:16px;color:var(--primary-700)}.rank-1{border-left:5px solid #facc15}.rank-1 .rank-badge{background:#facc15}.rank-2{border-left:5px solid #cbd5e1}.rank-2 .rank-badge{background:#94a3b8}.rank-3{border-left:5px solid #d97706}.rank-3 .rank-badge{background:#d97706}.rank-4 .rank-badge,.rank-5 .rank-badge{background:var(--primary-400)}.top-item:last-child{border-bottom:none}.heatmap{display:flex;flex-direction:column;gap:10px}.heatmap-row{display:flex;gap:12px;align-items:flex-start}.heatmap-row strong{width:160px;font-size:13px;color:var(--gray-700)}.heatmap-cols{display:flex;flex-wrap:wrap;gap:8px}.heatmap-cell{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:8px 10px;min-width:130px;transition:all .2s ease}.heatmap-cell:hover{background:var(--primary-50);border-color:var(--primary-300);transform:scale(1.02)}.heatmap-cell span{font-size:11px;color:var(--gray-500);display:block}.heatmap-cell b{font-size:14px;color:var(--gray-800)}.alerts-section{background:#fff;padding:18px;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid var(--gray-100)}.alerts-section h3{margin-bottom:12px;font-size:15px}.alert-card{padding:10px 12px;border-radius:var(--radius-md);margin-bottom:8px;font-size:13px;border-left:4px solid var(--gray-300);background:var(--gray-50)}.alert-card.warning{border-left-color:var(--warning-500)}.alert-card.danger{border-left-color:var(--danger-500)}.alert-card.success{border-left-color:var(--success-500)}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px}.heatmap-row{flex-direction:column}.heatmap-row strong{width:auto}}.recharts-bar-rectangle:hover{filter:brightness(1.1);transition:all .2s ease}.export-actions{display:flex;gap:10px}.export-actions button{background:var(--primary-500);color:#fff;border:none;padding:8px 12px;border-radius:var(--radius-md);cursor:pointer;font-size:13px;transition:.2s}.export-actions button:hover{background:var(--primary-600);transform:translateY(-1px)}.heatmap-group{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:14px;margin-bottom:14px;box-shadow:var(--shadow-soft);transition:all .2s ease}.heatmap-group:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.heatmap-header{font-size:13px;font-weight:700;color:var(--primary-600);margin-bottom:10px;display:flex;align-items:center;gap:6px;padding-bottom:8px;border-bottom:1px solid var(--gray-200)}.filters-container{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.date-range input{padding:6px 8px;border-radius:6px;border:1px solid #ddd}.reset-btn{background:#ef4444;color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;transition:.2s}.reset-btn:hover{background:#dc2626}.chart-skeleton{height:300px;border-radius:16px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.heatmap-location{margin-bottom:20px}.heatmap-row{display:flex;gap:10px;flex-wrap:wrap}.contracts-page{padding:28px;min-height:100vh;background:var(--gray-100);display:flex;flex-direction:column;gap:20px}.contracts-header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.contracts-header h1{margin:0;font-size:2rem;font-weight:700;color:var(--gray-900)}.contracts-header p{margin:6px 0 0;color:var(--gray-500)}.contracts-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{border:none;cursor:pointer;padding:11px 18px;border-radius:var(--radius-md);font-weight:600;transition:.22s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{color:var(--white);background:var(--gradient-primary);box-shadow:var(--shadow-soft)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-secondary{background:var(--white);border:1px solid var(--gray-200);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-50)}.btn-danger{background:var(--danger);color:#fff}.btn-soft{background:var(--gray-100);color:var(--gray-700)}.btn-full{width:100%}.contract-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.stats-card{background:var(--white);padding:20px;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:.2s ease}.stats-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.stats-card-label{font-size:.95rem;color:var(--gray-500)}.stats-card-value{font-size:2rem;font-weight:700;margin-top:8px}.stats-card.success{border-left:5px solid var(--success)}.stats-card.danger{border-left:5px solid var(--danger)}.stats-card.warning{border-left:5px solid var(--warning)}.stats-card.default{border-left:5px solid var(--primary)}.contract-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:14px;align-items:center}.filter-group input,.filter-group select{width:100%;padding:11px 14px;border-radius:var(--radius-md);border:1px solid var(--gray-300);outline:none;font-family:inherit}.filter-group input:focus,.filter-group select:focus{border-color:var(--primary)}.filter-search{display:flex;align-items:center;gap:8px;background:var(--white);padding:0 10px;border-radius:var(--radius-md);border:1px solid var(--gray-300)}.filter-search input{border:none;background:transparent}.contracts-content{background:var(--white);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-soft)}.table-wrapper{overflow-x:auto}.contracts-table{width:100%;border-collapse:collapse}.contracts-table th{text-align:left;padding:14px;font-size:.9rem;color:var(--gray-500);border-bottom:1px solid var(--gray-200)}.contracts-table td{padding:15px 14px;border-bottom:1px solid var(--gray-100)}.contracts-table tr:hover{background:var(--gray-50)}.table-loading,.table-empty{padding:30px;text-align:center;color:var(--gray-500)}.status{padding:5px 10px;border-radius:50px;font-size:.82rem;font-weight:600}.status.success{background:var(--success-light);color:var(--success)}.status.danger{background:var(--danger-light);color:var(--danger)}.status.warning{background:var(--warning-light);color:#92400e}.status.info{background:var(--info-light);color:var(--info)}.status.gray{background:var(--gray-100);color:var(--gray-700)}.btn-table{border:none;background:none;cursor:pointer;font-weight:600;color:var(--primary)}.btn-table.warning{color:var(--warning)}.btn-table.danger{color:var(--danger)}.actions-inline{display:flex;gap:10px;flex-wrap:wrap}.empty-contracts{background:var(--white);border-radius:var(--radius-lg);padding:50px 24px;text-align:center;box-shadow:var(--shadow-soft)}.empty-contracts h3{margin:0;color:var(--gray-900)}.empty-contracts p{margin-top:10px;color:var(--gray-500)}.contract-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.contract-card{background:var(--white);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-soft);border:1px solid rgba(0,0,0,.03)}.contract-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.modal-close{width:42px;height:42px;border:none;border-radius:50%;background:var(--gray-100);color:var(--gray-700);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;flex-shrink:0}.modal-close svg{font-size:18px;stroke-width:2.4}.modal-close:hover{background:var(--danger-light);color:var(--danger);transform:rotate(90deg)}.contract-tabs{display:flex;gap:10px;padding:14px 18px;border-bottom:1px solid var(--gray-200);background:linear-gradient(180deg,#fff,#fafafa);overflow-x:auto;scrollbar-width:thin}.contract-tabs::-webkit-scrollbar{height:6px}.contract-tabs::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:20px}.contract-tabs button{border:1px solid transparent;background:var(--gray-100);color:var(--gray-700);padding:10px 14px;border-radius:12px;cursor:pointer;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:all .18s ease}.contract-tabs button svg{font-size:15px}.contract-tabs button:hover{background:var(--primary-50);color:var(--primary);border-color:#3b5bfd26;transform:translateY(-1px)}.contract-tabs button.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:0 8px 18px #3b5bfd38}.contract-tabs button.active svg{color:#fff}@media (max-width: 768px){.contract-tabs{padding:12px;gap:8px}.contract-tabs button{padding:9px 12px;font-size:12px}.modal-close{width:38px;height:38px}}@media (max-width: 1200px){.contract-modal{width:96%;max-width:96%;max-height:92vh}.mini-modal.large{width:92%;max-width:920px}.mini-modal{width:92%;max-width:560px}}@media (max-width: 992px){.modal-overlay{padding:14px;align-items:flex-start;overflow-y:auto}.contract-modal{width:100%;max-width:100%;margin:0 auto;max-height:unset;min-height:calc(100vh - 28px);border-radius:18px}.modal-header{padding:16px;gap:12px;align-items:flex-start}.modal-header h2{font-size:20px;line-height:1.2}.modal-header p{font-size:13px;margin-top:6px}.modal-body{padding:16px}.mini-modal,.mini-modal.large{width:100%;max-width:100%;border-radius:18px}.mini-modal-body{padding:16px}.mini-modal-header{padding:14px 16px}}@media (max-width: 768px){.modal-overlay{padding:0;align-items:stretch}.contract-modal,.mini-modal,.mini-modal.large{width:100%;max-width:100%;min-height:100vh;max-height:100vh;border-radius:0;margin:0}.modal-header,.mini-modal-header{position:sticky;top:0;z-index:5;background:var(--white);border-bottom:1px solid var(--gray-200)}.modal-body,.mini-modal-body{flex:1;overflow-y:auto;padding:14px}.modal-header h2{font-size:18px}.modal-header p{font-size:12px}.modal-close{width:36px;height:36px;min-width:36px}.mini-modal-actions,.form-actions,.modal-footer{display:grid;grid-template-columns:1fr;gap:10px}.mini-modal-actions .btn,.form-actions .btn,.modal-footer .btn{width:100%;justify-content:center}}@media (max-width: 480px){.modal-header,.mini-modal-header,.modal-body,.mini-modal-body{padding:12px}.modal-header h2{font-size:16px}.modal-close{width:34px;height:34px}.contract-tabs{padding:10px;gap:6px}.contract-tabs button{padding:8px 10px;font-size:11px;border-radius:10px}.contract-tabs button svg{font-size:13px}}.types-form .form-group input{width:auto}.panel-title svg,.drive-header svg,.tree-root svg,.search-box svg,.employee-row svg,.doc-card svg,.btn-primary svg,.preview-box button svg,.upload-box button svg{font-size:15px;flex-shrink:0;opacity:.9}.employee-row svg{color:var(--primary)}.employee-row.active svg{color:#fff}.doc-card svg{font-size:18px;color:#64748b}.doc-card.selected svg{color:var(--primary)}.doc-card svg:last-child{margin-left:auto;font-size:16px;color:#16a34a}.tree-root svg{color:#f59e0b}.folder-header svg{font-size:16px;flex-shrink:0}.folder-header svg:first-child{color:#94a3b8}.folder-header svg:nth-child(2){color:#eab308}.folder-header:hover svg:nth-child(2){color:#ca8a04}.folder-node.open .folder-header svg:nth-child(2){color:#f59e0b}.file-row svg{font-size:16px;flex-shrink:0}.file-row svg[data-icon=pdf],.file-row .pdf-icon,.file-row svg:nth-child(1).pdf{color:#dc2626}.file-row .image-icon{color:#0ea5e9}.file-row>svg:first-child{color:#64748b}.file-row.active>svg:first-child{color:var(--primary)}.file-row button svg{font-size:14px;color:#ef4444}.file-row button:hover svg{color:#dc2626;transform:scale(1.08)}.folder-download svg{font-size:15px;color:#64748b}.folder-download:hover svg{color:var(--primary)}.preview-title:before{content:"📄";margin-right:6px}.upload-box button svg{color:#fff}@media (max-width: 768px){.panel-title svg,.drive-header svg,.tree-root svg,.search-box svg,.employee-row svg,.doc-card svg,.btn-primary svg{font-size:14px}.folder-header svg,.file-row svg{font-size:15px}}.danger-zone{margin-top:22px;padding:18px;border:1px solid #fecaca;background:linear-gradient(135deg,#fff5f5,#fff);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;gap:18px}.danger-zone h4{margin:0 0 6px;font-size:15px;font-weight:800;color:#991b1b}.danger-zone p{margin:0;font-size:13px;color:#7f1d1d;line-height:1.45;max-width:620px}.btn-danger{border:none;outline:none;height:42px;padding:0 16px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:8px;background:#dc2626;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:.18s ease;flex-shrink:0}.btn-danger:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 8px 18px #dc262638}.btn-danger:active{transform:translateY(0)}.btn-danger:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.btn-danger svg{font-size:15px}@media (max-width: 768px){.danger-zone{flex-direction:column;align-items:stretch}.btn-danger{width:100%;justify-content:center}}.table-wrapper{width:100%;overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 4px 18px #0000000d}.contracts-table{width:100%;border-collapse:collapse;font-size:14px}.contracts-table thead{background:#f8fafc;border-bottom:1px solid #e5e7eb}.contracts-table th{text-align:left;padding:14px 16px;font-weight:600;color:#475569;font-size:13px;letter-spacing:.3px}.contracts-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.contracts-table tbody tr:hover{background:#f9fafb;transition:.2s ease}.fw-600{font-weight:600;color:#0f172a}.muted{color:#94a3b8;font-size:12px}.date-row{display:flex;align-items:center;gap:6px;color:#334155;font-size:13px;margin-bottom:4px}.date-row svg{font-size:14px;color:#64748b}.employees-box{display:flex;flex-direction:column;gap:4px}.emp-total{display:flex;align-items:center;gap:6px;font-weight:600;color:#0f172a;font-size:14px}.emp-total svg{color:#3b82f6;font-size:16px}.emp-detail.active{font-size:12px;color:#16a34a;font-weight:500}.emp-detail.finished{font-size:12px;color:#dc2626;font-weight:500}.status{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.status.success{background:#dcfce7;color:#166534}.status.danger{background:#fee2e2;color:#991b1b}.status.info{background:#dbeafe;color:#1e40af}.status.gray{background:#f1f5f9;color:#475569}.table-empty{padding:30px;text-align:center;color:#94a3b8;background:#fff;border-radius:12px}@media (max-width: 768px){.contracts-table th,.contracts-table td{padding:10px}.emp-total{font-size:13px}}.drive-preview-header{height:55px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #eee;position:relative;z-index:5}.drive-preview-body{flex:1;background:#f5f6f8;display:flex;justify-content:center;align-items:center}.file-viewer-wrapper{width:90%;height:90%;background:#fff;border-radius:12px;overflow:hidden}.drive-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#022e2ea6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999}.drive-preview-modal{width:95%;height:92%;background:var(--white);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-hover)}.drive-preview-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--gradient-primary);color:#fff;flex-shrink:0;position:relative;z-index:99999}.drive-title{font-size:14px;font-weight:600;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drive-close-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#ffffff38;color:#fff;display:flex!important;align-items:center;justify-content:center;font-size:18px;font-weight:900;cursor:pointer;z-index:9999;position:relative;opacity:1!important;visibility:visible!important;box-shadow:0 10px 25px #00000040}.drive-close-btn:hover{background:#ffffff47;transform:scale(1.08);border-color:#fff9}.drive-preview-body{flex:1;overflow:hidden;display:flex;position:relative;z-index:1}.cdrive-root{width:100%;height:calc(100vh - 150px);display:flex;flex-direction:column;gap:14px}.cdrive-toolbar{height:60px;background:#fff;border-radius:18px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 6px 20px #0000000a}.cdrive-toolbar-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700}.cdrive-toolbar-title svg{color:var(--primary)}.cdrive-employee-info small{color:var(--primary-500)}.cdrive-layout{flex:1;display:grid;grid-template-columns:250px 1fr 330px;gap:14px;min-height:0}.cdrive-employees,.cdrive-center,.cdrive-preview{background:#fff;border-radius:18px;border:1px solid rgba(0,0,0,.04);box-shadow:0 8px 25px #00000008;overflow:hidden;min-width:0;min-height:0}.cdrive-panel-title{height:54px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid #edf2f7;font-size:13px;font-weight:700}.cdrive-panel-title svg{color:var(--primary)}.cdrive-search{margin:12px;height:40px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#f8fafc;border:1px solid #edf2f7;border-radius:12px}.cdrive-search input{flex:1;border:none;outline:none;background:transparent;font-size:13px}.cdrive-employee-list{padding:0 10px 10px;overflow-y:auto}.cdrive-employee-row{width:100%;border:none;background:transparent;padding:10px;margin-bottom:6px;border-radius:14px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.2s}.cdrive-employee-row:hover{background:#f8fafc}.cdrive-employee-row.active{background:var(--gradient-primary);color:#fff}.cdrive-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#3b82f61f;font-weight:700;flex-shrink:0}.cdrive-employee-row.active .cdrive-avatar{background:#ffffff2e}.cdrive-center{display:grid;grid-template-rows:auto 1fr;background:#f8fafc;gap:1px}.cdrive-documents,.cdrive-tree{background:#fff}.cdrive-doc-grid{padding:12px;display:flex;flex-wrap:wrap;gap:8px}.cdrive-doc-chip{display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:220px;padding:7px 12px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:.2s}.cdrive-doc-chip:hover{border-color:var(--primary)}.cdrive-doc-chip.selected{border-color:var(--primary);background:#3b82f60d}.cdrive-doc-chip span{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdrive-action-bar{padding:12px;border-top:1px solid #edf2f7}.cdrive-tree-body{padding:12px;overflow-y:auto}.cdrive-tree-root{padding:10px 12px;background:#f8fafc;border-radius:12px;margin-bottom:10px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.cdrive-folder-row,.cdrive-file-row{height:38px;border-radius:10px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:.2s}.cdrive-folder-row:hover,.cdrive-file-row:hover{background:#f8fafc}.cdrive-file-row.active{background:#3b82f60f;color:var(--primary)}.cdrive-preview{display:flex;flex-direction:column}.cdrive-preview-box{padding:14px;display:flex;flex-direction:column;gap:10px}.cdrive-preview-title{font-size:12px;font-weight:700;word-break:break-word}.cdrive-history{flex:1;border-top:1px solid #edf2f7;overflow:hidden}.cdrive-upload{padding:14px;border-top:1px solid #edf2f7;display:flex;flex-direction:column;gap:8px}.cdrive-upload input{height:38px;border:1px solid #e2e8f0;border-radius:10px;padding:0 10px}.cdrive-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:13px}@media (max-width: 1400px){.cdrive-layout{grid-template-columns:220px 1fr 300px}}@media (max-width: 1200px){.cdrive-layout{grid-template-columns:1fr}}@media (max-width: 1600px){.cdrive-layout{grid-template-columns:220px 1fr 300px}.cdrive-doc-chip{max-width:200px}}@media (max-width: 1400px){.cdrive-root{height:auto;min-height:calc(100vh - 140px)}.cdrive-layout{grid-template-columns:210px 1fr 280px;gap:12px}.cdrive-toolbar-title{font-size:14px}.cdrive-doc-chip{max-width:180px;font-size:12px}.cdrive-panel-title{font-size:12px}}@media (max-width: 1200px){.cdrive-root{height:auto}.cdrive-layout{grid-template-columns:1fr;gap:14px}.cdrive-employees{max-height:320px}.cdrive-center{min-height:700px}.cdrive-preview{min-height:600px}.cdrive-employee-list{max-height:240px}}@media (max-width: 992px){.cdrive-root{gap:12px}.cdrive-toolbar{height:auto;padding:14px;flex-direction:column;align-items:stretch;gap:12px}.cdrive-toolbar-title{justify-content:center;text-align:center}.cdrive-toolbar button{width:100%;justify-content:center}.cdrive-employees{max-height:280px}.cdrive-doc-grid{gap:6px}.cdrive-doc-chip{max-width:100%}.cdrive-preview-box{padding:12px}}@media (max-width: 768px){.cdrive-root,.cdrive-layout{gap:10px}.cdrive-toolbar{border-radius:14px}.cdrive-toolbar-title{font-size:13px;line-height:1.4}.cdrive-panel-title{height:48px;font-size:12px;padding:0 12px}.cdrive-search{margin:10px;height:38px}.cdrive-search input{font-size:12px}.cdrive-employee-row{padding:9px}.cdrive-avatar{width:34px;height:34px;font-size:12px}.cdrive-doc-grid{padding:10px}.cdrive-doc-chip{max-width:100%;padding:6px 10px;font-size:12px}.cdrive-doc-chip span{font-size:11px}.cdrive-folder-row,.cdrive-file-row{height:36px;font-size:12px}.cdrive-preview-title{font-size:11px}.cdrive-upload{padding:12px}.cdrive-upload input,.btn-primary,.btn-secondary{height:36px;font-size:12px}}@media (max-width: 576px){.cdrive-root{padding:0}.cdrive-toolbar,.cdrive-employees,.cdrive-center,.cdrive-preview{border-radius:12px}.cdrive-toolbar-title span{display:block;text-align:center;line-height:1.4}.cdrive-employee-list{padding:8px}.cdrive-employee-row{padding:8px;margin-bottom:4px}.cdrive-doc-grid{flex-direction:column}.cdrive-doc-chip{width:100%;max-width:100%}.cdrive-action-bar button{width:100%}.cdrive-tree-body{padding:8px}.cdrive-preview-box{padding:10px}}@media (max-width: 420px){.cdrive-toolbar{padding:12px 10px}.cdrive-toolbar-title{font-size:12px}.cdrive-panel-title{font-size:11px}.cdrive-avatar{width:30px;height:30px;font-size:11px}.cdrive-employee-info span{font-size:11px}.cdrive-employee-info small,.cdrive-doc-chip span{font-size:10px}.cdrive-folder-row,.cdrive-file-row,.btn-primary,.btn-secondary{font-size:11px}}.cdrive-root .btn-primary,.cdrive-root .btn-secondary{min-height:46px;padding:0 16px;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.cdrive-root .btn-primary:hover,.cdrive-root .btn-secondary:hover{transform:translateY(-1px)}.cdrive-root .btn-primary svg,.cdrive-root .btn-secondary svg{font-size:15px;flex-shrink:0}.cdrive-preview-box .btn-primary,.cdrive-preview-box .btn-secondary{min-height:48px}.cdrive-upload .btn-primary{min-height:48px;font-weight:700}@media (max-width: 768px){.cdrive-root .btn-primary,.cdrive-root .btn-secondary{min-height:42px;font-size:12px}}@media (max-width: 420px){.cdrive-root .btn-primary,.cdrive-root .btn-secondary{min-height:40px}}:root{--primary-50: #e6f3f3;--primary-100: #cce7e7;--primary-200: #99cfcf;--primary-300: #66b7b7;--primary-400: #339f9f;--primary-500: #027a7a;--primary-600: #026666;--primary-700: #025252;--primary-800: #024041;--primary-900: #012e2e;--primary: var(--primary-800);--secondary: #0A2540;--accent: #00A8A8;--success: #16a34a;--success-light: #dcfce7;--danger: #dc2626;--danger-light: #fee2e2;--warning: #f59e0b;--warning-light: #fef3c7;--info: #0284c7;--info-light: #e0f2fe;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2933;--gray-900: #111827;--white: #ffffff;--dark: #020617;--shadow-soft: 0 8px 24px rgba(2, 64, 65, .08);--shadow-hover: 0 16px 40px rgba(2, 64, 65, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--gradient-primary: linear-gradient(135deg, #024041, #027a7a);--gradient-accent: linear-gradient(135deg, #00A8A8, #0284c7)}.history-panel{height:100%;display:flex;flex-direction:column;background:#fff}.history-header{height:64px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef2f7;flex-shrink:0}.history-header h3{margin:0;font-size:14px;font-weight:700;color:#0f172a}.history-header small{font-size:11px;color:#64748b}.count-badge{min-width:28px;height:28px;padding:0 10px;border-radius:30px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:#3b82f614;color:var(--primary)}.modern-upload{padding:14px 18px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid #eef2f7}.modern-upload input{width:100%;height:42px;padding:0 12px;border-radius:12px;border:1px solid #e2e8f0;font-size:13px}.modern-upload button{height:44px}.history-empty{padding:30px 20px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#64748b}.history-list{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.version-card{padding:14px;border-radius:16px;border:1px solid #e2e8f0;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;transition:.2s ease}.version-card:hover{border-color:#3b82f640;box-shadow:0 4px 18px #0000000a}.version-card.current{border-left:4px solid var(--primary);background:#3b82f608}.version-main{flex:1;min-width:0}.version-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.version-file{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.version-file svg{font-size:15px;color:#64748b;flex-shrink:0}.version-file span{font-size:13px;font-weight:600;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-pill{flex-shrink:0;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#f1f5f9;color:#475569}.version-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.version-meta span{display:flex;align-items:center;gap:5px;font-size:11px;color:#64748b}.version-meta svg{font-size:12px}.version-note{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:10px;background:#f8fafc;font-size:11px;color:#475569}.version-note.restore{background:#22c55e14;color:#15803d}.version-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.version-actions button{width:36px;height:36px;border:none;border-radius:10px;background:#f8fafc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease}.version-actions button:hover{transform:scale(1.05)}.version-actions svg{font-size:14px}.restore-btn svg{color:#2563eb}.danger-btn svg{color:#dc2626}.current-badge-inline{display:inline-flex;align-items:center;gap:5px;margin-bottom:8px;padding:4px 8px;border-radius:999px;background:#22c55e14;color:#15803d;font-size:10px;font-weight:700;width:fit-content}.current-badge-inline svg{font-size:11px}.spin{animation:spin 1s linear infinite}@media (max-width: 768px){.version-card{flex-direction:column}.version-actions{width:100%;flex-direction:row;justify-content:flex-end;flex-wrap:wrap}.version-file span{font-size:12px}}.drive-pro{display:grid;grid-template-columns:320px minmax(320px,1fr) 320px;gap:22px;padding:24px;min-height:calc(100vh - 140px);background:radial-gradient(circle at top right,rgba(2,122,122,.08),transparent 28%),radial-gradient(circle at bottom left,rgba(2,64,65,.06),transparent 28%),var(--gray-100)}.drive-left,.drive-center,.drive-right{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden;display:flex;flex-direction:column;min-height:760px}.panel-title{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid var(--gray-200);font-size:14px;font-weight:800;color:var(--secondary)}.search-box{margin:16px;display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md)}.search-box input{width:100%;border:none;background:transparent;outline:none}.employee-list{padding:0 14px 14px;overflow-y:auto}.employee-row{width:100%;border:none;background:transparent;padding:13px 14px;border-radius:var(--radius-md);display:flex;gap:10px;align-items:center;margin-bottom:8px;cursor:pointer;font-weight:700;color:var(--gray-700);transition:.18s ease}.employee-row:hover{background:var(--primary-50)}.employee-row.active{background:var(--gradient-primary);color:#fff}.drive-header{padding:14px 18px;font-weight:700;border-bottom:1px solid var(--gray-200)}.drive-content{flex:1;overflow-y:auto;padding:12px}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.doc-card{min-height:132px;border-radius:var(--radius-md);border:1px solid var(--gray-200);background:var(--white);padding:16px;display:flex;flex-direction:column;justify-content:center;gap:12px;cursor:pointer;transition:.18s ease;position:relative}.doc-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.doc-card.selected{background:var(--primary-50);border-color:var(--primary)}.doc-card.selected:after{content:"✓";position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center}.action-bar{padding:12px 16px;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;background:#fff}.folder-tree{padding:16px;overflow-y:auto;flex:1}.tree-root{padding:12px;border-radius:var(--radius-md);background:var(--gray-50);font-weight:800;margin-bottom:12px}.folder-block{margin-bottom:12px}.folder-header{width:100%;border:none;background:var(--gray-50);padding:12px 14px;border-radius:var(--radius-md);display:flex;gap:10px;align-items:center;cursor:pointer;font-weight:700}.folder-header:hover{background:var(--primary-50)}.files-list{padding-left:14px;margin-top:8px}.file-row{display:flex;gap:10px;align-items:center;padding:10px;border-radius:10px;cursor:pointer;font-size:13px}.file-row:hover{background:var(--gray-50)}.file-row.active{background:var(--primary-50)}.file-row span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-box{margin:16px;padding:16px;border-radius:var(--radius-md);border:1px solid var(--gray-200);background:var(--gray-50)}.preview-title{font-size:14px;font-weight:700;margin-bottom:10px}.upload-box{padding:18px;border-top:1px solid var(--gray-200);background:#fbfefe}.upload-box input{width:100%;margin-top:12px}.zip-download-wrap{display:flex;justify-content:center;margin-top:12px}.btn-zip-download{min-width:160px;padding:8px 14px;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.empty-box{margin:18px;padding:28px;border-radius:var(--radius-md);border:1px dashed var(--gray-300);background:var(--gray-50);color:var(--gray-500);text-align:center}@media (max-width: 1280px){.drive-pro{grid-template-columns:1fr}.drive-left,.drive-center,.drive-right{min-height:auto}}.history-header{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;width:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:999;padding:20px}.contract-modal{width:min(1200px,100%);max-height:95vh;overflow:auto;background:var(--white);border-radius:20px;box-shadow:var(--shadow-hover)}.modal-header{padding:24px;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center;gap:14px}.modal-header h2{margin:0;font-size:1.35rem}.modal-header p{margin:6px 0 0;color:var(--gray-500)}.modal-close{border:none;background:var(--gray-100);width:42px;height:42px;border-radius:50%;cursor:pointer;transition:.2s ease}.modal-close:hover{background:var(--gray-200)}.modal-tabs{display:flex;gap:8px;padding:16px 24px;border-bottom:1px solid var(--gray-200);flex-wrap:wrap}.tab-btn{border:none;background:var(--gray-100);padding:10px 16px;border-radius:999px;cursor:pointer;font-weight:600;transition:.2s ease}.tab-btn:hover{background:var(--gray-200)}.tab-btn.active{background:var(--gradient-primary);color:var(--white)}.modal-body{padding:24px}.contract-form{display:grid;gap:18px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.form-group label{font-size:.92rem;font-weight:600;color:var(--gray-700)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:11px 14px;border-radius:var(--radius-md);border:1px solid var(--gray-300);outline:none;font-family:inherit;transition:.2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary)}.form-group textarea{resize:vertical;min-height:110px}.modal-footer,.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:10px;flex-wrap:wrap}.mini-modal{width:520px;max-width:100%;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-hover);overflow:hidden}.mini-modal.large{width:720px}.mini-modal-header{padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--gray-100)}.mini-modal-header h3{margin:0}.mini-modal-header p{margin:4px 0 0;color:var(--gray-500)}.mini-modal-body{padding:18px;display:flex;flex-direction:column;gap:14px}.mini-modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.icon-btn{border:none;background:var(--gray-100);width:38px;height:38px;border-radius:10px;cursor:pointer}.icon-btn:hover{background:var(--gray-200)}.input-icon{display:flex;align-items:center;gap:10px;border:1px solid var(--gray-300);border-radius:var(--radius-md);padding:0 12px}.input-icon input,.input-icon textarea,.input-icon select{border:none;outline:none;width:100%;padding:11px 0;background:transparent}.input-icon.textarea{align-items:flex-start;padding-top:10px}.mini-alert{margin:18px;padding:12px 14px;border-radius:var(--radius-md);display:flex;gap:10px;align-items:center;font-size:.92rem}.mini-alert.info{background:var(--info-light);color:var(--info)}.employee-inline-form{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.extend-box{display:grid;grid-template-columns:1fr 2fr auto;gap:12px;padding:14px;background:var(--gray-50);border-radius:var(--radius-md)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0f172a94;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:18px}.finish-contract-modal{width:100%;max-width:620px;background:#fff;border-radius:18px;box-shadow:0 24px 60px #0000002e,0 8px 18px #00000014;overflow:hidden;animation:modalFadeIn .22s ease}.modal-header{padding:18px 22px;border-bottom:1px solid var(--gray-200);display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.modal-header.danger{background:linear-gradient(135deg,#fff5f5,#fff)}.modal-title-wrap{display:flex;align-items:flex-start;gap:12px}.modal-title-wrap>svg{font-size:22px;color:#dc2626;margin-top:2px;flex-shrink:0}.modal-title-wrap h3{margin:0;font-size:18px;font-weight:800;color:#111827}.modal-title-wrap p{margin:6px 0 0;font-size:13px;line-height:1.5;color:#6b7280}.icon-close{width:38px;height:38px;border:none;border-radius:12px;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.16s ease}.icon-close:hover{background:#fee2e2;color:#dc2626}.icon-close:disabled{opacity:.6;cursor:not-allowed}.modal-body{padding:22px;display:flex;flex-direction:column;gap:18px}.finish-box{padding:14px;border-radius:14px;background:#f9fafb;border:1px solid var(--gray-200);display:flex;flex-direction:column;gap:5px}.finish-box strong{font-size:15px;color:#111827}.finish-box small{font-size:12px;color:#6b7280;text-transform:capitalize}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:700;color:#374151}.form-group textarea{width:100%;min-height:115px;resize:vertical;padding:12px 14px;border-radius:14px;border:1px solid #d1d5db;font-size:14px;font-family:inherit;transition:.18s ease}.form-group textarea:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 4px #f973161f}.warning-box{padding:14px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:13px;line-height:1.5;display:flex;align-items:flex-start;gap:10px}.warning-box svg{font-size:16px;margin-top:1px;flex-shrink:0}.modal-footer{padding:18px 22px;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:10px}.modal-footer .btn{min-width:140px}.btn-secondary{border:1px solid #d1d5db;background:#fff;color:#374151}.btn-secondary:hover{background:#f9fafb}.btn-danger{border:none;background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.btn{height:44px;padding:0 16px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:700;cursor:pointer;transition:.18s ease}.btn:disabled{opacity:.65;cursor:not-allowed}.spin{animation:spin .9s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.finish-contract-modal{max-width:100%;border-radius:16px}.modal-header,.modal-body,.modal-footer{padding:16px}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}}.danger-modal{border:1px solid #fecaca;padding:10px}.danger-title{display:flex;align-items:center;gap:10px;color:#dc2626}.warning-text{font-size:14px;color:#6b7280}.employee-card-mini{background:#fef2f2;border:1px solid #fecaca;padding:12px;border-radius:10px;margin-top:10px}.employee-card-mini span{display:block;font-size:12px;color:#7f1d1d;margin-top:4px}.error-box-mini{margin-top:10px;background:#fee2e2;padding:8px;border-radius:8px;color:#b91c1c;font-size:13px}.documents-page{display:flex;flex-direction:column;gap:20px}.docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.doc-card{background:var(--white);border-radius:14px;padding:16px;box-shadow:0 8px 25px #0000000d}.doc-actions{display:flex;gap:8px;margin-top:10px}.audit-container{display:flex;flex-direction:column;height:100%;min-height:600px;background:var(--white);border-radius:var(--radius-lg)}.audit-header{padding:16px 18px;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.audit-header h3{margin:0;font-size:1rem;color:var(--gray-900)}.audit-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.audit-controls input,.audit-controls select{padding:10px 12px;border:1px solid var(--gray-300);border-radius:var(--radius-md);outline:none;background:var(--white)}.audit-controls input:focus,.audit-controls select:focus{border-color:var(--primary)}.audit-list{flex:1;overflow-y:auto;padding:12px}.audit-item{display:flex;gap:12px;padding:14px 12px;border-bottom:1px solid var(--gray-100);transition:.16s ease}.audit-item:hover{background:var(--gray-50)}.audit-item:last-child{border-bottom:none}.audit-content{flex:1}.audit-title{font-size:.94rem;font-weight:700;color:var(--gray-900);margin-bottom:6px}.audit-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--gray-500)}.audit-badge,.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.audit-badge.upload,.badge.upload{background:#e0f7ff;color:#0284c7}.audit-badge.delete,.badge.delete{background:#ffe0e0;color:#dc2626}.audit-badge.link,.badge.link{background:#e7ffe0;color:#16a34a}.audit-badge.restore,.badge.restore{background:#fff4d6;color:#d97706}.audit-badge.update,.badge.update{background:#ede9fe;color:#6d28d9}.audit-badge.create,.badge.create{background:#dcfce7;color:#15803d}.audit-json{margin-top:10px;background:var(--gray-900);color:#fff;padding:12px;border-radius:var(--radius-md);font-size:12px;overflow:auto;line-height:1.5}.timeline{display:flex;flex-direction:column;padding:16px;overflow-y:auto}.timeline-date{font-size:12px;font-weight:800;color:var(--gray-600);display:flex;align-items:center;gap:6px;margin:18px 0 10px;text-transform:uppercase;letter-spacing:.3px}.timeline-item{display:flex;align-items:flex-start;gap:12px;padding:12px 10px;border-left:2px solid var(--gray-200);margin-left:6px;position:relative}.timeline-item:last-child{padding-bottom:18px}.dot{width:28px;height:28px;min-width:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gray-100);font-size:13px;margin-left:-21px}.dot.upload{background:#e0f7ff;color:#0284c7}.dot.delete{background:#ffe0e0;color:#dc2626}.dot.link{background:#e7ffe0;color:#16a34a}.dot.restore{background:#fff4d6;color:#d97706}.dot.update{background:#ede9fe;color:#6d28d9}.dot.create{background:#dcfce7;color:#15803d}.content{flex:1}.title{font-size:13px;font-weight:700;color:var(--gray-900);margin-bottom:4px}.meta{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--gray-500)}.audit-empty{padding:40px 20px;text-align:center;color:var(--gray-500)}@media (max-width: 768px){.audit-header{flex-direction:column;align-items:stretch}.audit-controls,.audit-controls input,.audit-controls select{width:100%}.timeline-item{gap:10px}}@media (max-width: 1400px){.contract-cards-grid,.doc-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.contract-modal{width:min(1100px,100%)}}@media (max-width: 1200px){.contracts-header{flex-direction:column;align-items:flex-start}.contracts-actions{width:100%;flex-wrap:wrap}.contract-filters,.form-grid,.employee-inline-form,.documents-tab{grid-template-columns:1fr}.documents-sidebar{border-right:none;padding-right:0}}@media (max-width: 992px){.contracts-page{padding:20px}.contracts-content{padding:16px}.contract-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.modal-body,.modal-header{padding:18px}.modal-tabs{padding:14px 18px}.mini-modal{width:100%}.drive-pro{grid-template-columns:1fr;padding:18px}.drive-left,.drive-center,.drive-right{min-height:auto}}@media (max-width: 768px){.contracts-page{padding:16px;gap:16px}.contracts-header h1{font-size:1.55rem}.contracts-actions{flex-direction:column}.btn,.btn-primary,.btn-secondary,.btn-danger{width:100%}.modal-overlay{padding:10px;align-items:flex-end}.contract-modal,.mini-modal{width:100%;max-height:94vh;border-radius:18px 18px 0 0}.modal-header,.mini-modal-header,.modal-body,.mini-modal-body{padding:14px}.modal-footer,.mini-modal-actions,.form-actions{flex-direction:column}.contracts-table th,.contracts-table td{padding:10px;font-size:13px}.actions-inline{flex-direction:column;gap:6px}.extend-box,.doc-grid,.contract-cards-grid{grid-template-columns:1fr}.employee-row,.folder-header,.file-row{font-size:13px}.timeline-item{padding:10px 6px}}@media (max-width: 520px){.contracts-header h1{font-size:1.35rem}.stats-card{padding:16px}.stats-card-value{font-size:1.5rem}.tab-btn{width:100%;justify-content:center}.filter-search{padding:0 8px}.form-group label{font-size:.88rem}.modal-close,.icon-btn{width:36px;height:36px}}@media (max-height: 700px){.contract-modal,.mini-modal{max-height:96vh}.drive-left,.drive-center,.drive-right{min-height:auto}}