@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";.glass-card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);padding:2rem;margin-bottom:1.5rem;box-shadow:0 8px 32px #1f26875e;transition:all .3s ease;position:relative;overflow:hidden}@supports (content-visibility: auto){.glass-card,.card-glass,.stat-card{content-visibility:auto;contain-intrinsic-size:auto 260px}}.glass-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.glass-card:hover:before{left:100%}.glass-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 15px 45px #1f268780}.card-glass{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);padding:2rem;margin-bottom:1.5rem;box-shadow:0 8px 32px #1f26875e;transition:all .3s ease}.card-header-glass{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.2)}.card-header-glass h5{font-size:1.1rem;font-weight:600;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2);margin:0;display:flex;align-items:center}.stat-card{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d;border-color:var(--primary-light)}.table-glass{width:100%;border-collapse:separate;border-spacing:0}.table-glass thead th{color:#ffffffb3;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:1.2px;padding:1rem;text-align:left;border-bottom:2px solid rgba(255,255,255,.1)}.table-glass tbody tr{background:#ffffff08;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.table-glass tbody tr:hover{background:#ffffff1a;transform:scale(1.005)}.table-glass tbody td{padding:1.2rem 1rem;color:#fffffff2;font-size:.9rem}.progress-glass{height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-bar-glass{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:10px;transition:width .3s ease;box-shadow:0 0 10px rgba(var(--primary-rgb),.3)}.neon-primary{color:#fff;text-shadow:0 2px 10px rgba(212,175,55,.3)}.neon-success{color:#27ae60;text-shadow:0 2px 8px rgba(39,174,96,.3)}.neon-danger{color:#e74c3c;text-shadow:0 2px 8px rgba(231,76,60,.3)}.neon-warning{color:#f39c12;text-shadow:0 2px 8px rgba(243,156,18,.3)}.neon-info{color:#3498db;text-shadow:0 2px 8px rgba(52,152,219,.3)}.text-white-50{color:#ffffff80}.text-xs{font-size:.75rem}.text-small{font-size:.9rem}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700,.fw-bold{font-weight:700}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.d-flex{display:flex}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.gap-2{gap:.5rem}.text-center{text-align:center}.text-danger{color:#e74c3c}@media(hover:none),(pointer:coarse),(max-width:991px){.glass-card,.card-glass,.stat-card,.dashboard-header,.filter-glass-bar,.table-glass tbody tr,.progress-glass{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.glass-card,.card-glass,.stat-card{box-shadow:0 6px 20px #00000038!important;transition:background-color .2s ease,border-color .2s ease!important}.glass-card:before,.stat-card:before{display:none!important}.glass-card:hover,.stat-card:hover,.table-glass tbody tr:hover{transform:none!important}.float-animation,.pulse-circle{animation:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.text-success{color:#27ae60}.text-warning{color:#f39c12}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.glass-icon{width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000001a}.amount-large{font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3);margin:1rem 0;letter-spacing:-1px}.amount-small{font-size:.9rem;opacity:.8}.stats-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media(max-width:1200px){.stats-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-grid-4{grid-template-columns:1fr}}.stats-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:1200px){.stats-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-grid-3{grid-template-columns:1fr}}.glass-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:8px;transition:all .3s;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.glass-btn:hover{background:#fff3;transform:translateY(-2px)}.glass-btn.icon-only{padding:.5rem;border-radius:50%;width:36px;height:36px;justify-content:center}.glass-select{background:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:8px;outline:none}.glass-select option{background:#1a1a2e;color:#fff}.glass-card .table,.table-glass{--bs-table-bg: transparent !important;--bs-table-color: #fff !important;background-color:transparent!important;color:#fff!important}.glass-card .table td,.glass-card .table th,.table-glass td,.table-glass th{background-color:transparent!important;color:#fff!important;border-color:#ffffff1a!important}.glass-card .table tr:hover td,.table-glass tr:hover td{background-color:#ffffff0d!important;color:#fff!important}.glass-card .table thead th,.table-glass thead th{border-bottom:2px solid rgba(255,255,255,.1)!important}.btn-submit{background:linear-gradient(135deg,var(--saas-primary, #d4af37) 0%,rgba(var(--saas-primary-rgb, 212,175,55),.7) 100%);color:#fff;border:none;padding:.75rem 2rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--saas-primary-rgb, 212,175,55),.3)}.btn-submit:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:none;transform:translateY(0)}.mobile-input{width:100%;background:#0003!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;border-radius:12px;padding:15px 20px;font-size:1.1rem;transition:all .3s ease}.mobile-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-light);outline:none}.huge-input{font-size:1.8rem;font-weight:700;text-align:center;padding:20px;letter-spacing:2px}.highlight-danger .mobile-input{border:1px solid rgba(239,68,68,.3)!important;color:#fca5a5!important}.highlight-danger .mobile-input:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444433}.highlight-warning .mobile-input{border:1px solid rgba(245,158,11,.3)!important;color:#fcd34d!important}.highlight-warning .mobile-input:focus{border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b33}.mobile-textarea{resize:vertical;font-size:1rem}:root{--saas-primary: #d4af37;--saas-primary-rgb: 212, 175, 55;--saas-text-on-primary: #000000;--saas-body-bg: linear-gradient(-45deg, #1a1a2e, rgba(var(--saas-primary-rgb), .1), #0f3460, #1a1a2e);--primary: #2c3e50;--secondary: #34495e;--accent-gold: var(--saas-primary, #d4af37);--accent-silver: #c0c0c0;--success: #27ae60;--danger: #c0392b;--warning: var(--saas-primary, #d68910);--info: #2980b9;--secondary: #764ba2;--secondary-rgb: 118, 75, 162;--accent: #6366f1;--accent-rgb: 99, 102, 241;--success: #10b981;--success-rgb: 16, 185, 129;--sidebar-bg: rgba(18, 20, 29, .97);--header-bg: rgba(18, 20, 29, .88);--gold: #d4af37;--gold-rgb: 212, 175, 55;--danger: #ef4444;--danger-rgb: 239, 68, 68;--warning: #f59e0b;--warning-rgb: 245, 158, 11;--info: #3b82f6;--info-rgb: 59, 130, 246;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-card-bg: rgba(255, 255, 255, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;color:#fff;min-height:100vh;background-color:#0f172a;position:relative;overflow-x:hidden}.vendeur-layout{display:flex;min-height:100vh;background-color:#0f172a;color:#f8fafc;font-family:Outfit,sans-serif}.vendeur-sidebar{width:280px;background:#0f172acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;transition:transform .3s ease;z-index:1000}.vendeur-layout .sidebar-header{padding:10px 15px;text-align:center;border-bottom:1px solid rgba(var(--saas-primary-rgb, 44, 62, 80),.1)}.vendeur-layout .logo-wrapper{width:45px;height:45px;margin:0 auto 5px;background:#ffffff0d;border-radius:12px;padding:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0003}.vendeur-layout .vendeur-logo{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(var(--saas-primary-rgb, 212, 175, 55),.3))}.vendeur-layout .brand-name{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#fff,var(--saas-primary, #ffc107));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.sidebar-nav{flex-grow:1;padding:15px;display:flex;flex-direction:column;gap:3px}.sidebar-nav .nav-item{display:flex;align-items:center;gap:12px;padding:10px 15px;border-radius:12px;color:#ffffffb3;text-decoration:none!important;transition:all .3s ease;font-weight:500}.sidebar-nav .nav-item:hover{background:#ffffff0d;color:#fff;transform:translate(5px)}.sidebar-nav .nav-item.active{background:rgba(var(--saas-primary-rgb, 212, 175, 55),.15);color:var(--saas-primary, #ffc107);box-shadow:inset 0 0 20px rgba(var(--saas-primary-rgb, 212, 175, 55),.05)}.vendeur-layout .nav-icon{transition:transform .3s ease}.vendeur-layout .sidebar-nav .nav-item.active .nav-icon{transform:scale(1.1)}.vendeur-layout .sidebar-footer{padding:20px 15px;border-top:1px solid rgba(255,255,255,.05)}.vendeur-layout .logout-button{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171;cursor:pointer;transition:all .3s ease;font-weight:600}.vendeur-layout .logout-button:hover{background:#ef4444;color:#fff;box-shadow:0 4px 15px #ef444466}.vendeur-main{flex-grow:1;display:flex;flex-direction:column;min-width:0}.vendeur-top-header{height:70px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:#0f172a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:900}.vendeur-layout .header-left{display:flex;align-items:center;gap:20px}.vendeur-layout .mobile-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer}.vendeur-layout .page-title{font-size:1.5rem;font-weight:700;margin:0;color:#fff}.vendeur-layout .header-right{display:flex;align-items:center;gap:15px}.vendeur-layout .btn-admin-access{display:flex;align-items:center;gap:8px;padding:10px 18px;background:rgba(var(--saas-primary-rgb),.1);border:1px solid rgba(var(--saas-primary-rgb),.3);border-radius:12px;color:var(--saas-primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.vendeur-layout .btn-admin-access:hover{background:var(--saas-primary);color:var(--saas-text-on-primary, #fff);box-shadow:0 4px 15px rgba(var(--saas-primary-rgb),.4);transform:translateY(-2px)}.vendeur-layout .user-profile-mini{display:flex;align-items:center;gap:12px;padding:6px 6px 6px 16px;background:#ffffff0d;border-radius:100px;border:1px solid rgba(255,255,255,.1)}.vendeur-layout .user-info{display:flex;flex-direction:column;text-align:right;min-width:0}.vendeur-layout .user-name{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.vendeur-layout .user-role-badge{font-size:.73rem;opacity:.6;display:block;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.vendeur-layout .user-avatar-circle{width:36px;height:36px;background:linear-gradient(135deg,var(--saas-primary, #2c3e50),rgba(var(--saas-primary-rgb, 44, 62, 80),.7));border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--saas-text-on-primary, #fff);box-shadow:0 4px 10px rgba(var(--saas-primary-rgb, 44, 62, 80),.3)}.vendeur-content{padding:30px 40px;flex-grow:1;background:var(--saas-body-bg, #0f172a)}@media(max-width:1024px){.vendeur-sidebar{position:fixed;transform:translate(-100%)}.vendeur-sidebar.open{transform:translate(0)}.vendeur-layout .mobile-toggle{display:block}.vendeur-layout .sidebar-overlay.active{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}.vendeur-layout .vendeur-top-header{padding:0 20px}.vendeur-layout .vendeur-content{padding:20px}.vendeur-layout .user-info{display:none}}@media(max-width:640px){.vendeur-layout .vendeur-top-header{height:62px;padding:0 14px;gap:10px}.vendeur-layout .header-left{flex:0 0 auto;gap:0}.vendeur-layout .page-title{display:none}.vendeur-layout .mobile-toggle{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.vendeur-layout .header-right{flex:1;min-width:0;justify-content:flex-end;gap:8px}.vendeur-layout .btn-admin-access{width:42px;height:42px;padding:0;margin-right:0!important;border-radius:12px;justify-content:center;font-size:0;gap:0;flex:0 0 auto}.vendeur-layout .btn-admin-access svg{width:18px;height:18px;margin:0!important}.vendeur-layout .user-profile-mini{padding:3px;border-radius:999px;flex:0 0 auto}.vendeur-layout .user-avatar-circle{width:38px;height:38px;font-size:.95rem}.vendeur-layout .vendeur-content{padding:18px 14px}}