.sidebar{width:240px;min-height:100vh;background:#0b0b1a;border-right:1px solid rgba(172,106,255,.12);display:flex;flex-direction:column;padding:24px 16px;flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:0 8px 28px;border-bottom:1px solid rgba(172,106,255,.1);margin-bottom:24px}.sidebar-logo-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#ac6aff,#6e40c9);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff;flex-shrink:0}.sidebar-logo-title{font-size:15px;font-weight:700;color:#fff;margin:0;line-height:1.2}.sidebar-logo-sub{font-size:11px;color:#ac6aff;margin:0;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.sidebar-nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#8a8aa8;text-decoration:none;font-size:14px;font-weight:500;transition:background .18s,color .18s}.sidebar-nav-link:hover{background:#ac6aff14;color:#d4b8ff}.sidebar-nav-link.active{background:#ac6aff24;color:#ac6aff}.sidebar-footer{display:flex;align-items:center;gap:8px;padding-top:20px;border-top:1px solid rgba(172,106,255,.1);margin-top:auto}.sidebar-admin{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.sidebar-admin-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ac6aff,#6e40c9);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;flex-shrink:0}.sidebar-admin-name{font-size:13px;font-weight:600;color:#e0e0f0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-admin-role{font-size:11px;color:#5f5f80;margin:0}.sidebar-logout{background:none;border:none;color:#5f5f80;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;transition:color .18s,background .18s;flex-shrink:0}.sidebar-logout:hover{color:#ac6aff;background:#ac6aff1a}.dashboard-layout{display:flex;height:100vh;overflow:hidden;background:#0d0d1b}.dashboard-main{flex:1;overflow-y:auto;position:relative}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0d0d1b;padding:20px}.login-card{width:100%;max-width:420px;background:#12122a;border:1px solid rgba(172,106,255,.15);border-radius:20px;padding:40px;box-shadow:0 25px 50px -12px #00000080}.login-header{text-align:center;margin-bottom:32px}.login-logo{width:48px;height:48px;background:linear-gradient(135deg,#ac6aff,#6e40c9);border-radius:12px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:24px}.login-header h1{font-size:24px;color:#fff;margin:0 0 8px}.login-header p{color:#8a8aa8;font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{background:#ff50501a;color:#ff7070;padding:12px;border-radius:8px;font-size:13px;border:1px solid rgba(255,80,80,.2)}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:500;color:#e0e0f0}.form-group input{padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;transition:border-color .2s,background .2s}.form-group input:focus{outline:none;border-color:#ac6aff;background:#ac6aff0d}.login-btn{margin-top:8px;padding:14px;background:linear-gradient(90deg,#ac6aff,#6e40c9);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:opacity .2s,transform .2s}.login-btn:hover{opacity:.9}.login-btn:active{transform:scale(.98)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.stats-page{padding:32px}.stats-header{margin-bottom:32px}.stats-header h1{font-size:28px;color:#fff;margin:0 0 8px}.stats-header p{color:#8a8aa8;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px}.stat-card{background:#12122a;border:1px solid rgba(172,106,255,.1);border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px}.stat-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-card-title{color:#8a8aa8;font-size:14px;margin:0 0 4px}.stat-card-value{color:#fff;font-size:24px;font-weight:700;margin:0}.stat-color-blue .stat-card-icon{background:#3b82f61a;color:#60a5fa}.stat-color-purple .stat-card-icon{background:#a855f71a;color:#c084fc}.stat-color-cyan .stat-card-icon{background:#06b6d41a;color:#22d3ee}.stat-color-red .stat-card-icon{background:#ef44441a;color:#f87171}.stats-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.stats-section-card{background:#12122a;border:1px solid rgba(172,106,255,.1);border-radius:16px;padding:24px}.stats-section-card h3{color:#fff;font-size:18px;margin:0 0 20px}.subscription-list{display:flex;flex-direction:column;gap:16px}.sub-item{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05)}.sub-item:last-child{border-bottom:none}.sub-item span{color:#8a8aa8}.sub-item strong{color:#fff;font-size:16px}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-en_essai{background:#6495ed26;color:#87b0ff}.status-en_essai .badge-dot{background:#87b0ff}.status-actif{background:#50c87826;color:#72d98b}.status-actif .badge-dot{background:#72d98b}.status-en_retard{background:#ffb43c26;color:#ffbd3e}.status-en_retard .badge-dot{background:#ffbd3e}.status-suspendu{background:#ff50501f;color:#ff7070}.status-suspendu .badge-dot{background:#ff7070}.plan-pro{background:#ac6aff26;color:#c89cff}.plan-starter{background:#4682c81f;color:#82b4f0}.plan-none{background:#6464821a;color:#6a6a88}.role-vendeur{background:#ac6aff1f;color:#b48fff}.role-acheteur{background:#3ca0dc1f;color:#70bbf0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#070714bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.modal-box{background:#12122a;border:1px solid rgba(172,106,255,.2);border-radius:16px;padding:28px 32px;max-width:400px;width:90%;box-shadow:0 20px 60px #00000080;animation:slideUp .2s ease}.modal-message{color:#d0d0e8;font-size:15px;line-height:1.6;margin:0 0 24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-btn{padding:9px 22px;border-radius:10px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:opacity .15s,transform .15s}.modal-btn:disabled{opacity:.6;cursor:not-allowed}.modal-btn:not(:disabled):hover{opacity:.85;transform:translateY(-1px)}.modal-btn.cancel{background:#ffffff12;color:#8a8aaa}.modal-btn.confirm{background:linear-gradient(135deg,#ac6aff,#6e40c9);color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.sub-modal-title{color:#fff;font-size:17px;font-weight:700;margin:0 0 6px}.sub-modal-subtitle{color:#8a8aa8;font-size:13px;margin:0 0 24px}.sub-modal-group{margin-bottom:20px}.sub-modal-label{display:block;color:#ac6aff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.sub-modal-plans{display:flex;gap:10px}.plan-option{flex:1;position:relative}.plan-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.plan-option label{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;background:#ffffff0a;border:2px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.plan-option label:hover{border-color:#ac6aff4d;background:#ac6aff0d}.plan-option input[type=radio]:checked+label{border-color:#ac6aff;background:#ac6aff1a;box-shadow:0 0 20px #ac6aff26}.plan-option-icon{font-size:20px}.plan-option-name{color:#fff;font-size:14px;font-weight:600}.plan-option-desc{color:#8a8aa8;font-size:11px}.sub-modal-duration{display:flex;align-items:center;gap:10px}.sub-modal-duration input[type=number]{width:72px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 12px;color:#fff;font-size:15px;font-weight:600;text-align:center;outline:none;transition:border-color .2s}.sub-modal-duration input[type=number]:focus{border-color:#ac6aff;box-shadow:0 0 0 3px #ac6aff26}.sub-modal-duration select{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 14px;color:#d0d0e8;font-size:14px;cursor:pointer;outline:none;transition:border-color .2s}.sub-modal-duration select:focus{border-color:#ac6aff}.sub-modal-trial-input{display:flex;align-items:center;gap:10px}.sub-modal-trial-input input[type=number]{width:80px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 12px;color:#fff;font-size:15px;font-weight:600;text-align:center;outline:none;transition:border-color .2s}.sub-modal-trial-input input[type=number]:focus{border-color:#ac6aff;box-shadow:0 0 0 3px #ac6aff26}.sub-modal-trial-input span{color:#8a8aa8;font-size:14px}.sub-modal-error{color:#ff6b6b;font-size:12px;margin-top:8px;display:flex;align-items:center;gap:6px}.modal-box.sub-modal-wide{max-width:440px}.users-page{padding:32px}.users-header{margin-bottom:32px}.users-header h1{font-size:28px;color:#fff;margin:0 0 8px}.users-header p{color:#8a8aa8}.users-filters{display:flex;gap:16px;margin-bottom:24px}.filter-search{flex:1;background:#12122a;border:1px solid rgba(172,106,255,.15);border-radius:10px;padding:10px 16px;color:#fff;font-size:14px}.users-filters select{background:#12122a;border:1px solid rgba(172,106,255,.15);border-radius:10px;padding:10px 12px;color:#e0e0f0;font-size:14px;cursor:pointer}.table-container{background:#12122a;border:1px solid rgba(172,106,255,.1);border-radius:16px;overflow:hidden}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{background:#ac6aff0d;padding:16px 20px;color:#ac6aff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(172,106,255,.1)}.admin-table td{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#ffffff03}.user-info{display:flex;flex-direction:column}.user-info strong{color:#fff;font-size:14px}.user-info span{color:#8a8aa8;font-size:12px}.user-meta{display:flex;flex-direction:column;gap:6px}.user-meta span{color:#8a8aa8;font-size:12px}.table-date{color:#8a8aa8;font-size:13px}.table-empty{text-align:center;padding:48px!important;color:#5f5f80}.table-actions{display:flex;flex-direction:column;gap:8px;min-width:140px}.action-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 10px;color:#d0d0e8;font-size:12px;cursor:pointer;transition:border-color .2s}.action-select:hover{border-color:#ac6aff}.plan-select{font-weight:600}.subscription-cell{display:flex;flex-direction:column;gap:6px}.remaining-time{font-size:12px;color:#8a8aa8;display:inline-flex;align-items:center;gap:4px}.remaining-time.urgent{color:#ffb347;font-weight:600}.remaining-time.expired{color:#ff6b6b;font-weight:600}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0d0d1b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#0d0d1b}*{box-sizing:border-box}a{font-weight:500;color:#ac6aff;text-decoration:none}h1,h2,h3,h4,h5,h6{margin-top:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a8aa8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px!important}.page-loading{display:flex;align-items:center;justify-content:center;height:200px;color:#ac6aff;font-weight:500}