@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.lyt-container{background-color:#f8fafc;min-height:100vh;display:flex}.lyt-sidebar{color:#fff;z-index:1000;background:linear-gradient(#1e293b 0%,#0f172a 100%);flex-direction:column;width:260px;height:100vh;transition:width .3s;display:flex;position:fixed;top:0;left:0;box-shadow:2px 0 10px #0000001a}.lyt-sidebar.lyt-closed{width:72px}.lyt-sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:8px;min-height:64px;padding:20px 16px;display:flex}.lyt-logo{flex:1;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.lyt-logo-icon{color:#3b82f6;flex-shrink:0;font-size:22px}.lyt-logo-text{color:#fff;white-space:nowrap;font-size:18px;font-weight:700;overflow:hidden}.lyt-logo-text span{color:#3b82f6}.lyt-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;font-size:18px;transition:all .2s;display:flex}.lyt-toggle-btn:hover{color:#fff;background-color:#ffffff1a}.lyt-sidebar-nav{flex:1;padding:16px 12px;overflow:hidden auto}.lyt-sidebar-nav::-webkit-scrollbar{width:4px}.lyt-sidebar-nav::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px}.lyt-sidebar-nav::-webkit-scrollbar-track{background-color:#0000}.lyt-nav-item{color:#94a3b8;white-space:nowrap;border-radius:8px;align-items:center;gap:12px;margin-bottom:2px;padding:10px 12px;text-decoration:none;transition:all .2s;display:flex;position:relative}.lyt-nav-item:hover{color:#fff;background-color:#ffffff14}.lyt-nav-item.lyt-active{color:#fff;background-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.lyt-nav-item.lyt-active:before{content:"";background-color:#60a5fa;border-radius:0 3px 3px 0;width:3px;height:24px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.lyt-nav-icon{flex-shrink:0;min-width:20px;font-size:17px}.lyt-nav-label{text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.lyt-sidebar-footer{border-top:1px solid #ffffff1a;padding:16px 12px}.lyt-user-card{background-color:#ffffff0d;border-radius:8px;align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:flex}.lyt-user-avatar{background-color:#3b82f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.lyt-user-info{flex-direction:column;gap:2px;min-width:0;display:flex}.lyt-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.lyt-user-email{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.lyt-btn-logout{color:#ef4444;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.lyt-btn-logout:hover{background-color:#ef44441a;border-color:#ef4444}.lyt-main{flex-direction:column;flex:1;min-width:0;min-height:100vh;transition:margin-left .3s;display:flex}.lyt-main-open{margin-left:260px}.lyt-main-closed{margin-left:72px}.lyt-header{z-index:100;background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;min-height:64px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000f}.lyt-header-left{align-items:center;gap:12px;display:flex}.lyt-mobile-menu-btn{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;font-size:20px;display:none}.lyt-mobile-menu-btn:hover{background-color:#f3f4f6}.lyt-header-title{color:#1f2937;margin:0;font-size:18px;font-weight:600}.lyt-header-right{align-items:center;gap:12px;display:flex}.lyt-header-user{color:#6b7280;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.lyt-header-user svg{color:#2563eb;font-size:16px}.lyt-header-logout{color:#dc2626;cursor:pointer;background-color:#fff;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.lyt-header-logout:hover{background-color:#fef2f2;border-color:#dc2626}.lyt-content{flex:1;min-width:0;padding:24px;overflow-y:auto}@media (width<=1024px){.lyt-sidebar{width:220px}.lyt-main-open{margin-left:220px}}@media (width<=768px){.lyt-sidebar{width:260px;transform:translate(-100%)}.lyt-sidebar.lyt-open{transform:translate(0)}.lyt-sidebar.lyt-closed{width:260px;transform:translate(-100%)}.lyt-main-open,.lyt-main-closed{margin-left:0}.lyt-mobile-menu-btn{display:block}.lyt-header{padding:0 16px}.lyt-header-user{display:none}.lyt-content{padding:16px}}@media (width<=480px){.lyt-header{padding:0 12px}.lyt-header-title{font-size:16px}.lyt-header-logout span{display:none}.lyt-header-logout{padding:8px}.lyt-content{padding:12px}}.lyt-user-role{color:#93c5fd;text-transform:capitalize;align-items:center;gap:4px;margin-top:2px;font-size:10px;display:flex}.lyt-user-role svg{font-size:10px}.lyt-header-admin-btn{color:#7c3aed;white-space:nowrap;background:#ede9fe;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.lyt-header-admin-btn:hover{background:#ddd6fe}.auth-container{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-wrapper{background:#fff;border:1px solid #e5e7eb80;border-radius:24px;width:100%;max-width:1200px;min-height:700px;display:flex;overflow:hidden;box-shadow:0 25px 60px #0000001f}.auth-left{color:#fff;background:linear-gradient(135deg,#1a365d 0%,#2563eb 50%,#3b82f6 100%);flex:1;align-items:center;padding:48px 40px;display:flex;position:relative;overflow:hidden}.auth-left:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff0d 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;right:-50%}.auth-left-content{z-index:1;width:100%;position:relative}.auth-brand{align-items:center;gap:12px;margin-bottom:40px;display:flex}.auth-brand-icon{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.auth-brand-name{color:#fff;margin:0;font-size:28px;font-weight:700}.auth-brand-name span{color:#93c5fd}.auth-hero{margin-bottom:36px}.auth-hero-title{margin-bottom:12px;font-size:32px;font-weight:700;line-height:1.2}.auth-hero-title span{color:#93c5fd;display:inline-block}.auth-hero-subtitle{opacity:.85;color:#ffffffe6;font-size:16px;line-height:1.6}.auth-features{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px;display:grid}.auth-feature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff0f;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 16px;transition:all .3s;display:flex}.auth-feature:hover{background:#ffffff26;transform:translateY(-2px)}.auth-feature-icon{background:#ffffff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.auth-feature-text h4{color:#fff;margin:0 0 2px;font-size:14px;font-weight:600}.auth-feature-text p{opacity:.75;color:#fffc;margin:0;font-size:12px}.auth-testimonial{background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;padding:16px 20px}.auth-testimonial-stars{color:#fbbf24;gap:4px;margin-bottom:8px;font-size:14px;display:flex}.auth-testimonial-text{opacity:.9;margin:0 0 8px;font-size:14px;font-style:italic;line-height:1.5}.auth-testimonial-author{opacity:.7;margin:0;font-size:13px}.auth-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.auth-stat{text-align:center;background:#ffffff0f;border:1px solid #ffffff0f;border-radius:10px;padding:12px}.auth-stat-number{color:#fff;font-size:22px;font-weight:700;display:block}.auth-stat-label{opacity:.7;color:#fffc;font-size:11px}.auth-benefits{grid-template-columns:1fr 1fr;gap:10px;display:grid}.auth-benefit{color:#ffffffe6;align-items:center;gap:10px;font-size:13px;display:flex}.auth-benefit svg{color:#93c5fd;flex-shrink:0;font-size:16px}.auth-right{background:#fff;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.auth-card{width:100%;max-width:420px}.auth-card-register{max-width:480px}.auth-header{text-align:center;margin-bottom:32px}.auth-title{color:#1f2937;margin:0 0 6px;font-size:28px;font-weight:700}.auth-subtitle{color:#6b7280;margin:0;font-size:14px}.auth-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.auth-form{flex-direction:column;gap:18px;display:flex}.form-row{gap:16px;display:flex}.form-group{flex:1}.form-label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#9ca3af;pointer-events:none;font-size:15px;position:absolute;left:14px}.input-field{color:#1f2937;background:#f9fafb;border:1.5px solid #d1d5db;border-radius:10px;width:100%;padding:11px 40px 11px 42px;font-size:14px;transition:all .3s}.input-field:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.input-field::placeholder{color:#9ca3af}.input-field.input-error{background:#fef2f2;border-color:#dc2626}.input-field.input-error:focus{box-shadow:0 0 0 3px #dc26261a}.password-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:16px;transition:color .3s;display:flex;position:absolute;right:14px}.password-toggle:hover{color:#2563eb}.error-message{color:#dc2626;margin-top:4px;font-size:12px;display:block}.form-options{justify-content:space-between;align-items:center;display:flex}.checkbox-label{color:#4b5563;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.checkbox-input{cursor:pointer;accent-color:#2563eb;border:1.5px solid #d1d5db;border-radius:4px;width:16px;height:16px}.forgot-password{color:#2563eb;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s}.forgot-password:hover{color:#1d4ed8;text-decoration:underline}.btn-submit-auth{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #2563eb4d}.btn-submit-auth:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.btn-submit-auth:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer{text-align:center;color:#6b7280;margin-top:24px;font-size:14px}.auth-link{color:#2563eb;font-weight:600;text-decoration:none;transition:color .3s}.auth-link:hover{color:#1d4ed8;text-decoration:underline}@media (width<=1024px){.auth-left{padding:32px 24px}.auth-hero-title{font-size:26px}.auth-features{grid-template-columns:1fr}.auth-stats{grid-template-columns:repeat(2,1fr)}.auth-benefits{grid-template-columns:1fr}}@media (width<=768px){.auth-wrapper{flex-direction:column;max-width:500px;min-height:auto}.auth-left{border-radius:24px 24px 0 0;padding:32px 24px}.auth-right{padding:24px}.auth-card{max-width:100%}.auth-hero-title,.auth-brand-name{font-size:22px}.form-row{flex-direction:column;gap:0}.auth-features{grid-template-columns:1fr}.auth-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.auth-left{padding:24px 16px}.auth-right{padding:16px}.auth-title{font-size:22px}.auth-hero-title,.auth-brand-name{font-size:20px}.auth-stats{grid-template-columns:1fr 1fr;gap:8px}.auth-stat-number{font-size:18px}}.header{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-bottom:1px solid #e5e7eb;transition:all .3s;position:fixed;top:0;left:0;right:0}.header.scrolled{border-bottom-color:#d1d5db;box-shadow:0 4px 20px #00000014}.header-container{justify-content:space-between;align-items:center;gap:24px;max-width:1280px;height:72px;margin:0 auto;padding:0 24px;display:flex}.logo{flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.logo-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.logo-text{color:#1f2937;letter-spacing:-.5px;font-size:22px;font-weight:700}.logo-text span{color:#2563eb}.nav{align-items:center;gap:8px;display:flex}.nav-link{color:#4b5563;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:#2563eb;background-color:#eff6ff}.nav-icon{font-size:16px}.header-actions{align-items:center;gap:12px;display:flex}.btn-login{color:#fff;background-color:#2563eb;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn-login:hover{background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-icon{font-size:16px}.mobile-menu-btn{color:#4b5563;cursor:pointer;background:0 0;border:none;padding:8px;font-size:24px;display:none}@media (width<=768px){.nav{opacity:0;pointer-events:none;background-color:#fff;flex-direction:column;gap:4px;padding:16px 24px;transition:all .3s;position:fixed;top:72px;left:0;right:0;transform:translateY(-100%);box-shadow:0 4px 20px #0000001a}.nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link{width:100%;padding:12px 16px}.mobile-menu-btn{display:block}.btn-login{padding:8px 16px}}.hero{align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero-background{background:linear-gradient(135deg,#eff6ff 0%,#fff 50%,#f0fdf4 100%);position:absolute;inset:0}.hero-gradient{background:radial-gradient(circle,#2563eb1a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-20%}.hero-pattern{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%232563eb' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-content{text-align:center;max-width:1280px;margin:0 auto;position:relative}.hero-badge{color:#fff;background-color:#2563eb;border-radius:50px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 16px;font-size:14px;font-weight:600;animation:.6s fadeInDown;display:inline-flex}.hero-title{color:#1f2937;letter-spacing:-2px;margin-bottom:24px;font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.1;animation:.8s fadeInUp}.hero-title-highlight{background:linear-gradient(135deg,#2563eb,#10b981);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{color:#6b7280;max-width:700px;margin:0 auto 40px;font-size:clamp(16px,2vw,20px);line-height:1.6;animation:1s fadeInUp}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:48px;animation:1.2s fadeInUp;display:flex}.btn-primary{color:#fff;background-color:#2563eb;border-radius:12px;align-items:center;gap:12px;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 20px #2563eb4d}.btn-primary:hover{background-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 30px #2563eb66}.btn-secondary{color:#2563eb;background-color:#fff;border:2px solid #2563eb;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s}.btn-secondary:hover{background-color:#eff6ff;transform:translateY(-2px)}.hero-features{flex-wrap:wrap;justify-content:center;gap:24px;animation:1.4s fadeInUp;display:flex}.hero-feature{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;display:flex;box-shadow:0 2px 10px #0000000d}.feature-icon{color:#2563eb;font-size:20px}.hero-feature span{color:#4b5563;font-size:14px;font-weight:500}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.hero{padding:100px 16px 60px}.hero-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.features{background-color:#fff;padding:80px 24px}.section-header{text-align:center;margin-bottom:60px}.section-title{color:#1f2937;letter-spacing:-1px;margin-bottom:16px;font-size:clamp(28px,3vw,40px);font-weight:700}.section-subtitle{color:#6b7280;max-width:600px;margin:0 auto;font-size:18px;line-height:1.5}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1280px;margin:0 auto;display:grid}.feature-card{cursor:default;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:32px;transition:all .3s}.feature-card:hover{background-color:#fff;border-color:#d1d5db;transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.feature-icon-wrapper{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;transition:all .3s;display:flex}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1)}.feature-icon{font-size:24px}.feature-title{color:#1f2937;margin-bottom:12px;font-size:18px;font-weight:600}.feature-description{color:#6b7280;font-size:14px;line-height:1.6}.workflow{background-color:#f9fafb;padding:80px 24px}.workflow-timeline{max-width:800px;margin:0 auto;padding:20px 0;position:relative}.workflow-timeline:before{content:"";background:linear-gradient(#2563eb,#10b981);width:2px;position:absolute;top:0;bottom:0;left:28px}.workflow-step{gap:24px;margin-bottom:40px;padding-left:0;display:flex;position:relative}.workflow-step:last-child{margin-bottom:0}.workflow-step-icon{color:#2563eb;z-index:1;background-color:#fff;border:2px solid #2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;transition:all .3s;display:flex}.workflow-step:hover .workflow-step-icon{color:#fff;background-color:#2563eb;transform:scale(1.1);box-shadow:0 4px 15px #2563eb4d}.workflow-step-content{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;padding:24px;transition:all .3s}.workflow-step-content:hover{border-color:#d1d5db;box-shadow:0 4px 20px #0000000f}.workflow-step-number{color:#2563eb;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:12px;font-weight:600;display:inline-block}.workflow-step-title{color:#1f2937;margin-bottom:8px;font-size:18px;font-weight:600}.workflow-step-description{color:#6b7280;font-size:14px;line-height:1.6}@media (width<=768px){.workflow-timeline:before{left:22px}.workflow-step{gap:16px}.workflow-step-icon{width:44px;height:44px;font-size:20px}}.stats{background:linear-gradient(135deg,#2563eb,#1d4ed8);padding:60px 24px}.stats-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;max-width:1280px;margin:0 auto;display:grid}.stat-item{padding:24px}.stat-icon{color:#fffc;margin-bottom:16px;font-size:32px}.stat-value{color:#fff;margin-bottom:8px;font-size:40px;font-weight:700}.stat-label{color:#fffc;font-size:14px;font-weight:500}.cta{background-color:#fff;padding:80px 24px}.cta-content{text-align:center;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border:1px solid #e5e7eb;border-radius:24px;max-width:800px;margin:0 auto;padding:60px}.cta-title{color:#1f2937;letter-spacing:-1px;margin-bottom:16px;font-size:clamp(28px,3vw,36px);font-weight:700}.cta-description{color:#6b7280;margin-bottom:32px;font-size:16px;line-height:1.6}.cta-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-cta-primary{color:#fff;background-color:#2563eb;border-radius:12px;align-items:center;gap:12px;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 20px #2563eb4d}.btn-cta-primary:hover{background-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 30px #2563eb66}.btn-cta-secondary{color:#2563eb;background-color:#fff;border:2px solid #2563eb;border-radius:12px;align-items:center;gap:12px;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.btn-cta-secondary:hover{background-color:#eff6ff;transform:translateY(-2px)}@media (width<=768px){.cta-content{padding:40px 24px}.cta-actions{flex-direction:column}.btn-cta-primary,.btn-cta-secondary{justify-content:center;width:100%}}.footer{color:#9ca3af;background-color:#1f2937;padding:60px 24px 24px}.footer-container{max-width:1280px;margin:0 auto}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px;display:grid}.footer-brand{max-width:300px}.footer-logo{align-items:center;gap:12px;margin-bottom:16px;display:flex}.footer-logo-icon{color:#2563eb;font-size:24px}.footer-logo-text{color:#fff;font-size:20px;font-weight:700}.footer-logo-text span{color:#2563eb}.footer-description{margin-bottom:20px;font-size:14px;line-height:1.6}.footer-social{gap:12px;display:flex}.social-link{color:#9ca3af;background-color:#374151;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.social-link:hover{color:#fff;background-color:#2563eb;transform:translateY(-2px)}.footer-title{color:#fff;margin-bottom:16px;font-size:16px;font-weight:600}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:8px}.footer-links a{color:#9ca3af;font-size:14px;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#2563eb}.footer-contact{margin:0;padding:0;list-style:none}.footer-contact li{align-items:center;gap:12px;margin-bottom:12px;font-size:14px;display:flex}.contact-icon{color:#2563eb;font-size:16px}.footer-bottom{border-top:1px solid #374151;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}.footer-bottom p{margin:0;font-size:14px}.footer-bottom-links{gap:24px;display:flex}.footer-bottom-links a{color:#9ca3af;font-size:14px;text-decoration:none;transition:color .3s}.footer-bottom-links a:hover{color:#2563eb}@media (width<=768px){.footer{padding:40px 16px 16px}.footer-grid{gap:24px}.footer-bottom{text-align:center;flex-direction:column}.footer-bottom-links{flex-direction:column;gap:8px}}.landing-page{background-color:#fff;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.db-container{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:24px}.db-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.db-header-left{flex:1;min-width:200px}.db-title{color:#1f2937;letter-spacing:-.5px;margin:0 0 4px;font-size:28px;font-weight:800}.db-subtitle{color:#6b7280;margin:0;font-size:14px}.db-user-name{color:#2563eb;font-weight:600}.db-header-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.db-btn-primary{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #2563eb4d}.db-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb66}.db-btn-logout{color:#dc2626;cursor:pointer;white-space:nowrap;background-color:#fff;border:1.5px solid #fecaca;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.db-btn-logout:hover{background-color:#fef2f2;border-color:#dc2626}.db-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.db-stat-card{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:14px;min-width:0;padding:20px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.db-stat-card:before{content:"";background:var(--stat-color,#2563eb);opacity:0;width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.db-stat-card:hover{border-color:#d1d5db;transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.db-stat-card:hover:before{opacity:1}.db-stat-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:transform .3s;display:flex}.db-stat-card:hover .db-stat-icon{transform:scale(1.1)}.db-stat-content{flex:1;min-width:0}.db-stat-value{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:800;line-height:1.2;overflow:hidden}.db-stat-value.db-montant{color:#059669;font-size:15px}.db-stat-label{color:#6b7280;font-size:12px;font-weight:500}.db-stat-arrow{color:#d1d5db;flex-shrink:0;font-size:16px;transition:all .3s}.db-stat-card:hover .db-stat-arrow{color:#2563eb;transform:translate(4px)}.db-content-grid{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px;display:grid}.db-card{box-sizing:border-box;background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.db-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.db-card-title{color:#1f2937;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:700;display:flex}.db-card-title svg{color:#2563eb;font-size:18px}.db-card-subtitle{color:#9ca3af;margin:4px 0 0;font-size:12px}.db-card-header-right{align-items:center;gap:10px;display:flex}.db-card-badge{color:#6b7280;background-color:#f3f4f6;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600}.db-card-trend{color:#059669;background:#d1fae5;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:700;display:flex}.db-chart-wrapper{width:100%;overflow-x:auto}.db-chart-svg{width:100%;min-width:500px;height:auto}.db-chart-grid-text{fill:#9ca3af;font-size:10px}.db-chart-label{fill:#6b7280;font-size:10px;font-weight:500}.db-alerts-list{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.db-alert-item{border-radius:12px;align-items:center;gap:12px;padding:12px;transition:background-color .2s;display:flex}.db-alert-item:hover{background-color:#f9fafb}.db-alert-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.db-alert-info{flex-direction:column;gap:2px;min-width:0;display:flex}.db-alert-label{color:#6b7280;font-size:12px;font-weight:500}.db-alert-value{color:#1f2937;font-size:18px;font-weight:800}.db-occupation{border-top:1px solid #e5e7eb;padding-top:16px}.db-occupation-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.db-occupation-label{color:#1f2937;font-size:13px;font-weight:600}.db-occupation-value{color:#2563eb;font-size:16px;font-weight:800}.db-progress-track{background-color:#f3f4f6;border-radius:10px;width:100%;height:8px;overflow:hidden}.db-progress-fill{background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:10px;height:100%;transition:width 1s}.db-activities-card{margin-bottom:0}.db-view-all{color:#2563eb;white-space:nowrap;align-items:center;gap:4px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.db-view-all:hover{color:#1d4ed8}.db-activities-list{flex-direction:column;gap:4px;display:flex}.db-activity-item{border-radius:10px;align-items:center;gap:14px;padding:12px;transition:background-color .2s;display:flex}.db-activity-item:hover{background-color:#f9fafb}.db-activity-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex}.db-activity-paiement{color:#2563eb;background-color:#dbeafe}.db-activity-contrat{color:#059669;background-color:#d1fae5}.db-activity-maintenance{color:#d97706;background-color:#fef3c7}.db-activity-relance{color:#7c3aed;background-color:#ede9fe}.db-activity-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.db-activity-desc{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.db-activity-date{color:#9ca3af;font-size:11px}.db-activity-montant{color:#059669;white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:700}@media (width<=1200px){.db-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.db-content-grid{grid-template-columns:1fr}.db-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.db-container{padding:16px}.db-header{flex-direction:column;align-items:flex-start}.db-header-right{width:100%}.db-btn-primary,.db-btn-logout{flex:1;justify-content:center}.db-chart-svg{min-width:400px}}@media (width<=480px){.db-stats-grid{grid-template-columns:1fr;gap:10px}.db-stat-card{padding:16px}.db-stat-value{font-size:18px}.db-header-right{flex-direction:column}.db-btn-primary,.db-btn-logout{width:100%}.db-activity-montant{font-size:11px}}.db-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.db-loading-spinner{border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.db-loading p{color:#6b7280;font-size:14px}.db-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.db-error svg{color:#dc2626;font-size:48px}.db-error p{color:#6b7280;font-size:14px}.db-retry-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600}.db-retry-btn:hover{background:#1d4ed8}.db-no-activities{text-align:center;color:#9ca3af;padding:40px}.agl-container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:24px}.agl-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.agl-header-left{flex:1;min-width:200px}.agl-title{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.agl-subtitle{color:#6b7280;margin:0;font-size:13px}.agl-btn-add{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.agl-btn-add:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.agl-search-bar{margin-bottom:20px;position:relative}.agl-search-icon{color:#9ca3af;font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.agl-search-input{color:#1f2937;box-sizing:border-box;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 16px 12px 42px;font-size:14px;transition:all .2s}.agl-search-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.agl-search-input::placeholder{color:#9ca3af}.agl-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.agl-table{border-collapse:collapse;width:100%}.agl-table th{text-align:left;color:#4b5563;text-transform:uppercase;letter-spacing:.5px;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:600}.agl-table td{color:#1f2937;border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:14px}.agl-table tbody tr:hover{background:#f9fafb}.agl-table tbody tr:last-child td{border-bottom:none}.agl-agence-info{align-items:center;gap:10px;display:flex}.agl-agence-avatar{color:#2563eb;background:#dbeafe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.agl-agence-nom{color:#1f2937;font-weight:600}.agl-code{color:#4b5563;background:#f3f4f6;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:12px}.agl-localisation,.agl-contact{color:#6b7280;align-items:center;gap:6px;font-size:13px;display:flex}.agl-localisation svg,.agl-contact svg{color:#9ca3af;flex-shrink:0;font-size:14px}.agl-status{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.agl-status-active{color:#065f46;background:#d1fae5}.agl-status-inactive{color:#4b5563;background:#f3f4f6}.agl-status-suspendue{color:#991b1b;background:#fee2e2}.agl-actions{gap:6px;display:flex}.agl-action-btn{border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.agl-action-view{color:#2563eb;background:#dbeafe}.agl-action-view:hover{background:#bfdbfe}.agl-action-edit{color:#d97706;background:#fef3c7}.agl-action-edit:hover{background:#fde68a}.agl-loading,.agl-error,.agl-empty{text-align:center;color:#6b7280;padding:40px;font-size:14px}.agl-error{color:#dc2626}.agl-empty-icon{color:#d1d5db;margin-bottom:12px;font-size:40px}@media (width<=768px){.agl-container{padding:16px}.agl-header{flex-direction:column;align-items:flex-start}.agl-btn-add{justify-content:center;width:100%}.agl-table th:nth-child(3),.agl-table td:nth-child(3),.agl-table th:nth-child(4),.agl-table td:nth-child(4){display:none}}.agl-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.agl-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.agl-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.agl-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.agl-stat-total .agl-stat-icon{color:#2563eb;background:#dbeafe}.agl-stat-actives .agl-stat-icon{color:#065f46;background:#d1fae5}.agl-stat-inactives .agl-stat-icon{color:#4b5563;background:#f3f4f6}.agl-stat-suspendues .agl-stat-icon{color:#991b1b;background:#fee2e2}.agl-stat-info{flex-direction:column;min-width:0;display:flex}.agl-stat-value{color:#1f2937;font-size:18px;font-weight:700}.agl-stat-label{color:#6b7280;font-size:11px;font-weight:500}@media (width<=1024px){.agl-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.agl-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.agl-stat-card{gap:8px;padding:12px}.agl-stat-icon{width:32px;height:32px;font-size:14px}.agl-stat-value{font-size:15px}}@media (width<=480px){.agl-stats-grid{grid-template-columns:1fr}}.agf-container{box-sizing:border-box;width:100%;max-width:700px;margin:0 auto;padding:24px}.agf-header{margin-bottom:24px}.agf-title{color:#1f2937;margin:0;font-size:24px;font-weight:700}.agf-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.agf-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.agf-section{border-bottom:1px solid #f3f4f6;padding:20px}.agf-section:last-child{border-bottom:none}.agf-section-title{color:#1f2937;border-bottom:1px solid #f3f4f6;margin:0 0 16px;padding-bottom:10px;font-size:15px;font-weight:600}.agf-row{gap:16px;margin-bottom:16px;display:flex}.agf-row:last-child{margin-bottom:0}.agf-group{flex:1;min-width:0}.agf-label{color:#4b5563;align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:500;display:flex}.agf-label svg{color:#9ca3af;font-size:14px}.agf-input,.agf-select{color:#1f2937;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.agf-input:focus,.agf-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.agf-input::placeholder{color:#9ca3af}.agf-actions{background:#f9fafb;border-top:1px solid #e5e7eb;gap:12px;padding:20px;display:flex}.agf-btn-cancel,.agf-btn-submit{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.agf-btn-cancel{color:#4b5563;background:#f3f4f6}.agf-btn-cancel:hover{background:#e5e7eb}.agf-btn-submit{color:#fff;background:#2563eb}.agf-btn-submit:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.agf-btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.agf-row{flex-direction:column;gap:0}.agf-actions{flex-direction:column}.agf-btn-cancel,.agf-btn-submit{justify-content:center;width:100%}}.agf-input-error{background-color:#fff5f5!important;border-color:#dc3545!important}.agf-field-error{color:#dc3545;margin-top:4px;font-size:12px;display:block}.agd-container{box-sizing:border-box;width:100%;max-width:900px;margin:0 auto;padding:24px}.agd-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.agd-btn-back{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.agd-btn-back:hover{background:#e5e7eb}.agd-header-actions{gap:8px;display:flex}.agd-btn-edit,.agd-btn-delete{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.agd-btn-edit{color:#2563eb;background:#dbeafe}.agd-btn-edit:hover{background:#bfdbfe}.agd-btn-delete{color:#dc2626;background:#fee2e2}.agd-btn-delete:hover{background:#fecaca}.agd-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.agd-card-header{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:16px;padding:24px;display:flex}.agd-avatar{color:#2563eb;background:#dbeafe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.agd-header-info{flex:1;min-width:150px}.agd-title{color:#1f2937;margin:0 0 4px;font-size:22px;font-weight:700}.agd-header-badges{flex-wrap:wrap;gap:8px;display:flex}.agd-code{color:#4b5563;background:#f3f4f6;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:12px}.agd-status{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.agd-status-active{color:#065f46;background:#d1fae5}.agd-status-inactive{color:#4b5563;background:#f3f4f6}.agd-status-suspendue{color:#991b1b;background:#fee2e2}.agd-stats-section{background:#f9fafb;border-bottom:1px solid #f3f4f6;grid-template-columns:repeat(4,1fr);gap:0;padding:20px 24px;display:grid}.agd-stat-item{border-right:1px solid #e5e7eb;align-items:center;gap:12px;padding:0 8px;display:flex}.agd-stat-item:last-child{border-right:none}.agd-stat-icon{color:#2563eb;background:#dbeafe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.agd-stat-info{flex-direction:column;display:flex}.agd-stat-value{color:#1f2937;font-size:20px;font-weight:700;line-height:1.2}.agd-stat-label{color:#6b7280;font-size:12px;font-weight:500}.agd-details-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:24px;display:grid}.agd-detail-item{align-items:flex-start;gap:12px;display:flex}.agd-detail-icon{color:#2563eb;flex-shrink:0;margin-top:2px;font-size:18px}.agd-detail-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:12px;font-weight:500;display:block}.agd-detail-value{color:#1f2937;margin-bottom:2px;font-size:14px;font-weight:500;display:block}.agd-detail-value:last-child{margin-bottom:0}.agd-section-title{color:#1f2937;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:600;display:flex}.agd-section-title svg{color:#2563eb}.agd-description-section{border-top:1px solid #f3f4f6;padding:20px 24px}.agd-description-section p{color:#4b5563;background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;margin:0;padding:12px 16px;font-size:14px;line-height:1.6}.agd-additional-section{border-top:1px solid #f3f4f6;padding:20px 24px}.agd-additional-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.agd-additional-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;flex-direction:column;padding:8px 12px;display:flex}.agd-additional-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.agd-additional-value{color:#1f2937;margin-top:2px;font-size:14px;font-weight:500}.agd-logo-preview{object-fit:contain;border:1px solid #e5e7eb;border-radius:4px;max-width:100px;max-height:60px;padding:4px}.agd-stats-detail-section{background:#f9fafb;border-top:1px solid #f3f4f6;padding:20px 24px}.agd-stats-detail-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.agd-stats-detail-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.agd-stats-detail-label{color:#4b5563;font-size:13px}.agd-stats-detail-value{color:#2563eb;font-size:16px;font-weight:700}.agd-actions-section{border-top:1px solid #f3f4f6;padding:20px 24px}.agd-actions-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.agd-action-card{color:#1f2937;text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:16px;text-decoration:none;transition:all .2s;display:flex}.agd-action-card:hover{background:#eff6ff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb1a}.agd-action-card svg{color:#2563eb;font-size:24px}.agd-action-card span{font-size:12px;font-weight:500}.agd-footer{background:#f9fafb;border-top:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:16px 24px;display:flex}.agd-footer-item{color:#6b7280;align-items:center;gap:6px;font-size:12px;display:flex}.agd-footer-item svg{font-size:14px}.agd-footer-deleted{color:#dc2626}.agd-loading,.agd-error{text-align:center;color:#6b7280;padding:60px;font-size:16px}.agd-error{color:#dc2626}@media (width<=768px){.agd-container{padding:16px}.agd-details-grid{grid-template-columns:1fr;gap:16px}.agd-stats-section{grid-template-columns:repeat(2,1fr);gap:16px;padding:16px}.agd-stat-item{border-right:none;padding:0}.agd-actions-grid{grid-template-columns:repeat(2,1fr)}.agd-additional-grid,.agd-stats-detail-grid{grid-template-columns:1fr}.agd-header{flex-direction:column;align-items:flex-start}.agd-header-actions{width:100%}.agd-btn-edit,.agd-btn-delete{flex:1;justify-content:center}.agd-card-header{text-align:center;flex-direction:column}.agd-header-badges{justify-content:center}}.bll-container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:24px}.bll-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.bll-header-left{flex:1;min-width:200px}.bll-title{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.bll-subtitle{color:#6b7280;margin:0;font-size:13px}.bll-btn-add{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.bll-btn-add:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.bll-search-bar{margin-bottom:20px;position:relative}.bll-search-icon{color:#9ca3af;font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.bll-search-input{color:#1f2937;box-sizing:border-box;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 16px 12px 42px;font-size:14px;transition:all .2s}.bll-search-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.bll-search-input::placeholder{color:#9ca3af}.bll-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.bll-table{border-collapse:collapse;width:100%}.bll-table th{text-align:left;color:#4b5563;text-transform:uppercase;letter-spacing:.5px;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:600}.bll-table td{color:#1f2937;border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:14px}.bll-table tbody tr:hover{background:#f9fafb}.bll-table tbody tr:last-child td{border-bottom:none}.bll-bailleur-info{align-items:center;gap:10px;display:flex}.bll-avatar{color:#2563eb;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.bll-nom{color:#1f2937;white-space:nowrap;font-weight:600}.bll-contact{color:#6b7280;align-items:center;gap:6px;margin-bottom:2px;font-size:12px;display:flex}.bll-contact svg{color:#9ca3af;flex-shrink:0;font-size:12px}.bll-localisation{color:#6b7280;align-items:center;gap:6px;font-size:13px;display:flex}.bll-localisation svg{color:#9ca3af;flex-shrink:0;font-size:14px}.bll-commission{color:#059669;font-weight:700}.bll-type{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.bll-type-physique{color:#1e40af;background:#dbeafe}.bll-type-morale{color:#5b21b6;background:#ede9fe}.bll-status{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.bll-status-actif{color:#065f46;background:#d1fae5}.bll-status-inactif{color:#4b5563;background:#f3f4f6}.bll-status-suspendu{color:#991b1b;background:#fee2e2}.bll-actions{gap:6px;display:flex}.bll-action-btn{border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.bll-action-view{color:#2563eb;background:#dbeafe}.bll-action-view:hover{background:#bfdbfe}.bll-action-edit{color:#d97706;background:#fef3c7}.bll-action-edit:hover{background:#fde68a}.bll-loading,.bll-error,.bll-empty{text-align:center;color:#6b7280;padding:40px;font-size:14px}.bll-error{color:#dc2626}.bll-empty-icon{color:#d1d5db;margin-bottom:12px;font-size:40px}@media (width<=768px){.bll-container{padding:16px}.bll-header{flex-direction:column;align-items:flex-start}.bll-btn-add{justify-content:center;width:100%}.bll-table th:nth-child(3),.bll-table td:nth-child(3),.bll-table th:nth-child(5),.bll-table td:nth-child(5){display:none}}.bll-stats-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;display:grid}.bll-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.bll-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.bll-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.bll-stat-total .bll-stat-icon{color:#2563eb;background:#dbeafe}.bll-stat-physiques .bll-stat-icon{color:#065f46;background:#d1fae5}.bll-stat-morales .bll-stat-icon{color:#5b21b6;background:#ede9fe}.bll-stat-actifs .bll-stat-icon{color:#0e7490;background:#cffafe}.bll-stat-commission .bll-stat-icon{color:#92400e;background:#fef3c7}.bll-stat-info{flex-direction:column;min-width:0;display:flex}.bll-stat-value{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;overflow:hidden}.bll-stat-label{color:#6b7280;font-size:11px;font-weight:500}@media (width<=1024px){.bll-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.bll-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.bll-stat-card{gap:8px;padding:12px}.bll-stat-icon{width:32px;height:32px;font-size:14px}.bll-stat-value{font-size:15px}}@media (width<=480px){.bll-stats-grid{grid-template-columns:1fr}}.blf-container{box-sizing:border-box;width:100%;max-width:900px;margin:0 auto;padding:24px}.blf-header{margin-bottom:24px}.blf-title{color:#1f2937;margin:0;font-size:24px;font-weight:700}.blf-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.blf-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.blf-section{border-bottom:1px solid #f3f4f6;padding:20px}.blf-section:last-child{border-bottom:none}.blf-section-title{color:#1f2937;border-bottom:1px solid #f3f4f6;margin:0 0 16px;padding-bottom:10px;font-size:15px;font-weight:600}.blf-row{gap:16px;margin-bottom:16px;display:flex}.blf-row:last-child{margin-bottom:0}.blf-group{flex:1;min-width:0}.blf-label{color:#4b5563;align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:500;display:flex}.blf-label svg{color:#9ca3af;font-size:14px}.blf-input,.blf-select,.blf-textarea{color:#1f2937;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.blf-input:focus,.blf-select:focus,.blf-textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.blf-textarea{resize:vertical;min-height:80px}.blf-actions{background:#f9fafb;border-top:1px solid #e5e7eb;gap:12px;padding:20px;display:flex}.blf-btn-cancel,.blf-btn-submit{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.blf-btn-cancel{color:#4b5563;background:#f3f4f6}.blf-btn-cancel:hover{background:#e5e7eb}.blf-btn-submit{color:#fff;background:#2563eb}.blf-btn-submit:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.blf-btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.blf-row{flex-direction:column;gap:0}.blf-actions{flex-direction:column}.blf-btn-cancel,.blf-btn-submit{justify-content:center;width:100%}}.blf-input-error{background-color:#fff5f5!important;border-color:#dc3545!important}.blf-field-error{color:#dc3545;margin-top:4px;font-size:12px;display:block}.bld-container{box-sizing:border-box;width:100%;max-width:900px;margin:0 auto;padding:24px}.bld-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.bld-btn-back{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.bld-btn-back:hover{background:#e5e7eb}.bld-header-actions{gap:8px;display:flex}.bld-btn-edit,.bld-btn-delete{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.bld-btn-edit{color:#2563eb;background:#dbeafe}.bld-btn-edit:hover{background:#bfdbfe}.bld-btn-delete{color:#dc2626;background:#fee2e2}.bld-btn-delete:hover{background:#fecaca}.bld-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.bld-card-header{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:16px;padding:24px;display:flex}.bld-avatar{color:#2563eb;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;display:flex}.bld-header-info{flex:1;min-width:150px}.bld-title{color:#1f2937;margin:0 0 4px;font-size:22px;font-weight:700}.bld-type-badge{color:#6b7280;font-size:12px;font-weight:500}.bld-status{border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.bld-status-actif{color:#065f46;background:#d1fae5}.bld-status-inactif{color:#4b5563;background:#f3f4f6}.bld-status-suspendu{color:#991b1b;background:#fee2e2}.bld-details-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:24px;display:grid}.bld-detail-item{align-items:flex-start;gap:12px;display:flex}.bld-detail-icon{color:#2563eb;flex-shrink:0;margin-top:2px;font-size:18px}.bld-detail-label{color:#9ca3af;margin-bottom:2px;font-size:12px;font-weight:500;display:block}.bld-detail-value{color:#1f2937;margin-bottom:2px;font-size:14px;font-weight:500;display:block}.bld-notes{border-top:1px solid #f3f4f6;padding:24px}.bld-notes h3{color:#1f2937;margin:0 0 10px;font-size:15px;font-weight:600}.bld-notes p{color:#6b7280;margin:0;font-size:14px;line-height:1.6}.bld-loading,.bld-error{text-align:center;color:#6b7280;padding:40px;font-size:14px}.bld-error{color:#dc2626}@media (width<=768px){.bld-details-grid{grid-template-columns:1fr}.bld-header{flex-direction:column;align-items:flex-start}}.bld-type-badge{color:#4b5563;background:#f3f4f6;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.bld-stats-section{background:#f9fafb;border-bottom:1px solid #f3f4f6;flex-wrap:wrap;gap:12px;padding:20px 24px;display:flex}.bld-stat-item{text-align:center;background:#fff;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:120px;padding:12px;display:flex}.bld-stat-item svg{color:#2563eb;font-size:18px}.bld-stat-value{color:#1f2937;font-size:16px;font-weight:700}.bld-stat-label{color:#6b7280;font-size:11px}.bld-section{border-bottom:1px solid #f3f4f6;padding:20px 24px}.bld-section:last-child{border-bottom:none}.bld-section-title{color:#1f2937;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:700;display:flex}.bld-section-title svg{color:#2563eb}.bld-full-width{grid-column:1/-1}.bld-agence-card{background:#f9fafb;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.bld-agence-avatar{color:#7c3aed;background:#ede9fe;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.bld-agence-info{flex-direction:column;gap:4px;display:flex}.bld-agence-nom{color:#1f2937;font-size:14px;font-weight:700}.bld-agence-ville{color:#6b7280;align-items:center;gap:4px;font-size:12px;display:flex}.bld-immeubles-list{flex-direction:column;gap:8px;display:flex}.bld-immeuble-item{background:#f9fafb;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;transition:all .2s;display:flex}.bld-immeuble-item:hover{background:#f3f4f6}.bld-immeuble-item svg{color:#2563eb}.bld-immeuble-nom{color:#1f2937;font-weight:600}.bld-immeuble-ville{color:#6b7280;flex:1;align-items:center;gap:4px;font-size:12px;display:flex}.bld-immeuble-appartements{color:#6b7280;font-size:12px}.bld-reversements-list{flex-direction:column;gap:8px;display:flex}.bld-reversement-item{background:#f9fafb;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.bld-reversement-item svg{color:#059669}.bld-reversement-periode{color:#1f2937;font-weight:600}.bld-reversement-statut{border-radius:12px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.bld-reversement-en_attente{color:#92400e;background:#fef3c7}.bld-reversement-partiel{color:#1e40af;background:#dbeafe}.bld-reversement-reverse{color:#065f46;background:#d1fae5}.bld-reversement-annule{color:#991b1b;background:#fee2e2}.bld-reversement-montant{color:#059669;font-weight:700}.bld-notes{color:#6b7280;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.6}@media (width<=768px){.bld-stats-section{flex-direction:column}.bld-immeuble-item,.bld-reversement-item{flex-wrap:wrap}}.iml-container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:24px}.iml-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.iml-header-left{flex:1;min-width:200px}.iml-title{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.iml-subtitle{color:#6b7280;margin:0;font-size:13px}.iml-btn-add{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.iml-btn-add:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.iml-search-bar{margin-bottom:20px;position:relative}.iml-search-icon{color:#9ca3af;font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.iml-search-input{color:#1f2937;box-sizing:border-box;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 16px 12px 42px;font-size:14px;transition:all .2s}.iml-search-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.iml-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.iml-table{border-collapse:collapse;width:100%}.iml-table th{text-align:left;color:#4b5563;text-transform:uppercase;letter-spacing:.5px;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:600}.iml-table td{color:#1f2937;border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:14px}.iml-table tbody tr:hover{background:#f9fafb}.iml-table tbody tr:last-child td{border-bottom:none}.iml-immeuble-info{align-items:center;gap:10px;display:flex}.iml-avatar{color:#2563eb;background:#dbeafe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.iml-nom{color:#1f2937;font-weight:600}.iml-code{color:#4b5563;background:#f3f4f6;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:12px}.iml-localisation,.iml-appartements{color:#6b7280;align-items:center;gap:6px;font-size:13px;display:flex}.iml-localisation svg,.iml-appartements svg{color:#9ca3af;flex-shrink:0;font-size:14px}.iml-type{color:#4b5563;background:#f3f4f6;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.iml-status{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.iml-status-actif{color:#065f46;background:#d1fae5}.iml-status-inactif{color:#4b5563;background:#f3f4f6}.iml-status-en_travaux{color:#92400e;background:#fef3c7}.iml-status-en_construction{color:#1e40af;background:#dbeafe}.iml-actions{gap:6px;display:flex}.iml-action-btn{border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.iml-action-view{color:#2563eb;background:#dbeafe}.iml-action-view:hover{background:#bfdbfe}.iml-action-edit{color:#d97706;background:#fef3c7}.iml-action-edit:hover{background:#fde68a}.iml-loading,.iml-error,.iml-empty{text-align:center;color:#6b7280;padding:40px;font-size:14px}.iml-error{color:#dc2626}.iml-empty-icon{color:#d1d5db;margin-bottom:12px;font-size:40px}@media (width<=768px){.iml-container{padding:16px}.iml-header{flex-direction:column;align-items:flex-start}.iml-btn-add{justify-content:center;width:100%}.iml-table th:nth-child(3),.iml-table td:nth-child(3),.iml-table th:nth-child(5),.iml-table td:nth-child(5){display:none}}.iml-stats-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;display:grid}.iml-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.iml-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.iml-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.iml-stat-total .iml-stat-icon{color:#2563eb;background:#dbeafe}.iml-stat-actifs .iml-stat-icon{color:#065f46;background:#d1fae5}.iml-stat-inactifs .iml-stat-icon{color:#4b5563;background:#f3f4f6}.iml-stat-travaux .iml-stat-icon{color:#92400e;background:#fef3c7}.iml-stat-appartements .iml-stat-icon{color:#5b21b6;background:#ede9fe}.iml-stat-info{flex-direction:column;min-width:0;display:flex}.iml-stat-value{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;overflow:hidden}.iml-stat-label{color:#6b7280;font-size:11px;font-weight:500}.iml-bailleur{color:#6b7280;margin-top:2px;font-size:11px;display:block}@media (width<=1024px){.iml-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.iml-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.iml-stat-card{gap:8px;padding:12px}.iml-stat-icon{width:32px;height:32px;font-size:14px}.iml-stat-value{font-size:15px}}@media (width<=480px){.iml-stats-grid{grid-template-columns:1fr}}.imf-container{box-sizing:border-box;width:100%;max-width:900px;margin:0 auto;padding:24px}.imf-header{margin-bottom:24px}.imf-title{color:#1f2937;margin:0;font-size:24px;font-weight:700}.imf-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.imf-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.imf-section{border-bottom:1px solid #f3f4f6;padding:20px}.imf-section:last-child{border-bottom:none}.imf-section-title{color:#1f2937;border-bottom:1px solid #f3f4f6;align-items:center;gap:8px;margin:0 0 16px;padding-bottom:10px;font-size:15px;font-weight:600;display:flex}.imf-row{gap:16px;margin-bottom:16px;display:flex}.imf-row:last-child{margin-bottom:0}.imf-group{flex:1;min-width:0}.imf-label{color:#4b5563;align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:500;display:flex}.imf-label svg{color:#9ca3af;font-size:14px}.imf-input,.imf-select,.imf-textarea{color:#1f2937;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.imf-input:focus,.imf-select:focus,.imf-textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.imf-textarea{resize:vertical;min-height:80px}.imf-actions{background:#f9fafb;border-top:1px solid #e5e7eb;gap:12px;padding:20px;display:flex}.imf-btn-cancel,.imf-btn-submit{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.imf-btn-cancel{color:#4b5563;background:#f3f4f6}.imf-btn-cancel:hover{background:#e5e7eb}.imf-btn-submit{color:#fff;background:#2563eb}.imf-btn-submit:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.imf-btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.imf-row{flex-direction:column;gap:0}.imf-actions{flex-direction:column}.imf-btn-cancel,.imf-btn-submit{justify-content:center;width:100%}}.imf-input-error{background-color:#fff5f5!important;border-color:#dc3545!important}.imf-field-error{color:#dc3545;margin-top:4px;font-size:12px;display:block}.imf-file-input{cursor:pointer;border:2px dashed #d1d5db;border-radius:8px;width:100%;padding:10px;display:block}.imf-photo-item{background:#f3f4f6;border-radius:20px;align-items:center;gap:8px;padding:4px 12px;font-size:14px;display:flex}.imf-photo-remove{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;display:flex}.imf-file-input{cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;width:100%;padding:16px;transition:all .2s;display:block}.imf-file-input:hover{background:#eff6ff;border-color:#2563eb}.imf-photos-preview{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.imf-photo-item{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;flex-shrink:0;width:100px;height:100px;position:relative;overflow:hidden}.imf-photo-thumb{object-fit:cover;width:100%;height:100%}.imf-photo-badge{color:#fff;z-index:1;background:#2563eb;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600;position:absolute;top:4px;left:4px}.imf-photo-remove{color:#fff;cursor:pointer;z-index:1;background:#dc2626e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .2s;display:flex;position:absolute;top:4px;right:4px}.imf-photo-remove:hover{background:#dc2626;transform:scale(1.1)}.imf-equipement-input-wrapper{gap:8px;display:flex}.imf-equipement-input{flex:1}.imf-btn-add-equipement{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:6px;align-items:center;gap:4px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .2s;display:flex}.imf-btn-add-equipement:hover{background:#1d4ed8}.imf-equipements-tags{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.imf-equipement-tag{color:#1e40af;background:#dbeafe;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:500;display:inline-flex}.imf-equipement-tag-remove{cursor:pointer;color:#1e40af;background:#0000001a;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:14px;transition:background .2s;display:flex}.imf-equipement-tag-remove:hover{background:#0003}@media (width<=768px){.imf-photo-item{width:80px;height:80px}.imf-equipement-input-wrapper{flex-direction:column}.imf-btn-add-equipement{justify-content:center}}.imd-container{box-sizing:border-box;width:100%;max-width:900px;margin:0 auto;padding:24px}.imd-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.imd-btn-back{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.imd-btn-back:hover{background:#e5e7eb}.imd-header-actions{gap:8px;display:flex}.imd-btn-edit,.imd-btn-delete{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.imd-btn-edit{color:#2563eb;background:#dbeafe}.imd-btn-edit:hover{background:#bfdbfe}.imd-btn-delete{color:#dc2626;background:#fee2e2}.imd-btn-delete:hover{background:#fecaca}.imd-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.imd-card-header{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:16px;padding:24px;display:flex}.imd-avatar{color:#2563eb;background:#dbeafe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;display:flex}.imd-header-info{flex:1;min-width:150px}.imd-title{color:#1f2937;margin:0 0 4px;font-size:22px;font-weight:700}.imd-code{color:#4b5563;background:#f3f4f6;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:12px}.imd-status{border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.imd-status-actif{color:#065f46;background:#d1fae5}.imd-status-inactif{color:#4b5563;background:#f3f4f6}.imd-status-en_travaux{color:#92400e;background:#fef3c7}.imd-status-en_construction{color:#1e40af;background:#dbeafe}.imd-details-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:24px;display:grid}.imd-detail-item{align-items:flex-start;gap:12px;display:flex}.imd-detail-icon{color:#2563eb;flex-shrink:0;margin-top:2px;font-size:18px}.imd-detail-label{color:#9ca3af;margin-bottom:2px;font-size:12px;font-weight:500;display:block}.imd-detail-value{color:#1f2937;margin-bottom:2px;font-size:14px;font-weight:500;display:block}.imd-notes{border-top:1px solid #f3f4f6;padding:24px}.imd-notes h3{color:#1f2937;margin:0 0 10px;font-size:15px;font-weight:600}.imd-notes p{color:#6b7280;margin:0;font-size:14px;line-height:1.6}.imd-loading,.imd-error{text-align:center;color:#6b7280;padding:40px;font-size:14px}.imd-error{color:#dc2626}@media (width<=768px){.imd-details-grid{grid-template-columns:1fr}.imd-header{flex-direction:column;align-items:flex-start}}.imd-appartements-section{background:#f9fafb;border-top:1px solid #f3f4f6;padding:24px}.imd-appartements-title{color:#1f2937;align-items:center;gap:10px;margin:0 0 20px;font-size:16px;font-weight:700;display:flex}.imd-appartements-title svg{color:#2563eb;font-size:18px}.imd-appartements-count{color:#fff;background:#2563eb;border-radius:20px;margin-left:4px;padding:2px 10px;font-size:12px;font-weight:600}.imd-appartements-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.imd-appartement-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;text-decoration:none;transition:all .2s}.imd-appartement-card:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.imd-appartement-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.imd-appartement-icon{color:#2563eb;background:#dbeafe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.imd-appartement-numero{color:#1f2937;font-size:14px;font-weight:600;display:block}.imd-appartement-code{color:#9ca3af;font-size:11px}.imd-appartement-status{border-radius:20px;margin-left:auto;padding:4px 10px;font-size:11px;font-weight:600}.imd-appartement-status-libre{color:#065f46;background:#d1fae5}.imd-appartement-status-occupe{color:#1e40af;background:#dbeafe}.imd-appartement-status-reserve{color:#92400e;background:#fef3c7}.imd-appartement-status-en_maintenance{color:#991b1b;background:#fee2e2}.imd-appartement-status-en_travaux{color:#5b21b6;background:#ede9fe}.imd-appartement-details{color:#6b7280;flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.imd-appartement-details span{align-items:center;gap:4px;display:flex}.imd-appartement-details svg{color:#9ca3af;font-size:14px}.imd-appartement-loyer{color:#059669;font-weight:700}.imd-no-appartements{text-align:center;color:#9ca3af;padding:40px}.imd-no-appartements svg{margin-bottom:12px;font-size:40px}.imd-no-appartements p{margin:0;font-size:14px}@media (width<=768px){.imd-appartements-grid{grid-template-columns:1fr}.imd-appartement-header{gap:8px}}.imd-photos-section{border-top:1px solid #f3f4f6;padding:24px}.imd-photos-title{color:#1f2937;align-items:center;gap:10px;margin:0 0 20px;font-size:16px;font-weight:700;display:flex}.imd-photos-title svg{color:#2563eb;font-size:18px}.imd-photos-count{color:#fff;background:#2563eb;border-radius:20px;margin-left:4px;padding:2px 10px;font-size:12px;font-weight:600}.imd-photos-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.imd-photo-card{aspect-ratio:4/3;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s;position:relative;overflow:hidden}.imd-photo-card:hover{border-color:#2563eb;transform:scale(1.02);box-shadow:0 8px 20px #0000001f}.imd-photo-img{object-fit:cover;width:100%;height:100%}.imd-photo-overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.imd-photo-card:hover .imd-photo-overlay{opacity:1}.imd-photo-zoom{color:#1f2937;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:all .2s;display:flex}.imd-photo-zoom:hover{color:#fff;background:#2563eb;transform:scale(1.1)}@media (width<=768px){.imd-photos-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.imd-modal-overlay{z-index:9999;background:#000000d9;justify-content:center;align-items:center;animation:.3s imd-fade-in;display:flex;position:fixed;inset:0}.imd-modal-content{max-width:90vw;max-height:90vh;position:relative}.imd-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:28px;transition:transform .2s;position:absolute;top:-40px;right:0}.imd-modal-close:hover{transform:scale(1.2)}.imd-modal-image{object-fit:contain;border-radius:8px;max-width:90vw;max-height:85vh}@keyframes imd-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.imd-equipements-section{border-top:1px solid #f3f4f6;padding:20px 24px}.imd-equipements-title{color:#1f2937;margin:0 0 12px;font-size:15px;font-weight:600}.imd-equipements-tags{flex-wrap:wrap;gap:8px;display:flex}.imd-equipement-tag{color:#1e40af;background:#dbeafe;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:500}.imd-no-photos{text-align:center;color:#9ca3af;padding:30px}.imd-no-photos svg{margin-bottom:8px;font-size:36px}.imd-no-photos p{margin:0;font-size:14px}.apl-container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:24px}.apl-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.apl-header-left{flex:1;min-width:200px}.apl-title{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.apl-subtitle{color:#6b7280;margin:0;font-size:13px}.apl-btn-add{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.apl-btn-add:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.apl-filters{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:20px;padding:16px}.apl-filters-form{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.apl-filter-group{flex:1;min-width:150px;position:relative}.apl-filter-icon{color:#9ca3af;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.apl-filter-input,.apl-filter-select{color:#1f2937;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px 10px 36px;font-size:13px;transition:all .2s}.apl-filter-select{padding-left:12px}.apl-filter-input:focus,.apl-filter-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.apl-btn-filter,.apl-btn-reset{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s}.apl-btn-filter{color:#fff;background:#2563eb}.apl-btn-filter:hover{background:#1d4ed8}.apl-btn-reset{color:#4b5563;background:#f3f4f6}.apl-btn-reset:hover{background:#e5e7eb}.apl-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.apl-table{border-collapse:collapse;width:100%}.apl-table th{text-align:left;color:#4b5563;text-transform:uppercase;letter-spacing:.5px;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:600}.apl-table td{color:#1f2937;border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:13px}.apl-table tbody tr:hover{background:#f9fafb}.apl-info{align-items:center;gap:10px;display:flex}.apl-avatar{color:#2563eb;background:#dbeafe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.apl-numero{color:#1f2937;font-weight:600;display:block}.apl-code{color:#9ca3af;font-size:11px}.apl-type{color:#4b5563;background:#f3f4f6;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.apl-surface{color:#6b7280;align-items:center;gap:6px;font-size:13px;display:flex}.apl-montant{color:#1f2937;white-space:nowrap;font-weight:600}.apl-status{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.apl-status-libre{color:#065f46;background:#d1fae5}.apl-status-occupe{color:#1e40af;background:#dbeafe}.apl-status-reserve{color:#92400e;background:#fef3c7}.apl-status-en_maintenance{color:#991b1b;background:#fee2e2}.apl-status-en_travaux{color:#5b21b6;background:#ede9fe}.apl-actions{gap:6px;display:flex}.apl-action-btn{border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.apl-action-view{color:#2563eb;background:#dbeafe}.apl-action-view:hover{background:#bfdbfe}.apl-action-edit{color:#d97706;background:#fef3c7}.apl-action-edit:hover{background:#fde68a}.apl-loading,.apl-error,.apl-empty{text-align:center;color:#6b7280;padding:40px;font-size:14px}.apl-error{color:#dc2626}.apl-empty-icon{color:#d1d5db;margin-bottom:12px;font-size:40px}@media (width<=768px){.apl-container{padding:16px}.apl-header{flex-direction:column;align-items:flex-start}.apl-btn-add{justify-content:center;width:100%}.apl-filters-form{flex-direction:column}.apl-filter-group{width:100%}.apl-table th:nth-child(3),.apl-table td:nth-child(3),.apl-table th:nth-child(4),.apl-table td:nth-child(4),.apl-table th:nth-child(6),.apl-table td:nth-child(6){display:none}}.apl-stats-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px;display:grid}.apl-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.apl-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.apl-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.apl-stat-total .apl-stat-icon{color:#2563eb;background:#dbeafe}.apl-stat-libres .apl-stat-icon{color:#065f46;background:#d1fae5}.apl-stat-occupes .apl-stat-icon{color:#92400e;background:#fef3c7}.apl-stat-reserves .apl-stat-icon{color:#5b21b6;background:#ede9fe}.apl-stat-maintenance .apl-stat-icon{color:#991b1b;background:#fee2e2}.apl-stat-loyer .apl-stat-icon{color:#9d174d;background:#fce7f3}.apl-stat-info{flex-direction:column;min-width:0;display:flex}.apl-stat-value{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;overflow:hidden}.apl-stat-label{color:#6b7280;font-size:11px;font-weight:500}.apl-filter-search{flex:2}@media (width<=1024px){.apl-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.apl-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.apl-stat-card{gap:8px;padding:12px}.apl-stat-icon{width:32px;height:32px;font-size:14px}.apl-stat-value{font-size:15px}.apl-filters-form{flex-direction:column;align-items:stretch}.apl-filter-group,.apl-filter-search{flex:none;width:100%;min-width:auto}.apl-btn-filter,.apl-btn-reset{width:100%}}@media (width<=480px){.apl-stats-grid{grid-template-columns:1fr}}.apl-pagination{color:#4b5563;background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:14px;display:flex}.apl-pagination-info{align-items:center;gap:8px;display:flex}.apl-pagination-info span{align-items:center;gap:4px;display:flex}.apl-pagination-divider{color:#d1d5db;font-weight:300}.apl-pagination-current{color:#fff;background:#2563eb;border-radius:4px;padding:2px 10px;font-size:14px;font-weight:600}.apl-pagination-total{color:#1f2937;font-weight:600}.apl-pagination-buttons{align-items:center;gap:4px;display:flex}.apl-pagination-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.apl-pagination-btn:hover:not(:disabled):not(.active){background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.apl-pagination-btn:active:not(:disabled):not(.active){transform:translateY(0)}.apl-pagination-btn.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 2px 8px #2563eb40}.apl-pagination-btn.active:hover{background:#1d4ed8;border-color:#1d4ed8}.apl-pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.apl-pagination-btn-prev,.apl-pagination-btn-next{padding:0 10px}.apl-pagination-btn svg{font-size:16px}.apl-pagination-ellipsis{color:#9ca3af;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-width:36px;height:36px;font-size:16px;font-weight:500;display:flex}@media (width<=768px){.apl-pagination{flex-direction:column;gap:12px;padding:12px 16px}.apl-pagination-info{flex-wrap:wrap;justify-content:center;font-size:13px}.apl-pagination-divider{display:none}.apl-pagination-buttons{flex-wrap:wrap;justify-content:center;width:100%}.apl-pagination-btn{min-width:32px;height:32px;padding:0 8px;font-size:13px}.apl-pagination-btn-prev,.apl-pagination-btn-next{padding:0 8px}}@media (width<=480px){.apl-pagination-btn{min-width:28px;height:28px;padding:0 6px;font-size:12px}.apl-pagination-ellipsis{min-width:28px;height:28px;font-size:14px}.apl-pagination-current{padding:1px 8px;font-size:12px}}.apf-container{box-sizing:border-box;width:100%;max-width:900px;margin:0 auto;padding:24px}.apf-header{margin-bottom:24px}.apf-title{color:#1f2937;margin:0;font-size:24px;font-weight:700}.apf-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.apf-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.apf-section{border-bottom:1px solid #f3f4f6;padding:20px}.apf-section:last-child{border-bottom:none}.apf-section-title{color:#1f2937;border-bottom:1px solid #f3f4f6;align-items:center;gap:8px;margin:0 0 16px;padding-bottom:10px;font-size:15px;font-weight:600;display:flex}.apf-row{gap:16px;margin-bottom:16px;display:flex}.apf-row:last-child{margin-bottom:0}.apf-group{flex:1;min-width:0}.apf-label{color:#4b5563;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.apf-input,.apf-select{color:#1f2937;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.apf-input:focus,.apf-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.apf-checkbox-item{cursor:pointer;color:#4b5563;background:#f9fafb;border-radius:8px;align-items:center;gap:8px;padding:10px;font-size:13px;transition:all .2s;display:flex}.apf-checkbox-item:hover{background:#f3f4f6}.apf-actions{background:#f9fafb;border-top:1px solid #e5e7eb;gap:12px;padding:20px;display:flex}.apf-btn-cancel,.apf-btn-submit{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.apf-btn-cancel{color:#4b5563;background:#f3f4f6}.apf-btn-cancel:hover{background:#e5e7eb}.apf-btn-submit{color:#fff;background:#2563eb}.apf-btn-submit:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.apf-btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.apf-row{flex-direction:column;gap:0}.apf-checkbox-grid{grid-template-columns:1fr}.apf-actions{flex-direction:column}.apf-btn-cancel,.apf-btn-submit{justify-content:center;width:100%}}.apf-input-error{background-color:#fff5f5!important;border-color:#dc3545!important}.apf-field-error{color:#dc3545;margin-top:4px;font-size:12px;display:block}.apf-checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.apf-checkbox-item{color:#374151;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.apf-checkbox{accent-color:#2563eb;cursor:pointer;width:18px;height:18px}.apf-equipement-input-wrapper{gap:8px;display:flex}.apf-equipement-input{flex:1}.apf-btn-add-equipement{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:6px;align-items:center;gap:4px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .2s;display:flex}.apf-btn-add-equipement:hover{background:#1d4ed8}.apf-equipements-tags{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.apf-equipement-tag{color:#1e40af;background:#dbeafe;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:500;display:inline-flex}.apf-equipement-tag-remove{cursor:pointer;color:#1e40af;background:#0000001a;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:14px;transition:background .2s;display:flex}.apf-equipement-tag-remove:hover{background:#0003}@media (width<=768px){.apf-checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.apf-equipement-input-wrapper{flex-direction:column}.apf-btn-add-equipement{justify-content:center}}.apf-input-disabled{color:#6b7280;cursor:not-allowed;background-color:#f3f4f6;border-color:#e5e7eb}.apf-file-input{cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;width:100%;padding:16px;transition:all .2s;display:block}.apf-file-input:hover{background:#eff6ff;border-color:#2563eb}.apf-photos-preview{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.apf-photo-item{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;flex-shrink:0;width:100px;height:100px;position:relative;overflow:hidden}.apf-photo-thumb{object-fit:cover;width:100%;height:100%}.apf-photo-badge{color:#fff;background:#2563eb;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600;position:absolute;top:4px;left:4px}.apf-photo-remove{color:#fff;cursor:pointer;background:#dc2626e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .2s;display:flex;position:absolute;top:4px;right:4px}.apf-photo-remove:hover{background:#dc2626;transform:scale(1.1)}.apd-container{box-sizing:border-box;width:100%;max-width:900px;margin:0 auto;padding:24px}.apd-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.apd-btn-back{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.apd-btn-back:hover{background:#e5e7eb}.apd-header-actions{gap:8px;display:flex}.apd-btn-edit,.apd-btn-delete{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.apd-btn-edit{color:#2563eb;background:#dbeafe}.apd-btn-edit:hover{background:#bfdbfe}.apd-btn-delete{color:#dc2626;background:#fee2e2}.apd-btn-delete:hover{background:#fecaca}.apd-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.apd-card-header{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:16px;padding:24px;display:flex}.apd-avatar{color:#2563eb;background:#dbeafe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;display:flex}.apd-header-info{flex:1;min-width:150px}.apd-title{color:#1f2937;margin:0 0 4px;font-size:22px;font-weight:700}.apd-code{color:#4b5563;background:#f3f4f6;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:12px}.apd-status{border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.apd-status-libre{color:#065f46;background:#d1fae5}.apd-status-occupe{color:#1e40af;background:#dbeafe}.apd-status-reserve{color:#92400e;background:#fef3c7}.apd-status-en_maintenance{color:#991b1b;background:#fee2e2}.apd-status-en_travaux{color:#5b21b6;background:#ede9fe}.apd-details-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:24px;display:grid}.apd-detail-item{align-items:flex-start;gap:12px;display:flex}.apd-detail-icon{color:#2563eb;flex-shrink:0;margin-top:2px;font-size:18px}.apd-detail-label{color:#9ca3af;margin-bottom:2px;font-size:12px;font-weight:500;display:block}.apd-detail-value{color:#1f2937;margin-bottom:2px;font-size:14px;font-weight:500;display:block}.apd-montant{color:#059669;font-weight:700}.apd-equipements{flex-wrap:wrap;gap:6px;display:flex}.apd-equipement{color:#4b5563;background:#f3f4f6;border-radius:20px;padding:4px 10px;font-size:12px}.apd-immeuble{border-top:1px solid #f3f4f6;padding:24px}.apd-immeuble h3{color:#1f2937;margin:0 0 8px;font-size:15px;font-weight:600}.apd-link{color:#2563eb;font-size:14px;font-weight:500;text-decoration:none}.apd-link:hover{text-decoration:underline}.apd-loading,.apd-error{text-align:center;color:#6b7280;padding:40px;font-size:14px}.apd-error{color:#dc2626}@media (width<=768px){.apd-details-grid{grid-template-columns:1fr}.apd-header{flex-direction:column;align-items:flex-start}}.apd-client-section{background:#f9fafb;border-top:1px solid #f3f4f6;padding:24px}.apd-client-title{color:#1f2937;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:700;display:flex}.apd-client-title svg{color:#2563eb}.apd-client-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.apd-client-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.apd-client-avatar{color:#2563eb;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.apd-client-info{flex:1;min-width:150px}.apd-client-nom{color:#1f2937;font-size:14px;font-weight:600;display:block}.apd-client-statut{color:#059669;font-size:12px}.apd-client-link{color:#2563eb;background:#dbeafe;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s}.apd-client-link:hover{background:#bfdbfe}.apd-client-details{color:#6b7280;flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.apd-client-details span{align-items:center;gap:6px;display:flex}.apd-client-details svg{color:#9ca3af;font-size:14px}.apd-no-client{text-align:center;color:#9ca3af;background:#fff;border:1px dashed #e5e7eb;border-radius:12px;padding:30px}.apd-no-client svg{margin-bottom:12px;font-size:40px}.apd-no-client p{margin:4px 0;font-size:14px}.apd-no-client-hint{color:#d1d5db;font-size:12px}.apd-contrat-section{border-top:1px solid #f3f4f6;padding:24px}.apd-contrat-title{color:#1f2937;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:700;display:flex}.apd-contrat-title svg{color:#2563eb}.apd-contrat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.apd-contrat-details{color:#6b7280;flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.apd-contrat-details span{align-items:center;gap:6px;display:flex}.apd-contrat-details svg{color:#9ca3af;font-size:14px}.apd-contrat-loyer{color:#059669;font-weight:700}.apd-contrat-link{color:#2563eb;background:#dbeafe;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s}.apd-contrat-link:hover{background:#bfdbfe}@media (width<=768px){.apd-client-details,.apd-contrat-details{flex-direction:column;gap:8px}}.apd-type-badge{color:#4b5563;background:#f3f4f6;border-radius:20px;margin-left:8px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.apd-stats-section{background:#f9fafb;border-bottom:1px solid #f3f4f6;flex-wrap:wrap;gap:12px;padding:20px 24px;display:flex}.apd-stat-item{text-align:center;background:#fff;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:120px;padding:12px;display:flex}.apd-stat-item svg{color:#2563eb;font-size:18px}.apd-stat-value{color:#1f2937;font-size:16px;font-weight:700}.apd-stat-label{color:#6b7280;font-size:11px}.apd-section-title{color:#1f2937;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:700;display:flex}.apd-description-section{border-top:1px solid #f3f4f6;padding:20px 24px}.apd-description-section p{color:#6b7280;margin:0;font-size:13px;line-height:1.6}.apd-no-equipement{color:#9ca3af;font-size:12px;font-style:italic}.apd-echeances-section{background:#f9fafb;border-top:1px solid #f3f4f6;padding:20px 24px}.apd-echeances-list{flex-direction:column;gap:8px;display:flex}.apd-echeance-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.apd-echeance-periode{color:#1f2937;font-weight:600}.apd-echeance-statut{border-radius:12px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.apd-echeance-paye{color:#065f46;background:#d1fae5}.apd-echeance-en_attente{color:#92400e;background:#fef3c7}.apd-echeance-retard{color:#991b1b;background:#fee2e2}.apd-echeance-impaye{color:#4b5563;background:#f3f4f6}.apd-echeance-partiel{color:#1e40af;background:#dbeafe}.apd-echeance-reste{color:#dc2626;font-weight:700}.apd-immeuble-card{background:#f9fafb;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.apd-immeuble-avatar{color:#7c3aed;background:#ede9fe;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.apd-immeuble-info{flex-direction:column;gap:4px;display:flex}.apd-immeuble-adresse{color:#6b7280;align-items:center;gap:4px;font-size:12px;display:flex}.apd-immeuble-ville{color:#6b7280;font-size:12px}@media (width<=768px){.apd-stats-section{flex-direction:column}.apd-echeance-item{flex-wrap:wrap}}.apd-photos-section{border-bottom:1px solid #f3f4f6;padding:20px 24px}.apd-photos-title{color:#1f2937;align-items:center;gap:10px;margin:0 0 16px;font-size:15px;font-weight:600;display:flex}.apd-photos-title svg{color:#2563eb}.apd-photos-count{color:#fff;background:#2563eb;border-radius:20px;margin-left:4px;padding:2px 10px;font-size:12px;font-weight:600}.apd-photos-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.apd-photo-card{aspect-ratio:4/3;cursor:pointer;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s;position:relative;overflow:hidden}.apd-photo-card:hover{border-color:#2563eb;transform:scale(1.03);box-shadow:0 8px 20px #0000001f}.apd-photo-img{object-fit:cover;width:100%;height:100%}.apd-photo-overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.apd-photo-card:hover .apd-photo-overlay{opacity:1}.apd-photo-zoom{color:#1f2937;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .2s;display:flex}.apd-photo-zoom:hover{color:#fff;background:#2563eb;transform:scale(1.1)}.apd-no-photos{text-align:center;color:#9ca3af;padding:30px}.apd-no-photos svg{margin-bottom:8px;font-size:36px}.apd-no-photos p{margin:0;font-size:14px}.apd-modal-overlay{z-index:9999;background:#000000d9;justify-content:center;align-items:center;animation:.3s apd-fade-in;display:flex;position:fixed;inset:0}.apd-modal-content{max-width:90vw;max-height:90vh;position:relative}.apd-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:28px;transition:transform .2s;position:absolute;top:-40px;right:0}.apd-modal-close:hover{transform:scale(1.2)}.apd-modal-image{object-fit:contain;border-radius:8px;max-width:90vw;max-height:85vh}@keyframes apd-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.apd-equipements-supp{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.apd-equipement-supp{color:#1e40af;background:#dbeafe;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:500}@media (width<=768px){.apd-photos-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.apd-modal-image{max-width:95vw;max-height:80vh}}.cll-container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:24px}.cll-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.cll-header-left{flex:1;min-width:200px}.cll-title{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.cll-subtitle{color:#6b7280;margin:0;font-size:13px}.cll-btn-add{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.cll-btn-add:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.cll-filters{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:20px;padding:16px}.cll-filters-form{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cll-filter-group{flex:1;min-width:150px;position:relative}.cll-filter-icon{color:#9ca3af;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.cll-filter-input,.cll-filter-select{color:#1f2937;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px 10px 36px;font-size:13px;transition:all .2s}.cll-filter-select{padding-left:12px}.cll-filter-input:focus,.cll-filter-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.cll-btn-filter,.cll-btn-reset{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s}.cll-btn-filter{color:#fff;background:#2563eb}.cll-btn-filter:hover{background:#1d4ed8}.cll-btn-reset{color:#4b5563;background:#f3f4f6}.cll-btn-reset:hover{background:#e5e7eb}.cll-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.cll-table{border-collapse:collapse;width:100%}.cll-table th{text-align:left;color:#4b5563;text-transform:uppercase;letter-spacing:.5px;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:600}.cll-table td{color:#1f2937;border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:13px}.cll-table tbody tr:hover{background:#f9fafb}.cll-name{color:#2563eb;font-weight:600;text-decoration:none}.cll-name:hover{text-decoration:underline}.cll-contact,.cll-localisation{color:#6b7280;align-items:center;gap:6px;margin-bottom:2px;font-size:12px;display:flex}.cll-contact svg,.cll-localisation svg{color:#9ca3af;font-size:12px}.cll-status{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.cll-status-actif{color:#065f46;background:#d1fae5}.cll-status-inactif{color:#4b5563;background:#f3f4f6}.cll-status-en_attente{color:#92400e;background:#fef3c7}.cll-status-bloque{color:#991b1b;background:#fee2e2}.cll-actions{gap:6px;display:flex}.cll-action-btn{border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.cll-action-view{color:#2563eb;background:#dbeafe}.cll-action-view:hover{background:#bfdbfe}.cll-action-edit{color:#d97706;background:#fef3c7}.cll-action-edit:hover{background:#fde68a}.cll-pagination{justify-content:center;align-items:center;gap:15px;margin-top:20px;display:flex}.cll-page-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:all .2s;display:inline-flex}.cll-page-btn:hover:not(:disabled){background:#1d4ed8}.cll-page-btn:disabled{cursor:not-allowed;background:#d1d5db}.cll-page-info{color:#6b7280;font-size:13px}.cll-loading,.cll-error,.cll-empty{text-align:center;color:#6b7280;padding:40px;font-size:14px}.cll-error{color:#dc2626}.cll-empty-icon{color:#d1d5db;margin-bottom:12px;font-size:40px}@media (width<=768px){.cll-container{padding:16px}.cll-header{flex-direction:column;align-items:flex-start}.cll-btn-add{justify-content:center;width:100%}.cll-filters-form{flex-direction:column}.cll-filter-group{width:100%}.cll-table th:nth-child(3),.cll-table td:nth-child(3){display:none}}.cll-stats-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;display:grid}.cll-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.cll-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.cll-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.cll-stat-total .cll-stat-icon{color:#2563eb;background:#dbeafe}.cll-stat-actifs .cll-stat-icon{color:#065f46;background:#d1fae5}.cll-stat-inactifs .cll-stat-icon{color:#4b5563;background:#f3f4f6}.cll-stat-attente .cll-stat-icon{color:#92400e;background:#fef3c7}.cll-stat-bloques .cll-stat-icon{color:#991b1b;background:#fee2e2}.cll-stat-info{flex-direction:column;min-width:0;display:flex}.cll-stat-value{color:#1f2937;font-size:18px;font-weight:700}.cll-stat-label{color:#6b7280;font-size:11px;font-weight:500}.cll-filter-search{flex:2}@media (width<=1024px){.cll-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.cll-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.cll-stat-card{gap:8px;padding:12px}.cll-stat-icon{width:32px;height:32px;font-size:14px}.cll-stat-value{font-size:15px}.cll-filters-form{flex-direction:column;align-items:stretch}.cll-filter-group,.cll-filter-search{flex:none;width:100%;min-width:auto}.cll-btn-filter,.cll-btn-reset{width:100%}}@media (width<=480px){.cll-stats-grid{grid-template-columns:1fr}}.clf-container{box-sizing:border-box;width:100%;max-width:900px;margin:0 auto;padding:24px}.clf-header{margin-bottom:24px}.clf-title{color:#1f2937;margin:0;font-size:24px;font-weight:700}.clf-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.clf-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.clf-section{border-bottom:1px solid #f3f4f6;padding:20px}.clf-section:last-child{border-bottom:none}.clf-section-title{color:#1f2937;border-bottom:1px solid #f3f4f6;align-items:center;gap:8px;margin:0 0 16px;padding-bottom:10px;font-size:15px;font-weight:600;display:flex}.clf-row{gap:16px;margin-bottom:16px;display:flex}.clf-row:last-child{margin-bottom:0}.clf-group{flex:1;min-width:0}.clf-label{color:#4b5563;align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:500;display:flex}.clf-label svg{color:#9ca3af;font-size:14px}.clf-input,.clf-select{color:#1f2937;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.clf-input:focus,.clf-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.clf-actions{background:#f9fafb;border-top:1px solid #e5e7eb;gap:12px;padding:20px;display:flex}.clf-btn-cancel,.clf-btn-submit{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.clf-btn-cancel{color:#4b5563;background:#f3f4f6}.clf-btn-cancel:hover{background:#e5e7eb}.clf-btn-submit{color:#fff;background:#2563eb}.clf-btn-submit:hover:not(:disabled){background:#1d4ed8}.clf-btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.clf-row{flex-direction:column;gap:0}.clf-actions{flex-direction:column}.clf-btn-cancel,.clf-btn-submit{justify-content:center;width:100%}}.clf-input-error{background-color:#fff5f5!important;border-color:#dc3545!important}.clf-field-error{color:#dc3545;margin-top:4px;font-size:12px;display:block}.clf-textarea{color:#1f2937;box-sizing:border-box;resize:vertical;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;min-height:80px;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.clf-textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.cld-container{box-sizing:border-box;width:100%;max-width:900px;margin:0 auto;padding:24px}.cld-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.cld-btn-back{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.cld-btn-back:hover{background:#e5e7eb}.cld-header-actions{gap:8px;display:flex}.cld-btn-edit,.cld-btn-delete{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.cld-btn-edit{color:#2563eb;background:#dbeafe}.cld-btn-edit:hover{background:#bfdbfe}.cld-btn-delete{color:#dc2626;background:#fee2e2}.cld-btn-delete:hover{background:#fecaca}.cld-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.cld-card-header{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:16px;padding:24px;display:flex}.cld-avatar{color:#2563eb;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;display:flex}.cld-header-info{flex:1;min-width:150px}.cld-title{color:#1f2937;margin:0 0 8px;font-size:22px;font-weight:700}.cld-age-badge{color:#4b5563;background:#f3f4f6;border-radius:20px;margin-left:8px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.cld-status{border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.cld-status-actif{color:#065f46;background:#d1fae5}.cld-status-inactif{color:#4b5563;background:#f3f4f6}.cld-status-en_attente{color:#92400e;background:#fef3c7}.cld-status-bloque{color:#991b1b;background:#fee2e2}.cld-stats-section{background:#f9fafb;border-bottom:1px solid #f3f4f6;flex-wrap:wrap;gap:12px;padding:20px 24px;display:flex}.cld-stat-item{text-align:center;background:#fff;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:120px;padding:12px;display:flex}.cld-stat-item svg{color:#2563eb;font-size:18px}.cld-stat-value{color:#1f2937;font-size:16px;font-weight:700}.cld-stat-label{color:#6b7280;font-size:11px}.cld-section{border-bottom:1px solid #f3f4f6;padding:20px 24px}.cld-section:last-child{border-bottom:none}.cld-section-title{color:#1f2937;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:700;display:flex}.cld-section-title svg{color:#2563eb}.cld-details-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.cld-detail-item{align-items:flex-start;gap:12px;display:flex}.cld-detail-item.cld-full-width{grid-column:1/-1}.cld-detail-icon{color:#2563eb;flex-shrink:0;margin-top:2px;font-size:18px}.cld-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px;font-weight:500;display:block}.cld-value{color:#1f2937;font-size:14px;font-weight:600;display:block}.cld-contrats-list{flex-direction:column;gap:8px;display:flex}.cld-contrat-item{background:#f9fafb;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;transition:all .2s;display:flex}.cld-contrat-item:hover{background:#f3f4f6}.cld-contrat-item svg{color:#2563eb}.cld-contrat-numero{color:#1f2937;font-weight:600}.cld-contrat-dates{color:#6b7280;flex:1;font-size:12px}.cld-contrat-statut{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.cld-contrat-actif{color:#065f46;background:#d1fae5}.cld-contrat-termine{color:#1e40af;background:#dbeafe}.cld-contrat-resilie{color:#991b1b;background:#fee2e2}.cld-contrat-suspendu{color:#4b5563;background:#f3f4f6}.cld-paiements-list{flex-direction:column;gap:8px;display:flex}.cld-paiement-item{background:#f9fafb;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.cld-paiement-item svg{color:#059669}.cld-paiement-numero{color:#1f2937;font-weight:600}.cld-paiement-date{color:#6b7280;flex:1;font-size:12px}.cld-paiement-montant{color:#059669;font-weight:700}.cld-notes{color:#6b7280;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.6}.cld-loading,.cld-error{text-align:center;color:#6b7280;padding:60px 40px;font-size:14px}.cld-error{color:#dc2626}@media (width<=768px){.cld-container{padding:16px}.cld-details-grid{grid-template-columns:1fr}.cld-header{flex-direction:column;align-items:flex-start}.cld-stats-section{flex-direction:column}}.ctl-filters-form{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ctl-filter-icon{color:#9ca3af;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ctl-filter-input,.ctl-filter-select{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px 10px 36px;font-size:13px}.ctl-filter-select{padding-left:12px}.ctl-btn-filter,.ctl-btn-reset{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:500}@media (width<=768px){.ctl-container{padding:16px}.ctl-header{flex-direction:column;align-items:flex-start}.ctl-btn-add{justify-content:center;width:100%}.ctl-table th:nth-child(3),.ctl-table td:nth-child(3),.ctl-table th:nth-child(6),.ctl-table td:nth-child(6){display:none}}.ctl-container{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:24px}.ctl-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.ctl-title{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.ctl-subtitle{color:#6b7280;margin:0;font-size:13px}.ctl-btn-add{color:#fff;white-space:nowrap;background:#2563eb;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.ctl-btn-add:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.ctl-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.ctl-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.ctl-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.ctl-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.ctl-stat-actifs .ctl-stat-icon{color:#065f46;background:#d1fae5}.ctl-stat-termines .ctl-stat-icon{color:#1e40af;background:#dbeafe}.ctl-stat-expirant .ctl-stat-icon{color:#92400e;background:#fef3c7}.ctl-stat-loyer .ctl-stat-icon{color:#5b21b6;background:#ede9fe}.ctl-stat-info{flex-direction:column;min-width:0;display:flex}.ctl-stat-value{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:700;overflow:hidden}.ctl-stat-label{color:#6b7280;font-size:12px;font-weight:500}.ctl-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:20px}.ctl-filters-form{align-items:center;gap:12px;display:flex}.ctl-filter-search{flex:2}.ctl-filter-group{flex:1;min-width:150px;position:relative}.ctl-filter-icon{color:#9ca3af;z-index:1;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.ctl-filter-input{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px 10px 40px;font-size:13px;transition:all .2s}.ctl-filter-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.ctl-filter-select{box-sizing:border-box;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px;font-size:13px;transition:all .2s}.ctl-filter-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.ctl-btn-filter,.ctl-btn-reset{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .2s}.ctl-btn-filter{color:#fff;background:#2563eb}.ctl-btn-filter:hover{background:#1d4ed8}.ctl-btn-reset{color:#4b5563;background:#f3f4f6}.ctl-btn-reset:hover{background:#e5e7eb}.ctl-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.ctl-table{border-collapse:collapse;width:100%}.ctl-table th{text-align:left;color:#4b5563;text-transform:uppercase;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:600}.ctl-table td{border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:13px}.ctl-table tbody tr:hover{background:#f9fafb}.ctl-numero{color:#2563eb;font-weight:600;text-decoration:none}.ctl-type{background:#f3f4f6;border-radius:20px;padding:4px 10px;font-size:12px}.ctl-montant{white-space:nowrap;font-weight:600}.ctl-status{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.ctl-status-actif{color:#065f46;background:#d1fae5}.ctl-status-termine{color:#1e40af;background:#dbeafe}.ctl-status-resilie{color:#991b1b;background:#fee2e2}.ctl-status-en_renouvellement{color:#92400e;background:#fef3c7}.ctl-status-suspendu{color:#4b5563;background:#f3f4f6}.ctl-actions{gap:6px;display:flex}.ctl-action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;text-decoration:none;display:flex}.ctl-view{color:#2563eb;background:#dbeafe}.ctl-edit{color:#d97706;background:#fef3c7}.ctl-calendar{color:#7c3aed;background:#ede9fe}.ctl-pagination{justify-content:center;align-items:center;gap:15px;margin-top:20px;display:flex}.ctl-page-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:inline-flex}.ctl-page-btn:disabled{cursor:not-allowed;background:#d1d5db}.ctl-loading,.ctl-error,.ctl-empty{text-align:center;color:#6b7280;padding:40px}.ctl-error{color:#dc2626}.ctl-empty-icon{color:#d1d5db;margin-bottom:12px;font-size:40px}@media (width<=1024px){.ctl-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.ctl-container{padding:16px}.ctl-header{flex-direction:column;align-items:flex-start}.ctl-btn-add{justify-content:center;width:100%}.ctl-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ctl-stat-card{gap:10px;padding:14px}.ctl-stat-icon{width:36px;height:36px;font-size:16px}.ctl-stat-value{font-size:18px}.ctl-filters-form{flex-direction:column;align-items:stretch}.ctl-filter-group,.ctl-filter-search{flex:none;width:100%;min-width:auto}.ctl-btn-filter,.ctl-btn-reset{width:100%}.ctl-table th:nth-child(3),.ctl-table td:nth-child(3),.ctl-table th:nth-child(6),.ctl-table td:nth-child(6){display:none}}@media (width<=480px){.ctl-stats-grid{grid-template-columns:1fr}}.ctf-container{box-sizing:border-box;max-width:800px;margin:0 auto;padding:24px}.ctf-title{color:#1f2937;margin-bottom:24px;font-size:24px;font-weight:700}.ctf-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px 16px}.ctf-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.ctf-section{border-bottom:1px solid #f3f4f6;padding:20px}.ctf-section h3{align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:600;display:flex}.ctf-row{gap:16px;margin-bottom:16px;display:flex}.ctf-group{flex:1}.ctf-group label{color:#4b5563;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.ctf-input,.ctf-select{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.ctf-input:focus,.ctf-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.ctf-actions{background:#f9fafb;gap:12px;padding:20px;display:flex}.ctf-btn-cancel,.ctf-btn-submit{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.ctf-btn-cancel{color:#4b5563;background:#f3f4f6}.ctf-btn-submit{color:#fff;background:#2563eb}.ctf-btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.ctf-row{flex-direction:column;gap:0}.ctf-actions{flex-direction:column}}.ctf-input-error{background-color:#fff5f5!important;border-color:#dc3545!important}.ctf-field-error{color:#dc3545;margin-top:4px;font-size:12px;display:block}.ctf-input-disabled{color:#6b7280;cursor:not-allowed;background-color:#f3f4f6;border-color:#e5e7eb}.ctf-checkbox-wrapper{align-items:center;gap:8px;margin-top:6px;display:flex}.ctf-checkbox{accent-color:#2563eb;cursor:pointer;width:18px;height:18px}.ctf-checkbox-label{color:#374151;font-size:14px}.ctf-file-input{cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;width:100%;padding:16px;transition:all .2s;display:block}.ctf-file-input:hover{background:#eff6ff;border-color:#2563eb}.ctf-documents-list{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.ctf-document-item{color:#1f2937;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:8px 12px 8px 8px;font-size:13px;display:flex;position:relative}.ctf-document-item.ctf-document-pdf{background:#fef3c7;border-color:#f59e0b}.ctf-document-thumb{object-fit:cover;border-radius:4px;width:40px;height:40px}.ctf-document-icon{color:#6b7280;font-size:24px}.ctf-document-badge{color:#fff;background:#2563eb;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600}.ctf-document-remove{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;transition:all .2s;display:flex}.ctf-document-remove:hover{background:#b91c1c;transform:scale(1.1)}.ctf-textarea{color:#1f2937;box-sizing:border-box;resize:vertical;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;min-height:80px;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.ctf-textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.ctf-field-warning{color:#f59e0b;background:#fffbeb;border:1px solid #fcd34d;border-radius:6px;margin-top:6px;padding:6px 10px;font-size:13px;display:block}.ctd-container{box-sizing:border-box;max-width:900px;margin:0 auto;padding:24px}.ctd-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.ctd-btn-back{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.ctd-actions{flex-wrap:wrap;gap:8px;display:flex}.ctd-btn-generate,.ctd-btn-edit,.ctd-btn-delete{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.ctd-btn-generate{color:#7c3aed;background:#ede9fe}.ctd-btn-edit{color:#2563eb;background:#dbeafe}.ctd-btn-delete{color:#dc2626;background:#fee2e2}.ctd-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.ctd-card-header{border-bottom:1px solid #f3f4f6;align-items:center;gap:16px;padding:24px;display:flex}.ctd-avatar{color:#2563eb;background:#dbeafe;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;display:flex}.ctd-header-info{flex:1}.ctd-title{color:#1f2937;margin:0 0 8px;font-size:20px;font-weight:700}.ctd-type-badge{color:#4b5563;background:#f3f4f6;border-radius:20px;margin-left:8px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.ctd-expiration-badge{color:#92400e;background:#fef3c7;border-radius:20px;align-items:center;gap:4px;margin-left:8px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.ctd-status{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.ctd-status-actif{color:#065f46;background:#d1fae5}.ctd-status-termine{color:#1e40af;background:#dbeafe}.ctd-status-resilie{color:#991b1b;background:#fee2e2}.ctd-status-en_renouvellement{color:#92400e;background:#fef3c7}.ctd-status-suspendu{color:#4b5563;background:#f3f4f6}.ctd-periode-section{background:#f9fafb;border-bottom:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.ctd-periode-info{align-items:center;gap:12px;display:flex}.ctd-periode-info svg{color:#2563eb;font-size:20px}.ctd-periode-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:11px;display:block}.ctd-periode-dates{color:#1f2937;font-size:14px;font-weight:600}.ctd-duree{color:#2563eb;background:#dbeafe;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}.ctd-montants-section{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;gap:16px;padding:20px 24px;display:flex}.ctd-montant-item{flex-direction:column;flex:1;gap:4px;min-width:120px;display:flex}.ctd-montant-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.ctd-montant-value{color:#1f2937;font-size:16px;font-weight:700}.ctd-montant-value.ctd-montant,.ctd-montant-value.ctd-caution-verse{color:#059669}.ctd-montant-value.ctd-caution-restante{color:#dc2626}.ctd-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:24px;display:grid}.ctd-item{align-items:flex-start;gap:12px;display:flex}.ctd-item-icon{color:#2563eb;flex-shrink:0;margin-top:2px;font-size:18px}.ctd-item-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;display:block}.ctd-item-value{color:#1f2937;margin:0;font-size:14px;font-weight:600}.ctd-item-sub{color:#6b7280;align-items:center;gap:4px;margin:2px 0 0;font-size:12px;display:flex}.ctd-item-link{color:#2563eb;margin-top:4px;font-size:12px;font-weight:600;text-decoration:none;display:inline-block}.ctd-section-title{color:#1f2937;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:700;display:flex}.ctd-garant-section{background:#f9fafb;border-top:1px solid #f3f4f6;padding:20px 24px}.ctd-garant-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.ctd-garant-avatar{color:#7c3aed;background:#ede9fe;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.ctd-garant-info{flex-direction:column;gap:4px;display:flex}.ctd-garant-nom{color:#1f2937;font-size:14px;font-weight:700}.ctd-garant-contact{color:#6b7280;align-items:center;gap:6px;font-size:12px;display:flex}.ctd-echeances-section{border-top:1px solid #f3f4f6;padding:20px 24px}.ctd-echeances-list{flex-direction:column;gap:8px;display:flex}.ctd-echeance-item{background:#f9fafb;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.ctd-echeance-periode{color:#1f2937;font-weight:600}.ctd-echeance-statut{border-radius:12px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.ctd-echeance-paye{color:#065f46;background:#d1fae5}.ctd-echeance-en_attente{color:#92400e;background:#fef3c7}.ctd-echeance-retard{color:#991b1b;background:#fee2e2}.ctd-echeance-reste{color:#dc2626;font-weight:700}.ctd-clauses-section,.ctd-notes-section{border-top:1px solid #f3f4f6;padding:20px 24px}.ctd-clauses-section p,.ctd-notes-section p{color:#6b7280;margin:0;font-size:13px;line-height:1.6}.ctd-loading,.ctd-error{text-align:center;padding:60px 40px;font-size:14px}.ctd-error{color:#dc2626}@media (width<=768px){.ctd-container{padding:16px}.ctd-grid{grid-template-columns:1fr;padding:16px}.ctd-montants-section{flex-direction:column;padding:16px}.ctd-header{flex-direction:column;align-items:flex-start}.ctd-actions{width:100%}}.ctd-documents-section{border-top:1px solid #f3f4f6;padding:20px 24px}.ctd-documents-count{color:#fff;background:#2563eb;border-radius:20px;margin-left:8px;padding:2px 10px;font-size:12px;font-weight:600}.ctd-document-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;transition:all .2s;display:flex}.ctd-document-card:hover{background:#f3f4f6;border-color:#d1d5db}.ctd-document-main{background:#eff6ff;border-color:#bfdbfe}.ctd-document-main:hover{background:#dbeafe}.ctd-document-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.ctd-document-icon{color:#4b5563;background:#e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;overflow:hidden}.ctd-document-thumb{object-fit:cover;width:100%;height:100%}.ctd-document-details{flex:1;min-width:0}.ctd-document-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;display:block;overflow:hidden}.ctd-document-size{color:#6b7280;font-size:12px}.ctd-document-type{color:#6b7280;background:#e5e7eb;border-radius:4px;margin-top:2px;padding:2px 8px;font-size:10px;display:inline-block}.ctd-document-actions{flex-shrink:0;gap:6px;display:flex}.ctd-document-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.ctd-document-btn-view{color:#2563eb;background:#dbeafe}.ctd-document-btn-view:hover{background:#bfdbfe}.ctd-document-btn-download{color:#059669;background:#d1fae5}.ctd-document-btn-download:hover{background:#a7f3d0}.ctd-documents-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;display:grid}.ctd-no-documents{text-align:center;color:#9ca3af;padding:30px}.ctd-no-documents svg{margin-bottom:8px;font-size:36px}.ctd-no-documents p{margin:0;font-size:14px}.ctd-modal-overlay{z-index:9999;background:#000000d9;justify-content:center;align-items:center;animation:.3s ctd-fade-in;display:flex;position:fixed;inset:0}.ctd-modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:90vw;max-height:90vh;display:flex;overflow:hidden}.ctd-modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ctd-modal-title{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.ctd-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:4px;font-size:24px;transition:all .2s}.ctd-modal-close:hover{color:#dc2626;transform:rotate(90deg)}.ctd-modal-body{background:#f9fafb;flex:1;justify-content:center;align-items:center;min-height:300px;padding:16px;display:flex;overflow:auto}.ctd-modal-image{object-fit:contain;border-radius:4px;max-width:100%;max-height:70vh}.ctd-modal-iframe{border:none;border-radius:4px;width:100%;height:70vh}.ctd-modal-footer{border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;padding:12px 20px;display:flex}.ctd-modal-download{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.ctd-modal-download:hover{background:#1d4ed8}@keyframes ctd-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.ctd-documents-grid{grid-template-columns:1fr}.ctd-modal-content{max-width:98vw;max-height:98vh}.ctd-modal-body{min-height:200px}.ctd-modal-image{max-height:60vh}.ctd-modal-iframe{height:60vh}}.pyl-container{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:24px}.pyl-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.pyl-title{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.pyl-subtitle{color:#6b7280;margin:0;font-size:13px}.pyl-btn-add{color:#fff;background:#2563eb;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.pyl-btn-add:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.pyl-filters{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:20px;padding:16px}.pyl-filters-form{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pyl-filter-group{flex:1;min-width:150px;position:relative}.pyl-filter-icon{color:#9ca3af;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.pyl-filter-input,.pyl-filter-select{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px 10px 36px;font-size:13px}.pyl-filter-select{padding-left:12px}.pyl-btn-filter,.pyl-btn-reset{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:13px}.pyl-btn-filter{color:#fff;background:#2563eb}.pyl-btn-reset{color:#4b5563;background:#f3f4f6}.pyl-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.pyl-table{border-collapse:collapse;width:100%}.pyl-table th{text-align:left;text-transform:uppercase;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:600}.pyl-table td{border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:13px}.pyl-table tbody tr:hover{background:#f9fafb}.pyl-numero{color:#2563eb;font-weight:600;text-decoration:none}.pyl-montant{white-space:nowrap;font-weight:600}.pyl-total{color:#059669;white-space:nowrap;font-weight:700}.pyl-status{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.pyl-status-valide{color:#065f46;background:#d1fae5}.pyl-status-en_attente{color:#92400e;background:#fef3c7}.pyl-status-annule{color:#991b1b;background:#fee2e2}.pyl-status-rembourse{color:#1e40af;background:#dbeafe}.pyl-actions{gap:6px;display:flex}.pyl-action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;text-decoration:none;display:flex}.pyl-view{color:#2563eb;background:#dbeafe}.pyl-edit{color:#d97706;background:#fef3c7}.pyl-validate{color:#065f46;background:#d1fae5}.pyl-cancel{color:#dc2626;background:#fee2e2}.pyl-receipt{color:#7c3aed;background:#ede9fe}.pyl-pagination{justify-content:center;align-items:center;gap:15px;margin-top:20px;display:flex}.pyl-page-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:inline-flex}.pyl-page-btn:disabled{cursor:not-allowed;background:#d1d5db}.pyl-loading,.pyl-error,.pyl-empty{text-align:center;color:#6b7280;padding:40px}.pyl-error{color:#dc2626}.pyl-empty-icon{color:#d1d5db;margin-bottom:12px;font-size:40px}@media (width<=768px){.pyl-container{padding:16px}.pyl-header{flex-direction:column;align-items:flex-start}.pyl-btn-add{justify-content:center;width:100%}.pyl-table th:nth-child(3),.pyl-table td:nth-child(3),.pyl-table th:nth-child(6),.pyl-table td:nth-child(6){display:none}}.pyl-stats-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;display:grid}.pyl-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.pyl-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.pyl-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.pyl-stat-total .pyl-stat-icon{color:#2563eb;background:#dbeafe}.pyl-stat-valides .pyl-stat-icon{color:#065f46;background:#d1fae5}.pyl-stat-attente .pyl-stat-icon{color:#92400e;background:#fef3c7}.pyl-stat-annules .pyl-stat-icon{color:#991b1b;background:#fee2e2}.pyl-stat-montant .pyl-stat-icon{color:#5b21b6;background:#ede9fe}.pyl-stat-info{flex-direction:column;min-width:0;display:flex}.pyl-stat-value{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;overflow:hidden}.pyl-stat-label{color:#6b7280;font-size:11px;font-weight:500}.pyl-filter-search{flex:2}@media (width<=1024px){.pyl-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.pyl-container{padding:16px}.pyl-header{flex-direction:column;align-items:flex-start}.pyl-btn-add{justify-content:center;width:100%}.pyl-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.pyl-stat-card{gap:8px;padding:12px}.pyl-stat-icon{width:32px;height:32px;font-size:14px}.pyl-stat-value{font-size:15px}.pyl-filters-form{flex-direction:column;align-items:stretch}.pyl-filter-group,.pyl-filter-search{flex:none;width:100%;min-width:auto}.pyl-btn-filter,.pyl-btn-reset{width:100%}.pyl-table th:nth-child(3),.pyl-table td:nth-child(3),.pyl-table th:nth-child(6),.pyl-table td:nth-child(6){display:none}}@media (width<=480px){.pyl-stats-grid{grid-template-columns:1fr}}.pyf-container{box-sizing:border-box;max-width:700px;margin:0 auto;padding:24px}.pyf-title{color:#1f2937;margin-bottom:24px;font-size:24px;font-weight:700}.pyf-error{color:#dc2626;background:#fef2f2;border-radius:8px;margin-bottom:20px;padding:12px 16px}.pyf-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.pyf-section{border-bottom:1px solid #f3f4f6;padding:20px}.pyf-section h3{align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:600;display:flex}.pyf-row{gap:16px;margin-bottom:16px;display:flex}.pyf-group{flex:1}.pyf-group label{color:#4b5563;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.pyf-input,.pyf-select{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.pyf-readonly{color:#059669;background:#f9fafb;font-weight:700}.pyf-actions{background:#f9fafb;gap:12px;padding:20px;display:flex}.pyf-btn-cancel,.pyf-btn-submit{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;display:inline-flex}.pyf-btn-cancel{color:#4b5563;background:#f3f4f6}.pyf-btn-submit{color:#fff;background:#2563eb}.pyf-btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.pyf-row{flex-direction:column;gap:0}}.pyd-container{box-sizing:border-box;max-width:900px;margin:0 auto;padding:24px}.pyd-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.pyd-btn-back{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.pyd-btn-back:hover{background:#e5e7eb}.pyd-actions{flex-wrap:wrap;gap:8px;display:flex}.pyd-btn-validate,.pyd-btn-cancel,.pyd-btn-receipt,.pyd-btn-edit,.pyd-btn-delete{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.pyd-btn-validate{color:#065f46;background:#d1fae5}.pyd-btn-validate:hover{background:#a7f3d0}.pyd-btn-cancel{color:#dc2626;background:#fee2e2}.pyd-btn-cancel:hover{background:#fecaca}.pyd-btn-receipt{color:#7c3aed;background:#ede9fe}.pyd-btn-receipt:hover{background:#ddd6fe}.pyd-btn-edit{color:#2563eb;background:#dbeafe}.pyd-btn-edit:hover{background:#bfdbfe}.pyd-btn-delete{color:#dc2626;background:#fee2e2}.pyd-btn-delete:hover{background:#fecaca}.pyd-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.pyd-card-header{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:16px;padding:24px;display:flex}.pyd-avatar{color:#2563eb;background:#dbeafe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;display:flex}.pyd-header-info{flex:1;min-width:150px}.pyd-title{color:#1f2937;margin:0 0 8px;font-size:20px;font-weight:700}.pyd-status{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.pyd-status-valide{color:#065f46;background:#d1fae5}.pyd-status-en_attente{color:#92400e;background:#fef3c7}.pyd-status-annule{color:#991b1b;background:#fee2e2}.pyd-status-rembourse{color:#1e40af;background:#dbeafe}.pyd-type-badge{color:#4b5563;background:#f3f4f6;border-radius:20px;margin-left:8px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.pyd-montants-section{background:#f9fafb;border-bottom:1px solid #f3f4f6;flex-wrap:wrap;gap:16px;padding:20px 24px;display:flex}.pyd-montant-item{flex-direction:column;flex:1;gap:4px;min-width:150px;display:flex}.pyd-montant-item.pyd-total-item{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:12px 16px}.pyd-montant-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.pyd-montant-value{color:#1f2937;font-size:18px;font-weight:700}.pyd-montant-value.pyd-penalites{color:#d97706}.pyd-montant-value.pyd-total{color:#059669;font-size:22px}.pyd-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:24px;display:grid}.pyd-item{align-items:flex-start;gap:12px;display:flex}.pyd-item-icon{color:#2563eb;text-align:center;flex-shrink:0;width:24px;margin-top:2px;font-size:18px}.pyd-item-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:500;display:block}.pyd-item-value{color:#1f2937;margin:0;font-size:14px;font-weight:600}.pyd-client-section{background:#f9fafb;border-top:1px solid #f3f4f6;padding:20px 24px}.pyd-client-title{color:#1f2937;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:700;display:flex}.pyd-client-title svg{color:#2563eb}.pyd-client-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.pyd-client-header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pyd-client-avatar{color:#2563eb;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.pyd-client-info{flex-direction:column;flex:1;gap:4px;min-width:150px;display:flex}.pyd-client-name{color:#1f2937;font-size:14px;font-weight:700}.pyd-client-contact{color:#6b7280;align-items:center;gap:6px;font-size:12px;display:flex}.pyd-client-contact svg{color:#9ca3af;flex-shrink:0;font-size:12px}.pyd-client-link{color:#2563eb;white-space:nowrap;background:#dbeafe;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s}.pyd-client-link:hover{background:#bfdbfe}.pyd-client-stats{border-top:1px solid #f3f4f6;flex-wrap:wrap;gap:16px;margin-top:16px;padding-top:16px;display:flex}.pyd-client-stat{text-align:center;background:#f9fafb;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:120px;padding:12px;display:flex}.pyd-client-stat svg{color:#2563eb;font-size:18px}.pyd-client-stat-value{color:#1f2937;font-size:16px;font-weight:700}.pyd-client-stat-label{color:#6b7280;font-size:11px}.pyd-commentaire{border-top:1px solid #f3f4f6;padding:20px 24px}.pyd-commentaire h3{color:#1f2937;margin:0 0 8px;font-size:14px;font-weight:600}.pyd-commentaire p{color:#6b7280;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.6}.pyd-loading,.pyd-error{text-align:center;padding:60px 40px;font-size:14px}.pyd-loading{color:#6b7280}.pyd-error{color:#dc2626;font-weight:500}@media (width<=768px){.pyd-container,.pyd-card-header{padding:16px}.pyd-grid{grid-template-columns:1fr;padding:16px}.pyd-montants-section{flex-direction:column;padding:16px}.pyd-client-section{padding:16px}.pyd-client-stats{flex-direction:column}.pyd-commentaire{padding:16px}.pyd-header{flex-direction:column;align-items:flex-start}.pyd-actions{width:100%}.pyd-btn-validate,.pyd-btn-cancel,.pyd-btn-receipt,.pyd-btn-edit,.pyd-btn-delete{flex:1;justify-content:center}}@media (width<=480px){.pyd-actions{flex-direction:column}.pyd-btn-validate,.pyd-btn-cancel,.pyd-btn-receipt,.pyd-btn-edit,.pyd-btn-delete{width:100%}}.pyd-justificatif-section{border-top:1px solid #f3f4f6;padding:16px 24px}.pyd-section-title{color:#1f2937;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:600;display:flex}.pyd-justificatif-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.pyd-justificatif-card:hover{background:#f3f4f6;border-color:#d1d5db}.pyd-justificatif-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.pyd-justificatif-icon{color:#4b5563;background:#e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;overflow:hidden}.pyd-justificatif-thumb{object-fit:cover;width:100%;height:100%}.pyd-justificatif-details{flex:1;min-width:0}.pyd-justificatif-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;display:block;overflow:hidden}.pyd-justificatif-type{color:#6b7280;background:#e5e7eb;border-radius:4px;margin-top:2px;padding:2px 8px;font-size:11px;display:inline-block}.pyd-justificatif-actions{flex-shrink:0;gap:6px;display:flex}.pyd-justificatif-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.pyd-justificatif-btn-view{color:#2563eb;background:#dbeafe}.pyd-justificatif-btn-view:hover{background:#bfdbfe}.pyd-justificatif-btn-download{color:#059669;background:#d1fae5}.pyd-justificatif-btn-download:hover{background:#a7f3d0}.pyd-modal-overlay{z-index:9999;background:#000000d9;justify-content:center;align-items:center;animation:.3s pyd-fade-in;display:flex;position:fixed;inset:0}.pyd-modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:90vw;max-height:90vh;display:flex;overflow:hidden}.pyd-modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pyd-modal-title{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.pyd-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:4px;font-size:24px;transition:all .2s}.pyd-modal-close:hover{color:#dc2626;transform:rotate(90deg)}.pyd-modal-body{background:#f9fafb;flex:1;justify-content:center;align-items:center;min-height:300px;padding:16px;display:flex;overflow:auto}.pyd-modal-image{object-fit:contain;border-radius:4px;max-width:100%;max-height:70vh}.pyd-modal-iframe{border:none;border-radius:4px;width:100%;height:70vh}.pyd-modal-footer{border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;padding:12px 20px;display:flex}.pyd-modal-download{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.pyd-modal-download:hover{background:#1d4ed8}@keyframes pyd-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.pyd-modal-content{max-width:98vw;max-height:98vh}.pyd-modal-body{min-height:200px}.pyd-modal-image{max-height:60vh}.pyd-modal-iframe{height:60vh}.pyd-justificatif-card{flex-direction:column;align-items:stretch;gap:8px}.pyd-justificatif-actions{justify-content:flex-end}}.rvl-container{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:24px}.rvl-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.rvl-title{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.rvl-subtitle{color:#6b7280;margin:0;font-size:13px}.rvl-btn-add{color:#fff;background:#2563eb;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.rvl-btn-add:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.rvl-stats-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;display:grid}.rvl-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.rvl-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.rvl-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.rvl-stat-total .rvl-stat-icon{color:#2563eb;background:#dbeafe}.rvl-stat-attente .rvl-stat-icon{color:#92400e;background:#fef3c7}.rvl-stat-reverses .rvl-stat-icon{color:#065f46;background:#d1fae5}.rvl-stat-partiels .rvl-stat-icon{color:#5b21b6;background:#ede9fe}.rvl-stat-net .rvl-stat-icon{color:#ea580c;background:#ffedd5}.rvl-stat-info{flex-direction:column;min-width:0;display:flex}.rvl-stat-value{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;overflow:hidden}.rvl-stat-label{color:#6b7280;font-size:11px;font-weight:500}.rvl-filter-search{flex:2}.rvl-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:20px}.rvl-filters-form{align-items:center;gap:12px;display:flex}.rvl-filter-group{flex:1;min-width:150px;position:relative}.rvl-filter-icon{color:#9ca3af;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.rvl-filter-input{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px 10px 40px;font-size:13px}.rvl-filter-select{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px;font-size:13px}.rvl-btn-filter,.rvl-btn-reset{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 20px;font-size:13px}.rvl-btn-filter{color:#fff;background:#2563eb}.rvl-btn-reset{color:#4b5563;background:#f3f4f6}.rvl-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.rvl-table{border-collapse:collapse;width:100%}.rvl-table th{text-align:left;text-transform:uppercase;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:600}.rvl-table td{border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:13px}.rvl-table tbody tr:hover{background:#f9fafb}.rvl-numero{color:#2563eb;font-weight:600;text-decoration:none}.rvl-periode{align-items:center;gap:6px;display:flex}.rvl-periode svg{color:#2563eb}.rvl-montant{white-space:nowrap;font-weight:600}.rvl-commission{color:#e67e22;font-weight:600}.rvl-net{color:#059669;font-weight:700}.rvl-status{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.rvl-status-en_attente{color:#92400e;background:#fef3c7}.rvl-status-partiel{color:#1e40af;background:#dbeafe}.rvl-status-reverse{color:#065f46;background:#d1fae5}.rvl-status-annule{color:#991b1b;background:#fee2e2}.rvl-actions{gap:6px;display:flex}.rvl-action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;text-decoration:none;display:flex}.rvl-view{color:#2563eb;background:#dbeafe}.rvl-validate{color:#065f46;background:#d1fae5}.rvl-cancel{color:#dc2626;background:#fee2e2}.rvl-pagination{justify-content:center;align-items:center;gap:15px;margin-top:20px;display:flex}.rvl-page-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:inline-flex}.rvl-page-btn:disabled{cursor:not-allowed;background:#d1d5db}.rvl-loading,.rvl-error,.rvl-empty{text-align:center;color:#6b7280;padding:40px}.rvl-error{color:#dc2626}.rvl-empty-icon{color:#d1d5db;margin-bottom:12px;font-size:40px}@media (width<=1024px){.rvl-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.rvl-container{padding:16px}.rvl-header{flex-direction:column;align-items:flex-start}.rvl-btn-add{justify-content:center;width:100%}.rvl-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.rvl-stat-card{gap:8px;padding:12px}.rvl-stat-icon{width:32px;height:32px;font-size:14px}.rvl-stat-value{font-size:15px}.rvl-filters-form{flex-direction:column;align-items:stretch}.rvl-filter-group,.rvl-filter-search{flex:none;width:100%;min-width:auto}.rvl-btn-filter,.rvl-btn-reset{width:100%}.rvl-table th:nth-child(3),.rvl-table td:nth-child(3),.rvl-table th:nth-child(5),.rvl-table td:nth-child(5){display:none}}@media (width<=480px){.rvl-stats-grid{grid-template-columns:1fr}}.rvf-container{box-sizing:border-box;max-width:700px;margin:0 auto;padding:24px}.rvf-title{color:#1f2937;margin-bottom:24px;font-size:24px;font-weight:700}.rvf-error{color:#dc2626;background:#fef2f2;border-radius:8px;margin-bottom:20px;padding:12px 16px}.rvf-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.rvf-section{border-bottom:1px solid #f3f4f6;padding:20px}.rvf-section h3{align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:600;display:flex}.rvf-row{gap:16px;margin-bottom:16px;display:flex}.rvf-group{flex:1}.rvf-group label{color:#4b5563;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.rvf-input,.rvf-select{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.rvf-readonly{color:#059669;background:#f9fafb;font-weight:700}.rvf-actions{background:#f9fafb;gap:12px;padding:20px;display:flex}.rvf-btn-cancel,.rvf-btn-submit{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;display:inline-flex}.rvf-btn-cancel{color:#4b5563;background:#f3f4f6}.rvf-btn-submit{color:#fff;background:#2563eb}.rvf-btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.rvf-row{flex-direction:column;gap:0}}.rvd-container{box-sizing:border-box;max-width:900px;margin:0 auto;padding:24px}.rvd-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.rvd-btn-back{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.rvd-btn-back:hover{background:#e5e7eb}.rvd-actions{flex-wrap:wrap;gap:8px;display:flex}.rvd-btn-validate,.rvd-btn-cancel{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.rvd-btn-validate{color:#065f46;background:#d1fae5}.rvd-btn-validate:hover{background:#a7f3d0;transform:translateY(-1px)}.rvd-btn-cancel{color:#dc2626;background:#fee2e2}.rvd-btn-cancel:hover{background:#fecaca;transform:translateY(-1px)}.rvd-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.rvd-card-header{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:16px;padding:24px;display:flex}.rvd-avatar{color:#2563eb;background:#dbeafe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.rvd-header-info{flex:1}.rvd-title{color:#1f2937;margin:0 0 6px;font-size:20px;font-weight:700}.rvd-header-badges{flex-wrap:wrap;gap:8px;display:flex}.rvd-status{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.rvd-status-en_attente{color:#92400e;background:#fef3c7}.rvd-status-partiel{color:#1e40af;background:#dbeafe}.rvd-status-reverse{color:#065f46;background:#d1fae5}.rvd-status-annule{color:#991b1b;background:#fee2e2}.rvd-periode-badge{color:#4b5563;background:#f3f4f6;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.rvd-stats-section{background:#f9fafb;border-bottom:1px solid #f3f4f6;grid-template-columns:repeat(4,1fr);gap:0;padding:20px 24px;display:grid}.rvd-stat-item{text-align:center;border-right:1px solid #e5e7eb;flex-direction:column;align-items:center;padding:0 8px;display:flex}.rvd-stat-item:last-child{border-right:none}.rvd-stat-item svg{color:#2563eb;margin-bottom:4px;font-size:20px}.rvd-stat-value{color:#1f2937;font-size:18px;font-weight:700}.rvd-stat-item.rvd-stat-commission .rvd-stat-value{color:#e67e22}.rvd-stat-item.rvd-stat-net .rvd-stat-value{color:#059669}.rvd-stat-item.rvd-stat-reverse .rvd-stat-value{color:#2563eb}.rvd-stat-label{color:#9ca3af;margin-top:2px;font-size:11px;font-weight:500}.rvd-montants-section{border-bottom:1px solid #f3f4f6;padding:20px 24px}.rvd-montants-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.rvd-montant-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.rvd-montant-item.rvd-montant-total{background:#eff6ff;border-color:#bfdbfe}.rvd-montant-label{color:#6b7280;font-size:13px}.rvd-montant-value{color:#1f2937;font-size:14px;font-weight:600}.rvd-montant-commission{color:#e67e22}.rvd-montant-depenses{color:#dc2626}.rvd-montant-reverse{color:#059669}.rvd-montant-restant{color:#dc2626}.rvd-montant-total .rvd-montant-value{color:#2563eb;font-size:16px}.rvd-progression-section{border-bottom:1px solid #f3f4f6;padding:16px 24px 20px}.rvd-progression-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.rvd-progression-label{color:#4b5563;font-size:14px;font-weight:500}.rvd-progression-value{color:#2563eb;font-size:14px;font-weight:700}.rvd-progression-bar{background:#e5e7eb;border-radius:4px;width:100%;height:8px;overflow:hidden}.rvd-progression-fill{background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:4px;height:100%;transition:width .6s}.rvd-progression-details{color:#6b7280;justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.rvd-section{border-bottom:1px solid #f3f4f6;padding:20px 24px}.rvd-section:last-of-type{border-bottom:none}.rvd-section-title{color:#1f2937;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:600;display:flex}.rvd-section-title svg{color:#2563eb}.rvd-bailleur-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.rvd-bailleur-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.rvd-bailleur-avatar{color:#2563eb;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.rvd-bailleur-info{flex:1}.rvd-bailleur-nom{color:#1f2937;font-size:15px;font-weight:600;display:block}.rvd-bailleur-type{color:#6b7280;font-size:12px}.rvd-bailleur-link{color:#2563eb;font-size:12px;font-weight:500;text-decoration:none}.rvd-bailleur-link:hover{text-decoration:underline}.rvd-bailleur-details{color:#4b5563;flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.rvd-bailleur-details span{align-items:center;gap:4px;display:flex}.rvd-bailleur-details svg{color:#9ca3af;font-size:14px}.rvd-agence-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.rvd-agence-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.rvd-agence-avatar{color:#2563eb;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.rvd-agence-nom{color:#1f2937;font-size:15px;font-weight:600;display:block}.rvd-agence-code{color:#6b7280;font-size:12px}.rvd-agence-details{color:#4b5563;flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.rvd-agence-details span{align-items:center;gap:4px;display:flex}.rvd-agence-details svg{color:#9ca3af;font-size:14px}.rvd-details-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.rvd-detail-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;gap:10px;padding:8px 12px;display:flex}.rvd-detail-item svg{color:#2563eb;flex-shrink:0;margin-top:2px;font-size:18px}.rvd-detail-label{color:#9ca3af;font-size:11px;font-weight:500;display:block}.rvd-detail-value{color:#1f2937;font-size:14px;font-weight:500;display:block}.rvd-immeubles-list{flex-direction:column;gap:6px;display:flex}.rvd-immeuble-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.rvd-immeuble-nom{color:#1f2937;font-size:14px}.rvd-immeuble-montant{color:#059669;font-size:14px;font-weight:600}.rvd-justificatif-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.rvd-justificatif-info{align-items:center;gap:10px;display:flex}.rvd-justificatif-icon{color:#2563eb;font-size:24px}.rvd-justificatif-name{color:#1f2937;font-size:14px;font-weight:500}.rvd-justificatif-actions{gap:6px;display:flex}.rvd-justificatif-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.rvd-justificatif-btn-view{color:#2563eb;background:#dbeafe}.rvd-justificatif-btn-view:hover{background:#bfdbfe}.rvd-justificatif-btn-download{color:#059669;background:#d1fae5}.rvd-justificatif-btn-download:hover{background:#a7f3d0}.rvd-commentaire{color:#4b5563;background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;margin:0;padding:12px 16px;font-size:14px;line-height:1.6}.rvd-no-data{color:#9ca3af;margin:0;font-size:14px}.rvd-footer{color:#9ca3af;background:#f9fafb;border-top:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:16px 24px;font-size:12px;display:flex}.rvd-loading,.rvd-error{text-align:center;color:#6b7280;padding:60px;font-size:16px}.rvd-error{color:#dc2626}@media (width<=768px){.rvd-container{padding:16px}.rvd-stats-section{grid-template-columns:repeat(2,1fr);gap:16px}.rvd-stat-item{border-right:none;padding:0}.rvd-montants-grid{grid-template-columns:repeat(2,1fr)}.rvd-details-grid{grid-template-columns:1fr}.rvd-header{flex-direction:column;align-items:flex-start}.rvd-actions{width:100%}.rvd-actions button{flex:1;justify-content:center}}@media (width<=480px){.rvd-montants-grid{grid-template-columns:1fr}.rvd-stats-section{grid-template-columns:1fr 1fr}}.dpl-container{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:24px}.dpl-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.dpl-title{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.dpl-subtitle{color:#6b7280;margin:0;font-size:13px}.dpl-btn-add{color:#fff;background:#2563eb;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.dpl-btn-add:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.dpl-stats-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;display:grid}.dpl-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.dpl-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.dpl-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.dpl-stat-total .dpl-stat-icon{color:#2563eb;background:#dbeafe}.dpl-stat-attente .dpl-stat-icon{color:#92400e;background:#fef3c7}.dpl-stat-approuvees .dpl-stat-icon{color:#065f46;background:#d1fae5}.dpl-stat-payees .dpl-stat-icon{color:#0e7490;background:#cffafe}.dpl-stat-montant .dpl-stat-icon{color:#991b1b;background:#fee2e2}.dpl-stat-info{flex-direction:column;min-width:0;display:flex}.dpl-stat-value{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;overflow:hidden}.dpl-stat-label{color:#6b7280;font-size:11px;font-weight:500}.dpl-filter-search{flex:2}.dpl-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:20px}.dpl-filters-form{align-items:center;gap:12px;display:flex}.dpl-filter-group{flex:1;min-width:150px;position:relative}.dpl-filter-icon{color:#9ca3af;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.dpl-filter-input{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px 10px 40px;font-size:13px}.dpl-filter-select{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px;font-size:13px}.dpl-btn-filter,.dpl-btn-reset{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 20px;font-size:13px}.dpl-btn-filter{color:#fff;background:#2563eb}.dpl-btn-reset{color:#4b5563;background:#f3f4f6}.dpl-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.dpl-table{border-collapse:collapse;width:100%}.dpl-table th{text-align:left;text-transform:uppercase;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:600}.dpl-table td{border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:13px}.dpl-table tbody tr:hover{background:#f9fafb}.dpl-numero{color:#2563eb;font-weight:600;text-decoration:none}.dpl-categorie{background:#f3f4f6;border-radius:20px;padding:4px 10px;font-size:12px}.dpl-montant{color:#dc2626;white-space:nowrap;font-weight:600}.dpl-status{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.dpl-status-en_attente{color:#92400e;background:#fef3c7}.dpl-status-approuve{color:#065f46;background:#d1fae5}.dpl-status-rejete{color:#991b1b;background:#fee2e2}.dpl-status-paye{color:#1e40af;background:#dbeafe}.dpl-actions{gap:6px;display:flex}.dpl-action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;text-decoration:none;display:flex}.dpl-view{color:#2563eb;background:#dbeafe}.dpl-edit{color:#d97706;background:#fef3c7}.dpl-approve{color:#065f46;background:#d1fae5}.dpl-reject{color:#dc2626;background:#fee2e2}.dpl-pay{color:#7c3aed;background:#ede9fe}.dpl-pagination{justify-content:center;align-items:center;gap:15px;margin-top:20px;display:flex}.dpl-page-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:inline-flex}.dpl-page-btn:disabled{cursor:not-allowed;background:#d1d5db}.dpl-loading,.dpl-error,.dpl-empty{text-align:center;color:#6b7280;padding:40px}.dpl-error{color:#dc2626}.dpl-empty-icon{color:#d1d5db;margin-bottom:12px;font-size:40px}@media (width<=1024px){.dpl-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.dpl-container{padding:16px}.dpl-header{flex-direction:column;align-items:flex-start}.dpl-btn-add{justify-content:center;width:100%}.dpl-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.dpl-stat-card{gap:8px;padding:12px}.dpl-stat-icon{width:32px;height:32px;font-size:14px}.dpl-stat-value{font-size:15px}.dpl-filters-form{flex-direction:column;align-items:stretch}.dpl-filter-group,.dpl-filter-search{flex:none;width:100%;min-width:auto}.dpl-btn-filter,.dpl-btn-reset{width:100%}.dpl-table th:nth-child(4),.dpl-table td:nth-child(4){display:none}}@media (width<=480px){.dpl-stats-grid{grid-template-columns:1fr}}.dpf-container{box-sizing:border-box;max-width:700px;margin:0 auto;padding:24px}.dpf-title{color:#1f2937;margin-bottom:24px;font-size:24px;font-weight:700}.dpf-error{color:#dc2626;background:#fef2f2;border-radius:8px;margin-bottom:20px;padding:12px 16px}.dpf-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.dpf-section{border-bottom:1px solid #f3f4f6;padding:20px}.dpf-section h3{align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:600;display:flex}.dpf-row{gap:16px;margin-bottom:16px;display:flex}.dpf-group{flex:1}.dpf-group label{color:#4b5563;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.dpf-input,.dpf-select{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.dpf-actions{background:#f9fafb;gap:12px;padding:20px;display:flex}.dpf-btn-cancel,.dpf-btn-submit{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;display:inline-flex}.dpf-btn-cancel{color:#4b5563;background:#f3f4f6}.dpf-btn-submit{color:#fff;background:#2563eb}.dpf-btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.dpf-row{flex-direction:column;gap:0}}.dpd-container{box-sizing:border-box;max-width:900px;margin:0 auto;padding:24px}.dpd-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.dpd-btn-back{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.dpd-btn-back:hover{background:#e5e7eb}.dpd-actions{flex-wrap:wrap;gap:8px;display:flex}.dpd-btn-approve,.dpd-btn-reject,.dpd-btn-pay,.dpd-btn-edit,.dpd-btn-delete{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.dpd-btn-approve{color:#065f46;background:#d1fae5}.dpd-btn-approve:hover{background:#a7f3d0;transform:translateY(-1px)}.dpd-btn-reject{color:#dc2626;background:#fee2e2}.dpd-btn-reject:hover{background:#fecaca;transform:translateY(-1px)}.dpd-btn-pay{color:#7c3aed;background:#ede9fe}.dpd-btn-pay:hover{background:#ddd6fe;transform:translateY(-1px)}.dpd-btn-edit{color:#2563eb;background:#dbeafe}.dpd-btn-edit:hover{background:#bfdbfe;transform:translateY(-1px)}.dpd-btn-delete{color:#dc2626;background:#fee2e2}.dpd-btn-delete:hover{background:#fecaca;transform:translateY(-1px)}.dpd-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.dpd-card-header{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:16px;padding:24px;display:flex}.dpd-avatar{color:#2563eb;background:#dbeafe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.dpd-header-info{flex:1}.dpd-title{color:#1f2937;margin:0 0 8px;font-size:20px;font-weight:700}.dpd-header-badges{flex-wrap:wrap;gap:8px;display:flex}.dpd-status{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.dpd-type-badge,.dpd-categorie-badge{color:#4b5563;background:#f3f4f6;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.dpd-stats-section{background:#f9fafb;border-bottom:1px solid #f3f4f6;grid-template-columns:repeat(4,1fr);gap:0;padding:20px 24px;display:grid}.dpd-stat-item{text-align:center;border-right:1px solid #e5e7eb;flex-direction:column;align-items:center;padding:0 8px;display:flex}.dpd-stat-item:last-child{border-right:none}.dpd-stat-item svg{color:#2563eb;margin-bottom:4px;font-size:20px}.dpd-stat-value{color:#1f2937;font-size:18px;font-weight:700}.dpd-stat-value.dpd-montant{color:#dc2626}.dpd-stat-label{color:#9ca3af;margin-top:2px;font-size:11px;font-weight:500}.dpd-montants-section{border-bottom:1px solid #f3f4f6;padding:20px 24px}.dpd-montants-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dpd-montant-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.dpd-montant-item.dpd-montant-total{background:#eff6ff;border-color:#bfdbfe}.dpd-montant-label{color:#6b7280;font-size:13px}.dpd-montant-value{color:#1f2937;font-size:14px;font-weight:600}.dpd-montant-tva{color:#7c3aed}.dpd-montant-total .dpd-montant-value{color:#2563eb;font-size:16px}.dpd-section{border-bottom:1px solid #f3f4f6;padding:20px 24px}.dpd-section:last-of-type{border-bottom:none}.dpd-section-title{color:#1f2937;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:600;display:flex}.dpd-section-title svg{color:#2563eb}.dpd-details-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.dpd-detail-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;gap:10px;padding:8px 12px;display:flex}.dpd-detail-item svg{color:#2563eb;flex-shrink:0;margin-top:2px;font-size:18px}.dpd-detail-label{color:#9ca3af;font-size:11px;font-weight:500;display:block}.dpd-detail-value{color:#1f2937;font-size:14px;font-weight:500;display:block}.dpd-immeuble-card,.dpd-bailleur-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.dpd-immeuble-header,.dpd-bailleur-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.dpd-immeuble-avatar,.dpd-bailleur-avatar{color:#2563eb;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.dpd-immeuble-info,.dpd-bailleur-info{flex:1}.dpd-immeuble-nom,.dpd-bailleur-nom{color:#1f2937;font-size:15px;font-weight:600;display:block}.dpd-immeuble-code,.dpd-bailleur-type{color:#6b7280;font-size:12px}.dpd-immeuble-link,.dpd-bailleur-link{color:#2563eb;font-size:12px;font-weight:500;text-decoration:none}.dpd-immeuble-link:hover,.dpd-bailleur-link:hover{text-decoration:underline}.dpd-immeuble-details,.dpd-bailleur-details{color:#4b5563;flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.dpd-immeuble-details span,.dpd-bailleur-details span{align-items:center;gap:4px;display:flex}.dpd-immeuble-details svg,.dpd-bailleur-details svg{color:#9ca3af;font-size:14px}.dpd-appartement-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.dpd-appartement-numero{color:#1f2937;font-weight:600}.dpd-appartement-code{color:#6b7280;font-size:12px}.dpd-appartement-link{color:#2563eb;margin-left:auto;font-size:12px;font-weight:500;text-decoration:none}.dpd-appartement-link:hover{text-decoration:underline}.dpd-fournisseur-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}.dpd-fournisseur-nom{color:#1f2937;font-weight:600}.dpd-fournisseur-contact{color:#4b5563;align-items:center;gap:4px;font-size:13px;display:flex}.dpd-description,.dpd-commentaire{color:#4b5563;background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;margin:0;padding:12px 16px;font-size:14px;line-height:1.6}.dpd-documents-list{flex-direction:column;gap:8px;display:flex}.dpd-document-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:12px;padding:8px 12px;display:flex}.dpd-document-icon{color:#2563eb;font-size:20px}.dpd-document-name{color:#1f2937;flex:1;font-size:14px}.dpd-document-btn{color:#2563eb;background:#dbeafe;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.dpd-document-btn:hover{background:#bfdbfe}.dpd-section-approbation{background:#f0fdf4}.dpd-section-paiement{background:#eff6ff}.dpd-approbation-info,.dpd-paiement-info{color:#4b5563;flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.dpd-footer{color:#9ca3af;background:#f9fafb;border-top:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:16px 24px;font-size:12px;display:flex}.dpd-loading,.dpd-error{text-align:center;color:#6b7280;padding:60px;font-size:16px}.dpd-error{color:#dc2626}@media (width<=768px){.dpd-container{padding:16px}.dpd-stats-section{grid-template-columns:repeat(2,1fr);gap:16px}.dpd-stat-item{border-right:none;padding:0}.dpd-montants-grid,.dpd-details-grid{grid-template-columns:1fr}.dpd-header{flex-direction:column;align-items:flex-start}.dpd-actions{width:100%}.dpd-actions button,.dpd-actions a{flex:1;justify-content:center}}.mtl-container{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:24px}.mtl-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.mtl-title{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.mtl-subtitle{color:#6b7280;margin:0;font-size:13px}.mtl-btn-add{color:#fff;background:#2563eb;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.mtl-btn-add:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.mtl-stats-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px;display:grid}.mtl-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.mtl-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.mtl-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.mtl-stat-total .mtl-stat-icon{color:#2563eb;background:#dbeafe}.mtl-stat-ouvertes .mtl-stat-icon{color:#92400e;background:#fef3c7}.mtl-stat-en_cours .mtl-stat-icon{color:#0e7490;background:#cffafe}.mtl-stat-resolues .mtl-stat-icon{color:#065f46;background:#d1fae5}.mtl-stat-urgentes .mtl-stat-icon{color:#fff;background:#dc3545}.mtl-stat-cout .mtl-stat-icon{color:#5b21b6;background:#ede9fe}.mtl-stat-info{flex-direction:column;min-width:0;display:flex}.mtl-stat-value{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;overflow:hidden}.mtl-stat-label{color:#6b7280;font-size:11px;font-weight:500}.mtl-filter-search{flex:2}.mtl-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:20px}.mtl-filters-form{align-items:center;gap:12px;display:flex}.mtl-filter-group{flex:1;min-width:150px;position:relative}.mtl-filter-icon{color:#9ca3af;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.mtl-filter-input{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px 10px 40px;font-size:13px}.mtl-filter-select{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px;font-size:13px}.mtl-btn-filter,.mtl-btn-reset{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 20px;font-size:13px}.mtl-btn-filter{color:#fff;background:#2563eb}.mtl-btn-reset{color:#4b5563;background:#f3f4f6}.mtl-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.mtl-table{border-collapse:collapse;width:100%}.mtl-table th{text-align:left;text-transform:uppercase;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:600}.mtl-table td{border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:13px}.mtl-table tbody tr:hover{background:#f9fafb}.mtl-numero{color:#2563eb;font-weight:600;text-decoration:none}.mtl-montant{color:#e67e22;white-space:nowrap;font-weight:600}.mtl-priorite{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.mtl-priorite-basse{color:#065f46;background:#d1fae5}.mtl-priorite-moyenne{color:#92400e;background:#fef3c7}.mtl-priorite-haute{color:#991b1b;background:#fee2e2}.mtl-priorite-urgente{color:#fff;background:#dc3545;font-weight:700}.mtl-status{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.mtl-status-ouvert{color:#92400e;background:#fef3c7}.mtl-status-en_cours{color:#1e40af;background:#dbeafe}.mtl-status-resolu{color:#065f46;background:#d1fae5}.mtl-status-annule{color:#4b5563;background:#f3f4f6}.mtl-actions{gap:6px;display:flex}.mtl-action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;text-decoration:none;display:flex}.mtl-view{color:#2563eb;background:#dbeafe}.mtl-edit{color:#d97706;background:#fef3c7}.mtl-resolve{color:#065f46;background:#d1fae5}.mtl-cancel{color:#dc2626;background:#fee2e2}.mtl-pagination{justify-content:center;align-items:center;gap:15px;margin-top:20px;display:flex}.mtl-page-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:inline-flex}.mtl-page-btn:disabled{cursor:not-allowed;background:#d1d5db}.mtl-loading,.mtl-error,.mtl-empty{text-align:center;color:#6b7280;padding:40px}.mtl-error{color:#dc2626}.mtl-empty-icon{color:#d1d5db;margin-bottom:12px;font-size:40px}@media (width<=1024px){.mtl-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.mtl-container{padding:16px}.mtl-header{flex-direction:column;align-items:flex-start}.mtl-btn-add{justify-content:center;width:100%}.mtl-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.mtl-stat-card{gap:8px;padding:12px}.mtl-stat-icon{width:32px;height:32px;font-size:14px}.mtl-stat-value{font-size:15px}.mtl-filters-form{flex-direction:column;align-items:stretch}.mtl-filter-group,.mtl-filter-search{flex:none;width:100%;min-width:auto}.mtl-btn-filter,.mtl-btn-reset{width:100%}.mtl-table th:nth-child(5),.mtl-table td:nth-child(5){display:none}}@media (width<=480px){.mtl-stats-grid{grid-template-columns:1fr}}.mtf-container{box-sizing:border-box;max-width:700px;margin:0 auto;padding:24px}.mtf-title{color:#1f2937;margin-bottom:24px;font-size:24px;font-weight:700}.mtf-error{color:#dc2626;background:#fef2f2;border-radius:8px;margin-bottom:20px;padding:12px 16px}.mtf-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.mtf-section{border-bottom:1px solid #f3f4f6;padding:20px}.mtf-section h3{align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:600;display:flex}.mtf-row{gap:16px;margin-bottom:16px;display:flex}.mtf-group{flex:1}.mtf-group label{color:#4b5563;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.mtf-input,.mtf-select,.mtf-textarea{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.mtf-textarea{resize:vertical;min-height:80px}.mtf-checkbox-group{flex-wrap:wrap;gap:20px;display:flex}.mtf-checkbox-label{color:#4b5563;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.mtf-checkbox{accent-color:#2563eb;width:16px;height:16px}.mtf-actions{background:#f9fafb;gap:12px;padding:20px;display:flex}.mtf-btn-cancel,.mtf-btn-submit{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;display:inline-flex}.mtf-btn-cancel{color:#4b5563;background:#f3f4f6}.mtf-btn-submit{color:#fff;background:#2563eb}.mtf-btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.mtf-row{flex-direction:column;gap:0}}.mtd-container{box-sizing:border-box;max-width:900px;margin:0 auto;padding:24px}.mtd-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.mtd-btn-back{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.mtd-btn-back:hover{background:#e5e7eb}.mtd-actions{flex-wrap:wrap;gap:8px;display:flex}.mtd-btn-resolve,.mtd-btn-cancel,.mtd-btn-edit,.mtd-btn-delete{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.mtd-btn-resolve{color:#065f46;background:#d1fae5}.mtd-btn-resolve:hover{background:#a7f3d0;transform:translateY(-1px)}.mtd-btn-cancel{color:#dc2626;background:#fee2e2}.mtd-btn-cancel:hover{background:#fecaca;transform:translateY(-1px)}.mtd-btn-edit{color:#2563eb;background:#dbeafe}.mtd-btn-edit:hover{background:#bfdbfe;transform:translateY(-1px)}.mtd-btn-delete{color:#dc2626;background:#fee2e2}.mtd-btn-delete:hover{background:#fecaca;transform:translateY(-1px)}.mtd-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.mtd-card-header{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:16px;padding:24px;display:flex}.mtd-avatar{color:#2563eb;background:#dbeafe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.mtd-header-info{flex:1}.mtd-title{color:#1f2937;margin:0 0 8px;font-size:20px;font-weight:700}.mtd-header-badges{flex-wrap:wrap;gap:8px;display:flex}.mtd-status,.mtd-priorite-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.mtd-type-badge{color:#4b5563;background:#f3f4f6;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.mtd-urgent-badge{color:#dc2626;background:#fee2e2;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;animation:2s infinite mtd-pulse;display:inline-flex}@keyframes mtd-pulse{0%,to{opacity:1}50%{opacity:.6}}.mtd-stats-section{background:#f9fafb;border-bottom:1px solid #f3f4f6;grid-template-columns:repeat(4,1fr);gap:0;padding:20px 24px;display:grid}.mtd-stat-item{text-align:center;border-right:1px solid #e5e7eb;flex-direction:column;align-items:center;padding:0 8px;display:flex}.mtd-stat-item:last-child{border-right:none}.mtd-stat-item svg{color:#2563eb;margin-bottom:4px;font-size:20px}.mtd-stat-value{color:#1f2937;font-size:18px;font-weight:700}.mtd-stat-value.mtd-montant{color:#f59e0b}.mtd-stat-value.mtd-montant-reel{color:#dc2626}.mtd-stat-label{color:#9ca3af;margin-top:2px;font-size:11px;font-weight:500}.mtd-section{border-bottom:1px solid #f3f4f6;padding:20px 24px}.mtd-section:last-of-type{border-bottom:none}.mtd-section-title{color:#1f2937;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:600;display:flex}.mtd-section-title svg{color:#2563eb}.mtd-section-solution{background:#f0fdf4}.mtd-details-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.mtd-detail-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;gap:10px;padding:8px 12px;display:flex}.mtd-detail-item svg{color:#2563eb;flex-shrink:0;margin-top:2px;font-size:18px}.mtd-detail-label{color:#9ca3af;font-size:11px;font-weight:500;display:block}.mtd-detail-value{color:#1f2937;font-size:14px;font-weight:500;display:block}.mtd-appartement-card,.mtd-immeuble-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.mtd-appartement-info,.mtd-immeuble-info{flex-wrap:wrap;gap:12px;display:flex}.mtd-appartement-numero{color:#1f2937;font-weight:600}.mtd-appartement-code,.mtd-appartement-surface{color:#6b7280;font-size:12px}.mtd-appartement-link,.mtd-immeuble-link{color:#2563eb;font-size:12px;font-weight:500;text-decoration:none}.mtd-appartement-link:hover,.mtd-immeuble-link:hover{text-decoration:underline}.mtd-immeuble-nom{color:#1f2937;font-weight:600}.mtd-immeuble-code{color:#6b7280;font-size:12px}.mtd-immeuble-ville{color:#6b7280;align-items:center;gap:4px;font-size:12px;display:flex}.mtd-client-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.mtd-client-header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mtd-client-avatar{color:#2563eb;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.mtd-client-info{flex:1}.mtd-client-nom{color:#1f2937;font-size:15px;font-weight:600;display:block}.mtd-client-contact{color:#4b5563;align-items:center;gap:4px;margin-right:12px;font-size:13px;display:inline-flex}.mtd-client-link{color:#2563eb;font-size:12px;font-weight:500;text-decoration:none}.mtd-client-link:hover{text-decoration:underline}.mtd-client-comment{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:6px;margin-top:12px;padding:10px 12px}.mtd-comment-label{color:#92400e;font-size:12px;font-weight:600}.mtd-client-comment p{color:#4b5563;margin:4px 0 0;font-size:14px}.mtd-intervention-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.mtd-technicien-info,.mtd-entreprise-info{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mtd-technicien-nom,.mtd-entreprise-nom{color:#1f2937;font-weight:600}.mtd-technicien-contact,.mtd-entreprise-contact{color:#4b5563;align-items:center;gap:4px;font-size:13px;display:flex}.mtd-affecte-info{border-top:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:8px;padding-top:8px;display:flex}.mtd-affecte-label{color:#6b7280;font-size:13px}.mtd-affecte-nom{color:#1f2937;font-weight:500}.mtd-affecte-date{color:#9ca3af;font-size:12px}.mtd-description-text,.mtd-diagnostic-text,.mtd-solution-text,.mtd-commentaire-text{color:#4b5563;background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;margin:0;padding:12px 16px;font-size:14px;line-height:1.6}.mtd-resolu-par{color:#6b7280;margin-top:8px;font-size:13px;display:block}.mtd-photos-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.mtd-photo-item{aspect-ratio:1;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;position:relative;overflow:hidden}.mtd-photo-thumb{object-fit:cover;width:100%;height:100%}.mtd-photo-btn{color:#fff;opacity:0;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mtd-photo-item:hover .mtd-photo-btn{opacity:1}.mtd-photo-btn:hover{background:#2563eb;transform:translate(-50%,-50%)scale(1.1)}.mtd-documents-list{flex-direction:column;gap:8px;display:flex}.mtd-document-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:12px;padding:8px 12px;display:flex}.mtd-document-icon{color:#2563eb;font-size:20px}.mtd-document-name{color:#1f2937;flex:1;font-size:14px}.mtd-document-btn{color:#2563eb;background:#dbeafe;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.mtd-document-btn:hover{background:#bfdbfe}.mtd-fichier-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.mtd-fichier-icon{color:#2563eb;font-size:24px}.mtd-fichier-name{color:#1f2937;flex:1;font-size:14px;font-weight:500}.mtd-fichier-btn{color:#065f46;background:#d1fae5;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.mtd-fichier-btn:hover{background:#a7f3d0}.mtd-footer{color:#9ca3af;background:#f9fafb;border-top:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:16px 24px;font-size:12px;display:flex}.mtd-loading,.mtd-error{text-align:center;color:#6b7280;padding:60px;font-size:16px}.mtd-error{color:#dc2626}@media (width<=768px){.mtd-container{padding:16px}.mtd-stats-section{grid-template-columns:repeat(2,1fr);gap:16px}.mtd-stat-item{border-right:none;padding:0}.mtd-details-grid{grid-template-columns:1fr}.mtd-photos-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.mtd-header{flex-direction:column;align-items:flex-start}.mtd-actions{width:100%}.mtd-actions button,.mtd-actions a{flex:1;justify-content:center}.mtd-appartement-card,.mtd-immeuble-card{flex-direction:column;align-items:flex-start}}.rll-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.rll-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.rll-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.rll-stat-total .rll-stat-icon{color:#2563eb;background:#dbeafe}.rll-stat-envoyees .rll-stat-icon{color:#0e7490;background:#cffafe}.rll-stat-lues .rll-stat-icon{color:#92400e;background:#fef3c7}.rll-stat-repondues .rll-stat-icon{color:#065f46;background:#d1fae5}.rll-stat-echouees .rll-stat-icon{color:#991b1b;background:#fee2e2}.rll-stat-info{flex-direction:column;min-width:0;display:flex}.rll-stat-label{color:#6b7280;font-size:11px;font-weight:500}.rll-filter-search{flex:2}.rll-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:20px}.rll-filters-form{align-items:center;gap:12px;display:flex}.rll-filter-group{flex:1;min-width:150px;position:relative}.rll-filter-icon{color:#9ca3af;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.rll-filter-input{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px 10px 40px;font-size:13px}.rll-filter-select{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px;font-size:13px}.rll-btn-filter,.rll-btn-reset{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 20px;font-size:13px}.rll-btn-filter{color:#fff;background:#2563eb}.rll-btn-reset{color:#4b5563;background:#f3f4f6}.rll-numero{color:#2563eb;font-weight:600;text-decoration:none}.rll-type{background:#f3f4f6;border-radius:20px;padding:4px 10px;font-size:12px}.rll-status{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.rll-status-envoye{color:#1e40af;background:#dbeafe}.rll-status-echoue{color:#991b1b;background:#fee2e2}.rll-status-annule{color:#4b5563;background:#f3f4f6}.rll-status-recu{color:#065f46;background:#d1fae5}.rll-status-lu{color:#0e7490;background:#cffafe}.rll-status-repondu{color:#fff;background:#059669}.rll-action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;text-decoration:none;display:flex}.rll-read{color:#0e7490;background:#cffafe}.rll-replied{color:#065f46;background:#d1fae5}.rll-next{color:#7c3aed;background:#ede9fe}.rll-pagination{justify-content:center;align-items:center;gap:15px;margin-top:20px;display:flex}.rll-page-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:inline-flex}.rll-page-btn:disabled{cursor:not-allowed;background:#d1d5db}@media (width<=1024px){.rll-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.rll-container{padding:16px}.rll-header{flex-direction:column;align-items:flex-start}.rll-btn-add{justify-content:center;width:100%}.rll-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.rll-stat-card{gap:8px;padding:12px}.rll-stat-icon{width:32px;height:32px;font-size:14px}.rll-stat-value{font-size:15px}.rll-filters-form{flex-direction:column;align-items:stretch}.rll-filter-group,.rll-filter-search{flex:none;width:100%;min-width:auto}.rll-btn-filter,.rll-btn-reset{width:100%}.rll-table th:nth-child(4),.rll-table td:nth-child(4){display:none}}@media (width<=480px){.rll-stats-grid{grid-template-columns:1fr}}.rlf-title{color:#1f2937;margin-bottom:24px;font-size:24px;font-weight:700}.rlf-error{color:#dc2626;background:#fef2f2;border-radius:8px;margin-bottom:20px;padding:12px 16px}.rlf-section h3{align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:600;display:flex}.rlf-row{gap:16px;margin-bottom:16px;display:flex}.rlf-group label{color:#4b5563;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.rlf-input,.rlf-select,.rlf-textarea{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.rlf-textarea{resize:vertical;min-height:100px}.rlf-checkbox-group{gap:20px;display:flex}.rlf-checkbox-label{color:#4b5563;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.rlf-checkbox{accent-color:#2563eb;width:16px;height:16px}.rlf-actions{background:#f9fafb;gap:12px;padding:20px;display:flex}.rlf-btn-cancel,.rlf-btn-submit{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;display:inline-flex}@media (width<=768px){.rlf-row{flex-direction:column;gap:0}}.rld-btn-back{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.rld-btn-back:hover{background:#e5e7eb}.rld-actions{flex-wrap:wrap;gap:8px;display:flex}.rld-btn-read,.rld-btn-replied,.rld-btn-next,.rld-btn-delete{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.rld-btn-read{color:#0e7490;background:#cffafe}.rld-btn-read:hover{background:#a5f3fc;transform:translateY(-1px)}.rld-btn-replied{color:#065f46;background:#d1fae5}.rld-btn-replied:hover{background:#a7f3d0;transform:translateY(-1px)}.rld-btn-next{color:#7c3aed;background:#ede9fe}.rld-btn-next:hover{background:#ddd6fe;transform:translateY(-1px)}.rld-btn-delete:hover{background:#fecaca;transform:translateY(-1px)}.rld-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.rld-card-header{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:16px;padding:24px;display:flex}.rld-avatar{color:#2563eb;background:#dbeafe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.rld-header-info{flex:1}.rld-title{color:#1f2937;margin:0 0 8px;font-size:20px;font-weight:700}.rld-header-badges{flex-wrap:wrap;gap:8px;display:flex}.rld-status{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.rld-type-badge,.rld-niveau-badge,.rld-auto-badge{color:#4b5563;background:#f3f4f6;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.rld-tentatives{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;align-items:center;padding:8px 16px;display:flex}.rld-tentatives-label{color:#9ca3af;font-size:11px;font-weight:500}.rld-tentatives-value{color:#1f2937;font-size:18px;font-weight:700}.rld-stats-section{background:#f9fafb;border-bottom:1px solid #f3f4f6;grid-template-columns:repeat(4,1fr);gap:0;padding:20px 24px;display:grid}.rld-stat-item{text-align:center;border-right:1px solid #e5e7eb;flex-direction:column;align-items:center;padding:0 8px;display:flex}.rld-stat-item:last-child{border-right:none}.rld-stat-item svg{color:#2563eb;margin-bottom:4px;font-size:20px}.rld-stat-value{color:#1f2937;font-size:16px;font-weight:700}.rld-stat-label{color:#9ca3af;margin-top:2px;font-size:11px;font-weight:500}.rld-section-title{color:#1f2937;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:600;display:flex}.rld-section-title svg{color:#2563eb}.rld-objet,.rld-contenu,.rld-reponse{border-top:1px solid #f3f4f6;padding:20px 24px}.rld-contenu-box{background:#f9fafb;border-left:4px solid #2563eb;border-radius:8px;padding:16px}.rld-contenu-box pre{color:#4b5563;white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:inherit;font-size:14px;line-height:1.6}.rld-reponse-box{background:#f0fdf4;border-left:4px solid #059669;border-radius:8px;padding:16px}.rld-reponse-box pre{color:#1f2937;white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:inherit;font-size:14px;line-height:1.6}.rld-section{border-top:1px solid #f3f4f6;padding:20px 24px}.rld-client-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.rld-client-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.rld-client-avatar{color:#2563eb;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.rld-client-info{flex:1}.rld-client-nom{color:#1f2937;font-size:15px;font-weight:600;display:block}.rld-client-statut{color:#6b7280;font-size:12px}.rld-client-link{color:#2563eb;font-size:12px;font-weight:500;text-decoration:none}.rld-client-link:hover{text-decoration:underline}.rld-client-details{color:#4b5563;flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.rld-client-details span{align-items:center;gap:4px;display:flex}.rld-client-details svg{color:#9ca3af;font-size:14px}.rld-client-notes{background:#fffbeb;border:1px solid #fde68a;border-radius:6px;margin-top:12px;padding:10px 12px}.rld-client-notes-label{color:#92400e;font-size:12px;font-weight:600}.rld-client-notes p{color:#4b5563;margin:4px 0 0;font-size:14px}.rld-appartement-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.rld-appartement-info{flex-wrap:wrap;gap:12px;display:flex}.rld-appartement-numero{color:#1f2937;font-weight:600}.rld-appartement-code,.rld-appartement-surface{color:#6b7280;font-size:12px}.rld-appartement-statut{color:#065f46;background:#d1fae5;border-radius:4px;padding:2px 8px;font-size:12px}.rld-appartement-link{color:#2563eb;font-size:12px;font-weight:500;text-decoration:none}.rld-appartement-link:hover{text-decoration:underline}.rld-echeance-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.rld-echeance-info{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rld-echeance-periode{color:#1f2937;font-weight:600}.rld-echeance-montant{color:#dc2626;align-items:center;gap:4px;font-weight:600;display:flex}.rld-echeance-montant svg{font-size:14px}.rld-echeance-statut{border-radius:4px;padding:2px 8px;font-size:12px}.rld-echeance-en_attente{color:#92400e;background:#fef3c7}.rld-echeance-partiel{color:#1e40af;background:#dbeafe}.rld-echeance-paye{color:#065f46;background:#d1fae5}.rld-echeance-retard{color:#991b1b;background:#fee2e2}.rld-echeance-impaye{color:#dc2626;background:#fee2e2}.rld-echeance-link{color:#2563eb;font-size:12px;font-weight:500;text-decoration:none}.rld-echeance-link:hover{text-decoration:underline}.rld-contrat-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.rld-contrat-numero{color:#1f2937;font-weight:600}.rld-contrat-statut{color:#065f46;background:#d1fae5;border-radius:4px;padding:2px 8px;font-size:12px}.rld-contrat-link{color:#2563eb;font-size:12px;font-weight:500;text-decoration:none}.rld-contrat-link:hover{text-decoration:underline}.rld-technical-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.rld-technical-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;flex-direction:column;padding:8px 12px;display:flex}.rld-technical-item.rld-technical-full{grid-column:span 2}.rld-technical-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.rld-technical-value{color:#1f2937;margin-top:2px;font-size:14px;font-weight:500}.rld-footer{color:#9ca3af;background:#f9fafb;border-top:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:16px 24px;font-size:12px;display:flex}.rld-loading,.rld-error{text-align:center;color:#6b7280;padding:60px;font-size:16px}@media (width<=768px){.rld-container{padding:16px}.rld-stats-section{grid-template-columns:repeat(2,1fr);gap:16px}.rld-stat-item{border-right:none;padding:0}.rld-technical-grid{grid-template-columns:1fr}.rld-technical-item.rld-technical-full{grid-column:span 1}.rld-header{flex-direction:column;align-items:flex-start}.rld-actions{width:100%}.rld-actions button{flex:1;justify-content:center}.rld-client-header,.rld-appartement-card,.rld-echeance-card,.rld-contrat-card{flex-direction:column;align-items:flex-start}}.ecl-container{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:24px}.ecl-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.ecl-title{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.ecl-subtitle{color:#6b7280;margin:0;font-size:13px}.ecl-btn-add{color:#fff;background:#2563eb;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.ecl-btn-add:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.ecl-stats-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px;display:grid}.ecl-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.ecl-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.ecl-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.ecl-stat-total .ecl-stat-icon{color:#2563eb;background:#dbeafe}.ecl-stat-paye .ecl-stat-icon{color:#065f46;background:#d1fae5}.ecl-stat-attente .ecl-stat-icon{color:#92400e;background:#fef3c7}.ecl-stat-retard .ecl-stat-icon{color:#991b1b;background:#fee2e2}.ecl-stat-impaye .ecl-stat-icon{color:#4b5563;background:#f3f4f6}.ecl-stat-reste .ecl-stat-icon{color:#5b21b6;background:#ede9fe}.ecl-stat-info{flex-direction:column;min-width:0;display:flex}.ecl-stat-value{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;overflow:hidden}.ecl-stat-label{color:#6b7280;font-size:11px;font-weight:500}.ecl-filter-search{flex:2}.ecl-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:20px}.ecl-filters-form{align-items:center;gap:12px;display:flex}.ecl-filter-group{flex:1;min-width:150px;position:relative}.ecl-filter-icon{color:#9ca3af;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.ecl-filter-input{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px 10px 40px;font-size:13px}.ecl-filter-select{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px;font-size:13px}.ecl-btn-filter,.ecl-btn-reset{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 20px;font-size:13px}.ecl-btn-filter{color:#fff;background:#2563eb}.ecl-btn-reset{color:#4b5563;background:#f3f4f6}.ecl-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.ecl-table{border-collapse:collapse;width:100%}.ecl-table th{text-align:left;text-transform:uppercase;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:600}.ecl-table td{border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:13px}.ecl-table tbody tr:hover{background:#f9fafb}.ecl-periode{align-items:center;gap:6px;display:flex}.ecl-periode svg{color:#2563eb}.ecl-montant{white-space:nowrap;font-weight:600}.ecl-paye{color:#27ae60}.ecl-reste{color:#e74c3c;font-weight:700}.ecl-status{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.ecl-status-en_attente{color:#92400e;background:#fef3c7}.ecl-status-partiel{color:#1e40af;background:#dbeafe}.ecl-status-paye{color:#065f46;background:#d1fae5}.ecl-status-retard{color:#991b1b;background:#fee2e2}.ecl-status-impaye{color:#4b5563;background:#f3f4f6}.ecl-status-annule{color:#999;background:#f5f5f5}.ecl-actions{gap:6px;display:flex}.ecl-action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;text-decoration:none;display:flex}.ecl-view{color:#2563eb;background:#dbeafe}.ecl-validate{color:#065f46;background:#d1fae5}.ecl-penalty{color:#d97706;background:#fef3c7}.ecl-remind{color:#7c3aed;background:#ede9fe}.ecl-pagination{justify-content:center;align-items:center;gap:15px;margin-top:20px;display:flex}.ecl-page-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:inline-flex}.ecl-page-btn:disabled{cursor:not-allowed;background:#d1d5db}.ecl-loading,.ecl-error,.ecl-empty{text-align:center;color:#6b7280;padding:40px}.ecl-error{color:#dc2626}.ecl-empty-icon{color:#d1d5db;margin-bottom:12px;font-size:40px}@media (width<=1024px){.ecl-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.ecl-container{padding:16px}.ecl-header{flex-direction:column;align-items:flex-start}.ecl-btn-add{justify-content:center;width:100%}.ecl-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ecl-stat-card{gap:8px;padding:12px}.ecl-stat-icon{width:32px;height:32px;font-size:14px}.ecl-stat-value{font-size:15px}.ecl-filters-form{flex-direction:column;align-items:stretch}.ecl-filter-group,.ecl-filter-search{flex:none;width:100%;min-width:auto}.ecl-btn-filter,.ecl-btn-reset{width:100%}.ecl-table th:nth-child(3),.ecl-table td:nth-child(3),.ecl-table th:nth-child(5),.ecl-table td:nth-child(5){display:none}}@media (width<=480px){.ecl-stats-grid{grid-template-columns:1fr}}.ecf-container{box-sizing:border-box;max-width:700px;margin:0 auto;padding:24px}.ecf-title{color:#1f2937;margin-bottom:24px;font-size:24px;font-weight:700}.ecf-error{color:#dc2626;background:#fef2f2;border-radius:8px;margin-bottom:20px;padding:12px 16px}.ecf-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.ecf-section{border-bottom:1px solid #f3f4f6;padding:20px}.ecf-section h3{align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:600;display:flex}.ecf-row{gap:16px;margin-bottom:16px;display:flex}.ecf-group{flex:1}.ecf-group label{color:#4b5563;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.ecf-input,.ecf-select{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.ecf-readonly{color:#e74c3c;background:#f9fafb;font-weight:600}.ecf-actions{background:#f9fafb;gap:12px;padding:20px;display:flex}.ecf-btn-cancel,.ecf-btn-submit{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;display:inline-flex}.ecf-btn-cancel{color:#4b5563;background:#f3f4f6}.ecf-btn-submit{color:#fff;background:#2563eb}.ecf-btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.ecf-row{flex-direction:column;gap:0}}.ecf-error{background:#fff5f5;border:1px solid #fc8181;border-left:4px solid #e53e3e;border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 18px;animation:.3s slideDown;display:flex}.ecf-error-icon{flex-shrink:0;font-size:20px}.ecf-error-text{color:#9b2c2c;font-size:14px;font-weight:500;line-height:1.4}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.ecd-container{box-sizing:border-box;max-width:900px;margin:0 auto;padding:24px}.ecd-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.ecd-btn-back{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.ecd-actions{flex-wrap:wrap;gap:8px;display:flex}.ecd-btn-validate,.ecd-btn-penalty,.ecd-btn-remind,.ecd-btn-delete{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.ecd-btn-validate{color:#065f46;background:#d1fae5}.ecd-btn-penalty{color:#d97706;background:#fef3c7}.ecd-btn-remind{color:#7c3aed;background:#ede9fe}.ecd-btn-delete{color:#dc2626;background:#fee2e2}.ecd-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.ecd-card-header{border-bottom:1px solid #f3f4f6;align-items:center;gap:16px;padding:24px;display:flex}.ecd-avatar{color:#2563eb;background:#dbeafe;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;display:flex}.ecd-header-info{flex:1}.ecd-title{color:#1f2937;margin:0 0 8px;font-size:20px;font-weight:700}.ecd-retard-badge{color:#dc2626;background:#fee2e2;border-radius:20px;align-items:center;gap:4px;margin-left:8px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.ecd-status{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.ecd-status-en_attente{color:#92400e;background:#fef3c7}.ecd-status-partiel{color:#1e40af;background:#dbeafe}.ecd-status-paye{color:#065f46;background:#d1fae5}.ecd-status-retard{color:#991b1b;background:#fee2e2}.ecd-status-impaye{color:#4b5563;background:#f3f4f6}.ecd-status-annule{color:#999;background:#f5f5f5}.ecd-montants-section{background:#f9fafb;border-bottom:1px solid #f3f4f6;flex-wrap:wrap;gap:16px;padding:20px 24px;display:flex}.ecd-montant-item{flex-direction:column;flex:1;gap:4px;min-width:120px;display:flex}.ecd-montant-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.ecd-montant-value{color:#1f2937;font-size:18px;font-weight:700}.ecd-montant-value.ecd-paye{color:#059669}.ecd-montant-value.ecd-reste{color:#dc2626}.ecd-montant-value.ecd-penalites{color:#d97706}.ecd-progress-section{border-bottom:1px solid #f3f4f6;padding:16px 24px}.ecd-progress-header{justify-content:space-between;margin-bottom:8px;display:flex}.ecd-progress-label{color:#6b7280;font-size:12px;font-weight:500}.ecd-progress-value{color:#2563eb;font-size:14px;font-weight:700}.ecd-progress-track{background:#f3f4f6;border-radius:10px;width:100%;height:8px;overflow:hidden}.ecd-progress-fill{border-radius:10px;height:100%;transition:width 1s}.ecd-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:24px;display:grid}.ecd-item{align-items:flex-start;gap:12px;display:flex}.ecd-item-icon{color:#2563eb;margin-top:2px;font-size:18px}.ecd-item-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;display:block}.ecd-item-value{color:#1f2937;margin:0;font-size:14px;font-weight:600}.ecd-section-title{color:#1f2937;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:700;display:flex}.ecd-client-section{background:#f9fafb;border-top:1px solid #f3f4f6;padding:20px 24px}.ecd-client-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.ecd-client-avatar{color:#2563eb;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.ecd-client-info{flex-direction:column;flex:1;gap:4px;display:flex}.ecd-client-name{color:#1f2937;font-size:14px;font-weight:700}.ecd-client-contact{color:#6b7280;align-items:center;gap:6px;font-size:12px;display:flex}.ecd-client-link{color:#2563eb;background:#dbeafe;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none}.ecd-appartement-section{border-top:1px solid #f3f4f6;padding:20px 24px}.ecd-appartement-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.ecd-appartement-avatar{color:#7c3aed;background:#ede9fe;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.ecd-appartement-info{flex-direction:column;flex:1;gap:4px;display:flex}.ecd-appartement-numero{color:#1f2937;font-size:14px;font-weight:700}.ecd-appartement-code{color:#9ca3af;font-size:11px}.ecd-appartement-link{color:#7c3aed;background:#ede9fe;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none}.ecd-paiements-section{background:#f9fafb;border-top:1px solid #f3f4f6;padding:20px 24px}.ecd-paiements-list{flex-direction:column;gap:8px;display:flex}.ecd-paiement-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.ecd-paiement-icon{color:#059669;background:#d1fae5;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.ecd-paiement-info{flex-direction:column;flex:1;display:flex}.ecd-paiement-numero{color:#1f2937;font-size:13px;font-weight:600}.ecd-paiement-date{color:#9ca3af;font-size:11px}.ecd-paiement-mode{color:#6b7280;font-size:12px}.ecd-paiement-montant{color:#059669;font-size:14px;font-weight:700}.ecd-client-stats-section{border-top:1px solid #f3f4f6;padding:20px 24px}.ecd-client-stats-grid{flex-wrap:wrap;gap:12px;display:flex}.ecd-client-stat{text-align:center;background:#f9fafb;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:120px;padding:16px;display:flex}.ecd-client-stat svg{color:#2563eb;font-size:18px}.ecd-client-stat-value{color:#1f2937;font-size:16px;font-weight:700}.ecd-client-stat-label{color:#6b7280;font-size:11px}.ecd-commentaire{border-top:1px solid #f3f4f6;padding:20px 24px}.ecd-commentaire p{color:#6b7280;margin:0;font-size:13px;line-height:1.6}.ecd-loading,.ecd-error{text-align:center;padding:60px 40px;font-size:14px}.ecd-error{color:#dc2626}@media (width<=768px){.ecd-container{padding:16px}.ecd-grid{grid-template-columns:1fr;padding:16px}.ecd-montants-section{flex-direction:column;padding:16px}.ecd-client-stats-grid{flex-direction:column}.ecd-paiement-item{flex-wrap:wrap}}.dcl-container{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:24px}.dcl-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.dcl-title{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.dcl-subtitle{color:#6b7280;margin:0;font-size:13px}.dcl-btn-add{color:#fff;background:#2563eb;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.dcl-btn-add:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.dcl-stats-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;display:grid}.dcl-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.dcl-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.dcl-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.dcl-stat-total .dcl-stat-icon{color:#2563eb;background:#dbeafe}.dcl-stat-actifs .dcl-stat-icon{color:#065f46;background:#d1fae5}.dcl-stat-archives .dcl-stat-icon{color:#92400e;background:#fef3c7}.dcl-stat-signes .dcl-stat-icon{color:#5b21b6;background:#ede9fe}.dcl-stat-taille .dcl-stat-icon{color:#0e7490;background:#cffafe}.dcl-stat-info{flex-direction:column;min-width:0;display:flex}.dcl-stat-value{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;overflow:hidden}.dcl-stat-label{color:#6b7280;font-size:11px;font-weight:500}.dcl-filter-search{flex:2}.dcl-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:20px}.dcl-filters-form{align-items:center;gap:12px;display:flex}.dcl-filter-group{flex:1;min-width:150px;position:relative}.dcl-filter-icon{color:#9ca3af;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.dcl-filter-input{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px 10px 40px;font-size:13px}.dcl-filter-select{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px;font-size:13px}.dcl-btn-filter,.dcl-btn-reset{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 20px;font-size:13px}.dcl-btn-filter{color:#fff;background:#2563eb}.dcl-btn-reset{color:#4b5563;background:#f3f4f6}.dcl-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.dcl-table{border-collapse:collapse;width:100%}.dcl-table th{text-align:left;text-transform:uppercase;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:600}.dcl-table td{border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:13px}.dcl-table tbody tr:hover{background:#f9fafb}.dcl-type-icon{color:#2563eb;font-size:20px}.dcl-nom{color:#2563eb;font-weight:600;text-decoration:none}.dcl-categorie{background:#f3f4f6;border-radius:20px;padding:4px 10px;font-size:12px}.dcl-status{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.dcl-status-actif{color:#065f46;background:#d1fae5}.dcl-status-archive{color:#92400e;background:#fef3c7}.dcl-status-supprime{color:#991b1b;background:#fee2e2}.dcl-actions{gap:6px;display:flex}.dcl-action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;text-decoration:none;display:flex}.dcl-download{color:#2563eb;background:#dbeafe}.dcl-view{color:#065f46;background:#d1fae5}.dcl-archive{color:#d97706;background:#fef3c7}.dcl-approve{color:#7c3aed;background:#ede9fe}.dcl-pagination{justify-content:center;align-items:center;gap:15px;margin-top:20px;display:flex}.dcl-page-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:inline-flex}.dcl-page-btn:disabled{cursor:not-allowed;background:#d1d5db}.dcl-loading,.dcl-error,.dcl-empty{text-align:center;color:#6b7280;padding:40px}.dcl-error{color:#dc2626}.dcl-empty-icon{color:#d1d5db;margin-bottom:12px;font-size:40px}@media (width<=1024px){.dcl-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.dcl-container{padding:16px}.dcl-header{flex-direction:column;align-items:flex-start}.dcl-btn-add{justify-content:center;width:100%}.dcl-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.dcl-stat-card{gap:8px;padding:12px}.dcl-stat-icon{width:32px;height:32px;font-size:14px}.dcl-stat-value{font-size:15px}.dcl-filters-form{flex-direction:column;align-items:stretch}.dcl-filter-group,.dcl-filter-search{flex:none;width:100%;min-width:auto}.dcl-btn-filter,.dcl-btn-reset{width:100%}.dcl-table th:nth-child(4),.dcl-table td:nth-child(4){display:none}}@media (width<=480px){.dcl-stats-grid{grid-template-columns:1fr}}.dcf-container{box-sizing:border-box;max-width:700px;margin:0 auto;padding:24px}.dcf-title{color:#1f2937;margin-bottom:24px;font-size:24px;font-weight:700}.dcf-error{color:#dc2626;background:#fef2f2;border-radius:8px;margin-bottom:20px;padding:12px 16px}.dcf-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.dcf-section{border-bottom:1px solid #f3f4f6;padding:20px}.dcf-section h3{align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:600;display:flex}.dcf-row{gap:16px;margin-bottom:16px;display:flex}.dcf-group{flex:1}.dcf-group label{color:#4b5563;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.dcf-input,.dcf-select,.dcf-textarea{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.dcf-textarea{resize:vertical;min-height:80px}.dcf-checkbox-group{flex-wrap:wrap;gap:20px;display:flex}.dcf-checkbox{accent-color:#2563eb;width:16px;height:16px}.dcf-actions{background:#f9fafb;gap:12px;padding:20px;display:flex}.dcf-btn-cancel,.dcf-btn-submit{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;display:inline-flex}.dcf-btn-cancel{color:#4b5563;background:#f3f4f6}.dcf-btn-submit{color:#fff;background:#2563eb}.dcf-btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.dcf-row{flex-direction:column;gap:0}}.dcf-input-error{background-color:#fff5f5!important;border-color:#dc3545!important}.dcf-field-error{color:#dc3545;margin-top:4px;font-size:12px;display:block}.dcf-file-input{cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;width:100%;padding:16px;transition:all .2s;display:block}.dcf-file-input:hover{background:#eff6ff;border-color:#2563eb}.dcf-file-preview{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;margin-top:8px;padding:8px 12px;display:flex}.dcf-file-thumb{object-fit:cover;border-radius:4px;width:40px;height:40px}.dcf-file-icon{color:#2563eb;font-size:32px}.dcf-file-name{color:#1f2937;flex:1;font-size:14px;font-weight:500}.dcf-file-badge{color:#fff;background:#2563eb;border-radius:4px;padding:2px 8px;font-size:10px}.dcf-file-remove{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.dcf-file-remove:hover{background:#b91c1c;transform:scale(1.1)}.dcf-tag-input-wrapper{gap:8px;display:flex}.dcf-tag-input{flex:1}.dcf-btn-add-tag{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:6px;align-items:center;padding:8px 16px;font-size:13px;font-weight:500;transition:background .2s;display:flex}.dcf-btn-add-tag:hover{background:#1d4ed8}.dcf-tags-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.dcf-tag-item{color:#1e40af;background:#dbeafe;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:500;display:inline-flex}.dcf-tag-remove{cursor:pointer;color:#1e40af;background:#0000001a;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:14px;transition:background .2s;display:flex}.dcf-tag-remove:hover{background:#0003}.dcf-checkbox-group{flex-wrap:wrap;gap:16px;margin-top:8px;display:flex}.dcf-checkbox-label{color:#374151;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.dcf-checkbox{accent-color:#2563eb;cursor:pointer;width:18px;height:18px}.dcd-container{box-sizing:border-box;max-width:900px;margin:0 auto;padding:24px}.dcd-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.dcd-btn-back{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.dcd-btn-back:hover{background:#e5e7eb}.dcd-actions{flex-wrap:wrap;gap:8px;display:flex}.dcd-btn-download,.dcd-btn-edit,.dcd-btn-delete,.dcd-btn-archive,.dcd-btn-restore,.dcd-btn-approve,.dcd-btn-sign{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.dcd-btn-download{color:#2563eb;background:#dbeafe}.dcd-btn-download:hover{background:#bfdbfe;transform:translateY(-1px)}.dcd-btn-approve{color:#065f46;background:#d1fae5}.dcd-btn-approve:hover{background:#a7f3d0;transform:translateY(-1px)}.dcd-btn-sign{color:#7c3aed;background:#ede9fe}.dcd-btn-sign:hover{background:#ddd6fe;transform:translateY(-1px)}.dcd-btn-archive{color:#92400e;background:#fef3c7}.dcd-btn-archive:hover{background:#fde68a;transform:translateY(-1px)}.dcd-btn-restore{color:#2563eb;background:#dbeafe}.dcd-btn-restore:hover{background:#bfdbfe;transform:translateY(-1px)}.dcd-btn-edit{color:#d97706;background:#fef3c7}.dcd-btn-edit:hover{background:#fde68a;transform:translateY(-1px)}.dcd-btn-delete{color:#dc2626;background:#fee2e2}.dcd-btn-delete:hover{background:#fecaca;transform:translateY(-1px)}.dcd-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.dcd-card-header{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:16px;padding:24px;display:flex}.dcd-avatar{color:#2563eb;background:#dbeafe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.dcd-header-info{flex:1}.dcd-title{color:#1f2937;margin:0 0 8px;font-size:20px;font-weight:700}.dcd-header-badges{flex-wrap:wrap;gap:8px;display:flex}.dcd-status{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.dcd-categorie-badge,.dcd-sous-categorie-badge{color:#4b5563;background:#f3f4f6;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.dcd-version-badge{color:#fff;background:#2563eb;border-radius:20px;margin-left:auto;padding:4px 12px;font-size:12px;font-weight:600}.dcd-preview-section{background:#f9fafb;border-bottom:1px solid #f3f4f6;padding:16px 24px}.dcd-preview-header{justify-content:space-between;align-items:center;display:flex}.dcd-preview-title{color:#4b5563;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.dcd-preview-toggle{cursor:pointer;background:#e5e7eb;border:none;border-radius:4px;padding:4px 12px;font-size:12px;transition:all .2s}.dcd-preview-toggle:hover{background:#d1d5db}.dcd-preview-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;max-height:400px;margin-top:12px;padding:8px;display:flex;overflow:auto}.dcd-preview-image{object-fit:contain;max-width:100%;max-height:380px}.dcd-stats-section{background:#f9fafb;border-bottom:1px solid #f3f4f6;grid-template-columns:repeat(4,1fr);gap:0;padding:20px 24px;display:grid}.dcd-stat-item{text-align:center;border-right:1px solid #e5e7eb;flex-direction:column;align-items:center;padding:0 8px;display:flex}.dcd-stat-item:last-child{border-right:none}.dcd-stat-item svg{color:#2563eb;margin-bottom:4px;font-size:20px}.dcd-stat-value{color:#1f2937;font-size:18px;font-weight:700}.dcd-stat-label{color:#9ca3af;margin-top:2px;font-size:11px;font-weight:500}.dcd-section{border-bottom:1px solid #f3f4f6;padding:20px 24px}.dcd-section:last-of-type{border-bottom:none}.dcd-section-title{color:#1f2937;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:600;display:flex}.dcd-section-title svg{color:#2563eb}.dcd-details-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.dcd-detail-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;gap:10px;padding:8px 12px;display:flex}.dcd-detail-item svg{color:#2563eb;flex-shrink:0;margin-top:2px;font-size:18px}.dcd-detail-label{color:#9ca3af;font-size:11px;font-weight:500;display:block}.dcd-detail-value{color:#1f2937;word-break:break-all;font-size:14px;font-weight:500;display:block}.dcd-description-text{color:#4b5563;background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;margin:0;padding:12px 16px;font-size:14px;line-height:1.6}.dcd-tags-list{flex-wrap:wrap;gap:8px;display:flex}.dcd-tag-item{color:#1e40af;background:#dbeafe;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:500}.dcd-metadata-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.dcd-metadata-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;justify-content:space-between;padding:6px 12px;display:flex}.dcd-metadata-key{color:#6b7280;font-size:12px;font-weight:500}.dcd-metadata-value{color:#1f2937;font-size:13px;font-weight:500}.dcd-relations-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.dcd-relation-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;gap:10px;padding:8px 12px;display:flex}.dcd-relation-item svg{color:#2563eb;flex-shrink:0;margin-top:2px;font-size:18px}.dcd-relation-label{color:#9ca3af;font-size:11px;font-weight:500;display:block}.dcd-relation-link{color:#2563eb;font-size:14px;font-weight:500;text-decoration:none;display:block}.dcd-relation-link:hover{text-decoration:underline}.dcd-versions-list{flex-direction:column;gap:8px;display:flex}.dcd-version-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;align-items:center;gap:12px;padding:8px 12px;display:flex}.dcd-version-number{color:#1f2937;min-width:40px;font-weight:600}.dcd-version-date{color:#6b7280;flex:1;font-size:13px}.dcd-version-status{color:#4b5563;background:#e5e7eb;border-radius:4px;padding:2px 8px;font-size:12px}.dcd-version-link{color:#2563eb;font-size:12px;font-weight:500;text-decoration:none}.dcd-version-link:hover{text-decoration:underline}.dcd-documentable-info{color:#4b5563;background:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;gap:16px;padding:8px 12px;font-size:14px;display:flex}.dcd-footer{color:#9ca3af;background:#f9fafb;border-top:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:16px 24px;font-size:12px;display:flex}.dcd-loading,.dcd-error{text-align:center;color:#6b7280;padding:60px;font-size:16px}.dcd-error{color:#dc2626}@media (width<=768px){.dcd-container{padding:16px}.dcd-stats-section{grid-template-columns:repeat(2,1fr);gap:16px}.dcd-stat-item{border-right:none;padding:0}.dcd-details-grid,.dcd-metadata-grid,.dcd-relations-grid{grid-template-columns:1fr}.dcd-header{flex-direction:column;align-items:flex-start}.dcd-actions{width:100%}.dcd-actions button,.dcd-actions a{flex:1;justify-content:center}.dcd-version-badge{margin-left:0}}.usl-container{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:24px}.usl-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.usl-title{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.usl-subtitle{color:#6b7280;margin:0;font-size:13px}.usl-btn-add{color:#fff;background:#2563eb;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.usl-btn-add:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.usl-search-bar{margin-bottom:20px;position:relative}.usl-search-icon{color:#9ca3af;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.usl-search-input{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 16px 12px 42px;font-size:14px}.usl-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.usl-table{border-collapse:collapse;width:100%}.usl-table th{text-align:left;text-transform:uppercase;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:600}.usl-table td{border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:13px}.usl-table tbody tr:hover{background:#f9fafb}.usl-user-info{align-items:center;gap:10px;display:flex}.usl-avatar{color:#2563eb;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.usl-name{font-weight:600;display:block}.usl-username{color:#9ca3af;font-size:11px}.usl-role-badge{color:#7c3aed;background:#ede9fe;border-radius:20px;align-items:center;gap:4px;margin-right:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.usl-no-role{color:#9ca3af;font-size:12px}.usl-status{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.usl-status-actif{color:#065f46;background:#d1fae5}.usl-status-inactif{color:#4b5563;background:#f3f4f6}.usl-actions{gap:6px;display:flex}.usl-action-btn{border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;text-decoration:none;display:flex}.usl-view{color:#2563eb;background:#dbeafe}.usl-edit{color:#d97706;background:#fef3c7}.usl-loading,.usl-error,.usl-empty{text-align:center;color:#6b7280;padding:40px}.usl-error{color:#dc2626}.usl-empty-icon{color:#d1d5db;margin-bottom:12px;font-size:40px}.usd-container{box-sizing:border-box;max-width:900px;margin:0 auto;padding:24px}.usd-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.usd-btn-back{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.usd-btn-back:hover{background:#e5e7eb}.usd-actions{gap:8px;display:flex}.usd-btn-edit,.usd-btn-delete{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.usd-btn-edit{color:#2563eb;background:#dbeafe}.usd-btn-edit:hover{background:#bfdbfe}.usd-btn-delete{color:#dc2626;background:#fee2e2}.usd-btn-delete:hover{background:#fecaca}.usd-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.usd-card-header{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:16px;padding:24px;display:flex}.usd-avatar{color:#2563eb;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;display:flex}.usd-header-info{flex:1;min-width:150px}.usd-title{color:#1f2937;margin:0 0 8px;font-size:22px;font-weight:700}.usd-status{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.usd-status-actif{color:#065f46;background:#d1fae5}.usd-status-inactif{color:#4b5563;background:#f3f4f6}.usd-status-suspendu{color:#991b1b;background:#fee2e2}.usd-details-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:24px;display:grid}.usd-detail-item{align-items:flex-start;gap:12px;display:flex}.usd-detail-icon{color:#2563eb;flex-shrink:0;margin-top:2px;font-size:18px}.usd-detail-label{color:#9ca3af;margin-bottom:2px;font-size:12px;font-weight:500;display:block}.usd-detail-value{color:#1f2937;font-size:14px;font-weight:500;display:block}.usd-roles-list{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.usd-role-badge{color:#7c3aed;background:#ede9fe;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.usd-no-role{color:#9ca3af;font-size:13px;font-style:italic}.usd-permissions-section{border-top:1px solid #f3f4f6;padding:24px}.usd-permissions-title{color:#1f2937;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:700;display:flex}.usd-permissions-grid{flex-wrap:wrap;gap:8px;display:flex}.usd-permission-badge{color:#4b5563;background:#f3f4f6;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500}.usd-immeubles-section{border-top:1px solid #f3f4f6;padding:24px}.usd-immeubles-title{color:#1f2937;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:700;display:flex}.usd-immeubles-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.usd-immeuble-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.usd-immeuble-card svg{color:#2563eb;font-size:16px}.usd-immeuble-acces{color:#6b7280;margin-left:auto;font-size:11px}.usd-loading,.usd-error{text-align:center;color:#6b7280;padding:40px;font-size:14px}.usd-error{color:#dc2626}@media (width<=768px){.usd-container{padding:16px}.usd-details-grid{grid-template-columns:1fr}.usd-header{flex-direction:column;align-items:flex-start}}.usf-container{box-sizing:border-box;max-width:800px;margin:0 auto;padding:24px}.usf-header{margin-bottom:24px}.usf-title{color:#1f2937;margin:0;font-size:24px;font-weight:700}.usf-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.usf-form{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.usf-section{border-bottom:1px solid #f3f4f6;padding:24px}.usf-section:last-child{border-bottom:none}.usf-section-title{color:#1f2937;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:700;display:flex}.usf-section-title svg{color:#2563eb;font-size:16px}.usf-row{gap:16px;margin-bottom:16px;display:flex}.usf-row:last-child{margin-bottom:0}.usf-group{flex:1;min-width:0}.usf-label{color:#4b5563;align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:500;display:flex}.usf-label svg{color:#9ca3af;font-size:14px}.usf-input,.usf-select{color:#1f2937;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.usf-input:focus,.usf-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.usf-password-wrapper{position:relative}.usf-password-toggle{cursor:pointer;background:0 0;border:none;font-size:16px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.usf-roles-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.usf-role-checkbox{cursor:pointer;background:#f9fafb;border:1.5px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:12px;transition:all .2s;display:flex}.usf-role-checkbox:hover{background:#f3f4f6}.usf-role-checkbox:has(input:checked){background:#dbeafe;border-color:#2563eb}.usf-checkbox{accent-color:#2563eb;cursor:pointer;width:18px;height:18px}.usf-role-name{color:#4b5563;text-transform:capitalize;font-size:13px;font-weight:500}.usf-actions{background:#f9fafb;border-top:1px solid #e5e7eb;gap:12px;padding:20px 24px;display:flex}.usf-btn-cancel,.usf-btn-submit{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.usf-btn-cancel{color:#4b5563;background:#f3f4f6}.usf-btn-cancel:hover{background:#e5e7eb}.usf-btn-submit{color:#fff;background:#2563eb}.usf-btn-submit:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.usf-btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.usf-container,.usf-section{padding:16px}.usf-row{flex-direction:column;gap:0}.usf-actions{flex-direction:column}.usf-btn-cancel,.usf-btn-submit{justify-content:center;width:100%}.usf-roles-grid{grid-template-columns:1fr}}.rll-container{box-sizing:border-box;max-width:1000px;margin:0 auto;padding:24px}.rll-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.rll-title{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.rll-subtitle{color:#6b7280;margin:0;font-size:13px}.rll-btn-add{color:#fff;background:#2563eb;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.rll-btn-add:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.rll-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.rll-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.rll-stat-icon{color:#2563eb;background:#dbeafe;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.rll-stat-info{flex-direction:column;display:flex}.rll-stat-value{color:#1f2937;font-size:20px;font-weight:700}.rll-stat-label{color:#6b7280;font-size:11px}.rll-search-bar{margin-bottom:20px;position:relative}.rll-search-icon{color:#9ca3af;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.rll-search-input{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 16px 12px 42px;font-size:14px}.rll-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.rll-table{border-collapse:collapse;width:100%}.rll-table th{text-align:left;text-transform:uppercase;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:600}.rll-table td{border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:13px}.rll-table tbody tr:hover{background:#f9fafb}.rll-role-info{align-items:center;gap:10px;display:flex}.rll-role-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.rll-role-name{font-weight:600}.rll-permission-count{background:#f3f4f6;border-radius:20px;padding:4px 10px;font-size:12px}.rll-user-count{color:#6b7280;font-size:12px}.rll-actions{gap:6px;display:flex}.rll-action-btn{border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;text-decoration:none;display:flex}.rll-view{color:#2563eb;background:#dbeafe}.rll-edit{color:#d97706;background:#fef3c7}.rll-loading,.rll-error,.rll-empty{text-align:center;color:#6b7280;padding:40px}.rll-error{color:#dc2626}.rll-empty-icon{color:#d1d5db;margin-bottom:12px;font-size:40px}@media (width<=768px){.rll-stats-grid{grid-template-columns:1fr}}.rlf-container{box-sizing:border-box;max-width:800px;margin:0 auto;padding:24px}.rlf-header{margin-bottom:24px}.rlf-title{color:#1f2937;margin:0;font-size:24px;font-weight:700}.rlf-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.rlf-form{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.rlf-section{border-bottom:1px solid #f3f4f6;padding:24px}.rlf-section:last-child{border-bottom:none}.rlf-section-title{color:#1f2937;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:700;display:flex}.rlf-group{flex:1}.rlf-label{color:#4b5563;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.rlf-input{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px;font-size:14px}.rlf-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.rlf-role-preview{text-transform:capitalize;border-radius:20px;margin-top:8px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.rlf-permissions-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.rlf-permissions-actions{align-items:center;gap:12px;display:flex}.rlf-permission-count{color:#6b7280;font-size:12px}.rlf-select-all-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;padding:6px 12px;font-size:12px}.rlf-select-all-btn:hover{background:#e5e7eb}.rlf-permissions-groups{flex-direction:column;gap:8px;display:flex}.rlf-permission-group{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.rlf-permission-group-header{background:#f9fafb;align-items:center;gap:10px;padding:12px 16px;display:flex}.rlf-group-toggle{cursor:pointer;color:#6b7280;background:0 0;border:none;align-items:center;display:flex}.rlf-group-name{color:#1f2937;font-size:13px;font-weight:600}.rlf-group-count{color:#9ca3af;font-size:11px}.rlf-group-select-all{cursor:pointer;color:#2563eb;background:0 0;border:none;align-items:center;gap:4px;margin-left:auto;font-size:12px;display:flex}.rlf-permission-items{flex-direction:column;gap:2px;padding:8px;display:flex}.rlf-permission-item{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;transition:background-color .2s;display:flex}.rlf-permission-item:hover{background:#f3f4f6}.rlf-checkbox{accent-color:#2563eb;cursor:pointer;width:16px;height:16px}.rlf-permission-name{color:#1f2937;font-family:monospace;font-size:13px}.rlf-permission-action{color:#9ca3af;margin-left:auto;font-size:11px}.rlf-actions{background:#f9fafb;border-top:1px solid #e5e7eb;gap:12px;padding:20px 24px;display:flex}.rlf-btn-cancel,.rlf-btn-submit{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.rlf-btn-cancel{color:#4b5563;background:#f3f4f6}.rlf-btn-submit{color:#fff;background:#2563eb}.rlf-btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.rlf-container{padding:16px}.rlf-permissions-header{flex-direction:column;align-items:flex-start}}.rld-container{box-sizing:border-box;max-width:800px;margin:0 auto;padding:24px}.rld-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.rld-btn-back{cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:inline-flex}.rld-actions{gap:8px;display:flex}.rld-btn-edit,.rld-btn-delete{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;text-decoration:none;display:inline-flex}.rld-btn-edit{color:#2563eb;background:#dbeafe}.rld-btn-delete{color:#dc2626;background:#fee2e2}.rld-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.rld-card-header{border-bottom:1px solid #f3f4f6;align-items:center;gap:16px;padding:24px;display:flex}.rld-avatar{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.rld-title{text-transform:capitalize;margin:0 0 4px;font-size:22px;font-weight:700}.rld-permission-count{color:#6b7280;font-size:12px}.rld-permissions-section{padding:24px}.rld-permissions-title{align-items:center;gap:8px;margin:0 0 20px;font-size:16px;font-weight:700;display:flex}.rld-module-group{margin-bottom:20px}.rld-module-title{text-transform:capitalize;align-items:center;gap:8px;margin:0 0 10px;font-size:14px;font-weight:600;display:flex}.rld-module-count{background:#f3f4f6;border-radius:12px;padding:2px 8px;font-size:11px}.rld-permissions-grid{flex-wrap:wrap;gap:8px;display:flex}.rld-permission-badge{color:#4b5563;background:#f3f4f6;border-radius:8px;padding:6px 12px;font-family:monospace;font-size:12px}.rld-loading,.rld-error{text-align:center;color:#6b7280;padding:40px}.rld-error{color:#dc2626}:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-light:#60a5fa;--color-primary-bg:#dbeafe;--color-secondary:#059669;--color-secondary-dark:#047857;--color-secondary-light:#34d399;--color-secondary-bg:#d1fae5;--color-accent:#7c3aed;--color-accent-light:#a78bfa;--color-accent-bg:#ede9fe;--color-white:#fff;--color-black:#000;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#059669;--color-success-bg:#d1fae5;--color-error:#dc2626;--color-error-bg:#fee2e2;--color-warning:#d97706;--color-warning-bg:#fef3c7;--color-info:#0284c7;--color-info-bg:#dbeafe;--font-family:"Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:28px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-800);background-color:var(--color-gray-50);min-height:100vh;line-height:1.6;overflow-x:hidden}h1{font-size:var(--font-size-4xl);letter-spacing:-.5px;font-weight:800}h2{font-size:var(--font-size-3xl);letter-spacing:-.3px;font-weight:700}h3{font-size:var(--font-size-2xl);font-weight:700}h4{font-size:var(--font-size-xl);font-weight:600}h5{font-size:var(--font-size-lg);font-weight:600}h6{font-size:var(--font-size-base);font-weight:600}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);transition:color var(--transition-base);text-decoration:none}::-webkit-scrollbar-thumb{background:var(--color-gray-300);transition:background var(--transition-base);border-radius:4px}::selection{background-color:var(--color-primary);color:var(--color-white)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-muted{color:var(--color-gray-500)}.bg-white{background:var(--color-white)}.bg-gray{background:var(--color-gray-50)}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.d-flex{display:flex}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}@media (width<=1024px){:root{--font-size-4xl:24px;--font-size-3xl:22px;--font-size-2xl:18px}}@media (width<=768px){:root{--font-size-4xl:22px;--font-size-3xl:20px;--font-size-2xl:16px;--font-size-xl:15px}body{font-size:13px}}@media (width<=480px){:root{--spacing-lg:20px;--spacing-xl:24px}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#1f2937;background-color:#f8fafc;min-height:100vh;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:#1f2937;font-weight:700;line-height:1.2}a{color:#2563eb;text-decoration:none;transition:all .2s}a:hover{color:#1d4ed8}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#64748b}::selection{color:#fff;background-color:#2563eb}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.fade-in{animation:.5s fadeIn}.slide-up{animation:.5s slideUp}.slide-down{animation:.5s slideDown}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 15px #2563eb4d}.btn-secondary{color:#4b5563;background:#f3f4f6}.btn-secondary:hover{background:#e5e7eb}.btn-success{color:#fff;background:#059669}.btn-success:hover{background:#047857}.btn-danger{color:#fff;background:#dc2626}.btn-danger:hover{background:#b91c1c}.btn-warning{color:#fff;background:#d97706}.btn-warning:hover{background:#b45309}.btn:disabled{opacity:.6;cursor:not-allowed}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.card-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.card-title{color:#1f2937;font-size:16px;font-weight:600}.card-body{padding:24px}.badge{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-green{color:#065f46;background:#d1fae5}.badge-blue{color:#1e40af;background:#dbeafe}.badge-yellow{color:#92400e;background:#fef3c7}.badge-red{color:#991b1b;background:#fee2e2}.badge-gray{color:#4b5563;background:#f3f4f6}.badge-purple{color:#5b21b6;background:#ede9fe}.form-input,.form-select,.form-textarea{color:#1f2937;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-textarea{resize:vertical;min-height:100px}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}.modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:500px;padding:32px;animation:.3s slideUp}.toast{z-index:3000;border-radius:12px;padding:16px 24px;font-size:14px;font-weight:500;animation:.3s slideDown;position:fixed;top:20px;right:20px;box-shadow:0 8px 30px #0000001f}.toast-success{color:#fff;background:#059669}.toast-error{color:#fff;background:#dc2626}.toast-warning{color:#fff;background:#d97706}@media (width<=768px){.container{padding:0 16px}.card-header{padding:16px 20px}.card-body{padding:20px}}.auth-loading{background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.auth-loading-spinner{border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.auth-loading p{color:#6b7280;font-size:14px}