body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.register-page-container{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.register-page-container:before{animation:floatingOrbs 20s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#4f46e54d 0,#0000 50%),radial-gradient(circle at 80% 70%,#7c3aed4d 0,#0000 50%),radial-gradient(circle at 50% 50%,#10b98133 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.register-box{animation:fadeInUp .8s ease-out;backdrop-filter:blur(15px);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:blur(15px);-webkit-backdrop-filter:var(--backdrop-blur);background:#ffffff40;background:var(--glass-bg);border:1px solid #ffffff4d;border:1px solid var(--glass-border);border-radius:20px;border-radius:var(--border-radius-large);box-shadow:0 15px 40px #0003,0 0 50px #4f46e533,inset 0 1px 0 #ffffff4d;box-shadow:var(--shadow-heavy),0 0 50px #4f46e533,inset 0 1px 0 #ffffff4d;color:#fff;color:var(--text-white);max-width:550px;overflow:hidden;padding:3rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.register-box:hover{box-shadow:0 20px 40px #0003,0 0 60px #4f46e54d,inset 0 1px 0 #fff6;transform:translateY(-5px)}.register-box:before{animation:backgroundShimmer 10s ease-in-out infinite;background:linear-gradient(135deg,#ffffff1a,#ffffff0d 30%,#4f46e50d 70%,#ffffff1a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes backgroundShimmer{0%,to{opacity:1}50%{opacity:.8}}.register-box:after{animation:rotate 20s linear infinite;background:radial-gradient(circle,#4f46e51a 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.register-box h2{-webkit-text-fill-color:#0000;animation:titleShimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#fff,#ffffffe6 50%,#fff);background:linear-gradient(135deg,var(--text-white) 0,#ffffffe6 50%,var(--text-white) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:#fff;color:var(--text-white);font-size:2.5rem;font-weight:800;margin-bottom:.5rem;position:relative;text-shadow:0 2px 10px #0000004d;z-index:1}.register-box .subtitle{color:#fffc;font-size:1rem;margin-bottom:2rem;position:relative;text-shadow:0 1px 4px #0003;z-index:1}.input-group{animation:fadeInLeft .6s ease-out;animation-fill-mode:both;margin-bottom:1.5rem;position:relative;text-align:left;z-index:1}.input-group:first-child{animation-delay:.1s}.input-group:nth-child(2){animation-delay:.2s}.input-group:nth-child(3){animation-delay:.3s}.input-group:nth-child(4){animation-delay:.4s}.input-group:nth-child(5){animation-delay:.5s}.input-group:nth-child(6){animation-delay:.6s}.input-group label{color:#000;display:block;font-size:1rem;font-weight:600;margin-bottom:.75rem;text-shadow:0 1px 4px #0003}.input-group input,.input-group select{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid #ffffff4d;border-radius:12px;border-radius:var(--border-radius);box-sizing:border-box;color:#fff;color:var(--text-white);font-size:1rem;font-weight:500;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.input-group input::placeholder{color:#fff}.input-group input:focus,.input-group select:focus{outline:none;transform:translateY(-2px)}.input-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5rem 1.5rem;cursor:pointer;padding-right:3rem}.input-group select option{background:#1e293b;background:var(--dark-slate);color:#fff;color:var(--text-white);padding:.5rem}.register-button{animation:fadeInUp .8s ease-out .7s both;background:linear-gradient(135deg,#10b981,#047857);background:linear-gradient(135deg,var(--primary-green),#047857);border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 25px #00000026,0 0 30px #10b98166;box-shadow:var(--shadow-medium),0 0 30px #10b98166;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;overflow:hidden;padding:1rem 1.5rem;position:relative;text-shadow:0 1px 2px #0003;z-index:1}.register-button,.register-button:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.register-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0}.register-button:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 10px 25px #10b98166,0 0 40px #10b98199;transform:translateY(-2px) scale(1.02)}.register-button:hover:not(:disabled):before{left:100%}.register-button:active:not(:disabled){transform:translateY(0) scale(.98)}.register-button:disabled{background:linear-gradient(135deg,#64748b,#334155);background:linear-gradient(135deg,var(--light-slate),var(--medium-slate));box-shadow:0 4px 15px #0000001a;box-shadow:var(--shadow-light);cursor:not-allowed;opacity:.6;transform:none}.login-text{animation:fadeIn .8s ease-out .8s both;color:#fffc;font-size:.95rem;margin-top:2rem;position:relative;z-index:1}.login-text a{color:#fff;color:var(--text-white);font-weight:600;text-decoration:none;text-shadow:0 0 8px #f093fb99;transition:all .2s ease;transition:var(--transition-fast)}.login-text a:hover{color:var(--primary-cyan);text-decoration:underline;text-shadow:0 0 12px #06b6d4cc}.error-message{animation:shake .5s ease-in-out;background:linear-gradient(135deg,#ef444433,#ef44441a);border:1px solid #ef444480;border-radius:12px;border-radius:var(--border-radius);color:#ffebee}.error-message,.success-message{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:.9rem;margin-bottom:1.5rem;padding:1rem;position:relative;z-index:1}.success-message{background:linear-gradient(135deg,#10b98133,#10b9811a);border:1px solid #10b98180;border-radius:12px;border-radius:var(--border-radius);color:#e8f5e8}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media (max-width:768px){.register-page-container{padding:1rem}.register-box{max-width:100%;padding:2rem}.register-box h2{font-size:2rem}.input-group input,.input-group select{font-size:.95rem;padding:.9rem 1rem}.register-button{font-size:1rem;padding:.9rem 1.25rem}}@media (max-width:480px){.register-box{margin:.5rem;padding:1.5rem}.register-box h2{font-size:1.8rem}.register-box .subtitle{font-size:.9rem}.input-group{margin-bottom:1.25rem}.input-group input,.input-group select{font-size:.9rem;padding:.8rem .9rem}.register-button{font-size:.95rem;padding:.8rem 1rem}}@media (prefers-reduced-motion:reduce){.input-group,.login-text,.register-box,.register-button{animation:none;transition:none}.register-button:hover{transform:none}}@media (prefers-contrast:high){.input-group input,.input-group select,.register-box,.register-button{border:2px solid #fff;border:2px solid var(--text-white)}}@media print{.register-page-container{background:#fff;color:#000}.register-box{background:#fff;border:1px solid #ccc;box-shadow:none}.input-group input,.input-group select,.register-button{background:#fff;border:1px solid #ccc;box-shadow:none;color:#000}}:root{--sidebar-bg:linear-gradient(160deg,#1e293bf2,#334155e6 50%,#1e293bf2)}body,html{height:100%}body{background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);background:var(--background-gradient);background-size:400% 400%}#root{height:100%}.app-layout-container{display:flex;height:100vh;position:relative}.app-layout-container:before{animation:floatingOrbs 20s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#4f46e533 0,#0000 50%),radial-gradient(circle at 80% 70%,#7c3aed33 0,#0000 50%),radial-gradient(circle at 50% 50%,#10b98126 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes floatingOrbs{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.sidebar-layout{animation:slideInLeft .8s ease-out;backdrop-filter:blur(15px);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:blur(15px);-webkit-backdrop-filter:var(--backdrop-blur);background:#fff;border-right:1px solid #ffffff26;box-shadow:0 15px 40px #0003,inset -1px 0 0 #ffffff1a;box-shadow:var(--shadow-heavy),inset -1px 0 0 #ffffff1a;color:#f8fafc;color:var(--text-light);display:flex;flex:0 0 260px;flex-direction:column;height:100vh;justify-content:space-between;overflow-x:hidden;overflow-y:auto;padding:2rem;position:relative;z-index:10}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.mode-toggle-button{background:none;border:none;cursor:pointer;text-align:left;width:100%}.app-layout-container.light,.app-layout-container.light .sidebar-layout{background:#fff;color:#000}.app-layout-container.light .main-content-layout{background:#f0f0f0;color:#000}.app-layout-container.dark{background:#121212;color:#fff}.app-layout-container.dark .sidebar-layout{background:#1e1e1e;color:#fff}.app-layout-container.dark .main-content-layout{background:#121212;color:#fff}.sidebar-layout:before{animation:sidebarGlow 12s ease-in-out infinite;background:linear-gradient(135deg,#4f46e51a,#0000 30%,#7c3aed14 70%,#10b9811a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes sidebarGlow{0%,to{opacity:1}50%{opacity:.7}}.sidebar-header-layout{animation:fadeInDown .8s ease-out;flex-shrink:0;margin-bottom:2rem;position:relative;text-align:center;z-index:1}.app-logo{color:#ef4444;color:var(--primary-red);display:inline-block;filter:drop-shadow(0 0 10px rgba(255,0,0,.5));font-size:3rem;margin-bottom:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.app-logo:hover{filter:drop-shadow(0 0 20px rgba(220,38,38,.8));transform:scale(1.1) rotate(10deg)}.sidebar-header-layout h1{animation:textGradient 8s ease-in-out infinite;color:#ef4444;color:var(--primary-red);font-size:1.8rem;font-weight:700;margin:0 0 .5rem;position:relative}.sidebar-header-layout h1:after{animation:underlineGlow 3s ease-in-out infinite;background:#ef4444;background:var(--primary-red);border-radius:1px;bottom:-5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80px}@keyframes underlineGlow{0%,to{opacity:.6;transform:translateX(-50%) scaleX(1)}50%{opacity:1;transform:translateX(-50%) scaleX(1.3)}}.sidebar-header-layout p{color:#6b7280;color:var(--text-gray);font-size:.9rem;margin:0}.sidebar-nav-layout{flex:1 1;margin-bottom:1rem;overflow-x:hidden;overflow-y:auto;position:relative;z-index:1}.sidebar-nav-layout ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.nav-item{align-items:center;animation:fadeInLeft .8s ease-out;animation-fill-mode:both;border-radius:12px;border-radius:var(--border-radius);display:flex;font-size:1rem;font-weight:500;padding:1rem 1.25rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.nav-item:first-child{animation-delay:.1s}.nav-item:nth-child(2){animation-delay:.2s}.nav-item:nth-child(3){animation-delay:.3s}.nav-item:nth-child(4){animation-delay:.4s}.nav-item:nth-child(5){animation-delay:.5s}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.nav-item:before{background:linear-gradient(90deg,#0000,#f003,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.nav-item:hover{box-shadow:0 4px 15px #dc262633;transform:translateX(10px) scale(1.02)}.nav-item:hover:before{left:100%}.nav-item.active{border-bottom:1px solid #b91c1c;font-weight:600;padding-left:calc(1.25rem - 4px)}.nav-item svg{font-size:1.25rem;margin-right:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.nav-item:hover svg{filter:drop-shadow(0 0 8px rgba(79,70,229,.6));transform:scale(1.2) rotate(10deg)}.nav-item.active svg{filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.sidebar-footer-layout{animation:fadeInUp .8s ease-out .6s both;border-top:1px solid #fff3;flex-shrink:0;padding-top:1.5rem;position:relative;text-align:center;z-index:1}.user-info{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;background:var(--glass-bg);border-radius:12px;color:#ef4444;color:var(--primary-red);font-size:1rem;font-weight:600;margin:1rem;padding:1rem;text-shadow:0 2px 8px #0000004d}.user-info:hover{background:#ffffff4d;box-shadow:0 8px 25px #00000026}.user-info span{display:block;font-size:.85rem;letter-spacing:.5px;margin-top:.25rem;text-transform:uppercase}.logout-button-layout{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--primary-red),#dc2626);border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 25px #00000026,0 0 30px #ef444466;box-shadow:var(--shadow-medium),0 0 30px #ef444466;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;position:relative}.logout-button-layout,.logout-button-layout:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.logout-button-layout:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0}.logout-button-layout:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #ef444466,0 0 40px #ef444499;transform:translateY(-2px) scale(1.02)}.logout-button-layout:hover:before{left:100%}.logout-button-layout svg{font-size:1.1rem;transition:all .2s ease;transition:var(--transition-fast)}.logout-button-layout:hover svg{transform:scale(1.1)}.app-version,.mode-demo{color:#ffffff80;font-size:.75rem;margin-top:1rem;text-shadow:0 1px 4px #0003}.mode-demo{animation:demoGlow 2s ease-in-out infinite;color:#f59e0b;color:var(--primary-orange);filter:drop-shadow(0 0 8px rgba(245,158,11,.6));font-weight:700;letter-spacing:.5px;margin-top:.5rem;text-transform:uppercase}@keyframes demoGlow{0%,to{opacity:1}50%{opacity:.7}}.main-content-layout{animation:fadeInRight .8s ease-out .2s both;backdrop-filter:blur(15px);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:blur(15px);-webkit-backdrop-filter:var(--backdrop-blur);background:#fff;display:flex;flex:1 1;flex-direction:column;height:100vh;position:relative;z-index:1}.main-content-layout:before{animation:contentShimmer 10s ease-in-out infinite;background:linear-gradient(135deg,#ffffff1a,#ffffff0d 30%,#4f46e50d 70%,#ffffff1a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes contentShimmer{0%,to{opacity:1}50%{opacity:.8}}.header-layout{align-items:center;background:#0000;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 2rem;z-index:2}.header-layout h2{font-size:1.8rem;font-weight:700;margin:0}.mode-toggle-button-header{align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 15px #0000001a;box-shadow:var(--shadow-light);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.mode-toggle-button-header:hover{box-shadow:0 8px 25px #00000026;box-shadow:var(--shadow-medium);transform:translateY(-1px)}.mode-toggle-button-header .mode-icon{font-size:1.1rem}.app-layout-container.light .mode-toggle-button-header{background-color:#1e293b;background-color:var(--dark-slate);color:#fff;color:var(--text-white)}.app-layout-container.light .mode-toggle-button-header:hover{background-color:#334155;background-color:var(--medium-slate)}.app-layout-container.dark .mode-toggle-button-header{background-color:#fff;background-color:var(--text-white);color:#111827;color:var(--text-dark)}.app-layout-container.dark .mode-toggle-button-header:hover{background-color:#f1f5f9;background-color:var(--background-light)}.content-layout{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:0 2rem 2rem;position:relative;z-index:1}.content-layout::-webkit-scrollbar{width:8px}.content-layout::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.content-layout::-webkit-scrollbar-thumb{background:#ef44444d;border-radius:4px;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-transition:var(--transition-smooth);transition:var(--transition-smooth)}.content-layout::-webkit-scrollbar-thumb:hover{background:#ef444480}@media (max-width:1024px){.app-layout-container{flex-direction:column}.sidebar-layout{align-items:center;animation:slideInDown .6s ease-out;box-shadow:0 4px 15px #0003;flex:none;flex-direction:row;height:auto;justify-content:space-between;max-height:40vh;padding:1rem;width:100%}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.sidebar-header-layout{margin-bottom:0;text-align:left}.sidebar-header-layout h1{font-size:1.5rem}.sidebar-nav-layout ul{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.nav-item{font-size:.9rem;padding:.75rem 1rem}.sidebar-footer-layout{align-items:center;border-top:none;display:flex;gap:1rem;padding-top:0}.user-info{margin-bottom:0;padding:.75rem}.logout-button-layout{font-size:.9rem;padding:.5rem 1rem}.main-content-layout{height:60vh}.header-layout{padding:1rem 1.5rem}.content-layout{padding:0 1.5rem 1.5rem}}@media (max-width:768px){.sidebar-layout{flex-direction:column;gap:1rem;max-height:50vh;padding:1rem}.sidebar-header-layout{text-align:center}.sidebar-nav-layout ul{align-items:center;flex-direction:column;width:100%}.nav-item{justify-content:center;width:100%}.sidebar-footer-layout{align-items:center;flex-direction:column;width:100%}.user-info{text-align:center;width:100%}.logout-button-layout{width:100%}.main-content-layout{height:50vh}.header-layout{padding:1rem}.content-layout{padding:0 1rem 1rem}}@media (max-width:480px){.sidebar-layout{padding:.75rem}.sidebar-header-layout h1{font-size:1.25rem}.app-logo{font-size:2rem}.header-layout{padding:.75rem}.header-layout h2{font-size:1.5rem}.content-layout{padding:0 .75rem .75rem}.nav-item{font-size:.85rem;padding:.6rem .8rem}}@media (max-width:360px){.sidebar-layout{padding:.75rem}.sidebar-header-layout h1{font-size:1.1rem}.app-logo{font-size:1.75rem}.nav-item{font-size:.8rem;padding:.6rem .65rem}.nav-item svg{font-size:.95rem;margin-right:.4rem}.user-info{font-size:.8rem;padding:.65rem}.logout-button-layout{font-size:.8rem;padding:.6rem .65rem}.header-layout h2{font-size:1.1rem}}@media print{.app-layout-container{background:#fff;color:#000}.sidebar-layout{display:none}.main-content-layout{background:#fff;box-shadow:none;padding:1rem}}:root{--primary-yellow:#facc15;--primary-light:#f3f4f6;--primary-brun:#6b4f4f;--border-radius-large:1rem}body{animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.form-success-message{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-left:4px solid #22c55e;border-radius:8px;box-shadow:0 4px 12px #22c55e26;color:#14532d;display:flex;font-size:14px;font-weight:600;gap:12px;margin:12px 0;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s ease}.form-success-message:before{background:linear-gradient(90deg,#22c55e,#16a34a);content:"";height:2px;left:0;position:absolute;right:0;top:0}.form-success-message:hover{box-shadow:0 6px 20px #22c55e33;transform:translateY(-1px)}.form-success-message svg{color:#22c55e;filter:drop-shadow(0 2px 4px rgba(34,197,94,.3));flex-shrink:0;height:22px;width:22px}.form-error-message{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-left:4px solid #ef4444;border-radius:8px;box-shadow:0 4px 12px #ef444426;color:#7f1d1d;display:flex;font-size:14px;font-weight:600;gap:12px;margin:12px 0;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s ease}.form-error-message:before{background:linear-gradient(90deg,#ef4444,#dc2626);content:"";height:2px;left:0;position:absolute;right:0;top:0}.form-error-message:hover{box-shadow:0 6px 20px #ef444433;transform:translateY(-1px)}.form-error-message svg{color:#ef4444;filter:drop-shadow(0 2px 4px rgba(239,68,68,.3));flex-shrink:0;height:22px;width:22px}.form-warning-message{align-items:center;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;border-left:4px solid #f59e0b;border-radius:8px;box-shadow:0 4px 12px #f59e0b26;color:#78350f;display:flex;font-size:14px;font-weight:600;gap:12px;margin:12px 0;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s ease}.form-warning-message p{color:#111827}.form-warning-message:before{background:linear-gradient(90deg,#f59e0b,#d97706);content:"";height:2px;left:0;position:absolute;right:0;top:0}.form-warning-message:hover{box-shadow:0 6px 20px #f59e0b33;transform:translateY(-1px)}.form-warning-message svg{color:#f59e0b;filter:drop-shadow(0 2px 4px rgba(245,158,11,.3));flex-shrink:0;height:22px;width:22px}.form-info-message{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-left:4px solid #3b82f6;border-radius:8px;box-shadow:0 4px 12px #3b82f626;color:#1e3a8a;display:flex;font-size:14px;font-weight:600;gap:12px;margin:12px 0;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s ease}.form-info-message:before{background:linear-gradient(90deg,#3b82f6,#2563eb);content:"";height:2px;left:0;position:absolute;right:0;top:0}.form-info-message:hover{box-shadow:0 6px 20px #3b82f633;transform:translateY(-1px)}.form-info-message svg{color:#3b82f6;filter:drop-shadow(0 2px 4px rgba(59,130,246,.3));flex-shrink:0;height:22px;width:22px}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-error-message,.form-info-message,.form-success-message,.form-warning-message{animation:slideInFromTop .4s ease-out}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.form-message-auto-dismiss{animation:slideInFromTop .4s ease-out,fadeOut .5s ease-in 4.5s forwards}.form-message-persistent{animation:slideInFromTop .4s ease-out}@media (max-width:640px){.form-error-message,.form-info-message,.form-success-message,.form-warning-message{font-size:13px;margin:10px 0;padding:14px 16px}.form-error-message svg,.form-info-message svg,.form-success-message svg,.form-warning-message svg{height:20px;width:20px}}.management-page-container{animation:fadeInScale .8s ease-out;backdrop-filter:blur(15px);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:blur(15px);-webkit-backdrop-filter:var(--backdrop-blur);background-color:#fff;border:1px solid #ffffff4d;border:1px solid var(--glass-border);border-radius:1rem;border-radius:var(--border-radius-large);box-shadow:0 15px 40px #0003,inset 0 1px 0 #1304f14d;box-shadow:var(--shadow-heavy),inset 0 1px 0 #1304f14d;margin:0;overflow:hidden;padding:2.5rem;position:relative}.management-page-container:before{animation:containerShimmer 10s ease-in-out infinite;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.management-page-container p{color:#000;font-size:1.1rem;margin:1.5rem 0;position:relative;text-shadow:0 1px 4px #0003;z-index:1}.management-header{animation:fadeInDown .8s ease-out;border-bottom:1px solid #fff3;margin-bottom:2.5rem;padding-bottom:1.5rem;position:relative;z-index:1}.management-header:after{background:linear-gradient(90deg,#ef4444,#b91c1c);border-radius:1px;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:80px}.management-header h2{animation:titleShimmer 3s ease-in-out infinite;background:#fff;background:var(--text-white);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:#d92231;color:var(--primary-red);font-size:2.5rem;font-weight:800}.back-button,.new-button{align-items:center;border:none;border-radius:.75rem;border-radius:var(--border-radius);box-shadow:0 8px 25px #00000026;box-shadow:var(--shadow-medium);cursor:pointer;display:inline-flex;font-size:1.05rem;font-weight:600;gap:.6rem;justify-content:center;overflow:hidden;padding:1rem 1.8rem;position:relative;text-shadow:0 1px 2px #0003}.back-button,.back-button:before,.new-button,.new-button:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.back-button:before,.new-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.back-button:hover:not(:disabled),.new-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02)}.back-button:hover:not(:disabled):before,.new-button:hover:not(:disabled):before{left:100%}.new-button{background:linear-gradient(135deg,#d92231,#7f1d1d);background:linear-gradient(135deg,var(--primary-red),#7f1d1d);color:#fff}.new-button:hover:not(:disabled){box-shadow:0 10px 25px #dc262666,0 0 40px #dc262699}.back-button{background:linear-gradient(135deg,#4f46e5,#7c3aed);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));box-shadow:0 8px 25px #00000026,0 0 30px #4f46e566;box-shadow:var(--shadow-medium),0 0 30px #4f46e566;color:#fff}.back-button:hover:not(:disabled){box-shadow:0 10px 25px #4f46e566,0 0 40px #4f46e599}.filter-bar{padding:0;z-index:1}.search-input{align-items:center;background:#fff;background:var(--background-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--border-radius);display:flex;flex:1 1 300px;min-width:250px;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.search-input:focus-within{border-color:#d92231;border-color:var(--primary-red);box-shadow:0 0 0 3px #d922311a,0 4px 6px -1px #0000001a;outline:none}.search-input svg{color:#6b7280;color:var(--text-gray);flex-shrink:0;font-size:1.125rem;margin-right:.75rem;transition:all .2s ease;transition:var(--transition-fast)}.search-input:focus-within svg{color:#d92231;color:var(--primary-red);transform:scale(1.05)}.search-input input{background-color:initial;border:none;color:#111827;color:var(--text-dark);flex:1 1;font-size:.9375rem;font-weight:500;outline:none;width:100%}.search-input input::placeholder{color:#9ca3af;color:var(--text-gray-light)}.filter-bar select{appearance:none;background:#fff;background:var(--background-white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem 1.25rem;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--border-radius);color:#111827;color:var(--text-dark);cursor:pointer;font-size:.9375rem;font-weight:500;min-width:180px;padding:.75rem 2.5rem .75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.filter-bar select:hover{border-color:#fee2e2;border-color:var(--primary-red-light)}.filter-bar select:focus{border-color:#d92231;border-color:var(--primary-red);box-shadow:0 0 0 3px #d922311a;outline:none}.filter-bar select option{background:#fff;background:var(--background-white);color:#111827;color:var(--text-dark);padding:.5rem}.printer-cards-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));position:relative;z-index:1}.printer-card{animation:fadeInScale .8s ease-out;animation-fill-mode:both;backdrop-filter:blur(15px);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:blur(15px);-webkit-backdrop-filter:var(--backdrop-blur);background:#f3f4f6;background:var(--primary-light);border:1px solid #ffffff4d;border:1px solid var(--glass-border);border-radius:1rem;border-radius:var(--border-radius-large);box-shadow:0 15px 40px #0003,inset 0 1px 0 #ffffff4d;box-shadow:var(--shadow-heavy),inset 0 1px 0 #ffffff4d;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.printer-card:first-child{animation-delay:.1s}.printer-card:nth-child(2){animation-delay:.2s}.printer-card:nth-child(3){animation-delay:.3s}.printer-card:nth-child(4){animation-delay:.4s}.printer-card:nth-child(5){animation-delay:.5s}.printer-card:nth-child(6){animation-delay:.6s}.printer-card:before{animation:cardShimmer 8s ease-in-out infinite;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes cardShimmer{0%,to{opacity:1}50%{opacity:.8}}.printer-card:hover{box-shadow:0 20px 40px #0003,0 0 50px #dc26264d,inset 0 1px 0 #fff6;transform:translateY(-10px) scale(1.02)}.printer-card .card-header{align-items:center;border-bottom:1px solid #fff3;display:flex;margin-bottom:1.5rem;padding-bottom:1rem;position:relative;z-index:1}.printer-card .card-header:after{background:linear-gradient(90deg,#d92231,#b91c1c);background:linear-gradient(90deg,var(--primary-red),var(--primary-red-dark));border-radius:1px;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:60px}.printer-card .printer-icon{-webkit-text-fill-color:#0000;animation:iconGradient 6s ease-in-out infinite;-webkit-background-clip:text;background-clip:text;background-size:200% 200%;filter:drop-shadow(0 0 10px rgba(79,70,229,.5));font-size:2.5rem;margin-right:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}@keyframes iconGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.printer-card:hover .printer-icon{transform:scale(1.1) rotate(5deg)}.printer-card h3{flex-grow:1;font-size:1.5rem;font-weight:700;margin:0}.printer-card .printer-brand{background:#d92231;background:var(--primary-red);border:1px solid #e546464d;border-radius:8px;color:#f3f4f6;color:var(--primary-light);font-size:.85rem;font-weight:600;padding:.5rem 1rem;text-shadow:0 1px 2px #0003}.printer-card .card-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem;z-index:2}.printer-card .icon-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:8px;cursor:pointer;display:flex;font-size:1.1rem;height:2.5rem;justify-content:center;padding:.6rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:2.5rem}.printer-card .icon-button:hover{transform:scale(1.1) rotate(5deg)}.printer-card .icon-button.trash:hover{background:linear-gradient(135deg,#ef444433,#ef44441a);border-color:#ef444480;box-shadow:0 4px 15px #ef44444d}.printer-card p{align-items:center;color:#000000e6;display:flex;font-size:1rem;margin:.75rem 0;position:relative;text-shadow:0 1px 4px #0003;z-index:1}.printer-card p span{color:#111827;color:var(--text-dark);font-weight:600;margin-right:.5rem}.printer-card .serial-number span{color:#f093fb;filter:drop-shadow(0 0 8px rgba(240,147,251,.6))}.printer-card .status span.status-active,.status-active{background:linear-gradient(135deg,#10b98133,#10b9811a);border:1px solid #10b9814d;border-radius:8px;color:#e8f5e8;display:inline-block;font-size:.9rem;font-weight:700;padding:.4rem 1rem;text-shadow:0 0 8px #10b98199}.printer-card .status span.status-maintenance,.status-maintenance{background:linear-gradient(135deg,#f59e0be6,#f59e0b);border:1px solid #f59e0b4d;border-radius:8px;color:#fef3c7;display:inline-block;font-size:.9rem;font-weight:700;padding:.4rem 1rem;text-shadow:0 0 8px #f59e0b99}.printer-card .status span.status-hors-service,.status-hors-service,.status-inactive,.status-inactive-red{background:linear-gradient(135deg,#ef4444e6,#ef4444);border:1px solid #ef44444d;border-radius:8px;color:#ffebee;display:inline-block;font-size:.9rem;font-weight:700;padding:.4rem 1rem;text-shadow:0 0 8px #ef444499}@media (max-width:1024px){.management-page-container{padding:2rem}.printer-cards-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.management-page-container{padding:1.5rem}.management-header{align-items:flex-start;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.management-header h2{font-size:2rem}.filter-bar{align-items:stretch;flex-direction:column;gap:1rem}.search-input{min-width:auto;width:100%}.filter-bar select{width:100%}.printer-cards-grid{gap:1.25rem;grid-template-columns:1fr}.printer-card{padding:1.5rem}}@media (max-width:480px){.management-page-container{padding:1rem}.management-header h2{font-size:1.75rem}.back-button,.new-button{font-size:1rem;padding:.9rem 1.5rem;width:100%}.printer-card{padding:1.25rem}.printer-card .card-actions{justify-content:center;margin-top:1rem;position:static}.printer-card .printer-icon{font-size:2rem}.printer-card h3{font-size:1.25rem}}@media print{.management-page-container,.printer-card{border:1px solid #ccc;box-shadow:none;color:#000}.card-actions{display:none}}@media (prefers-reduced-motion:reduce){.back-button,.icon-button,.management-page-container,.new-button,.printer-card{animation:none;transition:none}.back-button:hover,.new-button:hover,.printer-card:hover{transform:none}}@media (prefers-contrast:high){.back-button,.filter-bar select,.icon-button,.management-page-container,.new-button,.printer-card,.search-input{border:2px solid #fff;border:2px solid var(--text-white)}}.form-section-card{border-radius:1rem;border-radius:var(--border-radius-large)}.intervention-photo-section{align-items:center;background-color:#f8f9fa;border-radius:10px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;gap:15px;margin-top:25px;padding:20px}.intervention-photo-section h3{color:#343a40;font-size:1.3em;font-weight:600;margin-bottom:0;padding-bottom:5px}.intervention-detail-photo{border:3px solid #dee2e6;border-radius:8px;box-shadow:0 6px 15px #00000026;display:block;height:auto;max-height:400px;max-width:100%;object-fit:contain;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.intervention-detail-photo:hover{box-shadow:0 8px 20px #00000040;transform:scale(1.03)}.modal-body{gap:20px;padding:20px}@media (min-width:768px){.modal-body{align-items:flex-start;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.modal-body>div:not(.intervention-photo-section),.modal-body>p{flex-basis:calc(60% - 10px)}.intervention-photo-section{flex-basis:calc(40% - 10px);margin-top:0;order:2}}.pagination-controls{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:20px;padding:10px 0}.items-per-page label{font-weight:700;margin-right:10px}.items-per-page select{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:8px 12px}.page-navigation{align-items:center;display:flex;gap:10px}.pagination-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9em;padding:8px 15px;transition:background-color .3s ease}.pagination-button:hover:not(:disabled){background-color:#0056b3}.pagination-button:disabled{background-color:#ccc;cursor:not-allowed}.page-info{color:#555;font-weight:700}:root{--primary-yellow:#eab308;--primary-cyan:#06b6d4;--text-white:#1b1414;--text-light:#2e3d4d;--text-gray:#1e222b;--background-light:#2a3947;--modal-overlay:#000000b3;--table-padding:clamp(0.7rem,1.5vw,1rem);--modal-padding:clamp(1.5rem,3vw,3rem);--font-size-table:clamp(0.6rem,1vw,0.8rem);--font-size-header:clamp(0.75rem,1.2vw,0.9rem);--font-size-modal-title:clamp(1rem,1.5vw,1rem);--icon-button-size:clamp(1rem,1.5vw,1.5rem);--button-padding:clamp(0.7rem,1.5vw,0.9rem) clamp(1.2rem,2.5vw,1.8rem);--table-min-width:clamp(600px,80vw,100%)}.data-table td:first-child,.data-table th:first-child{max-width:160px;min-width:120px}.data-table td:nth-child(2),.data-table th:nth-child(2){max-width:140px;min-width:100px}.data-table td:nth-child(3),.data-table th:nth-child(3){max-width:160px;min-width:120px}.data-table td:nth-child(4),.data-table th:nth-child(4){max-width:140px;min-width:100px}.data-table td:nth-child(5),.data-table th:nth-child(5){max-width:120px;min-width:90px}.data-table td:nth-child(6),.data-table th:nth-child(6){max-width:100px;min-width:80px}.data-table td:last-child,.data-table th:last-child{background:inherit;max-width:120px;min-width:100px;position:sticky;right:0;text-align:center;z-index:5}.table-responsive{animation:fadeInScale .8s ease-out;backdrop-filter:blur(15px);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:blur(15px);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid #ffffff4d;border:1px solid var(--glass-border);border-radius:20px;border-radius:var(--border-radius-large);box-shadow:0 15px 40px #0003,inset 0 1px 0 #ffffff4d;box-shadow:var(--shadow-heavy),inset 0 1px 0 #ffffff4d;margin-top:2rem;max-width:100%;min-height:200px;overflow-x:auto;overflow-y:visible;padding:5px;position:relative;width:100%}.table-responsive:before{animation:containerShimmer 10s ease-in-out infinite;background:linear-gradient(135deg,#ffffff1a,#ffffff0d 30%,#dc26260d 70%,#ffffff1a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.data-table{border-collapse:collapse;margin:0;min-width:800px;position:relative;table-layout:fixed;width:100%;z-index:1}.data-table td,.data-table th{align-items:center;border-bottom:1px solid #ffffff1a;font-size:clamp(.6rem,1vw,.8rem);font-size:var(--font-size-table);-webkit-hyphens:auto;hyphens:auto;min-width:0;overflow:hidden;padding:5px;text-align:left;text-overflow:ellipsis;text-shadow:0 1px 4px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);vertical-align:middle;word-break:break-word}.data-table thead th{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:2px solid #dc262680;font-size:clamp(.75rem,1.2vw,.9rem);font-size:var(--font-size-header);font-weight:700;letter-spacing:.5px;overflow:hidden;position:relative;position:sticky;text-transform:uppercase;top:0;z-index:10}.data-table thead th:last-child{position:sticky;right:0;z-index:15}.data-table thead th:before{background:linear-gradient(90deg,#0000,#dc26261a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.data-table thead th:hover:before{left:100%}.data-table thead th:first-child{border-top-left-radius:20px;border-top-left-radius:var(--border-radius-large)}.data-table thead th:last-child{border-top-right-radius:20px;border-top-right-radius:var(--border-radius-large)}.data-table tbody tr{overflow:hidden;position:relative}.data-table tbody tr,.data-table tbody tr:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.data-table tbody tr:before{background:linear-gradient(90deg,#0000,#4f46e51a,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}.data-table tbody tr:hover{background:#dc26261a;box-shadow:0 4px 15px #4f46e533;cursor:pointer;transform:translateX(5px)}.data-table tbody tr:hover:before{left:100%}.data-table tbody tr:hover td{text-shadow:0 2px 8px #0000004d}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:last-child td:first-child{border-bottom-left-radius:20px;border-bottom-left-radius:var(--border-radius-large)}.data-table tbody tr:last-child td:last-child{border-bottom-right-radius:20px;border-bottom-right-radius:var(--border-radius-large)}.table-actions{flex-wrap:wrap;gap:.5rem}.table-actions,.table-actions .icon-button{align-items:center;display:flex;justify-content:center}.table-actions .icon-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:8px;cursor:pointer;flex-shrink:0;font-size:clamp(.9rem,1.5vw,1.1rem);height:clamp(1rem,1.5vw,1.5rem);height:var(--icon-button-size);overflow:hidden;padding:.6rem;position:relative;width:clamp(1rem,1.5vw,1.5rem);width:var(--icon-button-size)}.table-actions .icon-button,.table-actions .icon-button:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.table-actions .icon-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.table-actions .icon-button:hover{color:#1b1414;color:var(--text-white);transform:scale(1.1) rotate(5deg)}.table-actions .icon-button:hover:before{left:100%}.table-actions .icon-button.trash:hover{background:linear-gradient(135deg,#ef444433,#ef44441a);border-color:#ef444480;color:#ffebee}.detail-modal{max-width:clamp(400px,90vw,700px);padding:clamp(1.5rem,3vw,3rem);padding:var(--modal-padding)}.detail-modal .modal-body{position:relative;z-index:1}.detail-modal .modal-body p{align-items:flex-start;border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;font-size:clamp(.9rem,2vw,1.1rem);gap:.5rem;margin-bottom:1rem;padding:.5rem 0;text-shadow:0 1px 4px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.detail-modal .modal-body p:hover{background:#ffffff0d;border-bottom-color:#4f46e54d;border-radius:8px;padding-left:1rem}.detail-modal .modal-body strong{flex-shrink:0;font-weight:700;margin-right:1rem;min-width:clamp(120px,25%,150px);text-shadow:0 2px 8px #0000004d}.detail-modal .modal-footer{border-top:1px solid #fff3;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;position:relative;z-index:1}.detail-modal .modal-footer:before{background:linear-gradient(90deg,#4f46e5,#7c3aed);background:linear-gradient(90deg,var(--primary-blue),var(--primary-purple));border-radius:1px;content:"";height:2px;left:0;position:absolute;top:-1px;width:min(60px,30%)}.form-button{border-radius:12px;font-size:clamp(.9rem,2vw,1.05rem);padding:clamp(.7rem,1.5vw,.9rem) clamp(1.2rem,2.5vw,1.8rem);text-shadow:0 1px 2px #0003}.form-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02)}.form-button.submit{background:red}.form-button.submit:hover:not(:disabled){background:red;box-shadow:0 10px 25px #dc262666,0 0 40px #dc262699}.form-button.cancel{background:linear-gradient(135deg,#64748b,#334155);background:linear-gradient(135deg,var(--light-slate),var(--medium-slate));box-shadow:0 8px 25px #00000026,0 0 30px #64748b66;box-shadow:var(--shadow-medium),0 0 30px #64748b66;color:#fff}.form-button.cancel:hover:not(:disabled){box-shadow:0 10px 25px #64748b66,0 0 40px #64748b99}.data-table tbody .status-en-attente{margin-top:42px}.status-en-attente,.status-pending{background:linear-gradient(135deg,#eab30833,#eab3081a);border:1px solid #eab3084d;border-radius:8px;color:#fef3c7;display:inline-block;font-size:clamp(.75rem,1.5vw,.9rem);font-weight:700;text-shadow:0 0 8px #eab30899;white-space:nowrap}.status-en-cours,.status-in-progress{background:linear-gradient(135deg,#06b6d433,#06b6d41a);border:1px solid #06b6d44d;border-radius:8px;color:#cffafe;text-shadow:0 0 8px #06b6d499}.status-completed,.status-en-cours,.status-in-progress,.status-terminée{display:inline-block;font-size:clamp(.75rem,1.5vw,.9rem);font-weight:700;padding:.4rem 1rem;white-space:nowrap}.status-completed,.status-terminée{background:linear-gradient(135deg,#10b98133,#10b9811a);border:1px solid #10b9814d;border-radius:8px;color:#e8f5e8;text-shadow:0 0 8px #10b98199}.status-annulée,.status-cancelled{background:linear-gradient(135deg,#ef4444,#ef4444);border:1px solid #ef44444d;border-radius:8px;color:#ffebee;display:inline-block;font-size:clamp(.75rem,1.5vw,.9rem);font-weight:700;margin-top:10px;padding:.4rem 1rem;text-shadow:0 0 8px #ef444499;white-space:nowrap}.modal-content::-webkit-scrollbar,.table-responsive::-webkit-scrollbar{height:8px;width:8px}.modal-content::-webkit-scrollbar-track,.table-responsive::-webkit-scrollbar-track{background:#ff00001a;border-radius:4px}.modal-content::-webkit-scrollbar-thumb,.table-responsive::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover,.table-responsive::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#991b1b,#7f1d1d)}@media (min-width:1600px){:root{--table-padding:1.5rem;--modal-padding:3.5rem;--font-size-table:1.1rem;--font-size-header:1rem;--font-size-modal-title:2.5rem;--icon-button-size:3rem;--table-min-width:100%}}@media (min-width:1400px) and (max-width:1599px){:root{--table-padding:1.3rem;--modal-padding:3rem;--font-size-table:1.05rem;--font-size-header:0.95rem;--font-size-modal-title:2.25rem;--icon-button-size:2.75rem}.data-table{min-width:1000px}}@media (min-width:1200px) and (max-width:1399px){:root{--table-padding:1.2rem;--modal-padding:2.5rem;--font-size-table:1rem;--font-size-header:0.9rem;--font-size-modal-title:2rem;--icon-button-size:2.5rem;--table-min-width:900px}.data-table{min-width:850px}}@media (min-width:1025px) and (max-width:1199px){:root{--table-padding:1rem;--modal-padding:2.25rem;--font-size-table:0.95rem;--font-size-header:0.85rem;--font-size-modal-title:1.8rem;--icon-button-size:2.3rem;--table-min-width:850px}.data-table{min-width:850px}}@media (min-width:769px) and (max-width:1024px){:root{--table-padding:0.9rem;--modal-padding:2rem;--font-size-table:0.9rem;--font-size-header:0.8rem;--font-size-modal-title:1.6rem;--icon-button-size:2.2rem;--table-min-width:800px}.table-responsive{margin-top:1.5rem;overflow-x:scroll}.data-table{min-width:800px}.table-actions{flex-direction:row;gap:.3rem}.modal-content{max-width:95vw;width:95%}}@media (max-width:768px){:root{--table-padding:0.8rem;--modal-padding:1.8rem;--font-size-table:0.85rem;--font-size-header:0.75rem;--font-size-modal-title:1.4rem;--icon-button-size:2rem;--table-min-width:700px}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:12px;border-radius:var(--border-radius);margin-top:1.2rem;overflow-x:scroll}.data-table,.pagination-controls{min-width:auto}.data-table thead th{font-size:.75rem;padding:.7rem .8rem}.table-actions{flex-direction:row;gap:.25rem}.modal-content{margin:1rem;max-width:98vw;width:98%}.detail-modal .modal-body p{align-items:flex-start;flex-direction:column;gap:.5rem}.detail-modal .modal-body strong{margin-right:0;min-width:auto}.detail-modal .modal-footer{align-items:stretch;flex-direction:column}.form-button{margin:0;width:100%}.modal-header{align-items:flex-start;flex-direction:column;text-align:left}.modal-close-button{align-self:flex-end;margin-top:-.5rem}}@media (max-width:480px){:root{--table-padding:0.6rem;--modal-padding:1.5rem;--font-size-table:0.8rem;--font-size-header:0.7rem;--font-size-modal-title:1.2rem;--icon-button-size:1.8rem;--table-min-width:600px}.pagination-controls{min-width:auto}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:12px;border-radius:var(--border-radius);margin-top:1rem;overflow-x:scroll}.data-table{min-width:auto}.data-table td,.data-table th{font-size:.8rem;padding:.5rem .6rem}.table-actions .icon-button{font-size:.85rem;height:1.8rem;width:1.8rem}.modal-content{border-radius:12px;border-radius:var(--border-radius);margin:.5rem;max-height:95vh;max-width:100vw;width:100%}.modal-header{margin-bottom:1.5rem;padding-bottom:1rem}.detail-modal .modal-body p{font-size:.9rem;margin-bottom:.8rem}.form-button{font-size:.9rem;padding:.8rem 1.2rem}}@media (max-width:360px){:root{--table-padding:0.5rem;--modal-padding:1rem;--font-size-table:0.75rem;--font-size-header:0.65rem;--font-size-modal-title:1.1rem;--icon-button-size:1.6rem;--table-min-width:550px}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:scroll}.data-table{min-width:240px}.pagination-controls{min-width:auto}.data-table td,.data-table th{font-size:.75rem;padding:.4rem .5rem}.table-actions{gap:.2rem}.modal-content{margin:.25rem;padding:1rem}.form-button{font-size:.85rem;min-width:80px;padding:.7rem 1rem}}@media (max-width:768px) and (orientation:landscape){.modal-content{max-height:85vh;width:95%}.table-responsive{max-height:70vh;overflow-x:scroll;overflow-y:auto}.data-table{min-width:800px}.pagination-controls{min-width:auto}.data-table td,.data-table th{padding:.6rem .8rem;white-space:nowrap}}@media (prefers-reduced-motion:reduce){.data-table tbody tr,.form-button,.modal-content,.modal-overlay,.table-actions .icon-button,.table-responsive{animation:none!important;transition:none!important}.data-table tbody tr:hover,.form-button:hover,.table-actions .icon-button:hover{transform:none!important}}@media (prefers-contrast:high){.modal-content,.table-responsive{border:2px solid #1b1414!important;border:2px solid var(--text-white)!important}.data-table td,.data-table th{border:1px solid #1b1414!important;border:1px solid var(--text-white)!important}.form-button,.table-actions .icon-button{border:2px solid #1b1414!important;border:2px solid var(--text-white)!important}}@media print{.modal-content,.table-responsive{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important;color:#000!important}.data-table td,.data-table th{border:1px solid #ccc!important;color:#000!important;font-size:.8rem!important;padding:.5rem!important}.data-table thead th{background:#f0f0f0!important}.modal-close-button,.table-actions{display:none!important}.status-annulée,.status-en-attente,.status-en-cours,.status-terminée{background:#fff!important;border:1px solid #ccc!important;color:#000!important}}@container (max-width: 600px){.data-table td,.data-table th{font-size:.8rem;padding:.5rem}.table-actions .icon-button{height:1.8rem;width:1.8rem}}@container (max-width: 400px){.data-table td,.data-table th{font-size:.75rem;padding:.4rem}.table-actions{flex-direction:column;gap:.2rem}}:root{--modal-overlay:#00000080;--backdrop-blur:blur(4px);--modal-width:clamp(300px,90vw,600px);--font-size-modal-title:clamp(1.5rem,3vw,2rem);--font-size-form-label:clamp(0.875rem,2vw,0.9375rem);--font-size-form-input:clamp(0.875rem,2vw,0.9375rem);--font-size-button:clamp(0.875rem,2vw,1rem);--button-padding:clamp(0.75rem,1.5vw,0.875rem) clamp(1.25rem,2.5vw,1.5rem);--form-gap:clamp(1rem,2vw,1.5rem);--close-button-size:clamp(2rem,4vw,2.5rem);--input-padding:clamp(0.75rem,1.5vw,0.875rem) clamp(1rem,2vw,1.125rem)}.modal-overlay{align-items:center;animation:fadeInOverlay .2s ease-out;backdrop-filter:blur(4px);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:blur(4px);-webkit-backdrop-filter:var(--backdrop-blur);background:#00000080;background:var(--modal-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:clamp(.5rem,2vw,1rem);position:fixed;right:0;top:0;z-index:1000}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);background:var(--background-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--border-radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);color:#111827;color:var(--text-dark);max-height:clamp(80vh,90vh,95vh);max-height:var(--modal-max-height);max-width:90vw;min-width:0;overflow-y:auto;padding:clamp(1.5rem,3vw,2.5rem);padding:var(--modal-padding);width:clamp(300px,90vw,600px);width:var(--modal-width)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content:before{background:linear-gradient(90deg,#d92231,#b91c1c);background:linear-gradient(90deg,var(--primary-red),var(--primary-red-dark));border-radius:1rem 1rem 0 0;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;content:"";height:4px;left:0;pointer-events:none;position:absolute;right:0;top:0}.modal-header{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color);padding-bottom:1.25rem}.modal-header:after{background:linear-gradient(90deg,#d92231,#b91c1c);background:linear-gradient(90deg,var(--primary-red),var(--primary-red-dark));bottom:-2px}.modal-header h2{color:#111827;color:var(--text-dark);font-size:clamp(1.5rem,3vw,2rem);font-size:var(--font-size-modal-title);-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.02em;line-height:1.3}.modal-close-button{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;color:#6b7280;color:var(--text-gray);font-size:1.25rem;height:clamp(2rem,4vw,2.5rem);height:var(--close-button-size);transition:all .15s ease-in-out;transition:var(--transition-fast);width:clamp(2rem,4vw,2.5rem);width:var(--close-button-size)}.modal-close-button:hover{background:#fee2e2;background:var(--primary-red-light);border-color:#d92231;border-color:var(--primary-red);color:#111827;color:var(--text-dark);transform:scale(1.05)}.form-group{animation:fadeInUp .6s ease-out;animation-fill-mode:both;margin-bottom:clamp(1rem,2vw,1.5rem);margin-bottom:var(--form-gap);position:relative;z-index:1}.form-group:first-child{animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.form-group:nth-child(4){animation-delay:.4s}.form-group:nth-child(5){animation-delay:.5s}.form-group label{color:#111827;color:var(--text-dark);display:block;font-size:clamp(.875rem,2vw,.9375rem);font-size:var(--font-size-form-label);line-height:1.5;margin-bottom:.5rem;word-break:break-word}.form-group input[type=date],.form-group input[type=datetime-local],.form-group input[type=email],.form-group input[type=file],.form-group input[type=number],.form-group input[type=password],.form-group input[type=tel],.form-group input[type=text],.form-group select,.form-group textarea{background:#fff;background:var(--background-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--border-radius);box-sizing:border-box;color:#111827;color:var(--text-dark);font-size:clamp(.875rem,2vw,.9375rem);font-size:var(--font-size-form-input);min-width:0;padding:clamp(.75rem,1.5vw,.875rem) clamp(1rem,2vw,1.125rem);padding:var(--input-padding);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;color:var(--text-gray-light)}.form-group input:focus,.form-group input[type=datetime-local]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#d92231;border-color:var(--primary-red);box-shadow:0 0 0 3px #d922311a;outline:none;transform:none}.form-group textarea{font-family:inherit;line-height:1.5;min-height:clamp(80px,15vw,120px);resize:vertical}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem 1.25rem;cursor:pointer;padding-right:2.5rem}.form-group select:hover{border-color:#fee2e2;border-color:var(--primary-red-light)}.form-group input[type=file]{background-color:#fff;background-color:var(--background-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--border-radius);cursor:pointer;display:block;font-size:clamp(.875rem,2vw,.9375rem);font-size:var(--font-size-form-input);padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.form-group input[type=file]:hover{background:#f9fafb;background:var(--background-light);border-color:#fee2e2;border-color:var(--primary-red-light)}.form-group input[type=file]:focus{border-color:#d92231;border-color:var(--primary-red);box-shadow:0 0 0 3px #d922311a;outline:none}.form-actions{border-top:2px solid #e5e7eb;border-top:2px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;position:relative;z-index:1}.form-actions:before{background:linear-gradient(90deg,#d92231,#b91c1c);background:linear-gradient(90deg,var(--primary-red),var(--primary-red-dark));border-radius:1px;content:"";height:2px;left:0;position:absolute;top:-2px;width:min(80px,30%)}.form-button{align-items:center;border:none;border-radius:.75rem;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:clamp(.875rem,2vw,1rem);font-size:var(--font-size-button);font-weight:600;justify-content:center;min-width:clamp(100px,20vw,120px);overflow:hidden;padding:clamp(.75rem,1.5vw,.875rem) clamp(1.25rem,2.5vw,1.5rem);padding:var(--button-padding);position:relative;white-space:nowrap}.form-button,.form-button:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.form-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.form-button:hover:not(:disabled){box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.form-button:hover:not(:disabled):before{left:100%}.form-button:active:not(:disabled){transform:translateY(0)}.form-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.form-button.submit{background:linear-gradient(135deg,#d92231,#b91c1c);background:linear-gradient(135deg,var(--primary-red),var(--primary-red-dark));box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff}.form-button.submit:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);background:linear-gradient(135deg,var(--primary-red-dark),#991b1b);box-shadow:0 4px 14px 0 #d9223126;box-shadow:var(--shadow-red)}.form-button.cancel{background:#fff;background:var(--background-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#111827;color:var(--text-dark)}.form-button.cancel:hover:not(:disabled){background:#f9fafb;background:var(--background-light);border-color:#6b7280;border-color:var(--text-gray);color:#111827;color:var(--text-dark)}.form-button.success{background:linear-gradient(135deg,#d92231,#b91c1c);background:linear-gradient(135deg,var(--primary-red),var(--primary-red-dark));box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff}.form-button.success:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);background:linear-gradient(135deg,var(--primary-red-dark),#991b1b);box-shadow:0 4px 14px 0 #d9223126;box-shadow:var(--shadow-red)}.form-button.loading{pointer-events:none;position:relative}.form-button.loading:after{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;border-top:2px solid var(--text-white);content:"";height:clamp(16px,3vw,20px);margin-left:.5rem;position:absolute;width:clamp(16px,3vw,20px)}.form-button.cancel.loading:after{border:2px solid #e5e7eb;border-top:2px solid #111827;border:2px solid var(--border-color);border-top-color:var(--text-dark)}.modal-content::-webkit-scrollbar-track{background:#f9fafb;background:var(--background-light)}.modal-content::-webkit-scrollbar-thumb{background:#d92231;background:var(--primary-red)}.modal-content::-webkit-scrollbar-thumb:hover{background:#b91c1c;background:var(--primary-red-dark)}@media (min-width:1600px){:root{--modal-padding:3.5rem;--modal-width:700px;--font-size-modal-title:2.5rem;--form-gap:2rem;--close-button-size:3.5rem}}@media (min-width:1400px) and (max-width:1599px){:root{--modal-padding:3rem;--modal-width:650px;--font-size-modal-title:2.25rem;--form-gap:1.75rem;--close-button-size:3.25rem}}@media (min-width:1200px) and (max-width:1399px){:root{--modal-padding:2.75rem;--modal-width:600px;--font-size-modal-title:2rem;--form-gap:1.5rem;--close-button-size:3rem}}@media (min-width:1025px) and (max-width:1199px){:root{--modal-padding:2.5rem;--modal-width:550px;--font-size-modal-title:1.8rem;--form-gap:1.4rem;--close-button-size:2.8rem}}@media (min-width:769px) and (max-width:1024px){:root{--modal-padding:2.25rem;--modal-width:85vw;--modal-max-height:85vh;--font-size-modal-title:1.7rem;--form-gap:1.3rem;--close-button-size:2.6rem}.modal-content{max-width:85vw}.form-actions{gap:.8rem}}@media (max-width:768px){:root{--modal-padding:2rem;--modal-width:95vw;--modal-max-height:90vh;--font-size-modal-title:1.6rem;--form-gap:1.2rem;--close-button-size:2.5rem;--button-padding:0.8rem 1.5rem}.modal-content{margin:1rem;width:95%}.modal-header{align-items:flex-start;flex-direction:column;text-align:left}.modal-close-button{align-self:flex-end;margin-top:-.5rem}.form-actions{flex-direction:column;gap:.75rem;margin-top:2rem;padding-top:1.5rem}.form-button{margin:0;width:100%}.form-group input,.form-group select,.form-group textarea{font-size:16px}}@media (max-width:480px){:root{--modal-padding:1.5rem;--modal-width:100vw;--modal-max-height:95vh;--font-size-modal-title:1.4rem;--form-gap:1rem;--close-button-size:2.2rem;--input-padding:0.8rem 1rem;--button-padding:0.8rem 1.2rem}.modal-overlay{padding:.5rem}.modal-content{border-radius:.75rem;border-radius:var(--border-radius);max-height:95vh;width:100%}.modal-header{margin-bottom:1.5rem;padding-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{font-size:.9rem;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:.8rem 1rem}.form-actions{margin-top:1.5rem;padding-top:1.25rem}.form-button{font-size:.95rem;padding:.8rem 1rem}}@media (max-width:360px){:root{--modal-padding:1rem;--font-size-modal-title:1.2rem;--form-gap:0.8rem;--close-button-size:2rem;--input-padding:0.7rem 0.8rem;--button-padding:0.7rem 1rem}.modal-content{margin:.25rem;padding:1rem}.modal-header{margin-bottom:1.25rem}.form-group{margin-bottom:.8rem}.form-button{font-size:.9rem;min-width:80px;padding:.7rem .8rem}}@media (max-width:768px) and (orientation:landscape){:root{--modal-max-height:85vh;--modal-padding:1.5rem}.modal-content{max-height:85vh;width:95%}.modal-header{align-items:center;flex-direction:row;margin-bottom:1.5rem}.modal-close-button{align-self:center;margin-top:0}.form-actions{flex-direction:row;gap:1rem;justify-content:flex-end}.form-button{min-width:100px;width:auto}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.form-button,.form-group,.modal-content,.modal-overlay{animation:none!important;transition:none!important}.form-button:hover,.modal-close-button:hover{transform:none!important}}@media (prefers-contrast:high){.form-button,.form-group input,.form-group select,.form-group textarea,.modal-content{border:2px solid #fff!important;border:2px solid var(--text-white)!important}}@media print{.modal-overlay{display:none!important}.modal-content{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important;color:#000!important;max-width:none!important;padding:1rem!important;position:static!important;width:100%!important}.form-button,.modal-close-button{display:none!important}}@container (max-width: 400px){.modal-content{padding:1rem}.form-group{margin-bottom:.8rem}.form-button{font-size:.9rem;padding:.7rem}}@container (max-width: 300px){.modal-header h2{font-size:1.1rem}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:.6rem .8rem}}:root{--background-light:#f1f5f9;--background-gradient:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);--shadow-glow:0 0 30px #4f46e54d}.search-bar-container{align-items:center;animation:fadeInScale .8s ease-out;border:1px solid #111827;border:1px solid var(--text-dark);border-radius:20px;border-radius:var(--border-radius-large);box-shadow:0 15px 40px #0003,inset 0 1px 0 #ffffff4d;box-shadow:var(--shadow-heavy),inset 0 1px 0 #ffffff4d;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;overflow:hidden;padding:1.5rem;position:relative}.search-bar-container:before{animation:containerShimmer 8s ease-in-out infinite;background:linear-gradient(135deg,#ffffff1a,#ffffff0d 30%,#4f46e50d 70%,#ffffff1a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes containerShimmer{0%,to{opacity:1}50%{opacity:.8}}.search-input-group{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;background:var(--glass-bg);border:1px solid #0000004d;border-radius:12px;border-radius:var(--border-radius);display:flex;flex-grow:1;min-width:250px;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.search-input-group:focus-within{transform:translateY(-2px)}.search-icon{color:#000000b3;margin-right:.75rem;transition:all .2s ease;transition:var(--transition-fast)}.search-input-group:focus-within .search-icon{transform:scale(1.1)}.search-input-field{background-color:initial;border:none;flex-grow:1;font-size:1rem;font-weight:500;outline:none}.search-button{background:linear-gradient(135deg,#4f46e5,#7c3aed);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 25px #00000026;box-shadow:var(--shadow-medium);color:#fff;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.search-button:hover{box-shadow:0 6px 20px #4f46e566;transform:translateY(-1px)}.search-icon{filter:drop-shadow(0 0 4px rgba(79,70,229,.3));font-size:1.2rem;left:1.35rem;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);z-index:2}.search-input-group:focus-within .search-icon{filter:drop-shadow(0 0 8px rgba(79,70,229,.6));transform:translateY(-50%) scale(1.1)}.search-select{animation:slideInRight .8s ease-out .4s both;appearance:none;-webkit-appearance:none;-moz-appearance:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#0003,#0000001a);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.5rem 1.5rem;border:1px solid #0000004d;border-radius:12px;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:500;min-width:200px;padding:1rem 3rem 1rem 1.25rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);z-index:1}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.search-select:focus{background:linear-gradient(135deg,#ffffff4d,#fff3);box-shadow:0 0 0 4px #4f46e533,0 8px 25px #4f46e526,inset 0 1px 0 #ffffff4d;outline:none;transform:translateY(-2px)}.search-select:hover{background:linear-gradient(135deg,#ffffff40,#ffffff26);box-shadow:0 4px 15px #4f46e51a;transform:translateY(-1px)}.search-select option{border:none;padding:.5rem}.filter-buttons{animation:fadeInUp .8s ease-out .6s both;display:flex;flex-wrap:wrap;gap:.75rem;z-index:1}.filter-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #0000004d;border-radius:12px;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-shadow:0 1px 2px #0000001a}.filter-button,.filter-button:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.filter-button:before{content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.filter-button:hover{transform:translateY(-2px)}.filter-button:hover:before{left:100%}.filter-button.active{font-weight:700}.filter-button.active:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000)}.clear-filters-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef444433,#ef44441a);border:1px solid #ef444480;border-radius:12px;border-radius:var(--border-radius);color:#ffebee;cursor:pointer;font-size:.9rem;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-shadow:0 1px 2px #0003}.clear-filters-button,.clear-filters-button:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.clear-filters-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.clear-filters-button:hover{background:linear-gradient(135deg,#ef44444d,#ef444433);border-color:#ef4444b3;box-shadow:0 4px 15px #ef44444d;transform:translateY(-2px)}.clear-filters-button:hover:before{left:100%}.results-count{animation:fadeIn .8s ease-out .8s both;color:#fffc;font-size:.9rem;font-weight:500;padding:.75rem 0;text-shadow:0 1px 2px #0000001a;z-index:1}.results-count strong{color:#fff;color:var(--text-white);filter:drop-shadow(0 0 4px rgba(79,70,229,.5));font-weight:700}@media (max-width:1024px){.search-bar-container{gap:1.25rem;padding:1.25rem}.search-input-group{min-width:200px}.search-select{min-width:180px}}@media (max-width:768px){.search-bar-container{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.search-input-group,.search-select{min-width:0;min-width:auto;width:100%}.filter-buttons{justify-content:center}.filter-button{flex:1 1;min-width:120px}.results-count{text-align:center}}@media (max-width:480px){.search-bar-container{gap:.75rem;padding:.75rem}.search-input,.search-select{font-size:.95rem;padding:.8rem 1rem .8rem 3rem}.search-icon{font-size:1.1rem;left:1rem}.filter-buttons{flex-direction:column}.clear-filters-button,.filter-button{font-size:.85rem;padding:.7rem 1.25rem;width:100%}}@media (prefers-reduced-motion:reduce){.clear-filters-button,.filter-button,.filter-buttons,.results-count,.search-bar-container,.search-input-group,.search-select{animation:none;transition:none}.clear-filters-button:hover,.filter-button:hover,.search-input:focus,.search-select:focus{transform:none}}@media (prefers-contrast:high){.clear-filters-button,.filter-button,.search-bar-container,.search-input,.search-select{border:2px solid #fff;border:2px solid var(--text-white)}.filter-button.active{border:2px solid #4f46e5;border:2px solid var(--primary-blue)}}@media print{.clear-filters-button,.filter-button,.search-bar-container,.search-input,.search-select{background:#fff;border:1px solid #ccc;box-shadow:none;color:#000}.clear-filters-button,.filter-buttons{display:none}}:root{--primary-red:#d92231;--primary-red-dark:#b91c1c;--primary-red-light:#fee2e2;--text-gray-light:#9ca3af;--background-light:#f9fafb;--background-white:#fff;--background-dark:#111827;--border-color:#e5e7eb;--border-color-dark:#374151;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-red:0 4px 14px 0 #d9223126;--border-radius:0.75rem;--border-radius-sm:0.5rem;--border-radius-lg:1rem;--transition-fast:all 0.15s ease-in-out;--sidebar-width:280px;--sidebar-padding:1.5rem;--main-padding:1.5rem;--card-padding:1.5rem;--grid-gap:1.25rem;--font-size-title:2rem;--font-size-card-title:1.25rem;--font-size-base:0.9375rem;--stat-icon-size:2.5rem;--button-padding:0.625rem 1.25rem}*{box-sizing:border-box;margin:0;padding:0}.admin-panel.light{background:#f8f9fa;color:#000}.admin-panel.dark{background:#121212;color:#fff}.admin-panel .stat-card{background:inherit;border-radius:8px;padding:1rem;transition:background .3s ease,color .3s ease}.admin-panel.dark .stat-card{background:#1e1e1e}.admin-panel.light .stat-card{background:#fff}body{color:#111827;color:var(--text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.dashboard-container,body{background:#f9fafb;background:var(--background-light)}.dashboard-container{display:flex;min-height:100vh;position:relative}.dashboard-container:before{content:none}.sidebar{background:#111827;background:var(--background-dark);border-right:1px solid #ffffff26;box-shadow:var(--shadow-medium);color:#fff;color:var(--text-white);display:flex;flex:0 0 280px;flex:0 0 var(--sidebar-width);flex-direction:column;justify-content:space-between;overflow:hidden;padding:1.5rem;padding:var(--sidebar-padding);position:relative;z-index:10}.sidebar:before{content:none}.sidebar-header{margin-bottom:2rem;position:relative;text-align:center;z-index:1}.sidebar-logo{color:#d92231;color:var(--primary-red);display:inline-block;font-size:clamp(2rem,4vw,3rem);font-weight:900;margin-bottom:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.sidebar-logo:hover{transform:scale(1.1)}.sidebar-header h1{color:#fff;color:var(--text-white);font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;margin:0 0 .5rem;position:relative}.sidebar-header h1:after{background:#d92231;background:var(--primary-red);border-radius:1px;bottom:-5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:min(80px,80%)}.sidebar-header p{color:#a0a0a0;font-size:clamp(.8rem,2vw,.9rem);margin:0}.sidebar-nav{flex:1 1;position:relative;z-index:1}.sidebar-nav ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.sidebar-nav li{animation:none}.sidebar-nav a{align-items:center;border-radius:.75rem;border-radius:var(--border-radius);color:#fff;color:var(--text-white);display:flex;font-size:clamp(.9rem,2vw,1rem);font-weight:500;padding:clamp(.75rem,2vw,1rem) clamp(1rem,2vw,1.25rem);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);white-space:nowrap}.sidebar-nav a:before{content:none}.sidebar-nav a:hover{background-color:#d92231;background-color:var(--primary-red);box-shadow:var(--shadow-light);color:#fff;color:var(--text-white);transform:none}.sidebar-nav a svg{flex-shrink:0;font-size:clamp(1rem,2vw,1.25rem);margin-right:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.sidebar-nav a:hover svg{filter:none;transform:scale(1.1)}.sidebar-footer{border-top:1px solid #fff3;padding-top:1.5rem;position:relative;text-align:center;z-index:1}.user-info{background:#ffffff1a;border:1px solid #ffffff26;border-radius:.75rem;border-radius:var(--border-radius);margin-bottom:1rem;padding:clamp(.75rem,2vw,1rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.user-info:hover{background:#fff3;box-shadow:var(--shadow-light);transform:translateY(-2px)}.user-name{color:#fff;color:var(--text-white);font-size:clamp(.9rem,2vw,1.1rem);font-weight:600;margin-bottom:.25rem;text-shadow:none}.user-role{color:#a0a0a0;font-size:clamp(.75rem,2vw,.85rem);letter-spacing:.5px;text-transform:uppercase}.logout-button{align-items:center;background:#d92231;background:var(--primary-red);border:none;border-radius:.75rem;border-radius:var(--border-radius);box-shadow:var(--shadow-medium);color:#fff;cursor:pointer;display:flex;font-size:clamp(.9rem,2vw,1rem);font-weight:600;justify-content:center;overflow:hidden;padding:.625rem 1.25rem;padding:var(--button-padding);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);white-space:nowrap;width:100%}.logout-button:before{content:none}.logout-button:hover{background:#b91c1c;box-shadow:0 8px 25px #d9223166;transform:translateY(-2px)}.logout-button:hover:before{content:none}.logout-button svg{flex-shrink:0;font-size:clamp(.9rem,2vw,1.1rem);margin-right:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.logout-button:hover svg{transform:none}.main-content{background:#fff;background:var(--text-white);color:#111827;color:var(--text-dark);flex:1 1;overflow-y:auto;padding:1.5rem;padding:var(--main-padding);position:relative;z-index:1}.main-content:before{content:none}.admin-panel h2,.client-portal h2,.main-content h2,.technician-portal h2{-webkit-text-fill-color:unset;animation:none;background:none;-webkit-background-clip:unset;background-clip:initial;color:#111827;color:var(--text-dark);font-size:2rem;font-size:var(--font-size-title);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem;position:relative;text-shadow:none;z-index:1}.admin-panel h2:after,.client-portal h2:after,.main-content h2:after,.technician-portal h2:after{background:linear-gradient(90deg,#d92231,#b91c1c);background:linear-gradient(90deg,var(--primary-red),var(--primary-red-dark));border-radius:2px;bottom:-12px;content:"";height:4px;left:0;position:absolute;width:80px}.admin-panel h3,.client-portal h3,.technician-portal h3{color:#111827;color:var(--text-dark);font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin:2rem 0 1.25rem}.admin-panel hr{border:none;border-top:2px solid #e5e7eb;border-top:2px solid var(--border-color);margin:2rem 0}.stats-grid{grid-gap:1.25rem;grid-gap:var(--grid-gap);display:grid;gap:1.25rem;gap:var(--grid-gap);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));margin-bottom:1.5rem;position:relative;z-index:1}@media (max-width:640px){.stats-grid{gap:1rem;grid-template-columns:1fr}}.stat-card{align-items:center;animation:none;background:#fff;background:var(--background-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#111827;color:var(--text-dark);display:flex;flex-direction:column;justify-content:center;min-height:160px;overflow:hidden;padding:1.5rem;padding:var(--card-padding);position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.stat-card:before{background:linear-gradient(90deg,#d92231,#b91c1c);background:linear-gradient(90deg,var(--primary-red),var(--primary-red-dark));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.stat-card:hover{border-color:#fee2e2;border-color:var(--primary-red-light);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-card:hover:before{transform:scaleX(1)}.stat-card.clickable{cursor:pointer}.stat-card.clickable:active{transform:translateY(-2px)}.stat-card .stat-icon{color:#d92231;color:var(--primary-red);display:inline-block;font-size:2.5rem;font-size:var(--stat-icon-size);margin-bottom:.875rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);z-index:1}.stat-card:hover .stat-icon{color:#b91c1c;color:var(--primary-red-dark);transform:scale(1.1)}.stat-card h3{color:#111827;color:var(--text-dark);font-size:clamp(2rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:.5rem;text-shadow:none}.stat-card p{color:#6b7280;color:var(--text-gray);font-size:clamp(.875rem,2vw,1rem);font-weight:500;line-height:1.5;margin:0;text-shadow:none}.recent-activities{animation:none;background:#fff;background:var(--background-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-top:2rem;padding:1.5rem;padding:var(--card-padding);position:relative;z-index:1}.recent-activities:before{background:linear-gradient(90deg,#d92231,#b91c1c);background:linear-gradient(90deg,var(--primary-red),var(--primary-red-dark));border-radius:1rem 1rem 0 0;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.recent-activities .section-title,.recent-activities h3{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color);color:#111827;color:var(--text-dark);font-size:1.25rem;font-size:var(--font-size-card-title);font-weight:700;letter-spacing:-.01em;margin-bottom:1.5rem;padding-bottom:1rem;position:relative;text-shadow:none;z-index:1}.recent-activities .section-title:before,.recent-activities h3:before{background:#d92231;background:var(--primary-red);border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:min(80px,30%)}.recent-activities ul{list-style:none;margin:0;padding:0;position:relative;z-index:1}.activity-item{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--border-radius-sm);color:#111827;color:var(--text-dark);display:flex;flex-wrap:wrap;font-size:clamp(.875rem,2vw,.9375rem);gap:.75rem;justify-content:space-between;margin:0 -1rem;overflow:hidden;padding:1rem;position:relative;transition:all .15s ease-in-out;transition:var(--transition-fast)}.activity-item:before{background:#d92231;background:var(--primary-red);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .2s ease;width:3px}.activity-item:hover{background:#f9fafb;background:var(--background-light);border-radius:.5rem;border-radius:var(--border-radius-sm);padding-left:calc(1rem + 8px)}.activity-item:hover:before{transform:scaleY(1)}.activity-item:last-child{border-bottom:none}.activity-date{color:#6b7280;color:var(--text-gray);flex:0 0 auto;font-size:clamp(.8125rem,2vw,.875rem);font-weight:500;letter-spacing:.01em;min-width:100px}.activity-description{color:#111827;color:var(--text-dark);flex:1 1 auto;font-weight:500;line-height:1.5;min-width:200px;text-shadow:none}.activity-status{background:#fee2e2;background:var(--primary-red-light);border-radius:.5rem;border-radius:var(--border-radius-sm);color:#d92231;color:var(--primary-red);display:inline-block;flex:0 0 auto;font-size:clamp(.8125rem,2vw,.875rem);font-weight:600;min-width:80px;padding:.25rem .625rem;text-align:right;text-shadow:none}.activity-status.status-small{font-size:clamp(.75rem,2vw,.8125rem);padding:.1875rem .5rem}.dashboard-error,.dashboard-loading{align-items:center;background:#fff;background:var(--background-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#111827;color:var(--text-dark);display:flex;font-size:clamp(1rem,2vw,1.2rem);gap:.75rem;justify-content:center;margin:2rem;padding:clamp(2rem,4vw,4rem);text-align:center;text-shadow:none}.dashboard-loading:before{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-top-color:#d92231;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-red);content:"";height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.dashboard-error{background:linear-gradient(135deg,#d92231,#b91c1c);background:linear-gradient(135deg,var(--primary-red),var(--primary-red-dark));border-color:#b91c1c;border-color:var(--primary-red-dark);box-shadow:0 4px 14px 0 #d9223126;box-shadow:var(--shadow-red);color:#fff;color:var(--text-white)}.admin-panel.dark-mode,.client-portal.dark-mode,.technician-portal.dark-mode{background:#111827;background:var(--background-dark);color:#fff;color:var(--text-white)}.admin-panel.dark-mode .stat-card,.client-portal.dark-mode .stat-card,.technician-portal.dark-mode .stat-card{background:#1f2937;border-color:#374151;border-color:var(--border-color-dark);color:#fff;color:var(--text-white)}.admin-panel.dark-mode .stat-card h3,.admin-panel.dark-mode .stat-card p,.client-portal.dark-mode .stat-card h3,.client-portal.dark-mode .stat-card p,.technician-portal.dark-mode .stat-card h3,.technician-portal.dark-mode .stat-card p{color:#fff;color:var(--text-white)}.admin-panel.dark-mode .recent-activities,.client-portal.dark-mode .recent-activities,.technician-portal.dark-mode .recent-activities{background:#1f2937;border-color:#374151;border-color:var(--border-color-dark)}.admin-panel.dark-mode .activity-item,.client-portal.dark-mode .activity-item,.technician-portal.dark-mode .activity-item{border-color:#374151;border-color:var(--border-color-dark);color:#fff;color:var(--text-white)}.admin-panel.dark-mode .activity-item:hover,.client-portal.dark-mode .activity-item:hover,.technician-portal.dark-mode .activity-item:hover{background:#374151}.admin-panel.dark-mode h2,.admin-panel.dark-mode h3,.client-portal.dark-mode h2,.client-portal.dark-mode h3,.technician-portal.dark-mode h2,.technician-portal.dark-mode h3{color:#fff;color:var(--text-white)}.popup-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-modal{animation:fadeIn .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:20px;position:relative;width:90%}.popup-modal.success{border-left:5px solid #28a745}.popup-modal.error{border-left:5px solid #dc3545}.popup-modal.warning{border-left:5px solid #ffc107}.popup-modal.info{border-left:5px solid #007bff}.popup-content{align-items:center;display:flex;justify-content:space-between}.popup-content p{color:#333;font-size:16px;margin:0}.popup-close-button{background:none;border:none;color:#999;cursor:pointer;font-size:20px;transition:color .2s}.popup-close-button:hover{color:#333}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.profile-container{animation:fadeInScale .8s ease-out;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background:#e0e0e0;border:1px solid var(--glass-border);border-radius:var(--border-radius-large);box-shadow:var(--shadow-large);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:3rem auto;max-width:1000px;overflow:hidden;padding:3rem;position:relative}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.profile-title{-webkit-text-fill-color:#0000;animation:headerShimmer 8s ease-in-out infinite;background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-purple) 50%,#f093fb 100%);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:var(--text-white);font-size:3rem;font-weight:700;margin-bottom:2rem;text-align:center;text-shadow:0 4px 15px #0000004d}.technician-icon{animation:iconFloat 3s ease-in-out infinite;color:var(--primary-orange);filter:drop-shadow(0 0 10px rgba(245,158,11,.5));font-size:2rem;transition:var(--transition-smooth);vertical-align:middle}.technician-icon:hover{filter:drop-shadow(0 0 20px rgba(245,158,11,.8));transform:rotate(-15deg) scale(1.1)}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.profile-header{align-items:center;animation:fadeInDown .8s ease-out;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.profile-header h2{-webkit-text-fill-color:#0000;align-items:center;animation:titleShimmer 3s ease-in-out infinite;animation:textGradient 8s ease-in-out infinite;background:linear-gradient(135deg,var(--primary-red) 0,var(--primary-red-dark) 50%,#f87171 100%);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:var(--text-white);display:flex;font-size:2.8rem;font-size:2.5rem;font-weight:700;gap:1rem;margin:0}@keyframes textGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes titleShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.profile-actions{animation:fadeInRight .8s ease-out .2s both;display:flex;gap:1rem}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.cancel-button,.edit-button,.save-button{align-items:center;animation:buttonShine 2s ease-in-out infinite;border:none;border-radius:var(--border-radius);box-shadow:var(--shadow-medium);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.6rem;overflow:hidden;padding:.8rem 1.5rem;position:relative;text-shadow:0 1px 2px #0003;transition:var(--transition-smooth)}.cancel-button:before,.edit-button:before,.save-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:var(--transition-smooth);width:100%}.edit-button{background:linear-gradient(135deg,var(--primary-blue),#3b82f6);box-shadow:var(--shadow-medium),0 0 30px #4f46e566;color:#fff}.edit-button:hover{background:linear-gradient(135deg,#4338ca,#2563eb);box-shadow:0 10px 25px #4f46e566,0 0 40px #4f46e599;transform:translateY(-2px) scale(1.02)}.edit-button:hover:before{left:100%}.save-button{background:linear-gradient(135deg,var(--primary-green),#059669);box-shadow:var(--shadow-medium),0 0 30px #10b98166;color:#fff}.save-button:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 10px 25px #10b98166,0 0 40px #10b98199;transform:translateY(-2px) scale(1.02)}.save-button:hover:before{left:100%}.cancel-button{background:linear-gradient(135deg,var(--primary-red),#dc2626);box-shadow:var(--shadow-medium),0 0 30px #ef444466}.cancel-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 10px 25px #ef444466,0 0 40px #ef444499;transform:translateY(-2px) scale(1.02)}.cancel-button:hover:before{left:100%}@keyframes buttonShine{0%,to{opacity:1}50%{opacity:.8}}.profile-form{grid-gap:1.5rem;animation:fadeInUp .8s ease-out .4s both;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.profile-form{grid-template-columns:1fr 1fr}.form-group.password-group{grid-column:1/-1}}.form-group{display:flex;flex-direction:column;gap:.6rem}.form-group label{align-items:center;color:#000;display:flex;font-size:1rem;font-weight:600;gap:.4rem;margin-bottom:.6rem;text-shadow:0 1px 4px #0003}.form-input{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid #ffffff4d;border-radius:var(--border-radius);box-sizing:border-box;color:var(--text-white);font-size:1rem;padding:1rem;transition:var(--transition-smooth);width:100%}.form-input::placeholder{color:#fff}.form-input:focus{background:linear-gradient(135deg,#ffffff4d,#fff3);border-color:#dc2626cc;box-shadow:0 0 0 4px #4f46e533,0 8px 25px #4f46e526,inset 0 1px 0 #ffffff4d;outline:none;transform:translateY(-2px)}.form-group input[type=email],.form-group input[type=password],.form-group input[type=tel],.form-group input[type=text]{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:linear-gradient(135deg,#fff3,#ffffff1a);border-radius:var(--border-radius);box-sizing:border-box;font-size:1rem;padding:1rem;transition:var(--transition-smooth);width:100%}.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=text]:focus{outline:none;transform:translateY(-2px)}.form-group input.read-only{background:linear-gradient(135deg,#64748b33,#64748b1a);border-color:#64748b4d;cursor:not-allowed}.profile-container .serial-number span{color:var(--primary-cyan);filter:drop-shadow(0 0 8px rgba(6,182,212,.6))}.submit-button{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border:none;border-radius:var(--border-radius);box-shadow:var(--shadow-medium),0 0 30px #4f46e566;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;grid-column:1/-1;margin-top:1rem;overflow:hidden;padding:1rem 2rem;position:relative;text-shadow:0 1px 2px #0003;transition:var(--transition-smooth)}.submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:var(--transition-smooth);width:100%}.submit-button:hover{background:linear-gradient(135deg,#4338ca,#5b21b6);box-shadow:0 10px 25px #4f46e566,0 0 40px #4f46e599;transform:translateY(-2px) scale(1.02)}.submit-button:hover:before{left:100%}.submit-form-button{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border:none;border-radius:var(--border-radius);box-shadow:var(--shadow-medium),0 0 30px #4f46e566;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;grid-column:1/-1;margin-top:1rem;overflow:hidden;padding:1rem 2rem;position:relative;text-shadow:0 1px 2px #0003;transition:var(--transition-smooth)}.submit-form-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:var(--transition-smooth);width:100%}.submit-form-button:hover{background:linear-gradient(135deg,#4338ca,#5b21b6);box-shadow:0 10px 25px #4f46e566,0 0 40px #4f46e599;transform:translateY(-2px) scale(1.02)}.submit-form-button:hover:before{left:100%}.submit-form-button:disabled{background:linear-gradient(135deg,var(--light-slate),var(--medium-slate));box-shadow:var(--shadow-light);cursor:not-allowed;opacity:.6;transform:none}.alert-message{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--border-radius);font-weight:600;grid-column:1/-1;margin-top:1.5rem;padding:1rem;text-align:center;text-shadow:0 1px 4px #0003}.alert-success{animation:alertPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#10b98133,#10b9811a);border:1px solid #10b9814d;color:#d1fae5}.alert-error{animation:alertPulse 2s ease-in-out infinite;border:1px solid #ef44444d}.alert-error,.profile-container>div[style*="color: red"]{background:linear-gradient(135deg,#ef444433,#ef44441a);color:#ffebee}.profile-container>div[style*="color: red"]{border:1px solid #ef44444d;border-radius:var(--border-radius);font-weight:700}.info-message,.profile-container>div[style*="color: red"]{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-top:1.5rem;padding:1rem;text-align:center}.info-message{background:linear-gradient(135deg,#06b6d433,#06b6d41a);border:1px solid #06b6d44d;border-radius:var(--border-radius);color:#cffafe;font-size:.95rem;grid-column:1/-1;text-shadow:0 1px 4px #0003}@keyframes alertPulse{0%,to{opacity:1}50%{opacity:.8}}@media (max-width:768px){.profile-container{margin:1.5rem;padding:1.5rem}.profile-header{align-items:flex-start;flex-direction:column;gap:1rem}.profile-header h2{font-size:1.8rem}.profile-actions{flex-direction:row;flex-wrap:wrap;width:100%}.profile-form{grid-template-columns:1fr}.cancel-button,.edit-button,.save-button{justify-content:center;margin-bottom:.5rem;width:100%}}@media (max-width:600px){.profile-actions{flex-direction:column;gap:.75rem;width:100%}}:root{--primary-blue:#4f46e5;--primary-purple:#7c3aed;--primary-green:#10b981;--primary-red:#ef4444;--primary-orange:#f59e0b;--primary-gray:#9ca3af;--dark-slate:#1e293b;--medium-slate:#334155;--light-slate:#64748b;--text-white:#fff;--text-light:#f8fafc;--text-gray:#6b7280;--text-dark:#111827;--glass-bg:#ffffff40;--glass-border:#ffffff4d;--shadow-light:0 4px 15px #0000001a;--shadow-medium:0 8px 25px #00000026;--shadow-heavy:0 15px 40px #0003;--border-radius:12px;--border-radius-large:20px;--transition-fast:all 0.2s ease;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--backdrop-blur:blur(15px);--modal-padding:clamp(1.5rem,3vw,2.5rem);--modal-width:clamp(300px,90vw,800px);--modal-max-height:clamp(80vh,90vh,95vh);--modal-title-size:clamp(1.4rem,3vw,2.2rem);--modal-close-size:clamp(1.8rem,3vw,2.5rem);--item-padding:clamp(1rem,2vw,1.5rem);--item-gap:clamp(1rem,2vw,1.5rem);--button-padding:clamp(0.7rem,1.5vw,1rem) clamp(1.2rem,2.5vw,1.8rem);--font-size-base:clamp(0.9rem,1.5vw,0.98rem);--font-size-small:clamp(0.85rem,1.2vw,0.95rem);--icon-size:clamp(1rem,2vw,1.1rem)}.modal-header{align-items:flex-start;border-bottom:1px solid #c8c8c866;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;position:relative;z-index:1}.modal-header:after{background:linear-gradient(90deg,#ef4444,#b91c1c);border-radius:1px;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:min(80px,30%)}.modal-header h2{-webkit-text-fill-color:unset;align-items:center;animation:none;background:none;-webkit-background-clip:unset;background-clip:initial;color:#222;display:flex;flex:1 1 auto;font-size:clamp(1.4rem,3vw,2.2rem);font-size:var(--modal-title-size);font-weight:700;margin:0;min-width:0;text-shadow:none;word-break:break-word}.modal-title-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ef4444,#b91c1c);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 10px rgba(239,68,68,.5));flex-shrink:0;font-size:clamp(1rem,2vw,1.1rem);font-size:var(--icon-size);margin-right:clamp(.5rem,1vw,.75rem)}.modal-close-button{align-items:center;background:none;border:none;color:#222222b3;cursor:pointer;display:flex;filter:drop-shadow(0 0 5px rgba(0,0,0,.1));flex-shrink:0;font-size:clamp(1.8rem,3vw,2.5rem);font-size:var(--modal-close-size);height:clamp(2.5rem,4vw,3.5rem);justify-content:center;overflow:hidden;padding:.5rem;position:relative;width:clamp(2.5rem,4vw,3.5rem)}.modal-close-button,.modal-close-button:before{border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.modal-close-button:before{background:linear-gradient(135deg,#ef444433,#ef44441a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0}.modal-close-button:hover{color:#ef4444;filter:drop-shadow(0 0 15px rgba(239,68,68,.5));transform:scale(1.1) rotate(90deg)}.modal-close-button:hover:before{opacity:1}.modal-body{flex-grow:1;min-width:0;padding-right:clamp(.5rem,1vw,1rem);position:relative;text-shadow:0 1px 4px #0003;z-index:1}.modal-intervention-list{display:flex;flex-direction:row;gap:clamp(1rem,2vw,1.5rem);gap:var(--item-gap);list-style:none;margin:0;padding:0}.modal-intervention-item{animation:fadeInUp .6s ease-out;animation-fill-mode:both;background:#1e293bb3;border:1px solid #ffffff26;border-radius:12px;border-radius:var(--border-radius);overflow:hidden;padding:clamp(1rem,2vw,1.5rem);padding:var(--item-padding);position:relative;transition:all .2s ease;transition:var(--transition-fast);width:260px}.modal-intervention-item:first-child{animation-delay:.1s}.modal-intervention-item:nth-child(2){animation-delay:.2s}.modal-intervention-item:nth-child(3){animation-delay:.3s}.modal-intervention-item:nth-child(4){animation-delay:.4s}.modal-intervention-item:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-intervention-item:before{background:linear-gradient(90deg,#0000,#4f46e51a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.modal-intervention-item:hover{transform:translateY(-3px)}.modal-intervention-item:hover:before{left:100%}.modal-intervention-item .item-header{align-items:center;border-bottom:1px dashed #ffffff1a;color:#fffc;display:flex;flex-wrap:wrap;font-size:clamp(.85rem,1.2vw,.95rem);font-size:var(--font-size-small);gap:.5rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.modal-intervention-item p{align-items:flex-start;color:#f8fafc;color:var(--text-light);display:flex;flex-wrap:wrap;font-size:clamp(.9rem,1.5vw,.98rem);font-size:var(--font-size-base);gap:.5rem;line-height:1.5;margin-bottom:.6rem;word-break:break-word}.modal-intervention-item p strong{color:#4f46e5;color:var(--primary-blue);flex-shrink:0;font-weight:600;min-width:clamp(80px,20%,120px);text-shadow:none}.status-active,.status-terminée{background:#10b981;border:1px solid #10b9814d;border-radius:4px;text-shadow:0 0 8px #10b98199}.status-active,.status-en-attente,.status-en-cours,.status-terminée{display:inline-block;font-size:clamp(.8rem,1.2vw,.9rem);font-weight:700;margin-top:10px;padding:.2rem .5rem;white-space:nowrap}.status-en-attente,.status-en-cours{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:4px;color:#f59e0b;color:var(--primary-orange);text-shadow:0 0 8px #f59e0b99}.status-hors-service,.status-problème{border:1px solid #ef44444d;border-radius:4px;text-shadow:0 0 8px #ef444499}.status-hors-service,.status-problème,.status-unknown{display:inline-block;font-size:clamp(.8rem,1.2vw,.9rem);font-weight:700;margin-top:10px;padding:.2rem .5rem;white-space:nowrap}.status-unknown{background:#9ca3af1a;border:1px solid #9ca3af4d;border-radius:4px;color:#9ca3af;color:var(--primary-gray)}.modal-footer{border-top:1px solid #fff3;flex-wrap:wrap;gap:1rem;padding-top:1.5rem;position:relative;text-align:right;z-index:1}.modal-footer:before{background:linear-gradient(90deg,#4f46e5,#7c3aed);background:linear-gradient(90deg,var(--primary-blue),var(--primary-purple));border-radius:1px;content:"";height:2px;left:0;position:absolute;top:-1px;width:min(80px,30%)}.modal-footer .action-button{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border:none;border-radius:12px;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:clamp(.9rem,2vw,1.05rem);font-weight:600;gap:.6rem;justify-content:center;min-width:clamp(100px,20vw,140px);overflow:hidden;padding:clamp(.7rem,1.5vw,1rem) clamp(1.2rem,2.5vw,1.8rem);padding:var(--button-padding);position:relative;text-shadow:0 1px 2px #0003;white-space:nowrap}.modal-footer .action-button,.modal-footer .action-button:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.modal-footer .action-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.modal-footer .action-button:hover{transform:translateY(-2px) scale(1.02)}.modal-footer .action-button:hover:before{left:100%}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#ff00001a;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#991b1b,#7f1d1d)}@media (min-width:1600px){:root{--modal-padding:3rem;--modal-width:900px;--modal-title-size:2.5rem;--modal-close-size:3rem;--item-padding:2rem;--item-gap:2rem}}@media (min-width:1400px) and (max-width:1599px){:root{--modal-padding:2.75rem;--modal-width:850px;--modal-title-size:2.3rem;--modal-close-size:2.8rem;--item-padding:1.8rem;--item-gap:1.8rem}}@media (min-width:1200px) and (max-width:1399px){:root{--modal-padding:2.5rem;--modal-width:800px;--modal-title-size:2.2rem;--modal-close-size:2.5rem;--item-padding:1.5rem;--item-gap:1.5rem}}@media (min-width:1025px) and (max-width:1199px){:root{--modal-padding:2.25rem;--modal-width:750px;--modal-title-size:2rem;--modal-close-size:2.3rem;--item-padding:1.4rem;--item-gap:1.4rem}}@media (min-width:769px) and (max-width:1024px){:root{--modal-padding:2rem;--modal-width:85vw;--modal-max-height:85vh;--modal-title-size:1.8rem;--modal-close-size:2.2rem;--item-padding:1.3rem;--item-gap:1.3rem}.modal-content{max-width:85vw}.modal-footer{gap:.8rem}}@media (max-width:768px){:root{--modal-padding:1.8rem;--modal-width:95vw;--modal-max-height:90vh;--modal-title-size:1.6rem;--modal-close-size:2rem;--item-padding:1.2rem;--item-gap:1.2rem;--button-padding:0.8rem 1.5rem}.modal-content{margin:1rem;width:95%}.modal-header{align-items:flex-start;flex-direction:column;text-align:left}.modal-close-button{align-self:flex-end;margin-top:-.5rem}.modal-intervention-item .item-header{align-items:flex-start;flex-direction:column;gap:.5rem}.modal-intervention-item p{align-items:flex-start;flex-direction:column;gap:.3rem}.modal-intervention-item p strong{min-width:auto}.modal-footer{align-items:stretch;flex-direction:column;text-align:center}.modal-footer .action-button{margin:0;width:100%}}@media (max-width:480px){:root{--modal-padding:1.5rem;--modal-width:100vw;--modal-max-height:95vh;--modal-title-size:1.4rem;--modal-close-size:1.8rem;--item-padding:1rem;--item-gap:1rem;--button-padding:0.8rem 1.2rem}.modal-overlay{padding:.5rem}.modal-content{border-radius:12px;border-radius:var(--border-radius);max-height:95vh;width:100%}.modal-header{margin-bottom:1.5rem;padding-bottom:1rem}.modal-intervention-item{padding:1rem}.modal-footer{margin-top:1.5rem;padding-top:1.25rem}.modal-footer .action-button{font-size:.95rem;padding:.8rem 1rem}}@media (max-width:360px){:root{--modal-padding:1rem;--modal-title-size:1.2rem;--modal-close-size:1.6rem;--item-padding:0.8rem;--item-gap:0.8rem;--button-padding:0.7rem 1rem}.modal-content{margin:.25rem;padding:1rem}.modal-header{margin-bottom:1.25rem}.modal-footer .action-button{font-size:.9rem;min-width:80px;padding:.7rem .8rem}}@media (max-width:768px) and (orientation:landscape){:root{--modal-max-height:85vh;--modal-padding:1.5rem}.modal-content{max-height:85vh;width:95%}.modal-header{align-items:center;flex-direction:row;margin-bottom:1.5rem}.modal-close-button{align-self:center;margin-top:0}.modal-footer{flex-direction:row;gap:1rem;justify-content:flex-end}.modal-footer .action-button{min-width:100px;width:auto}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.modal-content,.modal-footer .action-button,.modal-intervention-item,.modal-overlay{animation:none!important;transition:none!important}.modal-close-button:hover,.modal-footer .action-button:hover{transform:none!important}}@media (prefers-contrast:high){.modal-content,.modal-footer .action-button,.modal-intervention-item{border:2px solid #fff!important;border:2px solid var(--text-white)!important}}@media print{.modal-overlay{display:none!important}.modal-content{box-shadow:none!important;max-width:none!important;padding:1rem!important;position:static!important;width:100%!important}.modal-content,.modal-intervention-item{background:#fff!important;border:1px solid #ccc!important;color:#000!important}.modal-intervention-item{break-inside:avoid;page-break-inside:avoid}.modal-close-button,.modal-footer .action-button{display:none!important}.status-en-cours,.status-hors-service,.status-terminée,.status-unknown{background:#fff!important;border:1px solid #ccc!important;color:#000!important}}@container (max-width: 400px){.modal-content{padding:.5rem}.modal-intervention-item{padding:.8rem}.modal-footer .action-button{font-size:.9rem;padding:.7rem}}@container (max-width: 300px){.modal-header h2{font-size:1.1rem}.modal-intervention-item p{font-size:.85rem}}.management-page-container{min-height:calc(100vh - 60px);padding:10px}.management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.management-header h2{font-size:28px;margin:0}.breadcrumb{color:#666;font-size:14px;margin:0}.analysis-period-filter{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:10px;margin-bottom:20px;padding:10px 15px}.analysis-period-filter label{color:#555;font-weight:700}.analysis-period-filter .period-buttons button{background-color:#f0f2f5;border:1px solid #000;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:8px 15px;transition:all .2s ease-in-out}.analysis-period-filter .period-buttons button.active{background-color:#007bff;border-color:#007bff;color:#fff}.analysis-period-filter .period-buttons button:hover:not(.active){background-color:#0e0000}.analysis-period-filter .data-summary{color:#666;font-size:14px;margin-left:auto}.filter-bar{align-items:stretch;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;position:relative;width:100%}.filter-bar .search-input{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;display:flex;flex:1 1 300px;min-width:250px;padding:.75rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-bar .search-input:focus-within{border-color:#d92231;box-shadow:0 0 0 3px #d922311a,0 4px 6px -1px #0000001a;outline:none}.filter-bar .search-input svg{color:#6b7280;flex-shrink:0;font-size:1.125rem;left:1rem;pointer-events:none;position:absolute;transition:all .15s ease-in-out}.filter-bar .search-input:focus-within svg{color:#d92231;transform:scale(1.05)}.filter-bar .search-input input{background-color:initial;border:none;border-radius:.75rem;color:#111827;flex:1 1;font-size:.9375rem;outline:none;padding:0 0 0 2.5rem;width:100%}.filter-bar .search-input input::placeholder{color:#9ca3af}.filter-bar .search-button{background:linear-gradient(135deg,#d92231,#b91c1c);border:none;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-bar .search-button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.analysis-section-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;margin-bottom:25px;padding:25px}.analysis-section-card h3{align-items:center;border-bottom:1px solid #eee;color:#333;display:flex;font-size:22px;margin-bottom:20px;margin-top:0;padding-bottom:10px}.analysis-section-card .card-icon{color:#007bff;font-size:24px;margin-right:10px}.overview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.overview-item{background-color:#eceff1;border-radius:8px;box-shadow:inset 0 0 5px #0000000d;padding:20px;text-align:center}.overview-item:first-child{border-top:5px solid #007bff}.overview-item:nth-child(2){border-top:5px solid #28a745}.overview-item:nth-child(3){border-top:5px solid #ffc107}.overview-item:nth-child(4){border-top:5px solid #e83e8c}.overview-value{color:#333;font-size:36px;font-weight:700;margin-bottom:5px}.overview-label{color:#666;font-size:14px}.company-stats-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.company-stat-item{background-color:#f0f8ff;border:1px solid #e0f2ff;border-left:5px solid #007bff;border-radius:8px;box-shadow:0 2px 5px #0000000d;padding:20px}.company-stat-item h4{color:#007bff;font-size:18px;margin-bottom:10px;margin-top:0}.company-stat-item p{color:#555;font-size:14px;margin-bottom:5px}.company-stat-item .action-button.small{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;margin-top:10px;padding:8px 15px;transition:background-color .2s ease}.company-stat-item .action-button.small:hover{background-color:#0056b3}.frequent-errors-list p{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:5px;color:#856404;font-size:15px;margin-bottom:10px;padding:10px 15px}.frequent-errors-list p strong{color:#5d4000}.attention-printers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.printer-attention-card{background-color:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 2px 8px #00000014;padding:20px;position:relative}.printer-attention-card h4{color:#333;font-size:18px;margin-bottom:10px;margin-top:0}.printer-attention-card p{color:#666;font-size:14px;margin-bottom:5px}.printer-attention-card .status-active{color:#28a745;font-weight:700}.printer-attention-card .status-inactive{color:#dc3545;font-weight:700}.printer-attention-card .status-maintenance{color:#ffc107;font-weight:700}.printer-attention-card .status-unknown{color:#6c757d;font-weight:700}.printer-attention-card .action-button.small{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;margin-top:10px;padding:8px 15px;transition:background-color .2s ease}.printer-attention-card .action-button.small:hover{background-color:#0056b3}.printer-attention-card:before{content:"🔥";font-size:24px;opacity:.8;position:absolute;right:15px;top:10px}@media (max-width:992px){.attention-printers-grid,.company-stats-list,.overview-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.management-header{align-items:flex-start;flex-direction:column}.management-header h2{font-size:24px}.breadcrumb{margin-top:5px}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.filter-bar{align-items:stretch;flex-direction:column;gap:.75rem}.filter-bar .search-input{min-width:auto;width:100%}.filter-bar .search-input input{padding-left:2.5rem}.filter-bar .search-input svg{display:block}.filter-bar .search-button{margin-left:0;width:100%}}@media (max-width:480px){.attention-printers-grid,.company-stats-list,.overview-grid{grid-template-columns:1fr}.management-page-container{padding:15px}}.pie-chart-container{height:300px;margin:20px auto;max-width:400px;width:100%}.frequent-errors-list p{align-items:center;display:flex;margin-bottom:5px}.resolution-rate-high{color:#28a745;color:var(--primary-green);font-weight:700}.resolution-rate-medium{color:#ffc107;color:var(--primary-orange);font-weight:700}.resolution-rate-low{color:#dc3545;color:var(--primary-red);font-weight:700}.overview-item{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.overview-item.animate-in{opacity:1;transform:translateY(0)}.overview-item.delay-1{transition-delay:.1s}.overview-item.delay-2{transition-delay:.2s}.overview-item.delay-3{transition-delay:.3s}.overview-item.delay-4{transition-delay:.4s}.analysis-filters{background-color:#fff;background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-small);display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px}.analysis-filters .filter-group{align-items:center;display:flex;gap:8px}.analysis-filters .filter-group label{color:#000;color:var(--text-color-dark);font-weight:700}.analysis-filters .filter-group select,.analysis-filters .period-buttons button{background-color:#fff;background-color:var(--background-color-light);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:5px;color:#333;color:var(--text-color);cursor:pointer;padding:8px 12px;transition:all .2s ease-in-out}.analysis-filters .filter-group select:focus,.analysis-filters .period-buttons button:hover:not(.active){border-color:#007bff;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff33;box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.analysis-filters .period-buttons button.active{background-color:#007bff;background-color:var(--primary-color);border-color:#007bff;border-color:var(--primary-color);color:#fff}.analysis-filters .filter-icon{color:#007bff;color:var(--primary-color);font-size:1.2em}.search-bar-analysis{background-color:#fff;background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-small);margin-bottom:20px;margin-top:20px;padding:15px}.search-bar-analysis .search-input-group{align-items:center;display:flex;width:100%}.search-bar-analysis .search-icon{margin-right:10px}.search-bar-analysis .search-input-field{background-color:#fff;background-color:var(--background-color-light);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:5px;color:#333;color:var(--text-color);flex-grow:1;font-size:1em;padding:10px 15px}.search-bar-analysis .search-input-field:focus{border-color:#007bff;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff33;box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2);outline:none}:root{--primary-color:#007bff;--primary-color-rgb:0,123,255;--primary-green:#28a745;--primary-orange:#ffc107;--primary-red:#dc3545;--text-color:#333;--text-color-light:#666;--text-color-dark:#000;--background-color:#f4f7f6;--background-color-light:#fff;--card-background:#fff;--border-color:#e0e0e0;--shadow-small:0 2px 4px #0000000d;--shadow-medium:0 4px 8px #0000001a}.list-container{background-color:#f8f9fa;border-radius:8px;box-shadow:inset 0 0 5px #0000000d;display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;padding:15px;width:100%}.list-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-basis:calc(33% - 20px);flex-direction:column;flex-grow:1;flex-shrink:1;justify-content:space-between;min-width:280px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.list-item:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}.list-item p{color:#333;margin-bottom:8px}.list-item p strong{color:#007bff}.list-item .action-button.small{align-self:flex-end;margin-top:15px}.error-dot{border-radius:50%;display:inline-block;height:12px;margin-right:8px;transition:transform .2s ease;width:12px}.table-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.search-bar-table{flex-grow:1;max-width:350px;position:relative}.search-bar-table input{background-color:var(--card-bg-color);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:var(--border-radius);color:#333;color:var(--text-color);font-size:1rem;padding:10px 10px 10px 40px;transition:all .2s ease-in-out;width:100%}.search-bar-table input:focus{border-color:#007bff;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff33;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.2);outline:none}.search-bar-table .search-icon{font-size:1.1rem;left:20px;position:absolute;top:50%;transform:translateY(-50%)}.items-per-page-selector{align-items:center;color:#333;color:var(--text-color);display:flex;gap:8px}.items-per-page-selector label{font-size:.95rem;font-weight:500}.items-per-page-selector select{appearance:none;background-color:var(--card-bg-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:18px;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:var(--border-radius);color:#333;color:var(--text-color);cursor:pointer;font-size:.9rem;padding:8px 30px 8px 10px}.items-per-page-selector select:focus{border-color:#007bff;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff33;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.2);outline:none}.pagination{flex-wrap:wrap;justify-content:center;margin-top:20px}.pagination,.pagination button{align-items:center;display:flex;gap:5px}.pagination button{background-color:var(--card-bg-color);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:var(--border-radius);color:#333;color:var(--text-color);cursor:pointer;font-weight:500;padding:8px 14px;transition:all .2s ease-in-out}.pagination button:hover:not(:disabled){background-color:#007bff;background-color:var(--primary-color);border-color:#007bff;border-color:var(--primary-color);color:#fff}.pagination button.active{background-color:var(--accent-color);border-color:var(--accent-color);color:blue;font-weight:700}.pagination button:disabled{background-color:#f4f7f6;background-color:var(--background-color);color:var(--text-muted-color);cursor:not-allowed;opacity:.6}.pagination button svg{font-size:1.1em}@media (max-width:768px){.table-controls{align-items:flex-start;flex-direction:column}.search-bar-table{max-width:100%;width:100%}.items-per-page-selector{justify-content:flex-start;width:100%}.pagination{padding:0 10px}}.interventions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:2rem;padding:1rem 0}.intervention-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;position:relative;transition:all .3s ease}.intervention-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.intervention-card .card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:1rem 1.25rem}.intervention-number strong{font-size:1.1rem;font-weight:600}.intervention-status{border-radius:20px;font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.status-pending{background:#ffc107e6;color:#856404}.status-in-progress{background:#007bffe6;color:#fff}.status-completed{background:#28a745e6;color:#fff}.status-cancelled{background:#dc3545e6;color:#fff}.intervention-priority{border-radius:15px;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:.2rem .6rem;text-transform:uppercase}.priority-urgent{animation:pulse 2s infinite;background:#dc267fe6;color:#fff}.priority-high{background:#dc3545e6;color:#fff}.priority-medium{background:#ffc107e6;color:#856404}.priority-low{background:#6c757de6;color:#fff}.priority-very-low{background:#e9ecefe6;color:#495057}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.intervention-card .card-body{padding:1.25rem}.intervention-info{display:flex;flex-direction:column;gap:.75rem}.info-row.description{border-top:1px solid #e2e8f0;margin-top:.5rem;padding-top:.75rem}.info-row.description span{color:#64748b;font-style:italic}.intervention-card .card-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem 1.25rem}.view-button{background:#e2e8f0;color:#475569}.view-button:hover{background:#cbd5e1;color:#334155}.finish-button{background:#22c55e;color:#fff}.finish-button:hover{background:#16a34a;transform:translateY(-1px)}.start-button{background:#3b82f6;color:#fff}.cancel-button{background:#ef4444;color:#fff}.cancel-button:hover{background:#dc2626;transform:translateY(-1px)}@media (max-width:768px){.interventions-grid{gap:1rem;grid-template-columns:1fr}.intervention-card .card-header{align-items:flex-start;flex-direction:column;gap:.75rem}.card-status{align-items:flex-start;flex-direction:row;gap:.5rem}.intervention-card .card-actions{flex-direction:column}.action-button{flex:none}}@media (max-width:480px){.interventions-grid{padding:.5rem 0}.intervention-card{border-radius:8px;margin:0 -.5rem}}.quota-cards-grid,.quotas-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:2rem;padding:1rem 0}.quota-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;margin:10px;overflow:hidden;position:relative;transition:all .3s ease}.quota-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.quota-card .card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:1rem 1.25rem}.quota-number strong{font-size:1.1rem;font-weight:600}.card-status{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.quota-status{background:#007bffe6;border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.quota-card .card-body{padding:1.25rem}.quota-info{display:flex;flex-direction:column;gap:.75rem}.info-row{align-items:flex-start;display:flex;font-size:.9rem;gap:.5rem;line-height:1.4}.info-icon{color:#667eea;flex-shrink:0;margin-top:.1rem}.quota-card .card-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem 1.25rem}.action-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;min-width:0;padding:.5rem 1rem;transition:all .2s ease}.edit-button{background:#e2e8f0;color:#475569}.edit-button:hover{background:#cbd5e1;color:#334155}.delete-button{background:#ef4444;color:#fff}.delete-button:hover{background:#dc2626;transform:translateY(-1px)}.empty-state{color:#64748b;grid-column:1/-1;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:#475569;font-size:1.5rem;margin-bottom:.5rem}.empty-state p{font-size:1rem;margin:0 auto;max-width:400px}@media (max-width:768px){.quotas-grid{gap:1rem;grid-template-columns:1fr}.quota-card .card-header{align-items:flex-start;flex-direction:column;gap:.75rem}.card-status{align-items:flex-start;flex-direction:row;gap:.5rem}.quota-card .card-actions{flex-direction:column}.action-button{flex:none}}@media (max-width:480px){.quotas-grid{padding:.5rem 0}.quota-card{border-radius:8px;margin:0 -.5rem}}.modal-backdrop{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;max-width:900px;padding:2rem;position:relative;width:90%}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h3{color:#333;font-size:1.5rem;font-weight:600;margin:0}.modal-close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;transition:color .2s}.modal-close-btn:hover{color:#333}.modal-body{display:flex;flex-direction:column;gap:1.5rem}.date-range-group,.filter-select-group,.report-option-group{display:flex;flex-direction:column;gap:.5rem}.date-range-group label,.report-option-group label{color:#555;font-weight:500}.radio-group{display:flex;gap:1.5rem}.date-inputs{align-items:center;display:flex;gap:.5rem}.date-inputs input,.filter-select-group select{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:1rem;padding:.75rem;transition:border-color .2s,box-shadow .2s}.date-inputs input:focus,.filter-select-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.date-inputs span{color:#666}.modal-footer{display:flex;justify-content:flex-end;margin-top:2rem}.modal-action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .3s,transform .1s}.modal-action-btn.primary{background-color:#007bff;color:#fff}.modal-action-btn.primary:hover{background-color:#0056b3;transform:translateY(-1px)}
/*# sourceMappingURL=main.13fabf5a.css.map*/