*{margin:0;padding:0;box-sizing:border-box}:root{--gold: #B8860B;--gold-light: #D4A843;--navy: #0F1C35;--radius: 10px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.07);--shadow-lg: 0 10px 15px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes glow{0%,to{box-shadow:0 0 5px #b8860b33}50%{box-shadow:0 0 20px #b8860b66}}.fade-in{animation:fadeIn .6s ease-out forwards;opacity:0}.slide-in{animation:slideIn .5s ease-out forwards;opacity:0}.pulse{animation:pulse 2s infinite}.app{display:grid;grid-template-columns:220px 1fr;min-height:760px;background:var(--color-background-tertiary);border:.5px solid var(--color-border-tertiary);border-radius:14px;overflow:hidden;font-size:13px;box-shadow:var(--shadow-xl)}.sidebar{background:linear-gradient(135deg,var(--navy) 0%,#0a1225 100%);display:flex;flex-direction:column;position:relative;overflow:hidden}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:radial-gradient(circle at 0% 0%,rgba(184,134,11,.1) 0%,transparent 100%);pointer-events:none}.sb-logo{padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.07)}.sb-logo-text{color:#d4a843;font-size:16px;font-weight:500;letter-spacing:1.5px;position:relative;display:inline-block}.sb-logo-text:after{content:"";position:absolute;bottom:-4px;left:0;width:30px;height:2px;background:linear-gradient(90deg,#D4A843,transparent)}.sb-logo-sub{color:#ffffff4d;font-size:10px;letter-spacing:2px;margin-top:2px}.sb-admin{padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:10px}.sb-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#b8860b33,#d4a8431a);display:flex;align-items:center;justify-content:center;color:#d4a843;font-size:12px;font-weight:500;transition:transform .3s ease}.sb-avatar:hover{transform:scale(1.1)}.admin-badge{display:inline-flex;align-items:center;gap:3px;background:#d4a84326;color:#d4a843;font-size:9px;padding:1px 6px;border-radius:10px;margin-top:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 20px;color:#ffffff80;font-size:12px;cursor:pointer;border-left:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.nav-item i{font-size:15px;transition:transform .3s ease}.nav-item:hover{color:#fffc;background:#ffffff08}.nav-item:hover i{transform:translate(3px)}.nav-item.active{color:#d4a843;background:linear-gradient(90deg,rgba(184,134,11,.08),transparent);border-left-color:#d4a843}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#d4a843;box-shadow:0 0 10px #d4a84380}.nav-badge{background:#e04b4a33;color:#f09595;font-size:9px;padding:1px 6px;border-radius:10px;margin-left:auto;transition:all .3s ease}.nav-section{padding:8px 20px 4px;font-size:10px;letter-spacing:1.5px;color:#fff3;text-transform:uppercase;margin-top:6px}.main{padding:24px;background:var(--color-background-secondary);overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page-title{font-size:16px;font-weight:500;color:var(--color-text-primary)}.page-sub{font-size:12px;color:var(--color-text-secondary);margin-top:2px}.top-right{display:flex;align-items:center;gap:8px}.alert-btn{display:flex;align-items:center;gap:5px;background:linear-gradient(135deg,#fcebeb,#fdf0f0);color:#791f1f;border:none;padding:6px 12px;border-radius:8px;font-size:11px;cursor:pointer;transition:all .3s ease}.alert-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #791f1f26}.export-btn{background:var(--color-background-primary);border:.5px solid var(--color-border-secondary);color:var(--color-text-secondary);padding:6px 12px;border-radius:8px;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s ease}.export-btn:hover{background:#b8860b0d;border-color:#b8860b;color:#b8860b;transform:translateY(-2px)}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.kpi{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--radius);padding:12px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#b8860b,#d4a843);transform:scaleX(0);transition:transform .3s ease}.kpi:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.kpi:hover:before{transform:scaleX(1)}.kpi-label{font-size:10px;color:var(--color-text-secondary);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.kpi-val{font-size:18px;font-weight:500;color:var(--color-text-primary)}.kpi-sub{font-size:9px;margin-top:2px}.up{color:#1d9e75}.down{color:#e24b4a}.neutral{color:var(--color-text-secondary)}.kpi-target{font-size:9px;color:var(--color-text-secondary);margin-top:3px}.progress-bar{height:3px;background:var(--color-background-secondary);border-radius:3px;margin-top:8px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#b8860b,#d4a843);border-radius:3px;transition:width 1s ease}.stars{margin-top:6px;display:flex;gap:2px}.stars i{color:gold;font-size:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:14px}.card{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--radius);padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.card.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#b8860b33}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-title{font-size:13px;font-weight:500;color:var(--color-text-primary);display:flex;align-items:center}.card-action{font-size:11px;color:#b8860b;cursor:pointer;transition:all .3s ease}.card-action:hover{color:#d4a843;text-decoration:underline}.chip{background:#b8860b1a;color:#b8860b;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:500}.kyc-item{border:.5px solid var(--color-border-tertiary);border-radius:8px;padding:12px;margin-bottom:8px;background:var(--color-background-secondary);transition:all .3s ease}.kyc-item:hover{border-color:#b8860b4d;box-shadow:var(--shadow-sm)}.kyc-item:last-child{margin-bottom:0}.kyc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.kyc-name{font-size:12px;font-weight:500;color:var(--color-text-primary)}.kyc-type{font-size:10px;color:var(--color-text-secondary);margin-top:1px}.kyc-docs{display:flex;gap:5px;margin-bottom:8px;flex-wrap:wrap}.doc-pill{font-size:9px;padding:2px 7px;border-radius:10px;transition:all .3s ease}.doc-pill:hover{transform:scale(1.05)}.doc-ok{background:#eaf3de;color:#27500a}.doc-pending{background:#faeeda;color:#633806}.doc-missing{background:#fcebeb;color:#791f1f}.kyc-actions{display:flex;gap:6px}.btn-approve{background:linear-gradient(135deg,#1d9e75,#26b585);color:#fff;border:none;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-approve:hover{transform:translateY(-1px);box-shadow:0 2px 8px #1d9e754d}.btn-reject{background:transparent;border:.5px solid #E24B4A;color:#a32d2d;padding:4px 10px;border-radius:6px;font-size:10px;cursor:pointer;transition:all .3s ease}.btn-reject:hover{background:#e24b4a1a;transform:translateY(-1px)}.btn-view{background:var(--color-background-primary);border:.5px solid var(--color-border-secondary);color:var(--color-text-secondary);padding:4px 10px;border-radius:6px;font-size:10px;cursor:pointer;transition:all .3s ease}.btn-view:hover{border-color:#b8860b;color:#b8860b}.badge-urgent{background:#fcebeb;color:#791f1f;font-size:9px;padding:1px 6px;border-radius:10px;animation:pulse 2s infinite}.badge-new{background:#e6f1fb;color:#0c447c;font-size:9px;padding:1px 6px;border-radius:10px}.litige-item{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:.5px solid var(--color-border-tertiary);transition:all .3s ease}.litige-item:hover{background:#b8860b05;padding-left:5px}.litige-item:last-child{border-bottom:none}.litige-icon{width:30px;height:30px;border-radius:7px;background:#faeeda;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.litige-icon i{color:#633806;font-size:14px}.litige-icon.red{background:#fcebeb}.litige-icon.red i{color:#791f1f}.litige-title{font-size:12px;font-weight:500;color:var(--color-text-primary)}.litige-sub{font-size:10px;color:var(--color-text-secondary);margin-top:1px}.litige-right{margin-left:auto;text-align:right}.litige-montant{font-size:11px;font-weight:500;color:var(--color-text-primary)}.badge-ouvert{background:#faeeda;color:#633806;font-size:9px;padding:1px 6px;border-radius:10px}.badge-revue{background:#e6f1fb;color:#0c447c;font-size:9px;padding:1px 6px;border-radius:10px}.litige-stats{display:flex;justify-content:space-around;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border-tertiary)}.stat-item{text-align:center}.stat-value{font-size:16px;font-weight:600;color:var(--color-text-primary)}.stat-label{font-size:9px;color:var(--color-text-secondary);margin-top:2px}.pay-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:.5px solid var(--color-border-tertiary);font-size:12px;transition:all .3s ease}.pay-row:hover{transform:translate(5px)}.pay-row:last-child{border-bottom:none}.pay-op{display:flex;align-items:center;gap:6px}.op-dot{width:8px;height:8px;border-radius:50%;transition:all .3s ease}.op-dot:hover{transform:scale(1.5)}.pay-montant{font-weight:500;color:var(--color-text-primary)}.pay-count{font-size:10px;color:var(--color-text-secondary)}.pay-total{margin-top:12px;padding-top:10px;border-top:.5px solid var(--color-border-tertiary)}.total-label{font-size:10px;color:var(--color-text-secondary)}.total-value{font-size:16px;font-weight:500;color:var(--color-text-primary);margin-top:2px}.total-sub{font-size:10px;color:var(--color-text-secondary);margin-top:2px}.trend{font-size:10px;margin-top:4px}.audit-item{display:flex;align-items:flex-start;gap:8px;padding:7px 0;border-bottom:.5px solid var(--color-border-tertiary);transition:all .3s ease}.audit-item:hover{transform:translate(5px)}.audit-item:last-child{border-bottom:none}.audit-dot{width:7px;height:7px;border-radius:50%;margin-top:4px;flex-shrink:0}.audit-action{font-size:11px;color:var(--color-text-primary)}.audit-detail{font-size:10px;color:var(--color-text-secondary);margin-top:1px}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:3px;top:10px;bottom:10px;width:1px;background:linear-gradient(to bottom,#B8860B,transparent)}.timeline-item{display:flex;gap:12px;margin-bottom:12px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{width:7px;height:7px;border-radius:50%;margin-top:4px;flex-shrink:0;position:relative;z-index:1}.timeline-content{flex:1}.perf-bar-wrap{margin-bottom:10px}.perf-bar-row{display:flex;justify-content:space-between;margin-bottom:4px}.perf-bar-label{font-size:11px;color:var(--color-text-primary)}.perf-bar-val{font-size:11px;font-weight:500}.perf-bar{height:5px;background:var(--color-background-secondary);border-radius:3px;overflow:hidden}.perf-fill{height:100%;border-radius:3px;transition:width 1s ease;position:relative;overflow:hidden}.perf-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid3{grid-template-columns:1fr}}@media(max-width:768px){.app{grid-template-columns:1fr}.sidebar{display:none}.main{padding:16px}.grid2{grid-template-columns:1fr}}