@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600&family=DM+Sans:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=DM+Mono:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700&family=Instrument+Sans:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap";.auth-loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-bottom:1rem}.auth-loading-container p{color:#fff;font-size:1.1rem;font-weight:500}html{scroll-behavior:smooth}:root{--sb-bg-dark: #0f172a;--sb-bg-darker: #0a0f1f;--sb-blue: #2E86AB;--sb-cyan: #17A8B8;--sb-teal: #1B8A5A;--sb-red: #E05A5A;--sb-text-light: #e2e8f0;--sb-text-muted: #94a3b8;--sb-text-dim: #64748b;--sb-border: rgba(46, 134, 171, .25);--sb-hover-bg: rgba(46, 134, 171, .12);--sb-active-bg: rgba(23, 168, 184, .15)}.sidebar{grid-row:1 / 3;background:linear-gradient(180deg,var(--sb-bg-dark) 0%,var(--sb-bg-darker) 100%);border-right:1px solid var(--sb-border);display:flex;flex-direction:column;padding:28px 16px;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:50;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 20px #0000004d}.sidebar__logo{display:flex;align-items:center;gap:10px;padding:0 8px;margin-bottom:40px}.sidebar__logo-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--sb-blue),var(--sb-cyan));border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;box-shadow:0 2px 8px #0003}.sidebar__logo-image{width:30px;height:30px;object-fit:contain;filter:brightness(0) invert(1)}.sidebar__logo-text{font-family:DM Mono,monospace;font-size:15px;font-weight:600;color:#fff;letter-spacing:-.3px;background:linear-gradient(135deg,#fff,var(--sb-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar__section-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--sb-text-muted);padding:0 8px;margin-bottom:12px;display:block}.sidebar__nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;color:var(--sb-text-muted);background:transparent;-webkit-user-select:none;user-select:none}.nav-item:hover{background:var(--sb-hover-bg);color:#fff;border-color:#2e86ab4d;transform:translate(2px)}.nav-item--active{background:linear-gradient(90deg,var(--sb-active-bg) 0%,rgba(23,168,184,.08) 100%);border-color:#17a8b84d;color:var(--sb-cyan);font-weight:600;box-shadow:0 2px 4px #0000001a}.nav-item--active:hover{background:var(--sb-active-bg);color:var(--sb-cyan);transform:translate(2px)}.nav-item__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px}.nav-item__icon svg{stroke-width:1.5}.nav-item--active .nav-item__icon svg{stroke:var(--sb-cyan);fill:var(--sb-cyan)}.nav-item__badge{margin-left:auto;background:linear-gradient(135deg,var(--sb-red),#c0392b);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:100px;line-height:1.4;min-width:18px;text-align:center;box-shadow:0 1px 2px #0003}.sidebar__footer{margin-top:auto;padding:12px;background:#ffffff08;border-radius:14px;border:1px solid var(--sb-border);position:relative;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar__footer:hover{background:#2e86ab1a;border-color:#2e86ab66;transform:translateY(-2px)}.sidebar__user{display:flex;align-items:center;gap:10px}.sidebar__user-info{flex:1;overflow:hidden}.sidebar__user-name{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{font-size:10px;color:var(--sb-text-muted);font-family:DM Mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--sb-blue),var(--sb-cyan));border:2px solid rgba(23,168,184,.5);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;font-family:DM Mono,monospace;flex-shrink:0;box-shadow:0 2px 4px #0003}.sidebar__user-arrow{color:var(--sb-text-muted);display:flex;align-items:center;transition:all .2s ease}.sidebar__user:hover .sidebar__user-arrow{color:var(--sb-cyan);transform:translateY(2px)}.profile-menu{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:linear-gradient(135deg,#1e2a3a,#0f172a);border:1px solid var(--sb-border);border-radius:14px;padding:8px 0;box-shadow:0 20px 35px -10px #0006,0 0 0 1px #2e86ab33;animation:slideUp .2s ease;z-index:60;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease;font-size:13px;color:var(--sb-text-muted);font-weight:500}.profile-menu-item:hover{background:var(--sb-hover-bg);padding-left:20px}.profile-menu-item:hover span,.profile-menu-item:hover svg{color:var(--sb-cyan)!important}.profile-menu-divider{height:1px;background:var(--sb-border);margin:8px 12px}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.sidebar::-webkit-scrollbar-thumb{background:var(--sb-blue);border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--sb-cyan)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:900px){.sidebar{position:fixed!important;left:0;top:0;bottom:0;z-index:100;width:280px!important;height:100vh!important;transform:translate(-100%);box-shadow:none}.sidebar--open{transform:translate(0);box-shadow:4px 0 24px #0006}.sidebar-overlay{display:block}.profile-menu{position:fixed;inset:auto 16px;max-width:260px;margin-bottom:8px}}.sidebar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;padding:0 8px}.language-switcher{display:flex;gap:4px;background:#ffffff14;padding:4px;border-radius:10px;border:1px solid rgba(46,134,171,.2)}.lang-btn{background:transparent;border:none;padding:6px 10px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:32px;color:var(--sb-text-muted)}.lang-btn:hover{background:#2e86ab26;color:#fff}.lang-btn.active{background:linear-gradient(135deg,var(--sb-blue),var(--sb-cyan));color:#fff;box-shadow:0 2px 6px #17a8b84d}.app-layout{display:flex;min-height:100vh;background:#f8f9fa}.main-area{flex:1;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.top-bar{height:70px;background:#fff;border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;padding:0 24px;gap:16px;position:sticky;top:0;z-index:40;box-shadow:0 2px 8px #00000005}.menu-button{display:none;width:40px;height:40px;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#fff;color:#2c3e50;cursor:pointer;align-items:center;justify-content:center;transition:all .2s}.menu-button:hover{background:#f8f9fa;border-color:#4ade80;color:#4ade80}.page-title{font-size:1.25rem;font-weight:600;color:#2c3e50;flex:1}.top-bar-actions{display:flex;align-items:center;gap:12px}.content-area{flex:1;padding:24px;overflow-y:auto;background:#f8f9fa}@media(max-width:900px){.menu-button{display:flex}.main-area{width:100%}.content-area{padding:16px}.page-title{font-size:1.1rem}}@media(max-width:480px){.content-area{padding:12px}.top-bar{padding:0 16px;height:60px}.page-title{font-size:1rem}}:root{--sb-bg: #f4f7fa;--sb-surface: #ffffff;--sb-surface-alt: #eef3f8;--sb-border: rgba(46,134,171,.14);--sb-border-hover: rgba(46,134,171,.4);--sb-blue: #2E86AB;--sb-cyan: #17A8B8;--sb-teal: #1B8A5A;--sb-red: #E05A5A;--sb-amber: #D97706;--sb-text-1: #1a2940;--sb-text-2: #3d5a73;--sb-text-3: #7a95aa;--sb-text-inv: #ffffff;--sb-shadow-sm: 0 1px 4px rgba(46,134,171,.08);--sb-shadow-md: 0 4px 20px rgba(46,134,171,.12);--sb-shadow-lg: 0 12px 40px rgba(46,134,171,.16)}body{font-family:DM Sans,sans-serif;background:var(--sb-bg);color:var(--sb-text-1);overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#2e86ab33;border-radius:2px}@keyframes slideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.dash-layout{display:grid;grid-template-columns:240px 1fr;grid-template-rows:auto 1fr;min-height:100vh}.dash-loading{height:100vh;background:var(--sb-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-family:DM Mono,monospace}.dash-loading__spinner{width:40px;height:40px;border:3px solid rgba(46,134,171,.15);border-top-color:var(--sb-cyan);border-radius:50%;animation:spin .7s linear infinite}.dash-loading__text{color:var(--sb-text-3);font-size:13px}.topbar{background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--sb-border);padding:14px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;box-shadow:var(--sb-shadow-sm)}.topbar__left{display:flex;align-items:center;gap:14px}.topbar__menu-btn{display:none;align-items:center;justify-content:center;background:none;border:1px solid var(--sb-border);color:var(--sb-text-3);width:36px;height:36px;border-radius:10px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.topbar__menu-btn:hover{border-color:var(--sb-blue);color:var(--sb-blue)}.topbar__title{font-family:DM Mono,monospace;font-size:16px;font-weight:500;color:var(--sb-text-1);letter-spacing:-.2px}.topbar__subtitle{font-size:12px;color:var(--sb-text-3);margin-top:1px}.topbar__right{display:flex;align-items:center;gap:12px}.topbar__demo-badge{font-size:11px;color:var(--sb-red);background:#e05a5a14;padding:5px 10px;border-radius:8px;border:1px solid rgba(224,90,90,.2);font-family:DM Mono,monospace}.topbar__refresh-btn{display:flex;align-items:center;gap:8px;padding:9px 16px;background:#17a8b814;border:1px solid rgba(23,168,184,.25);color:var(--sb-cyan);border-radius:10px;font-family:DM Mono,monospace;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}.topbar__refresh-btn:hover:not(:disabled){background:var(--sb-cyan);color:var(--sb-text-inv)}.topbar__refresh-btn:disabled{opacity:.6;cursor:not-allowed}.topbar__refresh-btn--spinning svg{animation:spin .8s linear infinite}.main-content{padding:32px;overflow-y:auto;display:flex;flex-direction:column;gap:28px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi-grid>*{animation:slideIn .4s ease both}.kpi-grid>*:nth-child(1){animation-delay:.05s}.kpi-grid>*:nth-child(2){animation-delay:.1s}.kpi-grid>*:nth-child(3){animation-delay:.15s}.kpi-grid>*:nth-child(4){animation-delay:.2s}.kpi-card{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:20px;padding:22px 20px;position:relative;overflow:hidden;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:var(--sb-shadow-sm)}.kpi-card--clickable{cursor:pointer}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--sb-shadow-md)}.kpi-card__glow{position:absolute;top:-30px;right:-30px;width:100px;height:100px;border-radius:50%;filter:blur(24px);pointer-events:none;opacity:.55}.kpi-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.kpi-card__label{font-size:11px;font-weight:600;color:var(--sb-blue);text-transform:uppercase;letter-spacing:1.2px;font-family:DM Mono,monospace}.kpi-card__icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-card__value{font-family:DM Mono,monospace;font-size:26px;font-weight:600;color:var(--sb-text-1);letter-spacing:-.5px;margin-bottom:10px;line-height:1}.kpi-card__variation{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:3px 9px;border-radius:100px}.kpi-card__variation--positive{background:#1b8a5a1a;color:var(--sb-teal)}.kpi-card__variation--negative{background:#e05a5a1a;color:var(--sb-red)}.kpi-card__variation--neutral{background:#2e86ab12;color:var(--sb-text-3)}.chart-card{background:linear-gradient(135deg,#f0f9ff,#fff,#f0faf5);border:1px solid rgba(23,168,184,.2);border-radius:24px;padding:28px 28px 24px;position:relative;overflow:hidden;animation:slideIn .4s .22s ease both;box-shadow:var(--sb-shadow-md)}.chart-card__glow-top{position:absolute;top:-80px;right:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(23,168,184,.1) 0%,transparent 70%);pointer-events:none}.chart-card__glow-bottom{position:absolute;bottom:-60px;left:60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(46,134,171,.07) 0%,transparent 70%);pointer-events:none}.chart-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;position:relative}.chart-card__title-group{display:flex;flex-direction:column}.chart-card__dot-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.chart-card__dot{width:6px;height:6px;border-radius:50%;background:var(--sb-cyan)}.chart-card__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--sb-blue);font-family:DM Mono,monospace}.chart-card__subtitle{font-family:DM Mono,monospace;font-size:13px;color:var(--sb-text-2)}.chart-card__live-badge{display:flex;align-items:center;gap:8px;padding:7px 12px;background:#17a8b814;border:1px solid rgba(23,168,184,.22);border-radius:10px;color:var(--sb-cyan);font-size:11px;font-family:DM Mono,monospace}.chart-card__amount{margin-bottom:28px;position:relative}.chart-card__amount-value{font-family:DM Mono,monospace;font-size:40px;font-weight:600;color:var(--sb-text-1);letter-spacing:-1px}.chart-card__amount-unit{font-size:18px;color:var(--sb-text-3);margin-left:6px;font-family:DM Mono,monospace}.chart-card__stats-row{display:flex;gap:20px;margin-top:10px}.chart-card__stat{font-size:11px;color:var(--sb-text-3);font-family:DM Mono,monospace}.chart-card__chart{height:180px;position:relative}.bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;animation:slideIn .4s .3s ease both}.bottom-card{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:20px;padding:22px 24px;box-shadow:var(--sb-shadow-sm)}.bottom-card__title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--sb-text-3);font-family:DM Mono,monospace;margin-bottom:12px}.hebdo-card__amount{font-family:DM Mono,monospace;font-size:30px;font-weight:600;color:var(--sb-text-1);margin-bottom:16px}.hebdo-card__amount-unit{font-size:14px;color:var(--sb-text-3);margin-left:6px}.hebdo-card__bar-track{height:4px;background:#2e86ab1a;border-radius:4px;overflow:hidden;margin-bottom:6px}.hebdo-card__bar-fill{height:100%;width:65%;background:linear-gradient(90deg,var(--sb-cyan),var(--sb-blue));border-radius:4px;transition:width 1.2s ease}.hebdo-card__caption{font-size:11px;color:var(--sb-text-3);font-family:DM Mono,monospace}.stock-card__title{margin-bottom:16px}.stock-item{margin-bottom:14px}.stock-item:last-child{margin-bottom:0}.stock-item__row{display:flex;justify-content:space-between;margin-bottom:6px}.stock-item__label{font-size:12px;color:var(--sb-text-2)}.stock-item__value{font-size:12px;font-weight:600;font-family:DM Mono,monospace}.stock-item__bar-track{height:3px;background:#2e86ab14;border-radius:2px;overflow:hidden}.stock-item__bar-fill{height:100%;border-radius:2px;opacity:.75;transition:width 1.2s ease}.dashboard-content{display:flex;flex-direction:column;gap:28px;animation:slideIn .4s ease}.dashboard-content .kpi-grid{margin-top:0}.dashboard-warning{background:#fffbeb;border:1px solid #f59e0b;border-radius:12px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;gap:8px;color:#92400e;font-size:.95rem}.dash-session-expired{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--sb-bg)}.session-expired-card{background:var(--sb-surface);border-radius:20px;padding:48px;text-align:center;max-width:400px;box-shadow:var(--sb-shadow-lg);animation:fadeIn .5s ease;border:1px solid var(--sb-border)}.session-expired-card h2{font-size:1.8rem;color:var(--sb-text-1);margin:16px 0 8px}.session-expired-card p{color:var(--sb-text-2);margin-bottom:24px}.redirect-spinner{width:40px;height:40px;border:3px solid rgba(46,134,171,.15);border-top-color:var(--sb-red);border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.dash-layout{grid-template-columns:1fr}.topbar{padding:12px 16px}.topbar__menu-btn{display:flex}.main-content{padding:20px 16px}.kpi-grid{grid-template-columns:1fr 1fr}.bottom-row{grid-template-columns:1fr}}@media(max-width:600px){.kpi-grid{grid-template-columns:1fr}.chart-card__amount-value{font-size:28px}}:root{--bg: #f0f5fb;--card: #ffffff;--border: rgba(46, 134, 171, .16);--blue: #2E86AB;--blue-dark: #1f6a8a;--blue-light: #eaf4f8;--cyan: #17A8B8;--teal: #1B8A5A;--text-primary: #1a2940;--text-secondary:#3d5a73;--text-muted: #7a95aa;--error: #c0392b;--error-bg: #fef5f5;--error-border: rgba(224, 90, 90, .25)}body{font-family:DM Sans,sans-serif}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--bg);position:relative;overflow:hidden}.auth-container:before,.auth-container:after{content:"";position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;animation:drift 14s ease-in-out infinite alternate}.auth-container:before{width:600px;height:600px;background:radial-gradient(circle,rgba(46,134,171,.12) 0%,transparent 70%);top:-15%;left:-10%}.auth-container:after{width:500px;height:500px;background:radial-gradient(circle,rgba(23,168,184,.08) 0%,transparent 70%);bottom:-10%;right:-10%;animation-delay:-7s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.08)}}.grid-bg{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(46,134,171,.07) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.login-card{position:relative;background:var(--card);border-radius:24px;border:1px solid var(--border);padding:3rem 2.75rem;width:100%;max-width:440px;text-align:center;box-shadow:0 1px 2px #1a29400a,0 8px 24px #2e86ab17,0 40px 80px #1a294012;animation:cardIn .65s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(28px)}@keyframes cardIn{to{opacity:1;transform:translateY(0)}}.login-card:before{content:"";position:absolute;top:0;left:12%;right:12%;height:3px;background:linear-gradient(90deg,transparent,var(--blue),var(--cyan),transparent);border-radius:0 0 4px 4px;opacity:.75}.logo-container{margin-bottom:.1rem;animation:fadeUp .5s .15s cubic-bezier(.16,1,.3,1) both}.logo{width:100px;height:100px;object-fit:contain;margin-bottom:.1rem;filter:drop-shadow(0 4px 10px rgba(46,134,171,.18))}.brand-title{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:600;letter-spacing:.03em;color:var(--text-primary)}.brand-title span{color:var(--blue)}.login-title{font-family:DM Sans,sans-serif;font-size:1.55rem;font-weight:300;color:var(--text-primary);letter-spacing:.01em;margin-bottom:1rem;animation:fadeUp .5s .25s cubic-bezier(.16,1,.3,1) both}.login-title span{font-weight:600;color:var(--blue)}.error-message{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error);border-radius:10px;padding:.75rem 1rem;font-size:.875rem;margin-bottom:1.5rem;text-align:left;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}60%{transform:translate(5px)}}.form-group{margin-bottom:1.25rem;text-align:left;animation:fadeUp .5s .35s cubic-bezier(.16,1,.3,1) both}.form-group:nth-child(3){animation-delay:.4s}.form-group:nth-child(4){animation-delay:.45s}.form-label{display:block;margin-bottom:.5rem;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--text-secondary)}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);transition:color .2s;pointer-events:none}.form-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;background:#f5fafd;border:1.5px solid var(--border);border-radius:10px;font-size:.95rem;font-family:DM Sans,sans-serif;color:var(--text-primary);transition:all .2s;outline:none}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--cyan);background:#fff;box-shadow:0 0 0 4px #17a8b81a}.input-wrapper:focus-within .input-icon{color:var(--cyan)}.form-input:disabled{opacity:.55;cursor:not-allowed}.login-button{position:relative;width:100%;padding:1rem;margin:1.5rem 0 1.25rem;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);color:#fff;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.04em;border:none;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden;animation:fadeUp .5s .5s cubic-bezier(.16,1,.3,1) both}.login-button:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 100%)}.login-button:hover:not(.loading){transform:translateY(-2px);box-shadow:0 10px 28px #2e86ab4d}.login-button:active:not(.loading){transform:translateY(0)}.login-button.loading{opacity:.75;cursor:not-allowed}.loading-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;margin-right:8px;vertical-align:middle}.divider{display:flex;align-items:center;gap:.75rem;margin:.25rem 0 1.25rem;animation:fadeUp .5s .55s cubic-bezier(.16,1,.3,1) both}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.divider span{font-size:.75rem;color:var(--text-muted);letter-spacing:.05em}.forgot-password{animation:fadeUp .5s .6s cubic-bezier(.16,1,.3,1) both}.forgot-link{font-size:.875rem;font-weight:500;color:var(--blue);text-decoration:none;transition:opacity .2s;opacity:.85}.forgot-link:hover{opacity:1;text-decoration:underline}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.login-card{padding:2.25rem 1.5rem}}:root{--sb-bg: #f4f7fa;--sb-surface: #ffffff;--sb-surface-alt: #f8fafc;--sb-border: rgba(46,134,171,.12);--sb-border-hover: rgba(46,134,171,.25);--sb-blue: #2E86AB;--sb-cyan: #17A8B8;--sb-teal: #1B8A5A;--sb-red: #E05A5A;--sb-amber: #D97706;--sb-text-1: #1a2940;--sb-text-2: #3d5a73;--sb-text-3: #7a95aa;--sb-text-inv: #ffffff;--sb-shadow-sm: 0 1px 4px rgba(46,134,171,.06);--sb-shadow-md: 0 4px 16px rgba(46,134,171,.08);--sb-shadow-lg: 0 12px 32px rgba(46,134,171,.1)}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stock-container{min-height:100vh;background:var(--sb-bg);position:relative}.stock-header{position:sticky;top:0;z-index:50;background:#fffffff5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--sb-border);padding:0}.header-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.header-left{display:flex;align-items:center;gap:1rem}.header-icon{width:3rem;height:3rem;background:#2e86ab1a;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--sb-blue)}.header-icon svg{font-size:1.5rem}.header-title h1{font-size:1.5rem;font-weight:600;color:var(--sb-text-1);margin:0;letter-spacing:-.3px;font-family:DM Sans,sans-serif}.header-subtitle{font-size:.75rem;color:var(--sb-text-3);margin:2px 0 0;font-family:DM Mono,monospace}.header-actions{display:flex;gap:.5rem}.action-btn{width:2.5rem;height:2.5rem;border-radius:12px;border:1px solid var(--sb-border);background:#fff;color:var(--sb-text-3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.action-btn:hover{border-color:var(--sb-blue);color:var(--sb-blue);transform:translateY(-1px)}.spin{animation:spin .8s linear infinite}.stock-content{max-width:1400px;margin:0 auto;padding:2rem;animation:fadeIn .4s ease}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem}.stat-card{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:20px;padding:1.25rem;transition:all .2s ease;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);border-color:var(--sb-border-hover);box-shadow:var(--sb-shadow-md)}.stat-info{flex:1}.stat-label{font-size:.7rem;font-weight:600;color:var(--sb-blue);text-transform:uppercase;letter-spacing:1px;font-family:DM Mono,monospace;display:block;margin-bottom:.5rem}.stat-value{font-size:1.75rem;font-weight:600;color:var(--sb-text-1);display:block;margin-bottom:.5rem;font-family:DM Mono,monospace;letter-spacing:-.5px;line-height:1}.stat-value.success{color:var(--sb-teal)}.stat-value.warning{color:var(--sb-amber)}.stat-value.danger{color:var(--sb-red)}.stat-footer{font-size:.7rem;color:var(--sb-text-3);display:flex;align-items:center;gap:.25rem;font-family:DM Mono,monospace}.stat-icon-small{font-size:.7rem}.stat-icon-small.success{color:var(--sb-teal)}.stat-icon-small.warning{color:var(--sb-amber)}.stat-icon-small.danger{color:var(--sb-red)}.stat-icon-wrapper{display:flex;align-items:center;justify-content:center}.value-card{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:20px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;transition:all .2s ease}.value-row{display:flex;align-items:center;justify-content:space-around;gap:2rem;flex-wrap:wrap}.value-item{display:flex;align-items:center;gap:1rem;flex:1;padding:.5rem;border-radius:12px;transition:all .2s ease;cursor:pointer}.value-item:hover{background:#2e86ab0a}.value-icon{width:2.5rem;height:2.5rem;background:#2e86ab14;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--sb-blue);font-size:1.1rem}.value-info{display:flex;flex-direction:column}.value-label{font-size:.7rem;color:var(--sb-text-3);font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.5px}.value-number{font-size:1.25rem;font-weight:600;color:var(--sb-text-1);font-family:DM Mono,monospace}.filters-section{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:20px;padding:1.25rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.search-bar{position:relative;width:100%}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--sb-text-3);font-size:1rem}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--sb-border);border-radius:14px;font-size:.9rem;font-family:DM Sans,sans-serif;background:var(--sb-surface);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--sb-cyan);box-shadow:0 0 0 3px #17a8b814}.clear-search{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--sb-text-3);cursor:pointer;background:none;border:none;display:flex;align-items:center;justify-content:center;padding:0;transition:color .2s}.clear-search:hover{color:var(--sb-red)}.filter-actions{display:flex;gap:.75rem;flex-wrap:wrap}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap;flex:1}.filter-btn{padding:.5rem 1.25rem;border-radius:40px;border:1px solid var(--sb-border);background:#fff;color:var(--sb-text-2);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:DM Sans,sans-serif}.filter-btn:hover{border-color:var(--sb-blue);color:var(--sb-blue)}.dropdown-container{position:relative}.dropdown-btn{padding:.5rem 1.25rem;border-radius:40px;border:1px solid var(--sb-border);background:#fff;color:var(--sb-text-2);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-family:DM Sans,sans-serif}.dropdown-btn:hover{border-color:var(--sb-blue);color:var(--sb-blue)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border-radius:16px;box-shadow:var(--sb-shadow-lg);min-width:180px;z-index:50;overflow:hidden;border:1px solid var(--sb-border);animation:slideIn .2s ease}.dropdown-item{width:100%;padding:.6rem 1rem;text-align:left;border:none;background:#fff;color:var(--sb-text-2);font-size:.85rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(46,134,171,.06)}.dropdown-item:hover{background:#2e86ab0d;color:var(--sb-blue);padding-left:1.25rem}.dropdown-item.active{background:var(--sb-blue);color:#fff}.selection-bar{background:#2e86ab0a;border:1px solid var(--sb-border);border-radius:16px;padding:.75rem 1.25rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.selection-bar span{color:var(--sb-text-1);font-size:.85rem;font-weight:500}.selection-actions{display:flex;gap:.5rem;flex-wrap:wrap}.selection-btn{padding:.4rem 1rem;border-radius:30px;border:1px solid var(--sb-border);background:#fff;color:var(--sb-text-2);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4rem}.selection-btn:hover{border-color:var(--sb-blue);color:var(--sb-blue)}.selection-btn.danger:hover{border-color:var(--sb-red);color:var(--sb-red)}.products-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.product-card{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:18px;padding:1rem 1.25rem;transition:all .2s ease;cursor:pointer;position:relative;display:flex;align-items:center;gap:1.25rem;width:100%}.product-card:hover{border-color:var(--sb-border-hover);box-shadow:var(--sb-shadow-md);transform:translate(3px)}.product-card.selected{border-color:var(--sb-blue);background:#2e86ab05}.product-card-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex-shrink:0}.product-checkbox input[type=checkbox]{width:1.1rem;height:1.1rem;cursor:pointer;accent-color:var(--sb-blue)}.product-menu{width:1.8rem;height:1.8rem;border-radius:10px;border:1px solid var(--sb-border);background:#fff;color:var(--sb-text-3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.product-menu:hover{border-color:var(--sb-blue);color:var(--sb-blue)}.product-avatar{width:3rem;height:3rem;background:#2e86ab14;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--sb-blue);font-size:1.4rem;flex-shrink:0;transition:transform .2s}.product-card:hover .product-avatar{transform:scale(1.05)}.product-info{flex:2;min-width:140px;text-align:left;margin-bottom:0}.product-name{font-size:.95rem;font-weight:600;color:var(--sb-text-1);margin:0 0 .2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-ref{font-size:.68rem;color:var(--sb-text-3);font-family:DM Mono,monospace;background:#2e86ab0d;padding:.15rem .5rem;border-radius:20px;display:inline-block}.product-category{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .65rem;background:#2e86ab0d;border-radius:20px;font-size:.68rem;color:var(--sb-text-2);margin-bottom:0;white-space:nowrap;flex-shrink:0}.product-prices{display:flex;gap:1.5rem;padding:.5rem 1rem;background:#2e86ab08;border-radius:12px;flex-shrink:0;margin-bottom:0}.price-item{text-align:center;min-width:80px}.price-label{display:block;font-size:.6rem;color:var(--sb-text-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.2rem}.price-value{font-weight:600;color:var(--sb-text-1);font-size:.85rem;font-family:DM Mono,monospace}.price-value:after{content:" Ar";font-size:.6rem;font-weight:400}.product-stock{flex:1;min-width:120px;margin-bottom:0}.stock-header{display:flex;justify-content:space-between;margin-bottom:.4rem}.stock-label{font-size:.68rem;color:var(--sb-text-3)}.stock-value{display:flex;align-items:center;gap:.25rem;font-weight:600;font-size:.8rem;font-family:DM Mono,monospace}.progress-bar{height:.25rem;background:#2e86ab1f;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .4s ease;background:var(--sb-blue)}.product-footer{display:flex;align-items:center;gap:.75rem;flex-shrink:0;padding-top:0;border-top:none}.status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;border-radius:30px;font-size:.7rem;font-weight:500;white-space:nowrap}.status-badge.success{background:#1b8a5a14;color:var(--sb-teal)}.status-badge.warning{background:#d9770614;color:var(--sb-amber)}.status-badge.danger{background:#e05a5a14;color:var(--sb-red)}.product-arrow{color:var(--sb-text-3);font-size:.9rem;transition:transform .2s;flex-shrink:0}.product-card:hover .product-arrow{transform:translate(4px);color:var(--sb-blue)}.products-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.product-list-item{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:16px;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s ease;flex-wrap:wrap}.product-list-item:hover{border-color:var(--sb-border-hover);transform:translate(3px);box-shadow:var(--sb-shadow-sm)}.product-list-item.selected{border-color:var(--sb-blue);background:#2e86ab05}.list-checkbox input[type=checkbox]{width:1.1rem;height:1.1rem;cursor:pointer;accent-color:var(--sb-blue)}.list-avatar{width:2.5rem;height:2.5rem;background:#2e86ab14;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--sb-blue);font-size:1.2rem;flex-shrink:0}.list-info{flex:2;min-width:140px}.list-name-row{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;margin-bottom:.25rem}.list-name{font-size:.9rem;font-weight:600;color:var(--sb-text-1);margin:0}.list-ref{font-size:.65rem;color:var(--sb-text-3);font-family:DM Mono,monospace;background:#2e86ab0d;padding:.15rem .5rem;border-radius:12px}.list-category{display:inline-flex;align-items:center;gap:.3rem;font-size:.65rem;color:var(--sb-text-2)}.list-prices{flex:1.5;display:flex;gap:1rem;padding:.4rem .8rem;background:#2e86ab05;border-radius:12px;flex-wrap:wrap}.list-price{display:flex;flex-direction:column}.list-price span{color:var(--sb-text-3);font-size:.6rem;text-transform:uppercase;letter-spacing:.5px}.list-price strong{color:var(--sb-text-1);font-size:.85rem;font-family:DM Mono,monospace}.list-price strong:after{content:" Ar";font-size:.6rem;font-weight:400}.list-stock{flex:1;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.list-stock-info{display:flex;align-items:center;gap:.4rem;padding:.3rem .7rem;background:#2e86ab08;border-radius:30px}.stock-number{font-weight:600;font-size:.9rem;font-family:DM Mono,monospace}.stock-number.success{color:var(--sb-teal)}.stock-number.warning{color:var(--sb-amber)}.stock-number.danger{color:var(--sb-red)}.list-actions{display:flex;gap:.4rem;opacity:.6;transition:opacity .2s}.product-list-item:hover .list-actions{opacity:1}.list-action{width:2rem;height:2rem;border-radius:10px;border:1px solid var(--sb-border);background:#fff;color:var(--sb-text-3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.list-action:hover{border-color:var(--sb-blue);color:var(--sb-blue)}.list-action.danger:hover{border-color:var(--sb-red);color:var(--sb-red)}.load-more-btn{display:block;margin:0 auto;padding:.7rem 2rem;background:#fff;border:1px solid var(--sb-border);border-radius:40px;color:var(--sb-text-2);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.load-more-btn:hover{border-color:var(--sb-blue);color:var(--sb-blue);transform:translateY(-1px)}.empty-state{text-align:center;padding:3rem 2rem;background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:24px}.empty-icon{font-size:3rem;color:var(--sb-text-3);margin-bottom:1rem;opacity:.6}.empty-state h3{font-size:1rem;font-weight:600;color:var(--sb-text-1);margin:0 0 .25rem}.empty-state p{font-size:.8rem;color:var(--sb-text-3);margin:0 0 1rem}.empty-action{padding:.6rem 1.5rem;background:var(--sb-blue);border:none;border-radius:40px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.empty-action:hover{background:#236b8a;transform:translateY(-1px)}.fab-button{position:fixed;bottom:2rem;right:2rem;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--sb-blue);border:none;color:#fff;font-size:1.2rem;cursor:pointer;box-shadow:var(--sb-shadow-md);transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:40}.fab-button:hover{transform:scale(1.05);box-shadow:var(--sb-shadow-lg)}.loading-spinner{position:relative;width:3rem;height:3rem;margin-bottom:1rem}.spinner{width:100%;height:100%;border:3px solid rgba(46,134,171,.12);border-top-color:var(--sb-cyan);border-radius:50%;animation:spin .8s linear infinite}.spinner-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--sb-blue);font-size:1.2rem}.loading-text{color:var(--sb-text-3);font-size:.85rem;font-family:DM Mono,monospace}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.header-content{flex-direction:column;align-items:flex-start;padding:1rem}.header-actions{width:100%;justify-content:flex-start}.stock-content{padding:1.25rem}.stats-grid{grid-template-columns:1fr;gap:.75rem}.filter-actions{flex-direction:column}.filter-buttons{justify-content:center}.dropdown-container{width:100%}.dropdown-btn{width:100%;justify-content:center}.selection-bar{flex-direction:column;text-align:center}.selection-actions{justify-content:center}.products-grid{gap:.75rem}.product-card{flex-wrap:wrap;gap:.75rem}.product-prices{flex:1;min-width:160px}.product-stock{flex:1;min-width:120px}.product-list-item{flex-direction:column;align-items:flex-start}.list-checkbox{align-self:flex-start}.list-prices{width:100%}.list-stock{width:100%;justify-content:space-between}.list-actions{width:100%;justify-content:flex-end;opacity:1}.fab-button{bottom:1.25rem;right:1.25rem;width:3rem;height:3rem;font-size:1rem}}@media(max-width:480px){.value-row{flex-direction:column;gap:.75rem}.value-item{width:100%}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2e86ab33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--sb-blue)}.finance-container{padding:24px;max-width:1400px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#2d3748;background:#f0f5fb}.fi-header{margin-bottom:32px}.fi-header h1{font-size:2.25rem;font-weight:700;margin-bottom:16px;color:#2d3748}.fi-tabs{display:flex;gap:12px;flex-wrap:wrap}.fi-tabs button{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;background:#edf2f7;color:#4a5568}.fi-tabs button:hover{background:#e2e8f0}.fi-tabs button.active{background:#2e86ab;color:#fff;box-shadow:0 4px 6px #2e86ab33}.fi-overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:40px}.fi-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000014;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.fi-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000001a}.fi-card h3{font-size:1.1rem;color:#718096;margin-bottom:12px;font-weight:500}.fi-value{font-size:2rem;font-weight:700;color:#2d3748}.positive{color:#1b8a5a}.negative{color:#e05a5a}.fi-section{background:#fff;border-radius:12px;padding:28px;box-shadow:0 4px 12px #0000000f;margin-bottom:32px}.fi-section-title{font-size:1.5rem;font-weight:700;margin-bottom:20px;color:#2d3748;display:flex;align-items:center;gap:12px}.fi-year-badge{background:#e3f0f5;color:#2e86ab;font-size:.9rem;padding:4px 12px;border-radius:999px;margin-left:12px}.fi-sub-tabs{display:flex;gap:12px;margin-bottom:24px}.fi-sub-tabs button{padding:10px 20px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .2s}.fi-sub-tabs button.active{background:#2e86ab;color:#fff;border-color:#2e86ab}.fi-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #edf2f7;font-size:1.05rem}.fi-row-label{color:#4a5568;font-weight:500}.fi-row-value{font-weight:600;color:#2d3748}.fi-row-value.neg{color:#e05a5a}.fi-row-value.pos{color:#1b8a5a}.fi-separator{height:2px;background:#edf2f7;margin:16px 0}.fi-row-final{display:flex;justify-content:space-between;padding-top:20px;font-size:1.25rem;font-weight:700}.fi-row-final-label{color:#2d3748}.fi-row-final-value{color:#2e86ab}.fi-tx-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #edf2f7}.fi-tx-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#f7fafc}.fi-tx-icon.entree{background:#fff3e0;color:#e05a5a}.fi-tx-icon.sortie{background:#e8f5e9;color:#1b8a5a}.fi-tx-ref{font-weight:600;color:#2d3748}.fi-tx-date{font-size:.9rem;color:#718096}.fi-tx-amount{font-weight:700;font-size:1.1rem;min-width:140px;text-align:right}.fi-tx-amount.pos{color:#1b8a5a}.fi-tx-amount.neg{color:#e05a5a}.fi-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px}.fi-page-btn{width:40px;height:40px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;font-size:1.2rem;cursor:pointer;transition:all .2s}.fi-page-btn:hover:not(:disabled){background:#edf2f7}.fi-page-btn:disabled{opacity:.5;cursor:not-allowed}.fi-page-text{color:#4a5568;font-weight:500}.fi-empty{text-align:center;padding:60px 20px;color:#718096;font-size:1.2rem}.fi-loading,.fi-error,.fi-unauthorized{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;color:#4a5568}.fi-spinner{width:48px;height:48px;border:5px solid #e2e8f0;border-top:5px solid #2E86AB;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.fi-fab-wrap{position:fixed;bottom:32px;right:32px;z-index:100}.fi-fab{width:64px;height:64px;border-radius:50%;background:#2e86ab;color:#fff;font-size:1.8rem;border:none;box-shadow:0 6px 16px #2e86ab66;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center}.fi-fab:hover{transform:translateY(-4px);box-shadow:0 12px 24px #2e86ab59}.fi-fab.loading{background:#a0aec0;cursor:wait}.fi-fab-tooltip{position:absolute;right:80px;top:50%;transform:translateY(-50%);background:#2d3748;color:#fff;padding:8px 16px;border-radius:6px;font-size:.9rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.fi-fab-wrap:hover .fi-fab-tooltip{opacity:1}.cr-ligne{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.cr-ligne.important{font-weight:600;font-size:1.1em;background:#f8f9fa;padding:12px}.cr-ligne.final{font-size:1.25em;font-weight:700;margin-top:16px;padding-top:16px;border-top:2px solid #2E86AB}.montant{font-family:monospace;min-width:180px;text-align:right}.pourcentage{color:#555;margin-left:12px}.pos{color:#1b8a5a}.neg{color:#e05a5a}.wallet-section{display:flex;flex-direction:column;gap:24px;margin-bottom:80px}.wlt-solde-card{background:linear-gradient(135deg,#2e86ab,#17a8b8);border-radius:15px;padding:28px;box-shadow:0 10px 30px #2e86ab40}.wlt-solde-content{display:flex;justify-content:space-between;align-items:center;color:#fff;flex-wrap:wrap;gap:20px}.wlt-solde-label{font-size:.9rem;opacity:.9;display:block;margin-bottom:6px}.wlt-solde-value{display:flex;align-items:center;gap:12px}.wlt-solde-value h2{font-size:2.4rem;margin:0;font-weight:700}.wlt-toggle-visibility{background:#fff3;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.wlt-toggle-visibility:hover{background:#ffffff59}.wlt-solde-actions{display:flex;gap:10px}.wlt-action-btn{background:#fff3;border:none;color:#fff;padding:10px 22px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:500;transition:background .2s}.wlt-action-btn:hover{background:#ffffff4d}.wlt-action-btn.active{background:#fff;color:#2e86ab;font-weight:700}.wlt-alert{padding:14px 20px;border-radius:8px;display:flex;align-items:center;gap:10px;font-weight:500}.wlt-alert.error{background:#fff0f0;color:#e05a5a;border-left:4px solid #E05A5A}.wlt-alert.success{background:#edfaf3;color:#1b8a5a;border-left:4px solid #1B8A5A}.wlt-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.wlt-stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 12px #00000012;transition:transform .2s,box-shadow .2s}.wlt-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.wlt-stat-icon{font-size:2rem;color:#2e86ab}.wlt-stat-label{display:block;color:#718096;font-size:.9rem;margin-bottom:4px}.wlt-stat-value{font-size:1.4rem;font-weight:700;color:#2d3748}.wlt-chart-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000012}.wlt-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.wlt-chart-header h3{display:flex;align-items:center;gap:8px;color:#2d3748;margin:0;font-size:1.2rem;font-weight:700}.wlt-chart-toggle{display:flex;gap:4px;background:#f0f5fb;padding:4px;border-radius:8px}.wlt-chart-toggle button{background:none;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;color:#718096;transition:all .2s;display:flex;align-items:center}.wlt-chart-toggle button:hover{background:#e2e8f0}.wlt-chart-toggle button.active{background:#2e86ab;color:#fff}.wlt-chart-container{height:300px}.wlt-transaction-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000012}.wlt-transaction-tabs{display:flex;border-bottom:1px solid #edf2f7}.wlt-tab{flex:1;padding:16px;border:none;background:none;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:8px;color:#718096;font-weight:500;transition:all .2s}.wlt-tab:hover{background:#f7fafc}.wlt-tab.active{color:#2e86ab;border-bottom:2px solid #2E86AB;font-weight:700;background:#f0f9ff}.wlt-transaction-form{padding:28px}.wlt-solde-info{background:#e3f0f5;color:#2e86ab;padding:14px 18px;border-radius:8px;margin-bottom:20px;font-weight:600}.wlt-form-group{margin-bottom:20px}.wlt-form-group label{display:block;margin-bottom:8px;color:#2d3748;font-weight:600}.wlt-montant-input,.wlt-motif-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:1.05rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;color:#2d3748}.wlt-montant-input:focus,.wlt-motif-input:focus{outline:none;border-color:#2e86ab;box-shadow:0 0 0 3px #2e86ab26}.wlt-submit-btn{width:100%;padding:15px;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.wlt-submit-btn.depot{background:#1b8a5a;color:#fff}.wlt-submit-btn.depot:hover:not(:disabled){background:#146b45}.wlt-submit-btn.retrait{background:#e05a5a;color:#fff}.wlt-submit-btn.retrait:hover:not(:disabled){background:#c53a3a}.wlt-submit-btn:disabled{background:#cbd5e0;cursor:not-allowed}.wlt-historique-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000012}.wlt-historique-section h3{display:flex;align-items:center;gap:8px;color:#2d3748;margin-bottom:20px;font-size:1.2rem;font-weight:700}.wlt-historique-list{border:1px solid #edf2f7;border-radius:10px;overflow:hidden}.wlt-historique-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #edf2f7;transition:background .15s}.wlt-historique-item:last-child{border-bottom:none}.wlt-historique-item:hover{background:#f7fafc}.wlt-historique-info{display:flex;gap:24px;align-items:center}.wlt-historique-date{color:#718096;font-size:.9rem}.wlt-historique-type{display:flex;align-items:center;gap:6px;font-weight:600;color:#2d3748}.wlt-historique-montant{text-align:right}.wlt-no-data{text-align:center;padding:40px;color:#a0aec0;font-size:1rem}@media(max-width:768px){.wlt-solde-content{flex-direction:column;align-items:flex-start}.wlt-solde-actions{width:100%}.wlt-action-btn{flex:1;justify-content:center}.wlt-historique-item{flex-direction:column;align-items:flex-start;gap:8px}.wlt-historique-montant{width:100%;display:flex;justify-content:flex-end}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.rp-root{display:flex;height:100vh;background:#f1f5fb;font-family:Instrument Sans,sans-serif;overflow:hidden}.rp-toast{position:fixed;top:1.5rem;right:1.5rem;z-index:999;display:flex;align-items:center;gap:.6rem;background:#fff;border:1px solid #d1fae5;color:#065f46;padding:.75rem 1.25rem;border-radius:12px;font-size:.9rem;font-weight:500;box-shadow:0 8px 24px #0000001a;transform:translateY(-12px);opacity:0;pointer-events:none;transition:all .35s cubic-bezier(.16,1,.3,1)}.rp-toast--show{transform:translateY(0);opacity:1;pointer-events:auto}.rp-sidebar{width:320px;min-width:280px;background:#fff;border-right:1px solid #e8edf6;display:flex;flex-direction:column;overflow:hidden}.rp-sidebar-top{padding:2rem 1.75rem 1.25rem}.rp-back{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;cursor:pointer;color:#64748b;font-family:Instrument Sans,sans-serif;font-size:.85rem;font-weight:500;padding:.4rem .75rem;border-radius:8px;margin-left:-.75rem;margin-bottom:1.25rem;transition:background .2s,color .2s}.rp-back:hover{background:#f1f5f9;color:#1e293b}.rp-title{font-family:Syne,sans-serif;font-size:1.8rem;font-weight:700;color:#0f172a;letter-spacing:-.02em;line-height:1;margin-bottom:.4rem}.rp-subtitle{font-size:.9rem;color:#94a3b8}.rp-topics{flex:1;padding:.5rem 1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.rp-topic{display:flex;align-items:center;gap:1rem;width:100%;padding:.9rem 1rem;background:none;border:1.5px solid transparent;border-radius:14px;cursor:pointer;text-align:left;transition:all .22s;position:relative}.rp-topic:hover{background:#f8fafc;border-color:#e2e8f0}.rp-topic--active{background:var(--tbg)!important;border-color:var(--tc)!important;box-shadow:0 2px 12px #0000000f}.rp-topic-icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.rp-topic-text{flex:1;display:flex;flex-direction:column;gap:.2rem}.rp-topic-label{font-size:.95rem;font-weight:600;color:#1e293b;font-family:Syne,sans-serif}.rp-topic-desc{font-size:.8rem;color:#94a3b8}.rp-topic-badge{flex-shrink:0;min-width:22px;height:22px;border-radius:11px;color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 6px}.rp-sidebar-footer{padding:1.25rem 1.75rem;border-top:1px solid #f1f5f9}.rp-info-box{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#64748b}.rp-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.rp-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#94a3b8;text-align:center;padding:2rem}.rp-empty-icon{width:72px;height:72px;background:#f1f5f9;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#cbd5e1;margin-bottom:.5rem}.rp-empty h2{font-family:Syne,sans-serif;font-size:1.3rem;color:#1e293b;font-weight:700}.rp-empty p{font-size:.9rem;max-width:280px}.rp-chat{flex:1;display:flex;flex-direction:column;overflow:hidden;animation:slideIn .3s cubic-bezier(.16,1,.3,1) both}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.rp-chat-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.75rem;background:#fff;border-bottom:1px solid #e8edf6}.rp-chat-icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rp-chat-name{font-family:Syne,sans-serif;font-size:1rem;font-weight:700;color:#0f172a}.rp-chat-count{font-size:.8rem;color:#94a3b8}.rp-chat-close{margin-left:auto;background:#f1f5f9;border:none;cursor:pointer;border-radius:8px;padding:.4rem;color:#64748b;display:flex;transition:background .2s}.rp-chat-close:hover{background:#e2e8f0}.rp-messages{flex:1;overflow-y:auto;padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:.75rem}.rp-system-msg{align-self:flex-start;background:#f1f5f9;border-radius:4px 16px 16px;padding:.9rem 1.1rem;max-width:75%;font-size:.88rem;color:#475569;line-height:1.55}.rp-loader{display:flex;justify-content:center;padding:2rem}.rp-spinner{width:28px;height:28px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .7s linear infinite}.rp-spinner--sm{width:18px;height:18px;border-width:2px;border-top-color:#fff}.rp-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:10px;padding:.75rem 1rem;font-size:.875rem}.rp-no-msgs{text-align:center;color:#94a3b8;font-style:italic;padding:2rem;font-size:.9rem}.rp-bubble-wrap{display:flex;justify-content:flex-end;animation:bubbleIn .25s cubic-bezier(.16,1,.3,1) both}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.rp-bubble{max-width:70%;padding:.85rem 1.1rem;border-radius:16px 4px 16px 16px;box-shadow:0 2px 8px #0000001a}.rp-bubble-text{color:#fff;font-size:.93rem;line-height:1.55;word-break:break-word;white-space:pre-wrap}.rp-bubble-time{display:block;color:#ffffffa6;font-size:.73rem;text-align:right;margin-top:.35rem}.rp-input-area{padding:1rem 1.75rem 1.5rem;background:#fff;border-top:1px solid #e8edf6}.rp-input-error{font-size:.8rem;color:#dc2626;margin-bottom:.5rem}.rp-input-row{display:flex;align-items:flex-end;gap:.75rem;background:#f8faff;border:1.5px solid #e2e8f0;border-radius:16px;padding:.6rem .6rem .6rem 1rem;transition:border-color .2s,box-shadow .2s}.rp-input-row:focus-within{border-color:#93b4f5;box-shadow:0 0 0 4px #3b6ef014;background:#fff}.rp-textarea{flex:1;background:none;border:none;outline:none;resize:none;font-family:Instrument Sans,sans-serif;font-size:.93rem;color:#1e293b;line-height:1.5;padding:.3rem 0;max-height:140px;overflow-y:auto}.rp-textarea::placeholder{color:#b0bec5}.rp-textarea:disabled{opacity:.6}.rp-send{flex-shrink:0;width:40px;height:40px;border-radius:11px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#e2e8f0;color:#94a3b8;transition:all .22s cubic-bezier(.16,1,.3,1)}.rp-send:not(:disabled){color:#fff;transform:scale(1.02)}.rp-send:not(:disabled):hover{filter:brightness(1.1);transform:scale(1.06)}.rp-send:disabled{cursor:not-allowed}@media(max-width:700px){.rp-sidebar{display:none}.rp-main{flex:1}}:root{--sb-blue: #2E86AB;--sb-cyan: #17A8B8;--sb-teal: #1B8A5A;--sb-red: #E05A5A;--sb-amber: #D97706;--sb-gold: #F59E0B;--sb-bg: #f4f7fa;--sb-surface: #ffffff;--sb-border: rgba(46,134,171,.12);--sb-border-hover: rgba(46,134,171,.25);--sb-text-1: #1a2940;--sb-text-2: #3d5a73;--sb-text-3: #7a95aa;--shadow-sm: 0 1px 4px rgba(46,134,171,.06);--shadow: 0 4px 12px rgba(46,134,171,.08);--shadow-md: 0 8px 24px rgba(46,134,171,.1);--radius: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl:1.5rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.ventes-container{min-height:100vh;background:var(--sb-bg);padding:32px 24px;max-width:1400px;margin:0 auto;position:relative}.ventes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;background:var(--sb-surface);padding:20px 32px;border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--sb-border)}.ventes-header h1{font-size:2rem;font-weight:700;color:var(--sb-blue);margin:0}.refresh-btn{width:44px;height:44px;background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--radius-lg);color:var(--sb-text-3);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.refresh-btn:hover{border-color:var(--sb-blue);color:var(--sb-blue);transform:rotate(90deg)}.success-message{position:fixed;top:20px;right:20px;background:var(--sb-teal);color:#fff;padding:12px 20px;border-radius:var(--radius-lg);display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-md);z-index:1000;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.bulk-actions-bar{background:var(--sb-surface);border-radius:var(--radius-2xl);padding:16px 24px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;box-shadow:var(--shadow);border:1px solid var(--sb-border);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.bulk-info{display:flex;align-items:center;gap:10px;color:var(--sb-blue);font-weight:600}.bulk-info svg{font-size:1.25rem}.bulk-buttons{display:flex;gap:12px;flex-wrap:wrap}.bulk-validate-btn,.bulk-pdf-btn,.bulk-delete-btn,.bulk-clear-btn{padding:8px 16px;border-radius:var(--radius-lg);font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:8px;cursor:pointer;transition:var(--transition);border:none}.bulk-validate-btn{background:var(--sb-teal);color:#fff}.bulk-validate-btn:hover{background:#146b45;transform:translateY(-2px);box-shadow:var(--shadow)}.bulk-pdf-btn{background:var(--sb-red);color:#fff}.bulk-pdf-btn:hover{background:#c53a3a;transform:translateY(-2px)}.bulk-delete-btn{background:var(--sb-red);color:#fff}.bulk-delete-btn:hover{background:#c53a3a;transform:translateY(-2px)}.bulk-clear-btn{background:#2e86ab14;color:var(--sb-text-2)}.bulk-clear-btn:hover{background:#2e86ab26;transform:translateY(-2px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--sb-surface);border-radius:var(--radius-2xl);padding:24px;text-align:center;transition:var(--transition);cursor:pointer;position:relative;overflow:hidden;border:1px solid var(--sb-border);box-shadow:var(--shadow-sm)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--sb-blue),var(--sb-cyan));transform:scaleX(0);transition:transform .3s ease}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-card.active{border:2px solid var(--sb-blue);background:linear-gradient(135deg,#fff,#2e86ab0a)}.stat-icon{font-size:2.5rem;margin-bottom:12px;display:inline-block}.stat-card.total .stat-icon{color:var(--sb-blue)}.stat-card.paid .stat-icon{color:var(--sb-teal)}.stat-card.pending .stat-icon{color:var(--sb-amber)}.stat-card.credit .stat-icon{color:var(--sb-cyan)}.stat-card.amount .stat-icon{color:var(--sb-text-2)}.stat-card.best-client .stat-icon{color:var(--sb-gold)}.stat-card.best-client{cursor:default}.stat-card.best-client:before{background:linear-gradient(90deg,var(--sb-gold),#fcd34d)}.best-client-name{font-size:1.1rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stat-value{font-size:2rem;font-weight:800;color:var(--sb-text-1);line-height:1;margin-bottom:4px}.stat-label{font-size:.875rem;color:var(--sb-text-3);font-weight:500}.stat-subvalue{font-size:.75rem;color:var(--sb-text-3);margin-top:8px}.search-filter{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.search-wrapper{flex:1;min-width:280px;position:relative}.search-input{width:100%;padding:14px 20px 14px 45px;border:2px solid var(--sb-border);border-radius:var(--radius-2xl);font-size:1rem;transition:var(--transition);background:var(--sb-surface)}.search-input:focus{border-color:var(--sb-cyan);outline:none;box-shadow:0 0 0 4px #17a8b814}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--sb-text-3);font-size:1.2rem;pointer-events:none}.clear-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--sb-text-3);cursor:pointer;transition:var(--transition)}.clear-icon:hover{color:var(--sb-red)}.filter-buttons{display:flex;gap:12px;flex-wrap:wrap}.filter-btn{padding:10px 24px;background:var(--sb-surface);border:2px solid var(--sb-border);border-radius:999px;font-weight:600;color:var(--sb-text-2);cursor:pointer;transition:var(--transition)}.filter-btn:hover{border-color:var(--sb-blue);color:var(--sb-blue);transform:translateY(-2px)}.filter-btn.active{background:var(--sb-blue);border-color:var(--sb-blue);color:#fff}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.section-title{font-size:1.5rem;font-weight:700;color:var(--sb-text-1);margin:0;position:relative;padding-left:16px}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(135deg,var(--sb-blue),var(--sb-cyan));border-radius:4px}.select-all-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#2e86ab14;border:1px solid var(--sb-border);border-radius:var(--radius-lg);color:var(--sb-text-2);font-weight:500;cursor:pointer;transition:var(--transition)}.select-all-btn:hover{background:#2e86ab26;color:var(--sb-blue)}.commands-section{margin-bottom:48px}.commands-list-header{display:grid;grid-template-columns:36px 140px 1fr 1fr 130px 110px 110px;gap:0 12px;padding:10px 16px;background:#2e86ab0d;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid var(--sb-border);border-bottom:none;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--sb-text-3)}.commands-list{max-height:350px;overflow-y:auto;border:1px solid var(--sb-border);border-radius:0 0 var(--radius-xl) var(--radius-xl);background:var(--sb-surface);box-shadow:var(--shadow-sm)}.command-row{display:grid;grid-template-columns:36px 140px 1fr 1fr 130px 110px 110px;gap:0 12px;align-items:center;padding:11px 16px;border-bottom:1px solid var(--sb-border);transition:background .15s ease,box-shadow .15s ease;position:relative;cursor:pointer}.command-row:last-child{border-bottom:none}.command-row:hover{background:#2e86ab14!important;transform:translate(2px)}.command-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0;background:transparent;transition:background .2s}.command-row.status-paid:before{background:var(--sb-teal)}.command-row.status-pending:before{background:var(--sb-amber)}.command-row.status-credit:before{background:var(--sb-cyan)}.command-row.selected{background:#2e86ab0f;box-shadow:inset 3px 0 0 var(--sb-blue)}.command-row.disabled{opacity:.5;pointer-events:none}.col-check{display:flex;align-items:center;justify-content:center}.col-ref{display:flex;align-items:center}.col-client,.col-product{display:flex;align-items:center;gap:6px;overflow:hidden}.col-amount{display:flex;align-items:center}.col-date{display:flex;align-items:center;gap:4px}.col-status{display:flex;align-items:center}.col-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end}.row-ref-badge{font-size:.7rem;font-weight:600;color:var(--sb-text-3);background:#2e86ab14;padding:3px 8px;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;display:block}.row-client{font-size:.875rem;font-weight:600;color:var(--sb-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-product{font-size:.8rem;color:var(--sb-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-col-icon{color:var(--sb-text-3);font-size:.75rem;flex-shrink:0}.row-amount{font-size:.9rem;font-weight:700;color:var(--sb-teal);white-space:nowrap}.row-date{font-size:.75rem;color:var(--sb-text-3);white-space:nowrap}.checkbox-btn{background:transparent;border:1px solid var(--sb-border);color:var(--sb-text-3);cursor:pointer;font-size:1.1rem;transition:var(--transition);padding:2px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.checkbox-btn:hover{color:var(--sb-blue);border-color:var(--sb-blue)}.row-action-btn{width:30px;height:30px;border:none;border-radius:var(--radius);font-size:.8rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.validate-btn{background:#1b8a5a1f;color:var(--sb-teal)}.pdf-btn-small,.delete-btn{background:#e05a5a1a;color:var(--sb-red)}.validate-btn:hover{background:var(--sb-teal);color:#fff;transform:translateY(-1px)}.pdf-btn-small:hover,.delete-btn:hover{background:var(--sb-red);color:#fff;transform:translateY(-1px)}.validate-btn:disabled,.pdf-btn-small:disabled,.delete-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.command-status{font-size:.68rem;font-weight:600;padding:3px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.command-status.status-paid{background:#1b8a5a1a;color:var(--sb-teal)}.command-status.status-pending{background:#d977061a;color:var(--sb-amber)}.command-status.status-credit{background:#17a8b81a;color:var(--sb-cyan)}.empty-state{text-align:center;padding:60px 24px;color:var(--sb-text-3)}.empty-state p{margin:12px 0 20px;font-size:1rem}.reset-filters-btn,.add-first-btn{padding:12px 24px;border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px}.reset-filters-btn{background:#2e86ab14;color:var(--sb-text-2)}.reset-filters-btn:hover{background:#2e86ab26;transform:translateY(-2px)}.add-first-btn{background:var(--sb-blue);color:#fff}.add-first-btn:hover{background:#236b8a;transform:translateY(-2px);box-shadow:var(--shadow)}.clients-section{margin-top:48px;margin-bottom:80px}.clients-list{border:1px solid var(--sb-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);background:var(--sb-surface)}.clients-list-header{display:grid;grid-template-columns:1.8fr 2fr 1fr 80px 1fr;gap:0 12px;padding:10px 20px;background:#2e86ab0d;border-bottom:1px solid var(--sb-border);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--sb-text-3)}.clients-list-body{max-height:350px;overflow-y:auto}.client-row{display:grid;grid-template-columns:1.8fr 2fr 1fr 80px 1fr;gap:0 12px;align-items:center;padding:12px 20px;border-bottom:1px solid var(--sb-border);transition:background .15s ease}.client-row:last-child{border-bottom:none}.client-row:hover{background:#2e86ab08}.client-row.disabled{opacity:.5;pointer-events:none}.client-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--sb-blue),var(--sb-cyan));color:#fff;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.client-row-name{display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:600;color:var(--sb-text-1);overflow:hidden}.client-row-email{font-size:.8rem;color:var(--sb-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccol-phone{font-size:.8rem;color:var(--sb-text-2)}.client-order-badge{font-size:.75rem;font-weight:700;color:var(--sb-blue);background:#2e86ab1a;padding:3px 10px;border-radius:999px;display:inline-block}.client-row-total{font-size:.875rem;font-weight:700;color:var(--sb-teal)}.empty-clients{text-align:center;padding:40px;color:var(--sb-text-3)}.fab{position:fixed;bottom:32px;right:32px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--sb-blue),#236b8a);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:1.75rem;cursor:pointer;box-shadow:0 10px 15px -3px #2e86ab4d;transition:var(--transition);z-index:100}.fab:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 20px 25px -5px #2e86ab66}.fab.disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.modal{background:var(--sb-surface);border-radius:var(--radius-2xl);padding:28px;max-width:450px;width:90%;text-align:center;animation:slideUp .3s ease;border:1px solid var(--sb-border);box-shadow:var(--shadow-md)}.details-modal{max-width:600px;width:90%;max-height:85vh;overflow-y:auto;text-align:left;padding:0;animation:slideUp .3s ease;display:flex;flex-direction:column}.details-modal-header{padding:24px 28px 16px;border-bottom:2px solid var(--sb-border);position:sticky;top:0;background:var(--sb-surface);z-index:10;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.details-modal-header h3{font-size:1.4rem;font-weight:700;color:var(--sb-text-1);margin:0;display:flex;align-items:center;gap:12px}.details-modal-header .header-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--sb-blue),var(--sb-cyan));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.details-modal-body{padding:20px 28px;flex:1}.details-modal-footer{padding:16px 28px 24px;border-top:1px solid var(--sb-border);background:var(--sb-surface);border-radius:0 0 var(--radius-2xl) var(--radius-2xl);position:sticky;bottom:0}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.details-card{background:#2e86ab08;border-radius:var(--radius-xl);padding:16px;border:1px solid var(--sb-border)}.details-card.full-width{grid-column:span 2}.details-card-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--sb-blue);margin-bottom:12px;display:flex;align-items:center;gap:8px}.details-card-title svg{font-size:.8rem}.details-card-content{display:flex;flex-direction:column;gap:10px}.details-info-row{display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem;padding:4px 0}.details-info-label{font-weight:600;color:var(--sb-text-3)}.details-info-value{color:var(--sb-text-1);font-weight:500;text-align:right;word-break:break-word}.details-info-value.highlight{font-weight:800;color:var(--sb-teal);font-size:1rem}.status-badge-large{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:.75rem;font-weight:600}.status-badge-large.status-paid{background:#1b8a5a1f;color:var(--sb-teal)}.status-badge-large.status-pending{background:#d977061f;color:var(--sb-amber)}.status-badge-large.status-credit{background:#17a8b81f;color:var(--sb-cyan)}.payment-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:600;background:#2e86ab1a;color:var(--sb-blue)}.facture-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed var(--sb-border)}.facture-item:last-child{border-bottom:none}.facture-numero{font-family:monospace;font-size:.75rem;font-weight:600;color:var(--sb-text-2)}.facture-status{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:999px}.facture-status.payed{background:#1b8a5a1a;color:var(--sb-teal)}.facture-status.unpaid{background:#d977061a;color:var(--sb-amber)}.details-modal-footer .close-btn{width:100%;padding:12px;background:linear-gradient(135deg,var(--sb-blue),#236b8a);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;font-size:.9rem;cursor:pointer;transition:var(--transition)}.details-modal-footer .close-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.details-modal::-webkit-scrollbar{width:6px}.details-modal::-webkit-scrollbar-track{background:var(--sb-border);border-radius:3px}.details-modal::-webkit-scrollbar-thumb{background:var(--sb-blue);border-radius:3px}.details-modal::-webkit-scrollbar-thumb:hover{background:#236b8a}.modal-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2rem}.modal-icon.warning{background:#d9770614;color:var(--sb-amber)}.modal-icon.error{background:#e05a5a14;color:var(--sb-red)}.modal h3{font-size:1.5rem;font-weight:700;color:var(--sb-text-1);margin:0 0 12px}.modal p{color:var(--sb-text-2);margin:0 0 24px;line-height:1.6}.modal-actions button{flex:1;padding:12px 20px;border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:var(--transition)}.cancel-btn{background:#2e86ab14;color:var(--sb-text-2)}.cancel-btn:hover{background:#2e86ab26}.confirm-btn{background:var(--sb-blue);color:#fff}.confirm-btn.delete{background:var(--sb-red)}.confirm-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--sb-bg)}.spinner{width:60px;height:60px;border:4px solid rgba(46,134,171,.12);border-top-color:var(--sb-cyan);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.redirect-spinner{width:40px;height:40px;border:3px solid rgba(46,134,171,.12);border-top-color:var(--sb-blue);border-radius:50%;animation:spin 1s linear infinite;margin:20px auto 0}.commands-list::-webkit-scrollbar,.clients-list-body::-webkit-scrollbar{width:5px}.commands-list::-webkit-scrollbar-track,.clients-list-body::-webkit-scrollbar-track{background:transparent}.commands-list::-webkit-scrollbar-thumb,.clients-list-body::-webkit-scrollbar-thumb{background:#2e86ab33;border-radius:3px}.commands-list::-webkit-scrollbar-thumb:hover,.clients-list-body::-webkit-scrollbar-thumb:hover{background:var(--sb-blue)}@media(max-width:1100px){.commands-list-header,.command-row{grid-template-columns:36px 120px 1fr 1fr 110px 100px 100px;gap:0 8px}}@media(max-width:900px){.commands-list-header,.command-row{grid-template-columns:36px 100px 1fr 1fr 100px 90px 90px;gap:0 6px}.row-ref-badge{max-width:90px}.row-client,.row-product{font-size:.75rem}.clients-list-header,.client-row{grid-template-columns:1.5fr 1.5fr 80px 1fr}.clients-list-header .ccol-phone,.client-row .ccol-phone{display:none}}@media(max-width:768px){.ventes-container{padding:20px 16px}.ventes-header{flex-direction:column;gap:16px;text-align:center;padding:20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-value{font-size:1.5rem}.search-filter{flex-direction:column}.filter-buttons{justify-content:center}.commands-list-header{display:none}.command-row{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px}.command-row:before{width:100%;height:3px;top:0;bottom:auto;right:0}.col-check{align-self:flex-end;position:absolute;top:12px;right:12px}.col-ref,.col-client,.col-product,.col-amount,.col-date,.col-status,.col-actions{width:100%}.col-actions{justify-content:flex-start;gap:8px}.row-action-btn{width:36px;height:36px;font-size:.9rem}.clients-list-header{display:none}.client-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 20px}.client-row-name{font-size:.9rem}.bulk-actions-bar{flex-direction:column;align-items:stretch}.bulk-buttons{justify-content:center}.fab{bottom:20px;right:20px;width:50px;height:50px;font-size:1.5rem}.details-grid{grid-template-columns:1fr;gap:12px}.details-card.full-width{grid-column:span 1}.details-modal-header h3{font-size:1.2rem}.details-modal-body{padding:16px 20px}.details-modal-header{padding:20px 20px 12px}.details-modal-footer{padding:12px 20px 20px}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.filter-buttons{flex-wrap:wrap}.filter-btn{flex:1;text-align:center}}:root{--primary: #2E86AB;--primary-dark: #17A8B8;--primary-light: #e0f2fe;--accent: #1B8A5A;--accent-light: #d1fae5;--success: #1B8A5A;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--danger: #E05A5A;--danger-light: #fee2e2;--text: #1e2937;--text-secondary: #475569;--text-light: #64748b;--bg: #f4f7fa;--card: #ffffff;--border: #e2e8f0;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-hover: 0 20px 30px -10px rgba(46, 134, 171, .25);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.rh-page{background:var(--bg);min-height:100vh;padding:32px 24px 80px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);max-width:1440px;margin:0 auto}.rh-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.header-left h1{font-size:2rem;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.header-subtitle{color:var(--text-secondary);font-size:1rem;margin:0;font-weight:400}.btn-refresh{width:48px;height:48px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.btn-refresh:hover{background:var(--primary-light);color:var(--primary);transform:rotate(180deg)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.stat-card{background:#fff;border-radius:20px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:var(--transition);display:flex;align-items:center;gap:20px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),#38bdf8)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--primary)}.stat-card--clickable{cursor:pointer}.stat-card--clickable:before{background:linear-gradient(90deg,var(--accent),#34d399)}.stat-card--clickable:hover{border-color:var(--accent);box-shadow:0 20px 30px -10px #1b8a5a33}.stat-card-chevron{color:var(--accent);font-size:1rem;opacity:.5;flex-shrink:0;transition:var(--transition)}.stat-card--clickable:hover .stat-card-chevron{opacity:1;transform:translate(4px)}.stat-icon-wrapper{width:64px;height:64px;border-radius:16px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--primary);flex-shrink:0}.stat-icon-wrapper.success{background:var(--success-light);color:var(--success)}.stat-icon-wrapper.warning{background:var(--warning-light);color:var(--warning)}.stat-icon-wrapper.accent{background:var(--accent-light);color:var(--accent)}.stat-details{flex:1}.stat-value{display:block;font-size:2rem;font-weight:800;line-height:1.2;color:var(--text);letter-spacing:-.5px}.stat-label{display:block;font-size:.95rem;color:var(--text-secondary);font-weight:500;margin-bottom:4px}.stat-trend{display:block;font-size:.85rem;color:var(--text-light);font-weight:400}.controls-bar{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;align-items:center}.search-wrapper{flex:2;min-width:300px;position:relative}.search-wrapper input{width:100%;padding:16px 20px 16px 52px;border:2px solid transparent;border-radius:16px;font-size:1rem;background:#fff;box-shadow:var(--shadow-sm);transition:var(--transition)}.search-wrapper input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #0ea5e926}.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--text-light);font-size:1.2rem}.clear-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-light);cursor:pointer;background:none;border:none;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.clear-btn:hover{background:var(--danger-light);color:var(--danger)}.filter-group{flex:1;display:flex;gap:8px;background:#fff;padding:4px;border-radius:14px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.filter-btn{flex:1;padding:12px 16px;border-radius:12px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition);white-space:nowrap}.filter-btn:hover{background:var(--primary-light);color:var(--primary)}.filter-btn.active{background:var(--primary);color:#fff}.results-info{margin-bottom:24px;padding:0 4px;color:var(--text-secondary);font-size:.95rem;font-weight:500}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.staff-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition);cursor:pointer;border:1px solid var(--border);position:relative}.staff-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-hover);border-color:var(--primary)}.staff-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,var(--primary),#38bdf8);opacity:0;transition:opacity .3s}.staff-card:hover:before{opacity:1}.staff-card.status-primary:before{background:linear-gradient(90deg,var(--primary),#38bdf8)}.staff-card.status-success:before{background:linear-gradient(90deg,var(--success),#34d399)}.staff-card.status-warning:before{background:linear-gradient(90deg,var(--warning),#fbbf24)}.staff-card-header{padding:24px 24px 16px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--border)}.staff-avatar{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,var(--primary-light),#bfdbfe);color:var(--primary-dark);font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:3px solid white;box-shadow:var(--shadow-sm)}.staff-badges{flex:1;display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:30px;font-size:.75rem;font-weight:600;background:var(--bg);color:var(--text-secondary);border:1px solid var(--border)}.badge-admin{background:var(--primary-light);color:var(--primary-dark);border-color:var(--primary)}.badge-conge{background:var(--warning-light);color:var(--warning);border-color:var(--warning)}.staff-card-body{padding:16px 24px}.staff-name{font-size:1.25rem;font-weight:700;margin:0 0 16px;color:var(--text)}.staff-info-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px dashed var(--border)}.staff-info-item:last-child{border-bottom:none}.info-icon{width:20px;height:20px;color:var(--text-light);flex-shrink:0;margin-top:2px}.info-label{display:block;font-size:.75rem;color:var(--text-light);margin-bottom:2px;font-weight:500}.info-value{font-size:.95rem;color:var(--text);font-weight:500;margin:0;line-height:1.4}.staff-card-footer{padding:16px 24px;background:var(--bg);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.salary-info{display:flex;align-items:center;gap:8px}.salary-icon{color:var(--success);font-size:1.1rem}.salary-value{font-weight:700;color:var(--text);font-size:1.1rem}.salary-period{color:var(--text-light);font-size:.85rem}.chevron-icon{color:var(--text-light);font-size:1.2rem;opacity:.5;transition:var(--transition)}.staff-card:hover .chevron-icon{opacity:1;color:var(--primary);transform:translate(4px)}.empty-state p{color:var(--text-secondary);margin-bottom:24px}.btn-primary{padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.rh-loading,.rh-unauthorized{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--bg)}.spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.fab-add{position:fixed;bottom:32px;right:32px;width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;font-size:1.8rem;box-shadow:0 8px 20px #0ea5e966;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);z-index:100}.fab-add:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 12px 30px #0ea5e980}@media(max-width:1280px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.rh-page{padding:20px 16px 80px}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:20px}.controls-bar{flex-direction:column}.search-wrapper,.filter-group{width:100%}.staff-grid{grid-template-columns:1fr}.fab-add{bottom:20px;right:20px;width:56px;height:56px;font-size:1.5rem}}@media(max-width:480px){.staff-card-header{flex-direction:column;text-align:center}.staff-badges{justify-content:center}}.update-product-container{max-width:1200px;margin:0 auto;padding:24px;background:#f8f9fa;min-height:100vh}.update-header{display:flex;align-items:center;gap:20px;margin-bottom:24px}.update-header h1{font-size:24px;font-weight:700;color:#2c3e50;margin:0}.update-form-container{display:grid;grid-template-columns:2fr 1fr;gap:24px}.update-form{background:#fff;border-radius:20px;padding:28px;box-shadow:0 4px 20px #0000000d}.form-header{display:flex;align-items:center;gap:20px;padding-bottom:24px;margin-bottom:24px;border-bottom:2px solid #f0f0f0}.product-avatar{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#05aa651a;border-radius:20px;color:#05aa65}.product-title h2{font-size:22px;font-weight:700;color:#2c3e50;margin:0 0 4px}.product-id{font-size:13px;color:#7f8c8d;font-family:DM Mono,monospace}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.3px}.input-icon{color:#05aa65;font-size:16px}.form-group input{padding:14px 16px;background:#f9f9f9;border:2px solid #e0e0e0;border-radius:12px;font-size:15px;color:#2c3e50;transition:all .2s}.form-group input:hover{background:#fff;border-color:#b0b0b0}.form-group input:focus{outline:none;background:#fff;border-color:#05aa65;box-shadow:0 0 0 4px #05aa651a}.form-group input.error{border-color:#e74c3c;background:#fef5f5}.error-message{font-size:11px;color:#e74c3c;margin-top:2px}.form-error{display:flex;align-items:center;gap:8px;padding:16px;background:#fef5f5;border:1px solid #e74c3c;border-radius:12px;margin-bottom:24px}.form-error svg{color:#e74c3c;flex-shrink:0}.form-error span{font-size:14px;color:#c0392b}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:2px solid #f0f0f0}.cancel-btn,.submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn{background:#f0f0f0;color:#7f8c8d}.cancel-btn:hover:not(:disabled){background:#e0e0e0;color:#2c3e50}.submit-btn{background:#05aa65;color:#fff;min-width:220px}.info-sidebar{display:flex;flex-direction:column;gap:20px}.info-card,.stats-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000d}.info-card h3,.stats-card h3{font-size:18px;font-weight:600;color:#2c3e50;margin:0 0 16px}.info-card ul{list-style:none;padding:0;margin:0}.info-card li{display:flex;align-items:center;gap:10px;padding:10px 0;color:#4a5568;font-size:14px;border-bottom:1px solid #f0f0f0}.info-card li:last-child{border-bottom:none}.stats-card .stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.stats-card .stat-item:last-child{border-bottom:none}.stat-label{font-size:14px;color:#7f8c8d}.stat-value{font-size:16px;font-weight:600;color:#2c3e50}.update-product-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:48px}.spinner{width:48px;height:48px;border:4px solid #ecf0f1;border-top-color:#05aa65;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.update-product-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:48px;text-align:center}.update-product-error svg{color:#e74c3c;margin-bottom:16px}.update-product-error h2{font-size:24px;font-weight:700;color:#2c3e50;margin:0 0 8px}.update-product-error p{color:#7f8c8d;margin:0 0 24px}.back-to-list{padding:12px 24px;background:#05aa65;color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.back-to-list:hover{background:#048a51}.success-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.success-content{background:#fff;padding:40px;border-radius:24px;text-align:center;max-width:400px;animation:slideUp .3s ease}.success-content svg{color:#05aa65;margin-bottom:16px}.success-content h2{font-size:24px;font-weight:700;color:#2c3e50;margin:0 0 8px}.success-content p{color:#7f8c8d;margin:0 0 4px;font-size:14px}.redirect-note{font-size:12px!important;color:#95a5a6!important;font-style:italic}@media(max-width:900px){.update-form-container{grid-template-columns:1fr}.info-sidebar{order:-1}}@media(max-width:600px){.update-product-container{padding:16px}.update-header{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}.product-avatar{width:60px;height:60px}.product-avatar svg{width:32px;height:32px}.product-title h2{font-size:18px}}.submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-product-page{max-width:600px;margin:0 auto;padding:32px 24px;background:#f0f5fb;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.header h1{font-size:1.8rem;font-weight:700;color:#2e86ab}.close-btn{font-size:1.5rem;color:#666;cursor:pointer;transition:color .2s}.close-btn:hover{color:#2e86ab}.form{display:flex;flex-direction:column;gap:20px}h2{font-size:1.3rem;font-weight:600;color:#2e86ab;margin-top:16px;margin-bottom:8px}.input-group{display:flex;flex-direction:column;gap:8px}label{font-size:1rem;font-weight:500;color:#333}input,select,textarea{padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:all .2s;background:#fff}input:focus,select:focus,textarea:focus{border-color:#17a8b8;outline:none;box-shadow:0 0 0 3px #17a8b81a}.payment-options{display:flex;gap:16px}.payment-btn{flex:1;padding:12px;background:#f0f0f0;border-radius:8px;font-weight:600;color:#666;cursor:pointer;transition:all .2s;text-align:center}.payment-btn.active{background:#2e86ab;color:#fff}.submit-btn{margin-top:24px;padding:14px;background:#2e86ab;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.submit-btn:hover{background:#236b8a;transform:translateY(-2px);box-shadow:0 4px 12px #2e86ab4d}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.alert-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:32px;border-radius:12px;box-shadow:0 8px 24px #0003;text-align:center;z-index:1000;animation:fadeIn .3s ease}.alert-modal p{font-size:1.1rem;margin-bottom:20px;color:#333}.alert-modal button{padding:12px 24px;background:#2e86ab;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.alert-modal button:hover{background:#236b8a}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@media(max-width:768px){.add-product-page{padding:20px 16px}.header h1{font-size:1.5rem}.payment-options{flex-direction:column}}:root{--primary: #2E86AB;--primary-dark: #236b8a;--primary-light: #e3f0f5;--success: #1B8A5A;--success-light: #e8f5e9;--warning: #f59e0b;--warning-light: #fff3e0;--danger: #E05A5A;--danger-light: #fee2e2;--info: #17A8B8;--info-light: #e0f7fa;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--shadow: 0 4px 12px rgba(0, 0, 0, .08);--shadow-md: 0 8px 24px rgba(0, 0, 0, .12);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.product-detail-container{max-width:1400px;margin:0 auto;padding:24px;background:#f0f5fb;min-height:100vh}.product-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-left{display:flex;align-items:center;gap:20px}.back-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid var(--gray-200);border-radius:12px;color:var(--gray-700);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.back-button:hover{background:var(--gray-50);border-color:var(--primary);color:var(--primary);transform:translate(-2px)}.header-title h1{font-size:28px;font-weight:700;color:var(--gray-800);margin:0 0 4px}.product-ref{font-size:14px;color:var(--gray-500);font-family:DM Mono,monospace}.header-actions{display:flex;gap:12px;flex-wrap:wrap}.header-actions button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.refresh-button{background:#fff;color:var(--gray-700);border:1px solid var(--gray-200)}.refresh-button:hover{background:var(--gray-50);border-color:var(--primary);color:var(--primary)}.restock-button{background:var(--primary);color:#fff}.restock-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #2e86ab4d}.edit-button{background:var(--info);color:#fff}.edit-button:hover{background:#138a98;transform:translateY(-2px);box-shadow:0 4px 12px #17a8b84d}.delete-button{background:var(--danger);color:#fff}.delete-button:hover{background:#c53a3a;transform:translateY(-2px);box-shadow:0 4px 12px #e05a5a4d}.stock-alert-banner{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--danger-light);border-left:4px solid var(--danger);border-radius:12px;margin-bottom:24px}.stock-alert-banner svg{color:var(--danger);flex-shrink:0}.alert-content{flex:1}.alert-content strong{display:block;font-size:16px;color:#c0392b;margin-bottom:4px}.alert-content p{margin:0;color:var(--gray-500);font-size:14px}.alert-action{padding:10px 20px;background:var(--danger);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition)}.alert-action:hover{background:#c53a3a}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.kpi-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:16px;box-shadow:var(--shadow);transition:var(--transition)}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;font-size:24px}.kpi-content{flex:1}.kpi-label{display:block;font-size:13px;color:var(--gray-500);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.kpi-value{display:block;font-size:24px;font-weight:700;color:var(--gray-800);line-height:1.2}.kpi-unit{font-size:12px;color:var(--gray-400);margin-left:4px}.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.stat-card-small{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border-radius:16px;box-shadow:var(--shadow);transition:var(--transition)}.stat-card-small:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon-success{color:var(--success);font-size:28px}.stat-icon-danger{color:var(--danger);font-size:28px}.stat-label-small{display:block;font-size:12px;color:var(--gray-500);margin-bottom:4px}.stat-value-small{display:block;font-size:20px;font-weight:700;color:var(--gray-800)}.stat-sub{font-size:12px;color:var(--gray-400)}.detail-tabs{display:flex;gap:4px;margin-bottom:24px;background:#fff;padding:4px;border-radius:12px;box-shadow:var(--shadow)}.tab-button{flex:1;padding:12px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:600;color:var(--gray-500);cursor:pointer;transition:var(--transition)}.tab-button:hover{color:var(--primary);background:var(--primary-light)}.tab-content{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--shadow)}.overview-tab{display:grid;grid-template-columns:2fr 1fr;gap:24px}.chart-card{background:#fff;border-radius:16px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.chart-header h3{font-size:18px;font-weight:600;color:var(--gray-800);margin:0}.chart-controls{display:flex;gap:16px;align-items:center}.chart-type-toggle{display:flex;gap:4px;background:var(--gray-100);padding:3px;border-radius:8px}.chart-type-btn{padding:6px 12px;border:none;background:transparent;border-radius:6px;font-size:12px;cursor:pointer;transition:var(--transition);color:var(--gray-600)}.chart-type-btn.active{background:var(--primary);color:#fff}.chart-legend{display:flex;gap:16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gray-500)}.legend-dot{width:8px;height:8px;border-radius:4px}.chart-container{height:300px;margin-bottom:20px}.no-chart-data{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gray-300)}.no-chart-data svg{margin-bottom:16px;opacity:.5}.no-chart-data p{margin:0 0 16px;font-size:14px;color:var(--gray-400)}.chart-tooltip{background:#fff;border:1px solid var(--gray-200);border-radius:8px;padding:12px;box-shadow:var(--shadow-md)}.tooltip-date{font-size:11px;color:var(--gray-500);margin:0 0 4px}.tooltip-value{font-size:14px;font-weight:600;color:var(--gray-800);margin:0 0 2px}.tooltip-label{font-size:11px;color:var(--gray-400);margin:0}.stats-detailed{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding-top:20px;border-top:1px solid var(--gray-200)}.stat-detailed-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--gray-50);border-radius:12px}.stat-icon-success{color:var(--success);font-size:20px}.stat-icon-danger{color:var(--danger);font-size:20px}.stat-label-detailed{display:block;font-size:11px;color:var(--gray-500);margin-bottom:2px}.stat-value-detailed{display:block;font-size:14px;font-weight:600;color:var(--gray-800)}.info-card{background:#fff;border-radius:16px}.info-card h3{font-size:18px;font-weight:600;color:var(--gray-800);margin:0 0 20px}.info-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--gray-200)}.info-label{font-size:14px;color:var(--gray-500)}.info-value{font-size:14px;font-weight:600;color:var(--gray-800)}.info-value.low-stock{color:var(--danger)}.stock-progress{margin-top:16px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;color:var(--gray-500)}.progress-bar{height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .3s ease;background:var(--primary)}.transactions-list,.commandes-list{display:flex;flex-direction:column;gap:12px}.transaction-item,.commande-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--gray-50);border-radius:12px;transition:var(--transition)}.transaction-item:hover,.commande-item:hover{transform:translate(4px);background:var(--gray-100)}.transaction-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;border-radius:12px}.transaction-details,.commande-details{flex:1}.transaction-header,.commande-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:8px}.transaction-type,.commande-quantite{font-weight:600;color:var(--gray-800)}.transaction-date,.commande-date{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--gray-500)}.transaction-stats{display:flex;gap:16px;font-size:13px;flex-wrap:wrap}.transaction-quantite{color:var(--gray-500)}.transaction-montant{font-weight:600;color:var(--success)}.transaction-prix{color:var(--gray-500)}.commandes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.commandes-header h3{font-size:18px;font-weight:600;color:var(--gray-800);margin:0}.new-commande-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:var(--transition)}.new-commande-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #2e86ab4d}.commande-status{flex-shrink:0}.status-icon.success{color:var(--success)}.status-icon.pending{color:var(--warning)}.commande-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase}.commande-badge.valide{background:var(--success-light);color:var(--success)}.commande-badge.en-attente{background:var(--warning-light);color:var(--warning)}.commande-footer{display:flex;gap:16px;font-size:12px;color:var(--gray-500)}.validate-commande-btn{padding:8px 16px;background:var(--success);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition)}.validate-commande-btn:hover{background:#146b45}.empty-state{text-align:center;padding:48px 24px;color:var(--gray-300)}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state h3{font-size:18px;font-weight:600;color:var(--gray-500);margin:0 0 8px}.empty-state p{margin:0 0 16px;font-size:14px;color:var(--gray-400)}.create-commande-btn{padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:var(--transition)}.create-commande-btn:hover{background:var(--primary-dark)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-modal{background:#fff;padding:32px;border-radius:24px;max-width:400px;width:90%;text-align:center;animation:fadeInScale .3s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.delete-modal svg{margin-bottom:16px}.delete-modal h2{font-size:24px;font-weight:700;color:var(--gray-800);margin:0 0 8px}.delete-modal p{font-size:14px;color:var(--gray-500);margin:0 0 24px;line-height:1.6}.delete-modal strong{color:var(--gray-800)}.modal-actions button{padding:12px 24px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:var(--transition)}.cancel-btn{background:var(--gray-100);color:var(--gray-500)}.cancel-btn:hover{background:var(--gray-200)}.confirm-delete-btn{background:var(--danger);color:#fff}.confirm-delete-btn:hover{background:#c53a3a}.product-detail-loading,.product-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:48px}.spinner{width:48px;height:48px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.product-detail-error svg{color:var(--danger);margin-bottom:16px}.product-detail-error h2{font-size:24px;font-weight:700;color:var(--gray-800);margin:0 0 8px}.product-detail-error p{color:var(--gray-500);margin:0 0 24px}.back-to-list{padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:var(--transition)}.back-to-list:hover{background:var(--primary-dark)}@media(max-width:1024px){.overview-tab{grid-template-columns:1fr}}@media(max-width:768px){.product-detail-container{padding:16px}.product-detail-header{flex-direction:column;align-items:stretch}.header-left{justify-content:space-between}.header-actions{justify-content:stretch}.header-actions button{flex:1;justify-content:center}.kpi-grid{grid-template-columns:repeat(2,1fr)}.stats-row,.stats-detailed{grid-template-columns:1fr}.transaction-item,.commande-item{flex-wrap:wrap}.validate-commande-btn{width:100%}.chart-header{flex-direction:column;align-items:flex-start}.chart-controls{width:100%;justify-content:space-between}}@media(max-width:480px){.kpi-grid{grid-template-columns:1fr}.detail-tabs,.modal-actions{flex-direction:column}}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.user-detail-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh}.user-loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--gray-50)}.user-error-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--danger)}.user-error-container svg{margin-bottom:1rem}.user-error-container h2{color:var(--gray-800);margin-bottom:1rem}.back-to-list{padding:.75rem 2rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all .2s}.back-to-list:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow)}.user-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-actions{display:flex;gap:1rem}.refresh-button,.edit-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all .2s}.refresh-button{background:#fff;border:2px solid var(--gray-200);color:var(--gray-700)}.refresh-button:hover{border-color:var(--primary);color:var(--primary)}.edit-button{background:var(--primary);color:#fff}.edit-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow)}.spinning{display:inline-block;animation:spin 1s linear infinite}.profile-card{background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow);margin-bottom:2rem}.profile-cover{background:linear-gradient(135deg,var(--primary),var(--primary-dark));padding:3rem 2rem 2rem;text-align:center;position:relative}.profile-avatar{width:120px;height:120px;background:#fff;border-radius:60px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;border:4px solid rgba(255,255,255,.3);box-shadow:var(--shadow-lg)}.avatar-text{font-size:3rem;font-weight:700;color:var(--primary)}.profile-name{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem}.profile-role{font-size:1.1rem;color:#ffffffe6;margin:0}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:1.5rem;gap:1.5rem;background:var(--gray-50)}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.stat-icon{color:var(--primary);font-size:1.5rem;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:var(--gray-500);margin-bottom:.25rem}.stat-value{font-size:1.1rem;font-weight:600;color:var(--gray-800)}.detail-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:#fff;padding:.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border:none;border-radius:var(--radius);background:transparent;color:var(--gray-600);font-weight:600;cursor:pointer;transition:all .2s}.tab-button:hover{background:var(--primary-light);color:var(--primary)}.tab-button.active{background:var(--primary);color:#fff}.tab-content{background:#fff;border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.info-card{background:var(--gray-50);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--gray-200)}.info-card.full-width{grid-column:span 2}.info-card h3{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;color:var(--gray-700);margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--gray-200)}.card-icon{color:var(--primary)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--gray-200)}.info-row:last-child{border-bottom:none}.info-label{color:var(--gray-600);font-size:.95rem}.info-value{font-weight:600;color:var(--gray-800)}.info-value.salary{color:var(--primary);font-size:1.1rem}.role-badge{background:var(--primary-light);color:var(--primary);padding:.25rem .75rem;border-radius:2rem;font-size:.875rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-box{text-align:center;padding:1rem;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}.stat-box-value{display:block;font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:.25rem}.stat-box-label{font-size:.875rem;color:var(--gray-500)}.conges-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.conge-stat-card{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius-lg);padding:1.5rem;text-align:center;color:#fff}.conge-stat-label{display:block;font-size:1rem;opacity:.9;margin-bottom:.5rem}.conge-stat-value{font-size:2rem;font-weight:700}.calendar-section{margin-bottom:2rem}.calendar-section h3{color:var(--gray-700);margin-bottom:1rem}.react-calendar{width:100%;border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1rem}.conge-day{background-color:#fff8e1!important;color:#f39c12!important;font-weight:700;border-radius:50%}.calendar-legend{display:flex;gap:2rem;margin-top:1rem;padding:1rem;background:var(--gray-50);border-radius:var(--radius)}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-dot{width:12px;height:12px;border-radius:6px}.legend-dot.conge{background:#f39c12}.conges-list h3{color:var(--gray-700);margin-bottom:1rem}.conge-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--gray-50);border-radius:var(--radius);margin-bottom:.75rem;transition:all .2s}.conge-item:hover{transform:translate(4px);box-shadow:var(--shadow)}.conge-dates{display:flex;align-items:center;gap:.5rem}.conge-date{font-weight:600;color:var(--gray-700)}.conge-separator{color:var(--gray-400)}.conge-duration{background:var(--primary-light);color:var(--primary);padding:.25rem .75rem;border-radius:2rem;font-size:.875rem;font-weight:600}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:2rem;font-size:.875rem;font-weight:500}.status-badge.success{background:#d1fae5;color:var(--success)}.status-badge.warning{background:#fef3c7;color:var(--warning)}.activite-tab h3{color:var(--gray-700);margin-bottom:1.5rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--gray-50);border-radius:var(--radius-lg);transition:all .2s}.activity-card:hover{transform:translate(4px);box-shadow:var(--shadow)}.activity-icon{width:48px;height:48px;background:#fff8e1;border-radius:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-content{flex:1}.activity-title{display:block;font-weight:600;color:var(--gray-800);margin-bottom:.25rem}.activity-detail{display:block;font-size:.875rem;color:var(--gray-500)}.activity-date{font-size:.875rem;color:var(--gray-400);white-space:nowrap}.empty-state{text-align:center;padding:3rem;color:var(--gray-400)}.empty-state svg{margin-bottom:1rem}.pagination{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:2rem}.page-btn{width:40px;height:40px;border:none;border-radius:20px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background:var(--primary-dark);transform:scale(1.1)}.page-btn:disabled{background:var(--gray-300);cursor:not-allowed}.page-info{font-weight:600;color:var(--gray-600)}.cnaps-card{max-width:600px;margin:0 auto}.cnaps-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--gray-200)}.cnaps-logo{height:50px;object-fit:contain}.cnaps-header h3{color:var(--gray-700);margin:0}.cnaps-info{background:var(--gray-50);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.cnaps-payment{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius-lg);padding:1.5rem;text-align:center}.payment-amount{margin-bottom:1rem}.payment-amount span{display:block;color:var(--gray-600);margin-bottom:.5rem}.payment-amount strong{font-size:2rem;color:var(--warning)}.pay-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all .2s}.pay-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow)}.cnaps-historique{margin-top:2rem}.cnaps-historique h4{color:var(--gray-700);margin-bottom:1rem}.historique-list{background:var(--gray-50);border-radius:var(--radius);overflow:hidden}.historique-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--gray-200)}.historique-date{color:var(--gray-600)}.historique-montant{font-weight:600;color:var(--primary)}.historique-statut{padding:.25rem .75rem;border-radius:2rem;font-size:.875rem;font-weight:500}.historique-statut.payé{background:#d1fae5;color:var(--success)}@media(max-width:768px){.user-detail-container{padding:1rem}.user-header{flex-direction:column;gap:1rem}.header-actions{width:100%}.refresh-button,.edit-button{flex:1;justify-content:center}.profile-stats{grid-template-columns:1fr}.detail-tabs{flex-wrap:wrap}.tab-button{min-width:calc(50% - .25rem)}.info-grid{grid-template-columns:1fr}.info-card.full-width{grid-column:span 1}.stats-grid{grid-template-columns:repeat(2,1fr)}.conges-stats{grid-template-columns:1fr}.conge-item{flex-direction:column;gap:1rem;text-align:center}.activity-card{flex-wrap:wrap}.activity-date{width:100%;text-align:right}.pagination{gap:1rem}}@media(max-width:480px){.profile-name{font-size:1.5rem}.profile-avatar{width:80px;height:80px}.avatar-text{font-size:2rem}.stats-grid{grid-template-columns:1fr}.conge-dates{flex-direction:column}.conge-separator{display:none}}:root{--primary: #2E86AB;--primary-dark: #17A8B8;--primary-light: #E0F2F7;--accent: #1B8A5A;--success: #1B8A5A;--danger: #E05A5A;--warning: #f59e0b;--gray-50: #f4f7fa;--gray-100: #f0f4f8;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e2937;--radius: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--gray-50)}.add-user-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;background:var(--gray-50)}.add-user-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem}.add-user-header h1{display:flex;align-items:center;gap:.75rem;font-size:2rem;color:var(--gray-800);margin:0}.add-user-header h1 svg{color:var(--primary);font-size:2rem}.add-user-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:#fff;border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow);transition:all .3s;border:2px solid transparent}.form-section:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--gray-800);margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--gray-100)}.section-icon{color:var(--primary);font-size:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;position:relative}.form-group input,.form-group select,.form-group textarea{padding:.875rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:1rem;color:var(--gray-800);background:var(--gray-50);transition:all .2s}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--gray-300);background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #05aa651a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--danger);background:#fef5f5}.form-group input:read-only{background:var(--gray-100);cursor:not-allowed}.select-trigger{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--gray-50);cursor:pointer;transition:all .2s}.select-trigger:hover{border-color:var(--gray-300);background:#fff}.dropdown-loading{padding:1rem;text-align:center;color:var(--gray-500)}.radio-label input[type=radio]:focus{outline:2px solid var(--primary);outline-offset:2px}.switch-label{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background:var(--gray-50);border-radius:var(--radius-lg);cursor:pointer}input:focus+.switch-slider{box-shadow:0 0 1px var(--primary)}.error-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fef5f5;border:2px solid var(--danger);border-radius:var(--radius-lg);color:var(--danger);margin-bottom:1rem;animation:shake .3s ease}.error-banner svg{font-size:1.25rem;flex-shrink:0}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.submit-btn{background:var(--primary);color:#fff;box-shadow:0 10px 15px -3px #05aa654d}.submit-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 20px 25px -5px #05aa6566}@media(max-width:768px){.add-user-container{padding:1rem}.add-user-header{flex-direction:column;align-items:flex-start;gap:1rem}.add-user-header h1{font-size:1.5rem}.form-section{padding:1.5rem}.form-grid{grid-template-columns:1fr}.radio-group{flex-direction:column;gap:1rem}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}.success-modal{padding:1.5rem;margin:1rem}}@keyframes highlight{0%{border-color:var(--gray-200);transform:scale(1)}50%{border-color:var(--primary);transform:scale(1.02)}to{border-color:var(--gray-200);transform:scale(1)}}.form-group input:focus{animation:none}.form-group label:after{content:" *";color:var(--danger);font-weight:400}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--gray-100);color:var(--gray-500);cursor:not-allowed;border-color:var(--gray-200)}.form-section:hover .section-icon{transform:scale(1.1);transition:transform .2s}.info-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:var(--primary-light);color:var(--primary-dark);border-radius:2rem;font-size:.75rem;font-weight:600;margin-left:.5rem}.form-divider{height:2px;background:linear-gradient(to right,transparent,var(--primary-light),transparent);margin:2rem 0}:root{--primary: #2E86AB;--primary-dark: #17A8B8;--primary-light: #E0F2F7;--accent: #1B8A5A;--success: #1B8A5A;--warning: #f59e0b;--danger: #E05A5A;--gray-50: #f4f7fa;--gray-100: #f0f4f8;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e2937;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gray-50)}.update-user-container{max-width:1000px;margin:0 auto;padding:2rem;min-height:100vh}.update-loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--gray-50)}.loading-spinner{width:50px;height:50px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.update-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem}.back-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--gray-700);font-weight:600;cursor:pointer;transition:all .2s}.back-button:hover{border-color:var(--primary);color:var(--primary);transform:translate(-4px)}.update-header h1{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;color:var(--gray-800);margin:0}.update-header h1 svg{color:var(--primary)}.update-form{background:#fff;border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow)}.form-header{display:flex;align-items:center;gap:2rem;padding-bottom:2rem;margin-bottom:2rem;border-bottom:2px solid var(--gray-100)}.user-avatar{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #079e7d4d}.avatar-text{font-size:2rem;font-weight:700;color:#fff}.user-info{flex:1}.user-info h2{font-size:1.5rem;color:var(--gray-800);margin:0 0 .25rem}.user-email{color:var(--gray-500);margin:0 0 .5rem}.unsaved-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:#fef3c7;color:var(--warning);border-radius:2rem;font-size:.75rem;font-weight:600}.form-sections{display:flex;flex-direction:column;gap:2rem}.form-section{background:var(--gray-50);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--gray-200);transition:all .2s}.form-section:hover{border-color:var(--primary-light);box-shadow:var(--shadow)}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--gray-700);margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--gray-200)}.section-icon{color:var(--primary)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--gray-700);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{padding:.875rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:1rem;color:var(--gray-800);background:#fff;transition:all .2s}.form-group input:hover{border-color:var(--gray-300)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #079e7d1a}.form-group input.error{border-color:var(--danger);background:#fef5f5}.form-group input.error:focus{box-shadow:0 0 0 4px #ef44441a}.error-message{font-size:.75rem;color:var(--danger);margin-top:.25rem}.custom-select{position:relative;width:100%}.select-trigger{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius-lg);background:#fff;cursor:pointer;transition:all .2s}.select-trigger:hover{border-color:var(--gray-300)}.select-trigger.error{border-color:var(--danger);background:#fef5f5}.select-trigger span{color:var(--gray-700)}.chevron{transition:transform .2s;color:var(--gray-400)}.chevron.open{transform:rotate(180deg);color:var(--primary)}.select-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;max-height:300px;overflow-y:auto;background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;animation:slideDown .2s ease}.dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;cursor:pointer;transition:all .2s;border-bottom:1px solid var(--gray-100)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--primary-light)}.dropdown-item.selected{background:var(--primary-light);border-left:4px solid var(--primary)}.dropdown-item strong{color:var(--gray-800)}.item-salaire{color:var(--primary);font-weight:600;font-size:.875rem}.radio-group{display:flex;gap:2rem;padding:.5rem 0}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:1rem;color:var(--gray-700)}.radio-label input[type=radio]{width:1.25rem;height:1.25rem;accent-color:var(--primary);margin:0;padding:0}.switch-group{margin-bottom:1.5rem}.switch-label{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background:#fff;border-radius:var(--radius-lg);cursor:pointer;border:2px solid var(--gray-200)}.switch-label span{font-weight:600;color:var(--gray-700)}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--gray-300);transition:.4s;border-radius:34px}.switch-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.switch-slider{background-color:var(--primary)}input:checked+.switch-slider:before{transform:translate(26px)}input[type=date]{color-scheme:light}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.5);cursor:pointer}.error-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fef5f5;border:2px solid var(--danger);border-radius:var(--radius-lg);color:var(--danger);margin-top:1rem;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:2px solid var(--gray-100)}.cancel-btn,.submit-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:200px}.cancel-btn{background:#fff;border:2px solid var(--gray-200);color:var(--gray-600)}.cancel-btn:hover:not(:disabled){border-color:var(--gray-400);color:var(--gray-800);transform:translateY(-2px);box-shadow:var(--shadow)}.submit-btn{background:var(--primary);color:#fff;box-shadow:0 10px 15px -3px #079e7d4d}.submit-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 20px 25px -5px #079e7d66}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.spinner{width:1.25rem;height:1.25rem;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.success-modal{background:#fff;padding:2.5rem;border-radius:var(--radius-xl);text-align:center;max-width:400px;width:90%;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.success-icon{font-size:4rem;color:var(--success);margin-bottom:1rem;animation:bounce .5s ease}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.success-modal h2{font-size:1.5rem;color:var(--gray-800);margin:0 0 .5rem}.success-modal p{color:var(--gray-600);margin:0 0 1.5rem}.modal-btn{padding:.75rem 2rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all .2s;min-width:120px}.modal-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow)}@media(max-width:768px){.update-user-container{padding:1rem}.update-header{flex-direction:column;align-items:flex-start;gap:1rem}.update-header h1{font-size:1.25rem}.update-form{padding:1rem}.form-header{flex-direction:column;text-align:center}.form-grid{grid-template-columns:1fr}.radio-group{flex-direction:column;gap:1rem}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}.success-modal{padding:1.5rem;margin:1rem}}.form-group input{transition:all .2s}.section-title .section-icon{transition:transform .2s}.form-section:hover .section-icon{transform:scale(1.1)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.product-card{display:flex;gap:16px;padding:16px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;transition:all .2s;cursor:pointer}.product-card:hover{border-color:#05aa65;box-shadow:0 4px 12px #05aa651a}.product-card-image{width:80px;height:80px;border-radius:8px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.product-card-image img{width:100%;height:100%;object-fit:cover}.product-card-placeholder{font-size:32px;opacity:.5}.product-card-info{flex:1;display:flex;flex-direction:column;gap:4px}.product-card-title{font-size:16px;font-weight:600;color:#333;margin:0}.product-card-ref{font-size:13px;color:#888;margin:0}.product-card-price{font-size:18px;font-weight:700;color:#05aa65;margin:4px 0 0}.product-card-stock{font-size:13px;color:#666;margin:0}.select-products-container{max-width:1200px;margin:0 auto;padding:20px;background:#fff;min-height:100vh}.select-products-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.select-products-header h1{font-size:24px;font-weight:600;color:#333;margin:0}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:#f5f5f5;border-radius:8px;color:#333;font-size:18px;cursor:pointer;transition:all .2s}.back-btn:hover{background:#e8f5e8;color:#05aa65}.select-products-top-bar{display:flex;gap:12px;margin-bottom:24px}.select-products-search-wrapper{flex:1;display:flex;align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:0 12px;height:48px}.select-products-search-wrapper .search-icon{color:#777;font-size:18px;margin-right:10px}.select-products-search-wrapper .search-input{flex:1;border:none;background:transparent;font-size:15px;color:#333;outline:none}.select-products-search-wrapper .search-input::placeholder{color:#aaa}.select-products-search-wrapper .clear-icon{color:#777;font-size:18px;cursor:pointer;padding:4px}.select-products-search-wrapper .clear-icon:hover{color:#333}.category-menu-btn{display:flex;align-items:center;gap:8px;padding:0 16px;background:#f0f5f0;border:1px solid #d0e0d0;border-radius:8px;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.category-menu-btn:hover{background:#e0f0e0;border-color:#05aa65;color:#05aa65}.select-products-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}.product-card-link{text-decoration:none;cursor:pointer;transition:transform .2s}.product-card-link:hover{transform:translateY(-2px)}.load-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:#f8f9fa;border:1px dashed #05aa65;border-radius:8px;color:#05aa65;font-size:15px;font-weight:500;cursor:pointer;margin:20px 0 40px;transition:all .2s}.load-more-btn:hover{background:#e8f5e8;border-style:solid}.load-more-icon{font-size:20px}.empty-state{text-align:center;padding:60px 20px;background:#f8f9fa;border-radius:12px}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:20px;font-weight:600;color:#555;margin:0 0 8px}.empty-state p{font-size:15px;color:#888;margin:0 0 24px}.reset-filters-btn{padding:12px 24px;background:#05aa65;border:none;border-radius:8px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s}.reset-filters-btn:hover{background:#048f54}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.modal-content{background:#fff;width:100%;max-width:500px;border-top-left-radius:24px;border-top-right-radius:24px;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee}.modal-header h2{font-size:20px;font-weight:600;color:#333;margin:0}.close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#f5f5f5;border-radius:50%;color:#666;font-size:16px;cursor:pointer;transition:all .2s}.close-btn:hover{background:#e0e0e0;color:#333}.modal-list{padding:8px}.modal-category-item{width:100%;text-align:left;padding:14px 24px;border:none;background:transparent;font-size:16px;color:#444;cursor:pointer;transition:all .2s;border-bottom:1px solid #f5f5f5}.modal-category-item:hover{background:#f8f9fa}.modal-category-item.active{background:#e8f5e8;color:#05aa65;font-weight:600}.modal-reset-btn{width:calc(100% - 48px);margin:16px 24px 24px;padding:14px;background:#05aa65;border:none;border-radius:8px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s}.modal-reset-btn:hover{background:#048f54}.select-products-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#f8fafc}.select-products-loading-container .spinner{width:50px;height:50px;border:3px solid rgba(5,170,101,.1);border-top-color:#05aa65;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.select-products-loading-container p{color:#666;font-size:16px}.refresh-btn{background:none;border:none;color:#666;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.refresh-btn:hover:not(:disabled){background:#f0f0f0;color:#04957d}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.spin{animation:spin 1s linear infinite}.products-info{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-radius:12px;margin-bottom:16px}.products-count{font-size:14px;color:#666;font-weight:500}.reset-filters-link{background:none;border:none;color:#04957d;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s}.reset-filters-link:hover{background:#04957d1a}.empty-action{display:inline-flex;align-items:center;gap:8px;background:#04957d;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;margin-top:16px;transition:all .2s}.empty-action:hover{background:#037a66;transform:translateY(-1px)}.commande-form-container{max-width:800px;margin:0 auto;padding:20px;background:#fff;min-height:100vh}.form-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.form-header h1{font-size:24px;font-weight:600;color:#333;margin:0}.form-content{display:flex;flex-direction:column;gap:24px}.form-section{background:#f8f9fa;border-radius:12px;padding:20px}.form-section h3{font-size:16px;font-weight:600;color:#555;margin:0 0 16px}.product-summary{display:flex;gap:20px;padding:20px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;border:1px solid #e8f5e8}.product-image{width:100px;height:100px;border-radius:8px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.product-image img{width:100%;height:100%;object-fit:cover}.product-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e8f5e8;color:#05aa65;font-size:32px}.product-details{flex:1}.product-details h2{font-size:20px;font-weight:600;color:#333;margin:0 0 8px}.product-reference{font-size:14px;color:#888;margin:0 0 8px}.product-price{font-size:24px;font-weight:700;color:#05aa65;margin:0 0 4px}.product-stock{font-size:14px;color:#666;margin:0}.client-search-container{position:relative}.client-search-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:#777;font-size:16px}.client-search-input{width:100%;padding:14px 14px 14px 40px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .2s;outline:none}.client-search-input:focus{border-color:#05aa65}.client-option{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .2s}.client-option strong{display:block;color:#333;margin-bottom:4px}.client-contact{display:flex;gap:16px;font-size:13px;color:#666}.selected-client{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:12px 16px;background:#e8f5e8;border-radius:8px}.selected-client-info strong{color:#333;font-size:15px}.selected-client-info span{color:#666;font-size:13px}.change-client-btn{padding:6px 12px;background:transparent;border:1px solid #05aa65;border-radius:6px;color:#05aa65;font-size:13px;cursor:pointer;transition:all .2s}.quantity-control{display:flex;align-items:center;gap:8px;max-width:200px}.quantity-btn{width:40px;height:40px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;font-size:20px;font-weight:600;color:#555;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.quantity-btn:hover:not(:disabled){border-color:#05aa65;color:#05aa65;background:#f0f5f0}.quantity-input{width:80px;height:40px;text-align:center;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-weight:600;outline:none}.quantity-input:focus{border-color:#05aa65}.quantity-input.error{border-color:#dc3545}.payment-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.payment-option{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s}.payment-option:hover{border-color:#05aa65;background:#f8f9fa}.payment-option.selected{border-color:#05aa65;background:#e8f5e8}.payment-option input[type=radio]{width:18px;height:18px;accent-color:#05aa65}.payment-option span{font-size:15px;color:#333}.text-input{width:100%;padding:12px 12px 12px 40px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;outline:none;transition:all .2s}.text-input:focus{border-color:#05aa65}.text-area{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;outline:none;transition:all .2s;resize:vertical;font-family:inherit}.text-area:focus{border-color:#05aa65}.order-summary{background:#f8f9fa;border-radius:12px;padding:20px}.order-summary h3{font-size:16px;font-weight:600;color:#555;margin:0 0 16px}.summary-row{display:flex;justify-content:space-between;padding:8px 0;color:#666}.summary-row.total{margin-top:8px;padding-top:16px;border-top:2px dashed #e0e0e0;font-size:18px;font-weight:700;color:#333}.error-message{display:block;margin-top:8px;color:#dc3545;font-size:13px}.submit-error{padding:12px 16px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;font-size:14px}.form-actions{display:flex;gap:12px;margin-top:12px}.cancel-btn,.submit-btn{flex:1;padding:14px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.cancel-btn{background:#f5f5f5;color:#666}.cancel-btn:hover{background:#e0e0e0}.submit-btn{background:#05aa65;color:#fff}.submit-btn:hover:not(:disabled){background:#048f54}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-loading-container,.form-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#f8fafc;text-align:center}.spinner{width:50px;height:50px;border:3px solid rgba(5,170,101,.1);border-top-color:#05aa65;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.back-to-products{padding:12px 24px;background:#05aa65;border:none;border-radius:8px;color:#fff;font-size:15px;cursor:pointer;margin-top:16px}.back-to-products:hover{background:#048f54}@media(max-width:600px){.commande-form-container{padding:12px}.product-summary{flex-direction:column;align-items:center;text-align:center}.product-image{width:120px;height:120px}.payment-options{grid-template-columns:1fr}.form-actions{flex-direction:column}.client-contact{flex-direction:column;gap:4px}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.add-client-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f0f5f0;border:1px solid #05aa65;border-radius:6px;color:#05aa65;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.add-client-btn:hover{background:#05aa65;color:#fff}.new-client-form{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:20px;margin-top:8px}.new-client-form .form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.new-client-form h4{font-size:16px;font-weight:600;color:#333;margin:0}.new-client-form .close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#f0f0f0;border-radius:50%;color:#666;cursor:pointer;transition:all .2s}.new-client-form .close-btn:hover{background:#e0e0e0;color:#333}.new-client-form .form-group{margin-bottom:16px}.new-client-form label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:#555}.client-dropdown{position:absolute;top:100%;left:0;right:0;max-height:300px;overflow-y:auto;background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-top:4px;box-shadow:0 4px 12px #0000001a;z-index:10}.client-dropdown.empty{padding:20px;text-align:center}.client-dropdown.empty p{color:#666;margin-bottom:12px}.create-new-from-search{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:#f0f5f0;border:1px dashed #05aa65;border-radius:6px;color:#05aa65;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.create-new-from-search:hover{background:#e0f0e0}.client-option{padding:16px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .2s}.client-option:hover{background:#f0f5f0}.client-option strong{display:block;color:#333;margin-bottom:6px;font-size:15px}.client-contact{display:flex;gap:16px;margin-bottom:6px;font-size:13px;color:#666}.client-contact span{display:flex;align-items:center;gap:4px}.client-address{display:flex;align-items:center;gap:4px;font-size:12px;color:#888;margin-top:4px}.selected-client{display:flex;align-items:flex-start;justify-content:space-between;margin-top:12px;padding:16px;background:#e8f5e8;border-radius:8px}.selected-client-info{display:flex;flex-direction:column;gap:4px}.selected-client-info strong{color:#333;font-size:16px}.selected-client-info span{color:#666;font-size:14px}.selected-client-info .client-address{color:#888;font-size:13px;margin-top:4px}.input-hint{margin-top:6px;font-size:12px;color:#888;font-style:italic;padding-left:40px}.payment-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:8px}.payment-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.payment-option:hover{border-color:#05aa65;background:#f0f5f0;transform:translateY(-2px)}.payment-option.selected{border-color:#05aa65;background:#e8f5e8;box-shadow:0 4px 12px #05aa6526}.payment-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.payment-icon{font-size:24px;color:#05aa65}.payment-option span{font-size:14px;font-weight:600;color:#495057}.payment-option.selected span{color:#05aa65}.payment-summary{font-weight:600;color:#05aa65}@media(max-width:600px){.payment-options{grid-template-columns:repeat(2,1fr)}}.clients-list{display:flex;flex-direction:column;gap:12px;margin-top:16px;max-height:400px;overflow-y:auto}.client-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease}.client-card:hover{border-color:#05aa65;background:#f8f9fa;transform:translate(4px);box-shadow:0 2px 8px #05aa651a}.client-card-header strong{font-size:16px;color:#333;margin-bottom:8px;display:block}.client-card-details{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}.client-card-details span{display:flex;align-items:center;gap:6px;font-size:13px;color:#666}.client-card-details svg{color:#05aa65;font-size:12px}.client-card-address{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:#888;padding-top:8px;border-top:1px solid #f0f0f0}.client-card-address svg{color:#05aa65;font-size:12px}.no-clients-message{text-align:center;padding:40px 20px;background:#f8f9fa;border-radius:12px;margin-top:16px}.no-clients-message p{color:#666;margin-bottom:16px}.add-client-from-empty{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#05aa65;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.add-client-from-empty:hover{background:#048f54;transform:translateY(-1px)}.selected-client-card{background:linear-gradient(135deg,#e8f5e8,#d4edda);border:2px solid #05aa65;border-radius:12px;padding:16px;margin-top:16px}.selected-client-header{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.selected-client-icon{width:48px;height:48px;background:#05aa65;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.selected-client-info{flex:1}.selected-client-info strong{font-size:18px;color:#2d6a4f;display:block;margin-bottom:8px}.selected-client-contact{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:6px}.selected-client-contact span{display:flex;align-items:center;gap:6px;font-size:13px;color:#2d6a4f}.selected-client-address{display:flex;align-items:center;gap:6px;font-size:13px;color:#2d6a4f;margin-top:8px;padding-top:8px;border-top:1px solid rgba(5,170,101,.3)}.change-client-btn{padding:8px 16px;background:#fff;border:2px solid #05aa65;border-radius:8px;color:#05aa65;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.change-client-btn:hover{background:#05aa65;color:#fff}.client-search-wrapper{position:relative;margin-bottom:8px}.client-search-wrapper .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#05aa65;font-size:16px;z-index:1}.client-search-input{width:100%;padding:14px 14px 14px 44px;border:2px solid #e0e0e0;border-radius:12px;font-size:15px;transition:all .2s;outline:none;background:#fff}.client-search-input:focus{border-color:#05aa65;box-shadow:0 0 0 3px #05aa651a}.client-search-input.error{border-color:#dc3545}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f0f5f0;border:none;border-radius:10px;color:#05aa65;font-size:18px;cursor:pointer;transition:all .2s}.back-btn:hover{background:#05aa65;color:#fff;transform:translate(-2px)}.clients-list::-webkit-scrollbar{width:6px}.clients-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.clients-list::-webkit-scrollbar-thumb{background:#05aa65;border-radius:3px}.clients-list::-webkit-scrollbar-thumb:hover{background:#048f54}.client-card{animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--primary: #04957d;--primary-dark: #037665;--primary-light: #e0f2ef;--primary-soft: rgba(4, 149, 125, .1);--secondary: #6c5ce7;--secondary-light: #e9e5ff;--success: #00b894;--success-light: #d4edda;--warning: #fdcb6e;--warning-light: #fff3cd;--danger: #d63031;--danger-light: #f8d7da;--info: #0984e3;--info-light: #d1ecf1;--text: #2d3436;--text-light: #636e72;--text-lighter: #b2bec3;--bg: #f5f6fa;--bg-card: #ffffff;--border: #dfe6e9;--border-light: #f0f0f0;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}.abonnements-container{background:var(--bg);min-height:100vh;padding:32px 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);max-width:1400px;margin:0 auto}.abonnements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.abonnements-header h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:12px}.header-icon{font-size:2rem;color:var(--primary);-webkit-text-fill-color:initial}.refresh-btn{width:44px;height:44px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);color:var(--text-light);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1.2rem}.refresh-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light);transform:rotate(180deg)}.tabs-container{display:flex;gap:16px;margin-bottom:32px;background:var(--bg-card);padding:8px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;border:none;background:transparent;border-radius:var(--radius-md);font-size:1rem;font-weight:600;color:var(--text-light);cursor:pointer;transition:all .3s;position:relative}.tab-btn:hover{color:var(--primary);background:var(--primary-light)}.tab-btn.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.tab-badge{background:#fff3;padding:4px 10px;border-radius:20px;font-size:.85rem;font-weight:600}.tab-btn.active .tab-badge{background:#ffffff4d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{font-size:1.5rem;font-weight:600;color:var(--text)}.btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.search-bar{position:relative;margin-bottom:24px}.search-bar input{width:100%;height:56px;padding:0 56px 0 48px;border:2px solid var(--border);border-radius:var(--radius-lg);font-size:1rem;transition:all .2s;background:var(--bg-card)}.search-bar input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-lighter);font-size:1.2rem}.clear-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--text-lighter);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s}.clear-icon:hover{color:var(--danger);background:var(--danger-light)}.offres-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.offre-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s;border:1px solid var(--border-light);display:flex;flex-direction:column}.offre-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.offre-header{padding:20px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:flex-start}.offre-header h3{font-size:1.2rem;font-weight:700;color:var(--text);flex:1;margin-right:12px;line-height:1.4}.offre-actions{display:flex;gap:8px}.icon-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;color:var(--text-light);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-btn.edit:hover{border-color:var(--info);color:var(--info);background:var(--info-light)}.icon-btn.delete:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-light)}.offre-body{padding:20px;flex:1}.offre-price{margin-bottom:16px}.price{font-size:2rem;font-weight:800;color:var(--primary);background:var(--primary-light);padding:8px 16px;border-radius:var(--radius-md);display:inline-block}.offre-duree{display:flex;align-items:center;gap:8px;color:var(--text-light);font-size:1rem;padding:8px 0}.offre-footer{padding:20px;background:var(--bg);border-top:1px solid var(--border-light)}.btn-subscribe{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s}.btn-subscribe:hover{transform:scale(1.02);box-shadow:0 8px 20px #04957d4d}.abonnements-list{display:flex;flex-direction:column;gap:16px}.abonnement-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;border-left:6px solid transparent;box-shadow:var(--shadow-sm);transition:all .2s}.abonnement-card:hover{box-shadow:var(--shadow-md)}.abonnement-card.actif{border-left-color:var(--success)}.abonnement-card.expire{border-left-color:var(--danger)}.abonnement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.abonnement-ref{display:flex;align-items:center;gap:8px;color:var(--text-light);font-size:.95rem}.statut-badge{padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase}.statut-badge.actif{background:var(--success-light);color:var(--success)}.statut-badge.expire{background:var(--danger-light);color:var(--danger)}.abonnement-body{margin-bottom:16px}.abonnement-offre{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.abonnement-offre strong{font-size:1.1rem;color:var(--text)}.montant{font-size:1.2rem;font-weight:700;color:var(--primary)}.abonnement-entreprise{display:flex;align-items:center;gap:8px;color:var(--text-light);margin-bottom:12px;padding:8px 0;border-top:1px dashed var(--border);border-bottom:1px dashed var(--border)}.abonnement-entreprise .email{margin-left:auto;font-size:.9rem;color:var(--text-lighter)}.abonnement-dates{display:flex;gap:24px}.date-item{display:flex;align-items:center;gap:6px;color:var(--text-light);font-size:.95rem}.abonnement-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-light)}.duree{color:var(--text-light);font-style:italic}.btn-renew{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--secondary-light);color:var(--secondary);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.btn-renew:hover{background:var(--secondary);color:#fff}.empty-state{text-align:center;padding:80px 20px;background:var(--bg-card);border-radius:var(--radius-lg);border:2px dashed var(--border)}.empty-state svg{color:var(--text-lighter);margin-bottom:16px}.empty-state p{color:var(--text-light);font-size:1.1rem}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{background:var(--bg-card);border-radius:var(--radius-lg);padding:32px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal.large-modal{max-width:600px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h3{font-size:1.5rem;font-weight:700;color:var(--text)}.close-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:#fff;color:var(--text-light);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-btn:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-light)}.modal-body{margin-bottom:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text)}.form-group textarea{width:100%;padding:14px;border:2px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:1rem;resize:vertical;transition:all .2s}.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input-with-icon{position:relative}.input-with-icon input{width:100%;padding:14px 14px 14px 44px;border:2px solid var(--border);border-radius:var(--radius-md);font-size:1rem;transition:all .2s}.input-with-icon input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-lighter);font-size:1.2rem}.radio-group{display:flex;gap:16px}.radio-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.radio-option input[type=radio]{position:absolute;opacity:0}.radio-option svg{font-size:1.8rem;color:var(--text-light)}.radio-option span{font-weight:600;color:var(--text-light)}.radio-option.selected{border-color:var(--primary);background:var(--primary-light)}.radio-option.selected svg,.radio-option.selected span{color:var(--primary)}.offre-summary{background:var(--bg);padding:16px;border-radius:var(--radius-md);margin:16px 0;text-align:center;font-size:1.1rem;border:1px solid var(--border)}.confirm-text{text-align:center;font-size:1.1rem;color:var(--text);margin:16px 0}.success-message{position:fixed;top:24px;right:24px;background:var(--success);color:#fff;padding:16px 24px;border-radius:var(--radius-md);display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-lg);z-index:1100;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.session-expired-modal{text-align:center}.modal-icon{font-size:3rem;margin-bottom:16px}.modal-icon.warning{color:var(--warning)}.modal-icon.error{color:var(--danger)}.redirect-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;margin:20px auto 0;animation:spin 1s linear infinite}.cancel-btn,.confirm-btn{padding:12px 24px;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn{background:var(--border-light);color:var(--text-light)}.cancel-btn:hover{background:var(--border)}.confirm-btn{background:var(--primary);color:#fff}.confirm-btn:hover{background:var(--primary-dark)}.confirm-btn.delete{background:var(--danger)}.confirm-btn.delete:hover{background:#b71c1c}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--bg)}.spinner{width:56px;height:56px;border:4px solid var(--border);border-top-color:var(--primary);border-right-color:var(--primary-light);border-radius:50%;animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;margin-bottom:16px}@media(max-width:768px){.abonnements-container{padding:16px}.abonnements-header h1{font-size:1.5rem}.tabs-container{flex-direction:column}.offres-grid{grid-template-columns:1fr}.abonnement-dates{flex-direction:column;gap:8px}.abonnement-entreprise{flex-direction:column;align-items:flex-start}.abonnement-entreprise .email{margin-left:0}.modal{width:95%;padding:20px}.radio-group{flex-direction:column}}.rccs{margin:0 auto;-webkit-perspective:1000px;perspective:1000px;width:290px}.rccs__card{height:182.872997856px;margin:0 auto;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .4s linear;width:290px}.rccs__card--front,.rccs__card--back{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(25deg,#939393,#717171);border-radius:14.5px;color:#fff;height:100%;left:0;overflow:hidden;position:absolute;top:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%;box-shadow:0 0 20px #0003}.rccs__card--front{z-index:20}.rccs__card--back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.rccs__card--back .rccs__issuer{background-position:bottom center;inset:auto auto 5% 50%;opacity:.6;-webkit-transform:translateX(-50%);transform:translate(-50%)}.rccs__card__background{height:200%;position:absolute;top:-60%;-webkit-transform:rotate(25deg);transform:rotate(25deg);transition:all .5s ease-out;width:150%;left:-170%}.rccs__card--flipped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.rccs__card--flipped .rccs__card--front{z-index:10}.rccs__card--flipped .rccs__card--back{z-index:20}.rccs__card--unknown>div{background:linear-gradient(25deg,#999,#999);box-shadow:none}.rccs__card--unknown .rccs__issuer{visibility:hidden}.rccs__card:not(.rccs__card--unknown) .rccs__card__background{left:-22%}.rccs__card--american-express .rccs__card__background{background:linear-gradient(25deg,#308c67,#a3f2cf)}.rccs__card--american-express .rccs__issuer{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBjeD0iMTcuNTQxJSIgY3k9IjE3LjQ2NiUiIGZ4PSIxNy41NDElIiBmeT0iMTcuNDY2JSIgcj0iOTEuMjM3JSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiM2NUJDRjEiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMjNBREUzIiBvZmZzZXQ9IjQ1LjQ2JSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwREE2RTAiIG9mZnNldD0iNTAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzA1NTFDMyIgb2Zmc2V0PSIxMDAlIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTAgMGg1MTJ2NTEyaC01MTJ6Ii8+PHBhdGggZD0iTTQ1Ljc5MSAyMjAuOTM1bC05Ljc3My0yMy44MTMtOS43MTcgMjMuODEzaDE5LjQ4OXptMjE1LjI4OS05LjQ4M2MtMS45NjIgMS4xOTEtNC4yODMgMS4yMzEtNy4wNjMgMS4yMzFoLTE3LjM0NXYtMTMuMjY4aDE3LjU4MWMyLjQ4OCAwIDUuMDg0LjExMiA2Ljc3MSAxLjA3NyAxLjg1Mi44NyAyLjk5OCAyLjcyMiAyLjk5OCA1LjI4MSAwIDIuNjExLTEuMDkgNC43MTItMi45NDIgNS42Nzl6bTEyMy43MzkgOS40ODNsLTkuODgxLTIzLjgxMy05LjgyNyAyMy44MTNoMTkuNzA3em0tMjMwLjY1OCAyNS43NzZoLTE0LjYzN2wtLjA1NC00Ni43ODQtMjAuNzA0IDQ2Ljc4NGgtMTIuNTM2bC0yMC43NTgtNDYuODI1djQ2LjgyNWgtMjkuMDRsLTUuNDg2LTEzLjMyNGgtMjkuNzI5bC01LjU0MiAxMy4zMjRoLTE1LjUwN2wyNS41NjgtNTkuNzM1aDIxLjIxNGwyNC4yODQgNTYuNTU2di01Ni41NTZoMjMuMzA0bDE4LjY4NiA0MC41MjMgMTcuMTY1LTQwLjUyM2gyMy43NzJ2NTkuNzM1aC4wMDJ6bTU4LjMzOCAwaC00Ny42OTd2LTU5LjczNWg0Ny42OTd2MTIuNDM5aC0zMy40MTl2MTAuNzY3aDMyLjYxN3YxMi4yNDVoLTMyLjYxN3YxMS45MjloMzMuNDE5djEyLjM1NHptNjcuMjUxLTQzLjY0N2MwIDkuNTI0LTYuMzU3IDE0LjQ0NC0xMC4wNjEgMTUuOTIyIDMuMTI0IDEuMTg5IDUuNzkzIDMuMjkgNy4wNjMgNS4wMyAyLjAxNiAyLjk3MSAyLjM2NCA1LjYyNSAyLjM2NCAxMC45NnYxMS43MzVoLTE0LjQwMWwtLjA1NC03LjUzM2MwLTMuNTk0LjM0NC04Ljc2NC0yLjI1NC0xMS42MzctMi4wODYtMi4xMDEtNS4yNjYtMi41NTctMTAuNDA3LTIuNTU3aC0xNS4zMjd2MjEuNzI3aC0xNC4yNzd2LTU5LjczNWgzMi44NGM3LjI5NyAwIDEyLjY3My4xOTMgMTcuMjg5IDIuODYxIDQuNTE3IDIuNjY4IDcuMjI1IDYuNTY0IDcuMjI1IDEzLjIyN3ptMjIuODUgNDMuNjQ3aC0xNC41Njl2LTU5LjczNWgxNC41Njl2NTkuNzM1em0xNjkuMDE3IDBoLTIwLjIzM2wtMjcuMDY0LTQ0LjgzNHY0NC44MzRoLTI5LjA3OGwtNS41NTctMTMuMzI0aC0yOS42NmwtNS4zOTEgMTMuMzI0aC0xNi43MDdjLTYuOTQgMC0xNS43MjctMS41MzUtMjAuNzA0LTYuNjA3LTUuMDE4LTUuMDcyLTcuNjI5LTExLjk0Mi03LjYyOS0yMi44MDUgMC04Ljg1OSAxLjU2LTE2Ljk1OCA3LjY5Ny0yMy4zNTggNC42MTYtNC43NjcgMTEuODQ1LTYuOTY1IDIxLjY4NC02Ljk2NWgxMy44MjN2MTIuNzk5aC0xMy41MzNjLTUuMjExIDAtOC4xNTMuNzc1LTEwLjk4NyAzLjUzOS0yLjQzNCAyLjUxNS00LjEwNCA3LjI3LTQuMTA0IDEzLjUzMSAwIDYuNCAxLjI3MiAxMS4wMTQgMy45MjYgMTQuMDI4IDIuMTk4IDIuMzY0IDYuMTkzIDMuMDgxIDkuOTUxIDMuMDgxaDYuNDEybDIwLjEyNC00Ni45NzdoMjEuMzk0bDI0LjE3NCA1Ni41di01Ni41aDIxLjc0bDI1LjA5OCA0MS42MDJ2LTQxLjYwMmgxNC42MjV2NTkuNzMzem0tNDcxLjYxNiAxMS43MzNoMjQuMzk1bDUuNTAxLTEzLjI2OGgxMi4zMTVsNS40ODYgMTMuMjY4aDQ4di0xMC4xNDRsNC4yODUgMTAuMTg3aDI0LjkxOGw0LjI4NS0xMC4zMzh2MTAuMjk1aDExOS4yODlsLS4wNTYtMjEuNzc5aDIuMzA4YzEuNjE2LjA1NiAyLjA4OC4yMDUgMi4wODggMi44NzR2MTguOTA2aDYxLjY5N3YtNS4wN2M0Ljk3NiAyLjY2NyAxMi43MTcgNS4wNyAyMi45MDIgNS4wN2gyNS45NTZsNS41NTUtMTMuMjY4aDEyLjMxNWw1LjQzMiAxMy4yNjhoNTAuMDE4di0xMi42MDNsNy41NzQgMTIuNjAzaDQwLjA4MXYtODMuMzEyaC0zOS42Njd2OS44MzlsLTUuNTU1LTkuODM5aC00MC43MDN2OS44MzlsLTUuMTAxLTkuODM5aC01NC45OGMtOS4yMDMgMC0xNy4yOTMgMS4yODUtMjMuODI4IDQuODY1di00Ljg2NWgtMzcuOTQxdjQuODY1Yy00LjE1OC0zLjY5LTkuODI1LTQuODY1LTE2LjEyNS00Ljg2NWgtMTM4LjYxM2wtOS4zMDEgMjEuNTE4LTkuNTUxLTIxLjUxOGgtNDMuNjZ2OS44MzlsLTQuNzk2LTkuODM5aC0zNy4yMzVsLTE3LjI5MSAzOS42MTF2NDMuNzAxaC4wMDJ6TTUxMiAzMDIuMDE0aC0yNi4wMzljLTIuNiAwLTQuMzI3LjA5Ny01Ljc4MiAxLjA4LTEuNTA3Ljk2OC0yLjA4OCAyLjQwNS0yLjA4OCA0LjMwMiAwIDIuMjU1IDEuMjczIDMuNzkgMy4xMjQgNC40NTMgMS41MDcuNTI1IDMuMTI2LjY3OCA1LjUwNi42NzhsNy43NDMuMjA3YzcuODE0LjE5MyAxMy4wMjkgMS41MzYgMTYuMjA5IDQuODEyLjU3OS40NTYuOTI3Ljk2OCAxLjMyNSAxLjQ4di0xNy4wMTJ6bTAgMzkuNDE2Yy0zLjQ3IDUuMDc1LTEwLjIzMyA3LjY0OC0xOS4zODggNy42NDhoLTI3LjU5MXYtMTIuODJoMjcuNDc5YzIuNzI2IDAgNC42MzMtLjM1OSA1Ljc4Mi0xLjQ4Ljk5NS0uOTI1IDEuNjg5LTIuMjY4IDEuNjg5LTMuOSAwLTEuNzQyLS42OTQtMy4xMjQtMS43NDUtMy45NTQtMS4wMzctLjkxMi0yLjU0Ni0xLjMyNy01LjAzNC0xLjMyNy0xMy40MTUtLjQ1Ni0zMC4xNTEuNDE1LTMwLjE1MS0xOC41MDQgMC04LjY3MiA1LjUwNi0xNy44IDIwLjQ5OC0xNy44aDI4LjQ1OHYtMTEuODk1aC0yNi40NDFjLTcuOTc5IDAtMTMuNzc2IDEuOTExLTE3Ljg4MSA0Ljg4MnYtNC44ODJoLTM5LjEwOWMtNi4yNTQgMC0xMy41OTUgMS41NS0xNy4wNjggNC44ODJ2LTQuODgyaC02OS44Mzl2NC44ODJjLTUuNTU4LTQuMDEtMTQuOTM3LTQuODgyLTE5LjI2NS00Ljg4MmgtNDYuMDY2djQuODgyYy00LjM5Ny00LjI1OC0xNC4xNzYtNC44ODItMjAuMTM2LTQuODgyaC01MS41NTZsLTExLjc5OCAxMi43NjgtMTEuMDUtMTIuNzY4aC03Ny4wMTR2ODMuNDIxaDc1LjU2NWwxMi4xNTctMTIuOTcgMTEuNDUyIDEyLjk3IDQ2LjU3OC4wNDF2LTE5LjYyNGg0LjU3OWM2LjE4LjA5NiAxMy40NjktLjE1MyAxOS45LTIuOTMzdjIyLjUxNGgzOC40MTl2LTIxLjc0MmgxLjg1M2MyLjM2NSAwIDIuNTk4LjA5NyAyLjU5OCAyLjQ2MXYxOS4yOGgxMTYuNzA5YzcuNDEgMCAxNS4xNTUtMS44OTcgMTkuNDQ0LTUuMzM4djUuMzM4aDM3LjAyYzcuNzA0IDAgMTUuMjI3LTEuMDggMjAuOTUxLTMuODQ1di0xNS41NDF6bS01Ni45OS0yMy44ODRjMi43ODIgMi44NzkgNC4yNzMgNi41MTQgNC4yNzMgMTIuNjY3IDAgMTIuODYyLTguMDM1IDE4Ljg2NS0yMi40NDQgMTguODY1aC0yNy44Mjd2LTEyLjgyaDI3LjcxNWMyLjcxIDAgNC42MzItLjM1OSA1LjgzNi0xLjQ4Ljk4My0uOTI1IDEuNjg3LTIuMjY4IDEuNjg3LTMuOSAwLTEuNzQyLS43NjMtMy4xMjQtMS43NDMtMy45NTQtMS4wOTMtLjkxMi0yLjYtMS4zMjctNS4wODgtMS4zMjctMTMuMzYxLS40NTYtMzAuMDkzLjQxNS0zMC4wOTMtMTguNTA0IDAtOC42NzIgNS40NDgtMTcuOCAyMC40MjYtMTcuOGgyOC42NDJ2MTIuNzI1aC0yNi4yMDhjLTIuNTk4IDAtNC4yODcuMDk3LTUuNzI0IDEuMDgtMS41NjUuOTY4LTIuMTQ1IDIuNDA1LTIuMTQ1IDQuMzAyIDAgMi4yNTUgMS4zMjkgMy43OSAzLjEyNiA0LjQ1MyAxLjUwNy41MjUgMy4xMjYuNjc4IDUuNTYuNjc4bDcuNjkxLjIwN2M3Ljc1Ni4xODkgMTMuMDggMS41MzEgMTYuMzE2IDQuODA4em0tMTI4LjkxOC0zLjY5MmMtMS45MTEgMS4xMzQtNC4yNzUgMS4yMzEtNy4wNTUgMS4yMzFoLTE3LjM1NnYtMTMuNDI4aDE3LjU5MmMyLjU0NCAwIDUuMDg5LjA1NCA2LjgxOCAxLjA4IDEuODUyLjk2OCAyLjk1OCAyLjgyIDIuOTU4IDUuMzc4IDAgMi41NTgtMS4xMDcgNC42MTktMi45NTggNS43Mzh6bTguNjI4IDcuNDRjMy4xOCAxLjE3NCA1Ljc4IDMuMjc4IDYuOTk5IDUuMDE5IDIuMDE3IDIuOTE5IDIuMzA5IDUuNjQzIDIuMzY3IDEwLjkxM3YxMS44NTJoLTE0LjM0M3YtNy40OGMwLTMuNTk3LjM0Ni04LjkyMi0yLjMwOS0xMS43MDItMi4wODgtMi4xNDItNS4yNy0yLjY1NC0xMC40ODItMi42NTRoLTE1LjI2OHYyMS44MzZoLTE0LjM1NnYtNTkuNzg2aDMyLjk4NWM3LjIzMyAwIDEyLjUwMS4zMTkgMTcuMTkgMi44MjEgNC41MDkgMi43MjQgNy4zNDUgNi40NTYgNy4zNDUgMTMuMjc2LS4wMDIgOS41NDItNi4zNjYgMTQuNDEyLTEwLjEyNyAxNS45MDV6bTE4LjA0OC0zMi4wMDJoNDcuNjg0djEyLjM2NGgtMzMuNDU1djEwLjg2OWgzMi42Mzl2MTIuMTk4aC0zMi42Mzl2MTEuODk1bDMzLjQ1NS4wNTR2MTIuNDA1aC00Ny42ODR2LTU5Ljc4NnptLTk2LjM5MyAyNy41OTFoLTE4LjQ2M3YtMTUuMjI1aDE4LjYyOWM1LjE1OCAwIDguNzM4IDIuMTAyIDguNzM4IDcuMzMgMCA1LjE3MS0zLjQxNSA3Ljg5NS04LjkwNCA3Ljg5NXptLTMyLjY5MyAyNi43NThsLTIxLjkzNS0yNC4zNTMgMjEuOTM1LTIzLjU3OXY0Ny45MzJ6bS01Ni42NDctNy4wMjJoLTM1LjEyN3YtMTEuODk1aDMxLjM2NnYtMTIuMTk4aC0zMS4zNjZ2LTEwLjg2OWgzNS44MTlsMTUuNjI3IDE3LjQyMy0xNi4zMTkgMTcuNTR6bTExMy41ODMtMjcuNjNjMCAxNi42MDgtMTIuMzkxIDIwLjAzNy0yNC44NzkgMjAuMDM3aC0xNy44Mjd2MjAuMDUzaC0yNy43NjlsLTE3LjU5Mi0xOS43OTItMTguMjgzIDE5Ljc5MmgtNTYuNTkxdi01OS43ODZoNTcuNDYybDE3LjU3OCAxOS41OTcgMTguMTczLTE5LjU5N2g0NS42NTJjMTEuMzM4IDAgMjQuMDc3IDMuMTM5IDI0LjA3NyAxOS42OTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+)}.rccs__card--american-express .rccs__cvc__front{opacity:.5;visibility:visible}.rccs__card--dankort .rccs__card__background{background:linear-gradient(25deg,#ccc,#999)}.rccs__card--dankort .rccs__issuer{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjMwOCIgdmlld0JveD0iMCAwIDUxMiAzMDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMCUiIHgyPSI1MCUiIHkyPSIxMDAlIiBpZD0iYSI+PHN0b3Agc3RvcC1jb2xvcj0iI0Y1MDkxQSIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiM5RTBDMTciIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0zNTguNDA3IDBoLTIwNC43OTVjLTg0Ljg0MiAwLTE1My42MTIgNjguNzcxLTE1My42MTIgMTUzLjU5MyAwIDg0Ljg1MSA2OC43NyAxNTMuNjA2IDE1My42MTIgMTUzLjYwNmgyMDQuNzk1Yzg0LjgyMiAwIDE1My41OTMtNjguNzU1IDE1My41OTMtMTUzLjYwNiAwLTg0LjgyMS02OC43Ny0xNTMuNTkzLTE1My41OTMtMTUzLjU5MyIgZmlsbD0iI0ZFRkVGRSIvPjxwYXRoIGQ9Ik0zOTUuNTkxIDE0NC40ODZsNjguMzI4IDgxLjI2MWMxNC4xNTEtMjAuNDUxIDIyLjQ2Mi00NS4yNDIgMjIuNDYyLTcxLjk0NSAwLTI4LjE4My05LjI1OS01NC4yNDgtMjQuODg0LTc1LjMxNWwtNjUuOTA2IDY1Ljk5OXptLTI0MS4zOTctMTE3LjM4NmMtMzguNTQ3IDAtNzMuMTIxIDE3LjI5My05Ni4zODMgNDQuNTI4aDE0NC4xNTljNTEuMDI3IDAgODkuNDc0IDEyLjk4MyA5My40MzEgNTUuOTc0bDUzLjcwMi01NS45ODFoMTA2LjkzMWMtMjMuMjYzLTI3LjIyNy01Ny44MzEtNDQuNTItOTYuMzYxLTQ0LjUyaC0yMDUuNDc5em0yOS4yMzYgMjA1LjQ3OWgtMTI4LjQyOWMyMy4yMzMgMjkuMTkzIDU5LjA2MiA0Ny45NDYgOTkuMTk0IDQ3Ljk0NmgyMDUuNDc5YzQwLjExNyAwIDc1LjkzNy0xOC43NDUgOTkuMTcxLTQ3LjkzOWgtMTA5LjI5NWwtNTYuNzk2LTcxLjc3NmMtMTAuNTA2IDQ4LjkzOS00NC44ODEgNzEuNzY5LTEwOS4zMjMgNzEuNzY5ek0xMTguNDQgMTI1Ljk5N2wtMTguMjIyIDUwLjFoNzMuNTE3YzIxLjczMyAwIDI4LjMxLTguOTk4IDMzLjE3My0yNi4zMTkgNC44MTUtMTcuMTMxLTcuMjc3LTIzLjc4LTIyLjEyOS0yMy43OGgtNjYuMzM5eiIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg==)}.rccs__card--diners-club>div{color:#555}.rccs__card--diners-club .rccs__card__background{background:linear-gradient(25deg,#fff,#eee)}.rccs__card--diners-club .rccs__issuer{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjEzNCIgdmlld0JveD0iMCAwIDUxMiAxMzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik05OS4yODUgMTMzLjg2YzM2LjQ0Ni4xNzcgNjkuNzE1LTI5LjY1OSA2OS43MTUtNjUuOTU1IDAtMzkuNjg5LTMzLjI2OS02Ny4xMjItNjkuNzE1LTY3LjExMWgtMzEuMzY1Yy0zNi44ODItLjAxMS02Ny4yNDEgMjcuNDI5LTY3LjI0MSA2Ny4xMTEgMCAzNi4zMDUgMzAuMzU4IDY2LjEzMyA2Ny4yNDEgNjUuOTU1aDMxLjM2NSIgZmlsbD0iIzAwNjA5NSIvPjxwYXRoIGQ9Ik04MS45MDkgMTAzLjI0N3YtNzIuMDcyYzE0LjUxNyA1LjU1NyAyNC44MjMgMTkuNTgzIDI0Ljg0NyAzNi4wMzMtLjAyNCAxNi40NTQtMTAuMzMgMzAuNDcxLTI0Ljg0NyAzNi4wMzhtLTUyLjUyMi0zNi4wMzhjLjAzMy0xNi40NDEgMTAuMzIyLTMwLjQ1OCAyNC44MzEtMzYuMDMydjcyLjA1NWMtMTQuNTA5LTUuNTY5LTI0Ljc5OC0xOS41NzgtMjQuODMxLTM2LjAyNG0zOC42NzktNjAuOTE1Yy0zMy43MDIuMDExLTYxLjAxMSAyNy4yNzMtNjEuMDIgNjAuOTE1LjAwOCAzMy42MzkgMjcuMzE4IDYwLjg5NSA2MS4wMiA2MC45MDUgMzMuNzEzLS4wMSA2MS4wMjgtMjcuMjY2IDYxLjAzMy02MC45MDUtLjAwNS0zMy42NDItMjcuMzE5LTYwLjkwNC02MS4wMzMtNjAuOTE1IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTE5MC4zNzMgMjkuNDIxYzAtNi4yOTQtMy4yOTEtNS44ODEtNi40NDQtNS45NDd2LTEuODE5YzIuNzMzLjEzMyA1LjUzNi4xMzMgOC4yNzUuMTMzIDIuOTQzIDAgNi45NDEtLjEzMyAxMi4xMzMtLjEzMyAxOC4xNTcgMCAyOC4wNDIgMTIuMTAzIDI4LjA0MiAyNC40OTYgMCA2LjkyOS00LjA2MyAyNC4zNTMtMjguODg4IDI0LjM1My0zLjU3MyAwLTYuODc0LS4xMzgtMTAuMTY3LS4xMzgtMy4xNTMgMC02LjI0Mi4wNjctOS4zOTUuMTM4di0xLjgyYzQuMjAzLS40MjEgNi4yNDItLjU2MSA2LjQ0NC01LjMydi0zMy45NDN6bTYuODczIDMyLjgyNWMwIDUuMzg4IDMuODYxIDYuMDE3IDcuMjk0IDYuMDE3IDE1LjE0OSAwIDIwLjEyNC0xMS40MDcgMjAuMTI0LTIxLjgzNiAwLTEzLjA4My04LjQxNS0yMi41My0yMS45NDctMjIuNTMtMi44NzkgMC00LjIwMy4yMDUtNS40NzIuMjh2MzguMDY4em0zNy41OTIgNi40NGgxLjMzMWMxLjk2MSAwIDMuMzY1IDAgMy4zNjUtMi4zMTV2LTE4Ljk2MmMwLTMuMDc3LTEuMDUtMy41MDQtMy42NDgtNC44OTZ2LTEuMTIyYzMuMjk2LS45ODUgNy4yMjYtMi4zMDggNy41MDMtMi41MTguNDkzLS4yOC45MTItLjM1NCAxLjI2NC0uMzU0LjM0NyAwIC40OTIuNDIxLjQ5Mi45ODV2MjYuODY2YzAgMi4zMTUgMS41NDIgMi4zMTUgMy41MDggMi4zMTVoMS4xODl2MS44MmMtMi4zODYgMC00Ljg0Mi0uMTQtNy4zNi0uMTQtMi41MjYgMC01LjA1Mi4wNjgtNy42NDMuMTR2LTEuODJ6bTcuNTAzLTQwLjk0Yy0xLjgyNyAwLTMuNDM2LTEuNjc5LTMuNDM2LTMuNDk5IDAtMS43NTIgMS42ODYtMy4zNjYgMy40MzYtMy4zNjYgMS44MTcgMCAzLjQzNSAxLjQ3NiAzLjQzNSAzLjM2NiAwIDEuODkyLTEuNTQ2IDMuNDk5LTMuNDM1IDMuNDk5em0xNC4xNjIgMjAuMDgyYzAtMi41ODgtLjc3NS0zLjI4NS00LjA2My00LjYxNXYtMS4zM2MzLjAxMS0uOTc4IDUuODg0LTEuODkyIDkuMjU0LTMuMzYzLjIwOCAwIC40MTQuMTQzLjQxNC42OTl2NC41NTFjNC4wMDMtMi44NjYgNy40NDEtNS4yNSAxMi4xNDQtNS4yNSA1Ljk1NiAwIDguMDU4IDQuMzQgOC4wNTggOS44djE4LjA1MmMwIDIuMzE1IDEuNTQxIDIuMzE1IDMuNTA2IDIuMzE1aDEuMjYydjEuODJjLTIuNDU5IDAtNC45MTMtLjE0LTcuNDMxLS4xNC0yLjUyOCAwLTUuMDUzLjA2OC03LjU3Ni4xNHYtMS44MmgxLjI2MWMxLjk2NyAwIDMuMzYzIDAgMy4zNjMtMi4zMTV2LTE4LjEyYzAtMy45OTQtMi40NDMtNS45NDktNi40NDYtNS45NDktMi4yNDMgMC01LjgxOSAxLjgxNy04LjE0MSAzLjM1OHYyMC43MTFjMCAyLjMxNSAxLjU1MiAyLjMxNSAzLjUxNiAyLjMxNWgxLjI2MXYxLjgyYy0yLjQ1NCAwLTQuOTEyLS4xNC03LjQzNi0uMTQtMi41MjEgMC01LjA1LjA2OC03LjU3MS4xNHYtMS44MmgxLjI2NWMxLjk2MiAwIDMuMzYxIDAgMy4zNjEtMi4zMTV2LTE4LjU0NHptMzUuOTA3IDMuMzY1Yy0uMTQ1LjYzMS0uMTQ1IDEuNjc3IDAgNC4wNTkuNDEyIDYuNjQ2IDQuNzAyIDEyLjEwMyAxMC4zMDIgMTIuMTAzIDMuODYzIDAgNi44ODItMi4xIDkuNDctNC42ODZsLjk4Ljk4Yy0zLjIyNiA0LjI3LTcuMjI0IDcuOTA4LTEyLjk2OCA3LjkwOC0xMS4xNTQgMC0xMy4zOTUtMTAuNzgtMTMuMzk1LTE1LjI1NiAwLTEzLjcxOCA5LjI1Mi0xNy43NzkgMTQuMTU3LTE3Ljc3OSA1LjY4NSAwIDExLjc5MSAzLjU2OCAxMS44NTMgMTAuOTg2IDAgLjQyNiAwIC44NC0uMDYyIDEuMjY1bC0uNjM3LjQyMWgtMTkuNzAxem0xMi40MTMtMi4yNDFjMS43NTIgMCAxLjk1Ni0uOTEyIDEuOTU2LTEuNzUxIDAtMy41NjgtMi4xNzEtNi40MzctNi4xMDEtNi40MzctNC4yNzUgMC03LjIxOSAzLjE0Mi04LjA2IDguMTg3aDEyLjIwNXptOS42MDQgMTkuNzM2aDEuODk0YzEuOTU2IDAgMy4zNiAwIDMuMzYtMi4zMTV2LTE5LjY2MWMwLTIuMTY4LTIuNTkxLTIuNTkxLTMuNjQ1LTMuMTV2LTEuMDQ3YzUuMTE5LTIuMTcyIDcuOTI1LTMuOTk0IDguNTY1LTMuOTk0LjQxMiAwIC42Mi4yMS42Mi45MTN2Ni4yOTdoLjE1YzEuNzQ2LTIuNzI5IDQuNjk3LTcuMjEgOC45NzItNy4yMSAxLjc1NCAwIDMuOTk1IDEuMTg4IDMuOTk1IDMuNzA5IDAgMS44OS0xLjMyOSAzLjU3NC0zLjI5MSAzLjU3NC0yLjE4MiAwLTIuMTgyLTEuNjg0LTQuNjMzLTEuNjg0LTEuMTk0IDAtNS4xMTkgMS42MTEtNS4xMTkgNS44MTJ2MTYuNDM5YzAgMi4zMTUgMS4zOTkgMi4zMTUgMy4zNjUgMi4zMTVoMy45MjV2MS44MmMtMy44NTgtLjA3Mi02Ljc5My0uMTQtOS44MTItLjE0LTIuODc0IDAtNS44MjEuMDY4LTguMzQ1LjE0di0xLjgyem0yNi45OTUtNy45MTFjLjkxNCA0LjYxOCAzLjcxNiA4LjU0IDguODM4IDguNTQgNC4xMyAwIDUuNjcyLTIuNTE5IDUuNjcyLTQuOTY3IDAtOC4yNi0xNS4yODEtNS42MDMtMTUuMjgxLTE2Ljg2NyAwLTMuOTIyIDMuMTU5LTguOTYxIDEwLjg2OS04Ljk2MSAyLjI0MSAwIDUuMjU1LjYzMiA3Ljk4OCAyLjAzM2wuNDk1IDcuMTMyaC0xLjYxNGMtLjctNC40MDUtMy4xNTMtNi45MjQtNy42NDMtNi45MjQtMi44MDggMC01LjQ2OSAxLjYwOS01LjQ2OSA0LjYxOCAwIDguMTk0IDE2LjI2OCA1LjY2OSAxNi4yNjggMTYuNjU1IDAgNC42MTgtMy43MTYgOS41MjItMTIuMDYzIDkuNTIyLTIuODA0IDAtNi4xMDEtLjk4Mi04LjU1Mi0yLjM4bC0uNzc0LTguMDQ5IDEuMjY0LS4zNTN6bTgzLjQ0Mi0yNi40NTVoLTEuNzQ5Yy0xLjMzNS04LjE4Mi03LjE1Ni0xMS40NzUtMTUuMDA2LTExLjQ3NS04LjA2OCAwLTE5Ljc4MSA1LjM4Ny0xOS43ODEgMjIuMTgyIDAgMTQuMTQ0IDEwLjEwNSAyNC4yODggMjAuOSAyNC4yODggNi45MzkgMCAxMi42OTUtNC43NTggMTQuMDk5LTEyLjEwOWwxLjYwOS40MTktMS42MDkgMTAuMjE3Yy0yLjk0NiAxLjgyNS0xMC44NzEgMy43MTItMTUuNTAyIDMuNzEyLTE2LjQwMyAwLTI2Ljc3OS0xMC41NjgtMjYuNzc5LTI2LjMxNSAwLTE0LjM0NyAxMi44MjgtMjQuNjM4IDI2LjU3Mi0yNC42MzggNS42NzcgMCAxMS4xNDkgMS44MjUgMTYuNTQ2IDMuNzE2bC43IDEwLjAwM3ptMi41MjkgMzQuMzY2aDEuMzI2YzEuOTY5IDAgMy4zNzMgMCAzLjM3My0yLjMxNXYtMzguOTc0YzAtNC41NTMtMS4wNTItNC42OTMtMy43MTYtNS40NjF2LTEuMTJjMi44MDMtLjkwOSA1Ljc0OS0yLjE2OCA3LjIyMS0zLjAxMi43NjUtLjQxNiAxLjMzMS0uNzcyIDEuNTM3LS43NzIuNDI3IDAgLjU2OC40MjQuNTY4Ljk4NXY0OC4zNTRjMCAyLjMxNSAxLjU0MSAyLjMxNSAzLjUwNiAyLjMxNWgxLjE4NHYxLjgyYy0yLjM3NiAwLTQuODMyLS4xNC03LjM1Ni0uMTQtMi41MjMgMC01LjA0Ny4wNjgtNy42NDMuMTR2LTEuODJ6bTQ1LjAyMi0yLjAzM2MwIDEuMjY1Ljc2OSAxLjMzMSAxLjk1OSAxLjMzMWwyLjgwNi0uMDY3djEuNDczYy0zLjAxOS4yNzgtOC43NjcgMS43NDctMTAuMSAyLjE2N2wtLjM1My0uMjExdi01LjY2NmMtNC4yIDMuNDI4LTcuNDMxIDUuODc3LTEyLjQxNSA1Ljg3Ny0zLjc4MyAwLTcuNzEtMi40NDktNy43MS04LjMyNXYtMTcuOTJjMC0xLjgyLS4yNzgtMy41NzEtNC4yMDItMy45MTl2LTEuMzMxYzIuNTI4LS4wNjggOC4xMjgtLjQ4OCA5LjA0My0uNDg4Ljc3NyAwIC43NzcuNDg4Ljc3NyAyLjAyOHYxOC4wNTJjMCAyLjEwMyAwIDguMTIgNi4wOTYgOC4xMiAyLjM4NCAwIDUuNTM5LTEuODE5IDguNDgtNC4yNjN2LTE4LjgzM2MwLTEuMzk2LTMuMzYzLTIuMTYzLTUuODgyLTIuODY0di0xLjI2YzYuMzA0LS40MjMgMTAuMjM3LS45OCAxMC45MzQtLjk4LjU2NyAwIC41NjcuNDg4LjU2NyAxLjI2MXYyNS44MTh6bTEzLjk1Mi0yMy4wOTJjMi44MDEtMi4zOCA2LjU4OS01LjA0IDEwLjQ0OS01LjA0IDguMTM1IDAgMTMuMDM3IDcuMDc0IDEzLjAzNyAxNC42OTggMCA5LjE2Ny02LjcyOCAxOC4zMzgtMTYuNzYxIDE4LjMzOC01LjE4NCAwLTcuOTE4LTEuNjgyLTkuNzQ0LTIuNDQ5bC0yLjEwMSAxLjYwNi0xLjQ2Ny0uNzY3Yy42Mi00LjEyOS45NzktOC4xODkuOTc5LTEyLjQ1N3YtMzAuMDkxYzAtNC41NTMtMS4wNTctNC42OTMtMy43Mi01LjQ2MXYtMS4xMmMyLjgxMS0uOTA5IDUuNzQ5LTIuMTY4IDcuMjI0LTMuMDEyLjc3LS40MTYgMS4zMjctLjc3MiAxLjU0Ni0uNzcyLjQyIDAgLjU1OS40MjQuNTU5Ljk4NXYyNS41NDN6bTAgMTkuMDMzYzAgMi42NTkgMi41MjMgNy4xNDQgNy4yMjEgNy4xNDQgNy41MDQgMCAxMC42NTctNy4zNTIgMTAuNjU3LTEzLjU4MyAwLTcuNTU2LTUuNzQ0LTEzLjg1Mi0xMS4yMTYtMTMuODUyLTIuNjAxIDAtNC43NyAxLjY4MS02LjY2MyAzLjI5MXYxN3ptLTMwMi41MTggNDguNjAxaC41MzdjMS4zNzEgMCAyLjgyMS0uMTg1IDIuODIxLTIuMTY4di0xOS45NDhjMC0xLjk4Ni0xLjQ0OS0yLjE3NS0yLjgyMS0yLjE3NWgtLjUzN3YtMS4xNDNjMS40ODkgMCAzLjc3OC4xNSA1LjY1My4xNSAxLjkwNSAwIDQuMTkyLS4xNSA1Ljk4NS0uMTV2MS4xNDNoLS41MzZjLTEuMzY4IDAtMi44MjEuMTg5LTIuODIxIDIuMTc1djE5Ljk0OGMwIDEuOTgzIDEuNDUzIDIuMTY4IDIuODIxIDIuMTY4aC41MzZ2MS4xNDhjLTEuODMxIDAtNC4xMjUtLjE1LTYuMDI2LS4xNS0xLjg3MSAwLTQuMTI0LjE1LTUuNjEyLjE1di0xLjE0OHptMzcuODUxLTYuMzU5bC4wNzctLjA3NXYtMTQuMjc3YzAtMy4xMjQtMi4xNzctMy41ODEtMy4zMjEtMy41ODFoLS44NHYtMS4xNDNsNS4zNDIuMTUxIDQuNjk0LS4xNTF2MS4xNDNoLS41NjhjLTEuNjA3IDAtMy40LjMwNi0zLjQgNC44MzZ2MTcuMzNjMCAxLjMzMS4wMzkgMi42NjIuMjI2IDMuODQyaC0xLjQ0OWwtMTkuNjQ3LTIxLjg2djE1LjY5MmMwIDMuMzEzLjY0MyA0LjQ1MiAzLjU4NSA0LjQ1MmguNjQ3djEuMTQ4bC00LjkyLS4xNS01LjE4Ny4xNXYtMS4xNDhoLjUzNGMyLjYzMiAwIDMuNDMxLTEuNzg2IDMuNDMxLTQuODI5di0xNi4wMzljMC0yLjEyOS0xLjc1OS0zLjQyMy0zLjQ2OS0zLjQyM2gtLjQ5N3YtMS4xNDNsNC4zODMuMTUxIDMuMzk5LS4xNTEgMTYuOTgzIDE5LjA3NnptMTEuNjY2LTE3LjE3MmMtMi44NjYgMC0yLjk3NC42ODYtMy41NDcgMy40NjJoLTEuMTQzYy4xNDgtMS4wNjUuMzQyLTIuMTI5LjQ1OC0zLjIzNi4xNTUtMS4wNjguMjI4LTIuMTI5LjIyOC0zLjIzM2guOTE1Yy4zMDggMS4xNDQgMS4yNjEgMS4xMDQgMi4yOTYgMS4xMDRoMTkuNjgxYzEuMDMzIDAgMS45ODQtLjAzNyAyLjA2My0xLjE4MmwuOTEuMTUzYy0uMTQ4IDEuMDI5LS4zMDMgMi4wNTUtLjQxOSAzLjA4NS0uMDcgMS4wMjktLjA3IDIuMDU4LS4wNyAzLjA4M2wtMS4xNDcuNDIzYy0uMDc4LTEuNDA4LS4yNy0zLjY1OS0yLjgyNC0zLjY1OWgtNi4yNTd2MjAuMjU5YzAgMi45MzcgMS4zMzcgMy4yNzIgMy4xNjQgMy4yNzJoLjcyNXYxLjE0OGMtMS40ODcgMC00LjE1OS0uMTUtNi4yMTYtLjE1LTIuMjkgMC00Ljk2Mi4xNS02LjQ1Mi4xNXYtMS4xNDhoLjcyNWMyLjEwNiAwIDMuMTY4LS4xODcgMy4xNjgtMy4xOTJ2LTIwLjMzOWgtNi4yNTl6bTIzLjA4MiAyMy41MzFoLjUzNmMxLjM3MyAwIDIuODI0LS4xODUgMi44MjQtMi4xNjh2LTE5Ljk0OGMwLTEuOTg2LTEuNDUxLTIuMTc1LTIuODI0LTIuMTc1aC0uNTM2di0xLjE0M2MyLjMyMiAwIDYuMjk5LjE1IDkuNDk4LjE1IDMuMjEgMCA3LjE3Mi0uMTUgOS43NjUtLjE1LS4wNjUgMS42MzUtLjAyOCA0LjE1My4wODMgNS44MjdsLTEuMTUuMzA2Yy0uMTg0LTIuNDc0LS42NC00LjQ1NC00LjY1LTQuNDU0aC01LjI5OHY5Ljk3M2g0LjUzNGMyLjI4OCAwIDIuNzg4LTEuMjkxIDMuMDE0LTMuMzUyaDEuMTQyYy0uMDc1IDEuNDg5LS4xMTQgMi45NzMtLjExNCA0LjQ1NSAwIDEuNDUxLjAzOSAyLjg5Ni4xMTQgNC4zNDNsLTEuMTQyLjIyNmMtLjIyNi0yLjI4Mi0uMzQyLTMuNzY4LTIuOTc5LTMuNzY4aC00LjU3djguODcxYzAgMi40NzUgMi4yMDMgMi40NzUgNC42NDYgMi40NzUgNC41ODEgMCA2LjYwMS0uMzA3IDcuNzQ3LTQuNjQybDEuMDY3LjI2MmMtLjQ5OCAyLjAyNC0uOTU0IDQuMDM2LTEuMjkzIDYuMDU4LTIuNDQ2IDAtNi44MzQtLjE1LTEwLjI2My0uMTUtMy40MzggMC03Ljk3OC4xNS0xMC4xNTMuMTV2LTEuMTQ4em0yNi44NTktMjEuNGMwLTIuNzc4LTEuNTI2LTIuODkyLTIuNzEyLTIuODkyaC0uNjg3di0xLjE0NGMxLjIyMSAwIDMuNTg2LjE1MyA1LjkxNS4xNTMgMi4yODcgMCA0LjEyLS4xNTMgNi4xNDEtLjE1MyA0LjgwNCAwIDkuMDgzIDEuMjk0IDkuMDgzIDYuNzA2IDAgMy40MjEtMi4yODggNS41MTctNS4zMDMgNi43MDNsNi41MjIgOS43NDFjMS4wNyAxLjYxMSAxLjgyOSAyLjA2MyAzLjcwMiAyLjI4NHYxLjE0OWwtMy43MzktLjE1LTMuNTg0LjE1Yy0yLjkzOC0zLjg0Ni01LjQ2Mi03Ljk1OC03LjkzOS0xMi4zNDNoLTIuNTEzdjguMTUzYzAgMi45MzUgMS4zNyAzLjA0MSAzLjEyMiAzLjA0MWguNjg5djEuMTQ5bC02LjU2Mi0uMTVjLTEuODM0IDAtMy42MjcuMTUtNS41MzQuMTV2LTEuMTQ5aC42ODdjMS40MTcgMCAyLjcxMi0uNjM5IDIuNzEyLTIuMDV2LTE5LjM0OXptNC44ODYgOC44MzJoMS44NjNjMy44MTkgMCA1Ljg3NC0xLjQ0MyA1Ljg3NC01LjkzOSAwLTMuMzg0LTIuMTczLTUuNTU2LTUuNTcxLTUuNTU2LTEuMTQ3IDAtMS42MzUuMTE3LTIuMTY2LjE1MXYxMS4zNDR6bTQzLjY4IDYuMjA5bC4wNjgtLjA3NXYtMTQuMjc3YzAtMy4xMjQtMi4xNzEtMy41ODEtMy4zMTQtMy41ODFoLS44Mzd2LTEuMTQzbDUuMzQuMTUxIDQuNy0uMTUxdjEuMTQzaC0uNTc3Yy0xLjYwMSAwLTMuMzk2LjMwNi0zLjM5NiA0LjgzNnYxNy4zM2MwIDEuMzMxLjAzNiAyLjY2Mi4yMjUgMy44NDJoLTEuNDQ2bC0xOS42NDktMjEuODZ2MTUuNjkyYzAgMy4zMTMuNjQ3IDQuNDUyIDMuNTg0IDQuNDUyaC42NDh2MS4xNDhsLTQuOTE4LS4xNS01LjE5Mi4xNXYtMS4xNDhoLjUyOWMyLjYzNyAwIDMuNDM4LTEuNzg2IDMuNDM4LTQuODI5di0xNi4wMzljMC0yLjEyOS0xLjc1Ni0zLjQyMy0zLjQ3LTMuNDIzaC0uNDk3di0xLjE0M2w0LjM4OS4xNTEgMy4zOTQtLjE1MSAxNi45OCAxOS4wNzZ6bTEyLjA5MiAyLjA2MWMtLjM4OCAxLjI5Mi0uODQ3IDIuMjg5LS44NDcgMi45NjggMCAxLjE0NCAxLjYwNCAxLjMzIDIuODYgMS4zM2guNDI3djEuMTQ4Yy0xLjUyOS0uMDgzLTMuMDg4LS4xNDgtNC42MjUtLjE0OC0xLjM3MSAwLTIuNzM2LjA2NS00LjExNS4xNDh2LTEuMTQ4aC4yMzFjMS40ODcgMCAyLjc0OS0uODc0IDMuMzEzLTIuNDc3bDYuMTEyLTE3LjQ3MWMuNDktMS40MDkgMS4xODQtMy4zMTQgMS40MTQtNC43MjggMS4yMTUtLjQxMyAyLjc0NC0xLjE3NCAzLjQ2OS0xLjYzMi4xMTctLjA0MS4xODQtLjA4LjMwNS0uMDguMTE0IDAgLjE4NCAwIC4yNy4xMTcuMTE0LjMwNC4yMjEuNjQ3LjM0NS45NTFsNy4wMTkgMTkuOTE4Yy40NTYgMS4zMzEuOTEgMi43MzkgMS40MDQgMy44ODYuNDYzIDEuMDY2IDEuMjY0IDEuNTE2IDIuNTI0IDEuNTE2aC4yMjh2MS4xNDhjLTEuNzE3LS4wODMtMy40MzYtLjE0OC01LjI2NC0uMTQ4LTEuODY4IDAtMy43ODIuMDY1LTUuNzI4LjE0OHYtMS4xNDhoLjQyM2MuODczIDAgMi4zNjYtLjE0OCAyLjM2Ni0xLjEwMiAwLS40OTItLjM0NC0xLjUyLS43Ny0yLjc0MmwtMS40ODQtNC40MTZoLTguNjYxbC0xLjIxNyAzLjk2M3ptNS41NjgtMTYuODcyaC0uMDc4bC0zLjU0OSAxMC43NzhoNy4xM2wtMy41MDMtMTAuNzc4em0xNi40NDQtMi4zNjJjLTIuODYzIDAtMi45NzcuNjg2LTMuNTUgMy40NjJoLTEuMTQ3Yy4xNS0xLjA2NS4zNDQtMi4xMjkuNDYzLTMuMjM2LjE1MS0xLjA2OC4yMjMtMi4xMjkuMjIzLTMuMjMzaC45MmMuMzAzIDEuMTQ0IDEuMjYxIDEuMTA0IDIuMjg3IDEuMTA0aDE5LjY5MWMxLjAyNiAwIDEuOTc5LS4wMzcgMi4wNTctMS4xODJsLjkxNC4xNTNjLS4xNDcgMS4wMjktLjMgMi4wNTUtLjQxNCAzLjA4NS0uMDg1IDEuMDI5LS4wODUgMi4wNTgtLjA4NSAzLjA4M2wtMS4xNDIuNDIzYy0uMDctMS40MDgtLjI2Mi0zLjY1OS0yLjgxOS0zLjY1OWgtNi4yNTl2MjAuMjU5YzAgMi45MzcgMS4zMzkgMy4yNzIgMy4xNjYgMy4yNzJoLjcyNnYxLjE0OGMtMS40ODkgMC00LjE1OC0uMTUtNi4yMi0uMTUtMi4yODUgMC00Ljk2Mi4xNS02LjQ0OS4xNXYtMS4xNDhoLjcyNWMyLjEwMiAwIDMuMTY5LS4xODcgMy4xNjktMy4xOTJ2LTIwLjMzOWgtNi4yNTd6bTIzLjI2NCAyMy41MzFoLjUzNGMxLjM3OCAwIDIuODIxLS4xODUgMi44MjEtMi4xNjh2LTE5Ljk0OGMwLTEuOTg2LTEuNDQzLTIuMTc1LTIuODIxLTIuMTc1aC0uNTM0di0xLjE0M2MxLjQ5MiAwIDMuNzc3LjE1IDUuNjQzLjE1IDEuOTE0IDAgNC4yMDItLjE1IDUuOTk4LS4xNXYxLjE0M2gtLjUzNGMtMS4zNzYgMC0yLjgyOS4xODktMi44MjkgMi4xNzV2MTkuOTQ4YzAgMS45ODMgMS40NTMgMi4xNjggMi44MjkgMi4xNjhoLjUzNHYxLjE0OGMtMS44MzQgMC00LjEyNC0uMTUtNi4wMjktLjE1LTEuODczIDAtNC4xMi4xNS01LjYxMi4xNXYtMS4xNDh6bTI2Ljg1Ny0yNi4wMDNjOC4xMzUgMCAxNC42MTYgNS4wMjkgMTQuNjE2IDEzLjE0IDAgOC43NTktNi4yOTYgMTQuNTgxLTE0LjQxOSAxNC41ODEtOC4wOTYgMC0xNC4yNzMtNS40ODItMTQuMjczLTEzLjY3IDAtNy45MTkgNi4xNDEtMTQuMDUyIDE0LjA3Ni0xNC4wNTJ6bS41NzcgMjYuMDQ1YzcuNDA0IDAgOC42OTItNi41MTYgOC42OTItMTIuMDY3IDAtNS41NjktMy4wMDUtMTIuMzA2LTkuMzQyLTEyLjMwNi02LjY3OSAwLTguNjYxIDUuOTQyLTguNjYxIDExLjA0IDAgNi44MTcgMy4xMjggMTMuMzMzIDkuMzExIDEzLjMzM3ptMzkuNzUtNi40MDFsLjA3OC0uMDc1di0xNC4yNzdjMC0zLjEyNC0yLjE4MS0zLjU4MS0zLjMyNi0zLjU4MWgtLjgyN3YtMS4xNDNsNS4zMy4xNTEgNC43MDItLjE1MXYxLjE0M2gtLjU3N2MtMS41OTkgMC0zLjM5Ni4zMDYtMy4zOTYgNC44MzZ2MTcuMzNjMCAxLjMzMS4wMzYgMi42NjIuMjMgMy44NDJoLTEuNDQ4bC0xOS42NTQtMjEuODZ2MTUuNjkyYzAgMy4zMTMuNjUgNC40NTIgMy41ODQgNC40NTJoLjY1MXYxLjE0OGwtNC45Mi0uMTUtNS4xOTUuMTV2LTEuMTQ4aC41MzljMi42MzcgMCAzLjQzLTEuNzg2IDMuNDMtNC44Mjl2LTE2LjAzOWMwLTIuMTI5LTEuNzQ2LTMuNDIzLTMuNDctMy40MjNoLS40OTh2LTEuMTQzbDQuMzg5LjE1MSAzLjM5Ni0uMTUxIDE2Ljk4MSAxOS4wNzZ6bTEyLjA4NyAyLjA2MWMtLjM3NSAxLjI5Mi0uODM3IDIuMjg5LS44MzcgMi45NjggMCAxLjE0NCAxLjYwNyAxLjMzIDIuODU4IDEuMzNoLjQyN3YxLjE0OGMtMS41MjgtLjA4My0zLjA5NC0uMTQ4LTQuNjItLjE0OC0xLjM3OCAwLTIuNzQ2LjA2NS00LjExNC4xNDh2LTEuMTQ4aC4yMTdjMS40OTMgMCAyLjc1Ny0uODc0IDMuMzIxLTIuNDc3bDYuMTE0LTE3LjQ3MWMuNDkzLTEuNDA5IDEuMTg0LTMuMzE0IDEuNDA1LTQuNzI4IDEuMjIzLS40MTMgMi43NDctMS4xNzQgMy40NzktMS42MzIuMTA5LS4wNDEuMTg2LS4wOC4zMDEtLjA4LjExNCAwIC4xODcgMCAuMjY0LjExN2wuMzQ5Ljk1MSA3LjAxNiAxOS45MThjLjQ1OCAxLjMzMS45MTQgMi43MzkgMS40MTUgMy44ODYuNDU4IDEuMDY2IDEuMjYyIDEuNTE2IDIuNTE4IDEuNTE2aC4yMzN2MS4xNDhjLTEuNzItLjA4My0zLjQzOC0uMTQ4LTUuMjcyLS4xNDgtMS44NjUgMC0zLjc3Ny4wNjUtNS43MjMuMTQ4di0xLjE0OGguNDIyYy44NzEgMCAyLjM3LS4xNDggMi4zNy0xLjEwMiAwLS40OTItLjM0Ny0xLjUyLS43NzItMi43NDJsLTEuNDgyLTQuNDE2aC04LjY2MmwtMS4yMjUgMy45NjN6bTUuNTc2LTE2Ljg3MmgtLjA3N2wtMy41NTQgMTAuNzc4aDcuMTQxbC0zLjUxMS0xMC43Nzh6bTI0LjM4MSAxOC41ODNjMCAxLjUyNiAxLjA2IDEuOTggMi4yODIgMi4xMzYgMS41NjUuMTE1IDMuMjgyLjExNSA1LjA0Mi0uMDc4IDEuNTk5LS4xOTIgMi45NzItMS4xMDQgMy42NTgtMi4wNTguNjA5LS44MzkuOTUxLTEuOTAzIDEuMTg0LTIuNzQyaDEuMTA2Yy0uNDE5IDIuMTctLjk1NCA0LjMwNy0xLjQxNSA2LjQ3NmwtMTAuMDY2LS4xNDgtMTAuMDc0LjE0OHYtMS4xNDhoLjUyNmMxLjM3OSAwIDIuODcxLS4xODUgMi44NzEtMi41NDl2LTE5LjU3YzAtMS45ODUtMS40OTItMi4xNzMtMi44NzEtMi4xNzNoLS41MjZ2LTEuMTQzbDYuMDI0LjE1MSA1LjgwNC0uMTUxdjEuMTQzaC0uOTU5Yy0xLjQ0NiAwLTIuNTg1LjA0Mi0yLjU4NSAyLjA1NnYxOS42NDl6IiBmaWxsPSIjMUExOTE4Ii8+PC9zdmc+)}.rccs__card--discover>div{color:#555}.rccs__card--discover .rccs__card__background{background:linear-gradient(25deg,#fff,#eee)}.rccs__card--discover .rccs__issuer{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9Ijg2IiB2aWV3Qm94PSIwIDAgNTEyIDg2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIyMC40NDIlIiB5MT0iMTAuNTk5JSIgeDI9Ijg5LjI0NSUiIHkyPSI4My41MyUiIGlkPSJhIj48c3RvcCBzdG9wLWNvbG9yPSIjRTI1NDI5IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0Y5OUQzRSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMjcwLjM1Ni4zNjVjLTIzLjk4MiAwLTQzLjQ0IDE4LjczNS00My40NCA0MS44NTggMCAyNC41ODMgMTguNjEyIDQyLjk2IDQzLjQ0IDQyLjk2IDI0LjIwOCAwIDQzLjMyMS0xOC42MiA0My4zMjEtNDIuNDc4IDAtMjMuNzE2LTE4Ljk4Ni00Mi4zNC00My4zMjEtNDIuMzR6IiBpZD0iYiIvPjxmaWx0ZXIgeD0iLTUwJSIgeT0iLTUwJSIgd2lkdGg9IjIwMCUiIGhlaWdodD0iMjAwJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iYyI+PGZlTW9ycGhvbG9neSByYWRpdXM9IjIiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRJbm5lcjEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyLjUiIGluPSJzaGFkb3dTcHJlYWRJbm5lcjEiIHJlc3VsdD0ic2hhZG93Qmx1cklubmVyMSIvPjxmZU9mZnNldCBkeD0iMiIgZHk9IjIiIGluPSJzaGFkb3dCbHVySW5uZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldElubmVyMSIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93T2Zmc2V0SW5uZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIgcmVzdWx0PSJzaGFkb3dJbm5lcklubmVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4zMDE2NTg3NDEgMCIgaW49InNoYWRvd0lubmVySW5uZXIxIi8+PC9maWx0ZXI+PC9kZWZzPjx1c2UgZmlsbD0idXJsKCNhKSIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjYiIvPjx1c2UgZmlsdGVyPSJ1cmwoI2MpIiB4bGluazpocmVmPSIjYiIvPjxwYXRoIGQ9Ik0yMy43NDYgMS44OTFoLTIzLjM1M3Y4MS40NTRoMjMuMjMyYzEyLjMyNSAwIDIxLjI0LTIuOTIxIDI5LjA1OS05LjM5OCA5LjI3OC03LjY5NSAxNC43ODEtMTkuMjk4IDE0Ljc4MS0zMS4yODkgMC0yNC4wNDgtMTcuOTY1LTQwLjc2Ni00My43MTktNDAuNzY2em0xOC41NzMgNjEuMTc2Yy01LjAyMiA0LjUzMS0xMS40ODYgNi40ODgtMjEuNzYgNi40ODhoLTQuMjY4di01My44NzNoNC4yNjhjMTAuMjc0IDAgMTYuNDkxIDEuODM0IDIxLjc2IDYuNTkzIDUuNDk1IDQuODg2IDguNzcyIDEyLjQ1MiA4Ljc3MiAyMC4yNjUgMCA3LjgyOS0zLjI3NyAxNS42Ni04Ljc3MiAyMC41Mjd6bTMyLjQ4IDIwLjI3OGgxNS44NzF2LTgxLjQ1NGgtMTUuODcxdjgxLjQ1NHptNTQuNzI3LTUwLjIwOWMtOS41MzktMy41MzQtMTIuMzQ2LTUuODY1LTEyLjM0Ni0xMC4yNDcgMC01LjEzNCA0Ljk5OC05LjAzOSAxMS44NDktOS4wMzkgNC43NjMgMCA4LjY3MSAxLjk1MyAxMi44MzYgNi41OGw4LjI5NC0xMC44NTJjLTYuODM5LTUuOTk4LTE1LjAyMS05LjA0Ny0yMy45NDYtOS4wNDctMTQuMzk4IDAtMjUuMzk5IDEwLjAyLTI1LjM5OSAyMy4zMiAwIDExLjI0NyA1LjEyNiAxNi45ODEgMjAuMDMxIDIyLjM2OSA2LjIzMyAyLjE4OCA5LjQwMSAzLjY0NiAxMC45OTMgNC42NDMgMy4xNzUgMi4wNzcgNC43NjkgNC45OTggNC43NjkgOC40MTYgMCA2LjYwNS01LjI1NyAxMS40ODMtMTIuMzUxIDExLjQ4My03LjU3NCAwLTEzLjY3NC0zLjc4Mi0xNy4zNDEtMTAuODY1bC0xMC4yNDcgOS45MDVjNy4zMTMgMTAuNzMzIDE2LjEwOSAxNS41MTEgMjguMjE0IDE1LjUxMSAxNi40ODggMCAyOC4wODQtMTEuMDA3IDI4LjA4NC0yNi43NTggMC0xMi45NDgtNS4zNjEtMTguODE1LTIzLjQ0My0yNS40MTl6bTI4LjQ0OSA5LjUyMWMwIDIzLjk2NSAxOC44MTUgNDIuNTI1IDQzLjAwNiA0Mi41MjUgNi44MzkgMCAxMi43MDEtMS4zNTIgMTkuOTE1LTQuNzU4di0xOC42OTdjLTYuMzYxIDYuMzU4LTExLjk4IDguOTE2LTE5LjE4OSA4LjkxNi0xNS45OTcgMC0yNy4zNjQtMTEuNjA2LTI3LjM2NC0yOC4xMDIgMC0xNS42MjYgMTEuNzIxLTI3Ljk2NSAyNi42MzgtMjcuOTY1IDcuNTYxIDAgMTMuMzExIDIuNjg2IDE5LjkxNSA5LjE1OXYtMTguNjk2Yy02Ljk2Mi0zLjUzMS0xMi43MTItNC45ODUtMTkuNTUyLTQuOTg1LTI0LjA2NyAwLTQzLjM2OSAxOC45MzUtNDMuMzY5IDQyLjYwNHptMTkxLjY1MSAxMy45NDhsLTIxLjc0My01NC43MTVoLTE3LjM0NmwzNC41NzkgODMuNTM0aDguNTQzbDM1LjE4My04My41MzRoLTE3LjIxOGwtMjIgNTQuNzE1em00Ni40MzkgMjYuNzM5aDQ1LjA2NnYtMTMuNzg5aC0yOS4xODh2LTIyLjAwMWgyOC4wNzJ2LTEzLjc5MmgtMjguMDcydi0xOC4wNzloMjkuMTg4di0xMy43OTJoLTQ1LjA2NnY4MS40NTR6bTEwNy45NTUtNTcuNDE1YzAtMTUuMjU5LTEwLjQ5LTI0LjAzOS0yOC44MjMtMjQuMDM5aC0yMy41Nzd2ODEuNDU0aDE1Ljg5NXYtMzIuNzM3aDIuMDhsMjEuOTc1IDMyLjczN2gxOS41NDRsLTI1LjY2Ny0zNC4zMTFjMTEuOTg4LTIuNDUxIDE4LjU3My0xMC42MzggMTguNTczLTIzLjEwNHptLTMxLjg4MiAxMy40NTJoLTQuNjIzdi0yNC42ODNoNC44NzdjOS45MTYgMCAxNS4yODcgNC4xNjUgMTUuMjg3IDEyLjA5MiAwIDguMTc4LTUuMzcyIDEyLjU5LTE1LjU0MSAxMi41OXoiIGZpbGw9IiMwQjEwMTUiLz48L3N2Zz4=)}.rccs__card--elo .rccs__card__background{background:linear-gradient(25deg,#211c18,#aaa7a2)}.rccs__card--elo .rccs__issuer{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjU2IDBjMTQxLjM4NSAwIDI1NiAxMTQuNjE1IDI1NiAyNTYgMCAxNDEuMzg2LTExNC42MTUgMjU2LTI1NiAyNTZzLTI1Ni0xMTQuNjE0LTI1Ni0yNTZjMC0xNDEuMzg1IDExNC42MTUtMjU2IDI1Ni0yNTYiIGZpbGw9IiMwRTBFMTEiLz48cGF0aCBkPSJNMTgwLjA0MiAyMzcuNTgzbC03OC41MjQgMzMuODM3Yy0uMTIyLTEuMzUzLS4xODktMi43MjEtLjE4OS00LjEwNiAwLTI0LjgzOSAyMC4xMzUtNDQuOTc0IDQ0Ljk3NC00NC45NzQgMTMuNDM4IDAgMjUuNDk5IDUuODk4IDMzLjczOSAxNS4yNDN6bS0zMy43MzktNDguODc2YzM3LjA1MyAwIDY4LjExMiAyNS42MzggNzYuNDIgNjAuMTQzbC0zMS42ODIgMTMuODUzLS4wMDctLjA2Ni0zMi40MTMgMTQuMjQxLTc3Ljc1NSAzMy45OTdjLTguMzE4LTEyLjQ3LTEzLjE3LTI3LjQ0OC0xMy4xNy00My41NjEgMC00My40MTQgMzUuMTkzLTc4LjYwNyA3OC42MDctNzguNjA3em01NC45MjggMTM0LjgzOGMtMjguMTQ1IDI2LjcxMy02NS4zNzkgMjkuMzM1LTk4LjA5NiA5LjQ3M2wxOC40ODUtMjguMTA0YzE4LjYxNyAxMS4xMjggMzcuMzE5IDkuMzIzIDU2LjEwNy01LjQyOGwyMy41MDQgMjQuMDZ6bTMyLjAwNy0xOS40NTdsLS4xOTgtMTQ4LjY1MmgyOC4xNjN2MTQ0LjYzOGMwIDEuMzg4LjE3MiAyLjYxIDEuOTkyIDMuMzE3bDI0LjUgOS41MjgtMTEuMDM4IDI4LjctMjguNy0xMi4xNDNjLTEwLjg4My00LjYwNS0xNC43LTExLjI3Ny0xNC43MTktMjUuMzg5eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0zMzkuMjggMzAxLjU4N2MtMTAuNTU3LTguMjA4LTE3LjM1NC0yMS4wMTgtMTcuMzU0LTM1LjQyNiAwLTEyLjgwOSA1LjM3Ny0yNC4zNTQgMTMuOTg1LTMyLjUyOWwtMTguMTktMjkuNDhjLTE4LjI4NSAxNC40ODctMzAuMDI4IDM2Ljg3LTMwLjAyOCA2Mi4wMDkgMCAyNy4wOTYgMTMuNjMyIDUxLjAwMiAzNC40MDcgNjUuMjU0bDE3LjE3OS0yOS44MjgiIGZpbGw9IiMyMDkxQzMiLz48cGF0aCBkPSJNMzUxLjYxIDIyMy45MzhjNC43NC0xLjcwNSA5Ljg1LTIuNjM5IDE1LjE3OC0yLjYzOSAxOS4yMDggMCAzNS41ODggMTIuMDc3IDQxLjk4NSAyOS4wNDhsMzQuODU2LTIuOTEyYy04LjQxNC0zNC42NC0zOS42MTMtNjAuMzY2LTc2Ljg0MS02MC4zNjYtMTAuNTE5IDAtMjAuNTQ5IDIuMDcxLTI5LjczIDUuNzk5bDE0LjU1MiAzMS4wNzEiIGZpbGw9IiNGQUVDMzIiLz48cGF0aCBkPSJNNDExLjU5NSAyNjguMzM1Yy0xLjEzNSAyMy43NjYtMjAuNzYgNDIuNjg4LTQ0LjgwNyA0Mi42ODgtMy43NyAwLTcuNDI4LS40NzItMTAuOTI1LTEuMzQ3bC0xMy42NzMgMzEuNjU3YzcuNzQ1IDIuNTMxIDE2LjAwNyAzLjkyIDI0LjU5OCAzLjkyIDQyLjU5MSAwIDc3LjMwMi0zMy42NyA3OS4wMDktNzUuODQybC0zNC4yMDMtMS4wNzciIGZpbGw9IiNEMDM1MkEiLz48L2c+PC9zdmc+)}.rccs__card--hipercard .rccs__card__background{background:linear-gradient(25deg,#8b181b,#de1f27)}.rccs__card--hipercard .rccs__issuer{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjEyMyIgdmlld0JveD0iMCAwIDUxMiAxMjMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik0zNzQuMTE4IDgwLjg0MmMtNi45NDMgNi43OTctMjYuNDM0IDguNzI4LTI0LjQ0LTcuNTIgMS42NTYtMTMuNDk1IDE2LjM0OC0xNi4zNjMgMzIuMjczLTE0LjQxNC0xLjE4NCA3LjM4MS0yLjU0MiAxNi43NTUtNy44MzMgMjEuOTM0em0tMjEuOTM0LTUyLjY0MWMtLjY2MyAzLjcyMy0xLjY4MSA3LjA5Mi0yLjUwNiAxMC42NTMgNy45NTEtMS45OTMgMzIuNzA5LTguMTA1IDM1LjA5NSAyLjUwNi43OTIgMy41MjYtLjU3NCA3LjI3Mi0xLjU2NyAxMC4wMjgtMjIuMzg5LTIuMTIxLTQwLjYzNiAxLjU5OS00NS40MzUgMTcuNTQ3LTMuMjE0IDEwLjY4Mi4zNiAyMS4xOTQgNy4yMDcgMjQuMTI5IDEzLjE4NyA1LjY0OSAyOS4yMjgtLjgyMiAzNC43ODEtOS43MTQtLjU3NyAzLjA3OC0xLjEyMyA2LjE4Ny0uOTQgMTAuMDI2aDExLjU5NGMuMTIzLTExLjEwMyAxLjczOS0yMC4wOTEgMy40NDctMzAuMDgyIDEuNDU2LTguNTA4IDQuMTk1LTE2LjkzMSAzLjc1OS0yNC40NC0uOTk1LTE3LjE5Ny0yOS40ODYtMTEuMTE0LTQ1LjQzNC0xMC42NTN6bTExNi4yNDkgNTcuOTY4Yy05LjA3LjE5NS0xMy41OC01LjQxOS0xMy43ODctMTQuNzI2LS4zNjEtMTYuMzAxIDYuNzg5LTM0LjQxMSAyMS4zMDctMzYuMDM1IDYuNzYtLjc1NiAxMS42NTQuODE2IDE2LjYwNyAyLjUwOC00LjU0NyAxOC4zMS0yLjkwNSA0Ny43OTktMjQuMTI4IDQ4LjI1NHptMzAuMDgxLTg2LjE2OWMtMS4xNTUgMTAuMTI1LTIuNjk5IDE5Ljg2Mi00LjY5OSAyOS4xNC0zMy4wNTEtMTAuNDYxLTUzLjMyIDEzLjg1NS01Mi45NTYgNDMuODY4LjA3MiA1LjgwNSAxLjA3MSAxMS41NjEgNC43MDEgMTUuNjY3IDYuMjU2IDcuMDc2IDI0LjE3IDguNzY4IDMzLjIxNCAyLjgyMSAxLjc1Mi0xLjE1MSAzLjU0LTMuMjQ2IDQuNzAxLTQuNy44NzEtMS4wOTUgMi4yNTYtMy45NTkgMi41MDUtMy4xMzUtLjQ3NCAzLjE4Mi0xLjE4NSA2LjEyNy0xLjI1MiA5LjcxNWgxMi4yMmMyLjM1NC0zMy43ODQgOS42MzctNjIuNjQxIDE1LjA0LTkzLjM3NmgtMTMuNDc1em0tMzQ0Ljk4OSA4MS4xNTZjLTcuMjA5IDcuNjM1LTI0LjkzMSA3LjUxOC0yNi4zMi01LjMyOC0uNjA2LTUuNTg5IDEuNDc3LTExLjQ1IDIuNTA2LTE3LjIzMyAxLjA0MS01Ljg1MyAxLjc5MS0xMS40NjkgMi44MTktMTYuNjA5IDcuMS04LjY3IDI3Ljk2NS05LjcxNiAzMC4wODIgNC43MDEgMS44MzcgMTIuNTE3LTMuMTE3IDI4LjE0NS05LjA4NyAzNC40Njh6bTEwLjY1NC01Mi45NTVjLTExLjQwNC00LjI4NC0yNS4zMDMuODMtMzEuMzI4IDUuNjk0LjAyMS4yMTQtLjE0NC4yNDMtLjMyMS4yNTlsLjMyMS0uMjU5LS4wMDctLjA1NC45NC01LjY0aC0xMS41OTRjLTQuODMxIDMyLjE0My0xMC41NjEgNjMuMzg3LTE2LjYwNyA5NC4zMTZoMTMuNDczYzEuOTUtMTIuMDQ2IDMuMjM5LTI0Ljc1MyA1Ljk1NC0zNi4wMzQgMy4wNzcgMTEuODY1IDIzLjE2OSA5LjU5NyAzMS42NDcgNS4wMTQgMTcuNDk0LTkuNDYgMzAuOTg3LTU0LjQ4MSA3LjUyMS02My4yOTZ6bTYzLjkyMSAyMi41NjFoLTMxLjY0N2MxLjAwMS03LjI3NiA3LjU0Ny0xNS4yNzMgMTcuODU5LTE1LjY2NyA5LjcwNy0uMzcxIDE2LjY1NiAzLjU2NCAxMy43ODcgMTUuNjY3em0tMTIuODQ3LTIzLjgxNGMtOS43MzYuNzQ5LTE3Ljk2NSAzLjU1MS0yMy44MTQgOS43MTMtNy4xNzMgNy41NTgtMTIuOTgzIDI0LjI2Ni0xMS4yODEgMzkuNDgyIDIuNDI4IDIxLjcwOCAyOS40NTcgMjAuOTI5IDUxLjA3NSAxNS42NjcuMzY3LTMuODA5IDEuMjktNy4wNjYgMS44OC0xMC42NTMtOC45MDYgMy4zMzItMjQuMzY4IDcuOTg0LTMzLjUyOCAyLjE5NC02LjkxNS00LjM3My02Ljk1Ni0xNS40NDYtNC43LTI1LjA2OCAxNC41MjktLjQ2MiAyOS42MzEtLjM3NCA0NC4xODEgMCAuOTIzLTYuODIxIDMuNTY1LTE0LjI1NyAxLjI1My0yMC45OTMtMy4wNDktOC44OTQtMTMuOTYxLTExLjE5Ni0yNS4wNjctMTAuMzR6bS0xMTguNDQzIDEuMjUzYy0uMzY1LjA1Mi0uMzQxLjQ5NS0uMzE0LjkzOS0yLjk2OSAyMi4yMDMtNi45ODYgNDMuMzU4LTExLjI4IDY0LjIzNmgxMy40NzNjMy4yMzgtMjIuMzUyIDYuOTQ2LTQ0LjIzMyAxMS41OTQtNjUuMTc1aC0xMy40NzN6bTM1MS41Ny4zMTNjLTExLjkwOS01Ljk1My0yMS44MjIgNC4wMzctMjUuNjkzIDEwLjAyNyAxLjEwMi0zLjA3MyAxLjE2Ni03LjE4OCAyLjE5Mi0xMC4zMzloLTExLjkwN2MtMy4yMSAyMi4zNzktNy4wODEgNDQuMDk4LTExLjU5NCA2NS4xNzVoMTMuNzg3Yy4wODgtOC42MzggMS43ODQtMTUuMDI4IDMuMTMzLTIzLjUwMSAyLjg4Mi0xOC4wODggNy4xMTEtMzcuOTI2IDI4LjIwMi0zMS45Ni43LTMuMDYuOTktNi41MyAxLjg4LTkuNDAxem0tMTUxLjM0NSA0OS41MDhjLTEuMjQxLTMuMjA4LTEuNTYzLTguNTA3LTEuMjUzLTEyLjUzNC42OTctOS4wNTQgMy45OTYtMjAuMDc3IDkuMDg3LTI1LjA2NyA3LjAyNi02Ljg4OCAyMC44OTctNS43NDggMzEuOTYtMS44ODEuMzQzLTMuNzI5IDEuMDkzLTcuMDU0IDEuNTY3LTEwLjY1Mi0xOC4xNDUtMi45NjQtMzUuMzY1LTEuMTIxLTQ0LjQ5NCA4LjQ1OS04LjkzNiA5LjM3OC0xNC43OTYgMzAuOTMyLTEwLjY1NCA0NC40OTQgNC44NDggMTUuODcgMjYuNTgzIDE2LjczMyA0NC4xODMgMTAuNjU0Ljc3Ny0zLjE5IDEuMTktNi43NDYgMS44OC0xMC4wMjgtOS42MTYgNC45OTctMjguMDAxIDcuNTkzLTMyLjI3Ni0zLjQ0N3ptLTcuNTE5LTQ5LjgyMWMtMTEuOTQ4LTQuODI1LTIxLjMzOSAzLjMyOS0yNS42OTMgMTAuOTY3Ljk4Ny0zLjM5OCAxLjM5NC03LjM3OCAyLjE5Mi0xMC45NjdoLTExLjkwN2MtMi45MSAyMi41NzUtNy4yMDEgNDMuNzY5LTExLjI4IDY1LjE3NWgxMy40NzVjMS44ODgtMTIuNzA3IDIuNzAzLTI5LjgzNCA2Ljg5Mi00MS45ODggMy4zNDgtOS43MTMgMTIuMTExLTE3Ljk4NyAyNC43NTQtMTMuNDczLjE3OC0zLjU4MyAxLjIwMy02LjMxOCAxLjU2Ny05LjcxNHptLTIxNy4xNDYtMjYuMzIxYy0xLjkyNSAxMi40ODktNC4wOTMgMjQuNzM1LTYuMjY3IDM2Ljk3NC0xMy45NTkuMTQ3LTI4LjIxMS42OS00MS42NzQtLjMxNCAyLjU0My0xMS45NzMgNC4zNjctMjQuNjY4IDYuODkyLTM2LjY2aC0xNS4wMzljLTUuMzg1IDMwLjU0Ny0xMC4yODIgNjEuNTc5LTE2LjI5NCA5MS40OTdoMTUuMzUzYzIuNDA5LTE1LjM0OCA0LjY2MS0zMC44NTIgNy44MzMtNDUuNDM1IDEzLjA5MS0uMzIyIDI4Ljc4MS0uODg1IDQxLjM2Mi4zMTQtMi41OTQgMTUuMTYyLTUuNzI4IDI5Ljc4My04LjE0NyA0NS4xMjFoMTUuMzU0YzQuOTMyLTMwLjk5NyAxMC4xMzEtNjEuNzI4IDE2LjI5NC05MS40OTdoLTE1LjY2N3ptMzguMjI3IDEzLjc4N2MyLjY4Ni0xLjg0OSA2LjE0NS0xMC4yNzggMi4xOTQtMTMuNzg3LTEuMjUyLTEuMTExLTMuMzQ3LTEuNDMzLTYuMjY3LS45MzktMi43MS40NTctNC4yNjggMS4zNzctNS4zMjcgMi44MTktMS43MDMgMi4zMTktMy4yNjMgOS4zMS0uNjI4IDExLjkwNyAyLjU2NyAyLjUyOSA4LjMxOCAxLjE3NyAxMC4wMjggMHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)}.rccs__card--jcb .rccs__issuer{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM5NSIgdmlld0JveD0iMCAwIDUxMiAzOTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iLTU3LjUyNyUiIHkxPSI1MC4xMjQlIiB4Mj0iMjMyLjM5MSUiIHkyPSI1MC4xMjQlIiBpZD0iYSI+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNzk0MCIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDg3M0YiIG9mZnNldD0iMjIuODUlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzQwQTczNyIgb2Zmc2V0PSI3NC4zMyUiLz48c3RvcCBzdG9wLWNvbG9yPSIjNUNCNTMxIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4MT0iLjE4MyUiIHkxPSI0OS45NiUiIHgyPSIxMDAuMjczJSIgeTI9IjQ5Ljk2JSIgaWQ9ImIiPjxzdG9wIHN0b3AtY29sb3I9IiMwMDc5NDAiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDA4NzNGIiBvZmZzZXQ9IjIyLjg1JSIvPjxzdG9wIHN0b3AtY29sb3I9IiM0MEE3MzciIG9mZnNldD0iNzQuMzMlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzVDQjUzMSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9Ii02Mi44MDIlIiB5MT0iNDkuODU4JSIgeDI9IjI1My42NzElIiB5Mj0iNDkuODU4JSIgaWQ9ImMiPjxzdG9wIHN0b3AtY29sb3I9IiMwMDc5NDAiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDA4NzNGIiBvZmZzZXQ9IjIyLjg1JSIvPjxzdG9wIHN0b3AtY29sb3I9IiM0MEE3MzciIG9mZnNldD0iNzQuMzMlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzVDQjUzMSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9Ii4xNzYlIiB5MT0iNTAuMDA2JSIgeDI9IjEwMS44MDglIiB5Mj0iNTAuMDA2JSIgaWQ9ImQiPjxzdG9wIHN0b3AtY29sb3I9IiMxRjI4NkYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDA0RTk0IiBvZmZzZXQ9IjQ3LjUxJSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDY2QjEiIG9mZnNldD0iODIuNjElIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNkZCQyIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9Ii0uNTc2JSIgeTE9IjQ5LjkxNCUiIHgyPSI5OC4xMzMlIiB5Mj0iNDkuOTE0JSIgaWQ9ImUiPjxzdG9wIHN0b3AtY29sb3I9IiM2QzJDMkYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjODgyNzMwIiBvZmZzZXQ9IjE3LjM1JSIvPjxzdG9wIHN0b3AtY29sb3I9IiNCRTE4MzMiIG9mZnNldD0iNTcuMzElIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RDMDQzNiIgb2Zmc2V0PSI4NS44NSUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRTYwMDM5IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJNNTEyIDMxNC44MzZjMCA0My44MTQtMzUuNjc3IDc5LjQ5MS03OS40OTEgNzkuNDkxaC00MzIuNTA5di0zMTQuODM2YzAtNDMuODE0IDM1LjY3Ny03OS40OTEgNzkuNDkxLTc5LjQ5MWg0MzIuNTA5djMxNC44MzZ6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTM3MS4xNjkgMjM0LjA5M2gzMi44NjFsNC4wNjgtLjMxM2M2LjI1OS0xLjI1MiAxMS41NzktNi44ODUgMTEuNTc5LTE0LjcwOSAwLTcuNTExLTUuMzItMTMuMTQ0LTExLjU3OS0xNC43MDktLjkzOS0uMzEzLTIuODE3LS4zMTMtNC4wNjgtLjMxM2gtMzIuODYxdjMwLjA0NHoiIGZpbGw9InVybCgjYSkiLz48cGF0aCBkPSJNNDAwLjI3NCAyNi42MDFjLTMxLjI5NiAwLTU2Ljk1OCAyNS4zNS01Ni45NTggNTYuOTU4djU5LjE0OWg4MC40M2MxLjg3OCAwIDQuMDY4IDAgNS42MzMuMzEzIDE4LjE1Mi45MzkgMzEuNjA5IDEwLjMyOCAzMS42MDkgMjYuNjAxIDAgMTIuODMxLTkuMDc2IDIzLjc4NS0yNS45NzYgMjUuOTc2di42MjZjMTguNDY1IDEuMjUyIDMyLjU0OCAxMS41NzkgMzIuNTQ4IDI3LjU0IDAgMTcuMjEzLTE1LjY0OCAyOC40NzktMzYuMzAzIDI4LjQ3OWgtODguMjU0djExNS43OTVoODMuNTZjMzEuMjk2IDAgNTYuOTU4LTI1LjM1IDU2Ljk1OC01Ni45NTh2LTI4NC40NzloLTgzLjI0N3oiIGZpbGw9InVybCgjYikiLz48cGF0aCBkPSJNNDE1LjYwOSAxNzMuMzc5YzAtNy41MTEtNS4zMi0xMi41MTgtMTEuNTc5LTEzLjQ1Ny0uNjI2IDAtMi4xOTEtLjMxMy0zLjEzLS4zMTNoLTI5LjczMXYyNy41NGgyOS43MzFjLjkzOSAwIDIuODE3IDAgMy4xMy0uMzEzIDYuMjU5LS45MzkgMTEuNTc5LTUuOTQ2IDExLjU3OS0xMy40NTd6IiBmaWxsPSJ1cmwoI2MpIi8+PHBhdGggZD0iTTg1LjQzOCAyNi42MDFjLTMxLjI5NiAwLTU2Ljk1OCAyNS4zNS01Ni45NTggNTYuOTU4djE0MC41MThjMTUuOTYxIDcuODI0IDMyLjU0OCAxMi44MzEgNDkuMTM0IDEyLjgzMSAxOS43MTYgMCAzMC4zNTctMTEuODkyIDMwLjM1Ny0yOC4xNjZ2LTY2LjM0N2g0OC44MjJ2NjYuMDM0YzAgMjUuNjYzLTE1Ljk2MSA0Ni42MzEtNzAuMTAzIDQ2LjYzMS0zMi44NjEgMC01OC41MjMtNy4xOTgtNTguNTIzLTcuMTk4djExOS44NjNoODMuNTZjMzEuMjk2IDAgNTYuOTU4LTI1LjM1IDU2Ljk1OC01Ni45NTh2LTI4NC4xNjZoLTgzLjI0N3oiIGZpbGw9InVybCgjZCkiLz48cGF0aCBkPSJNMjQyLjg1NiAyNi42MDFjLTMxLjI5NiAwLTU2Ljk1OCAyNS4zNS01Ni45NTggNTYuOTU4djc0LjQ4NGMxNC4zOTYtMTIuMjA1IDM5LjQzMy0yMC4wMjkgNzkuODA0LTE4LjE1MiAyMS41OTQuOTM5IDQ0Ljc1MyA2Ljg4NSA0NC43NTMgNi44ODV2MjQuMDk4Yy0xMS41NzktNS45NDYtMjUuMzUtMTEuMjY3LTQzLjE4OC0xMi41MTgtMzAuNjctMi4xOTEtNDkuMTM0IDEyLjgzMS00OS4xMzQgMzkuMTIgMCAyNi42MDEgMTguNDY1IDQxLjYyMyA0OS4xMzQgMzkuMTIgMTcuODM5LTEuMjUyIDMxLjYwOS02Ljg4NSA0My4xODgtMTIuNTE4djI0LjA5OHMtMjIuODQ2IDUuOTQ2LTQ0Ljc1MyA2Ljg4NWMtNDAuMzcyIDEuODc4LTY1LjQwOC01Ljk0Ni03OS44MDQtMTguMTUydjEzMS40NDNoODMuNTZjMzEuMjk2IDAgNTYuOTU4LTI1LjM1IDU2Ljk1OC01Ni45NTh2LTI4NC43OTJoLTgzLjU2eiIgZmlsbD0idXJsKCNlKSIvPjwvc3ZnPg==)}.rccs__card--laser .rccs__issuer{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM2OCIgdmlld0JveD0iMCAwIDUxMiAzNjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGZpbGw9IiMyODM0N0QiIGQ9Ik0wIDM2Ny4yMTJoNTEydi0zNjcuMjExaC01MTJ6Ii8+PHBhdGggZD0iTTI1My45MSAyOTEuMDQzaC0yNTMuOTF2Mi4wOTZoMjUyLjY5bC4xMTYgNy42MjIgNC43NjQtNy42MjJoMjU0LjQzdi0yLjA5NmgtMjUzLjI3MWwzLjY2My02LjExMi04LjQ4MiA2LjExMnptMi41NTYtMjAuMDg0aC0yNTYuNDY2djIuMDk2aDI1NS40Mmw5LjE0NyA4LjM5OCA1LjExMi04LjM5OGgyNDIuMzIxdi0yLjA5NmgtMjQxLjA0NWw0LjY3Ny03LjY4NC0xOS4xNjYgNy42ODR6bTIuMTUtMjAuMDgzaC0yNTguNjE2djIuMDk2aDI1NS45OTlsMjAuODgyIDguMjUyIDUuMDIyLTguMjUyaDIzMC4wOTd2LTIuMDk2aC0yMjguODJsNC4xMS02Ljc1Mi0yOC42NzQgNi43NTJ6bS02Ljk3Mi0yMC4wODNoLTI1MS42NDR2Mi4wOTZoMjUwLjAxN2wzOS4zNDIgNy44MzYgNC43Ny03LjgzNmgyMTcuODcxdi0yLjA5NmgtMjE2LjU5NGw0LjEzNC03LjI1Mi00Ny44OTYgNy4yNTJ6bS0yMi43NzUtMTcuMDU3aC0yMjguODY4djIuMDk2aDIzNy43bDYzLjEgNS45OTYgMy43MTEtNS45OTZoMjA3LjQ4OXYtMi4wOTZoLTIwNi4yMTRsNS4xMy04LjMyNC04Mi4wNDggOC4zMjR6bS0zLjMxLTIwLjA4M2gtMjI1LjU1OHYyLjA5NmgyMjYuMDgxbDg2Ljg4OSA2LjExMiAzLjc2Ni02LjExMmgxOTUuMjY0di0yLjA5NmgtMTkzLjk4OGw0LjUzNS03LjQ1MS05Ni45ODkgNy40NTF6bS0zLjEzOC0yMC4wODNoLTIyMi40MnYyLjA5NmgyMjEuOTU1bDEwMy4xMjEgNi4zNDQgMy44ODYtNi4zNDRoMTgzLjAzOHYtMi4wOTZoLTE4MS43NjNsNC40MzQtNy4yMTgtMTEyLjI1MSA3LjIxOHptLTguNzcyLTIwLjA4M2gtMjEzLjY0N3YyLjA5NWgyMTMuMjk4bDEyMy40ODIgNy42NjcgNC42MDUtNy42NjdoMTcwLjYxNXYtMi4wOTVoLTE2OS4zNTZsNC4wNzgtNi43ODgtMTMzLjA3NSA2Ljc4OHptLTE5LjA1Ny0xNy4yODloLTE5NC41OTF2Mi4wOTZoMTk0LjQxNmwxNTMuNjY3IDYuMTM4IDMuNjg5LTYuMTM4aDE2MC4yMjh2LTIuMDk2aC0xNTguOTdsNC42MzEtNy43MDktMTYzLjA3IDcuNzA5em00Ljc2NS0yMC4wODRoLTE5OS4zNTV2Mi4wOTZoMTk4LjMwOGwxNjEuNDQzIDYuODEgNC4wODQtNi44MWgxNDguMTY1di0yLjA5NmgtMTQ2LjkwNmw0LjAxNS02LjY4NC0xNjkuNzU0IDYuNjg0em0tMTEuMzMtMjAuMDgzaC0xODguMDI1djIuMDk2aDE4Ni45NzlsMTg0LjY3NiA3LjEwMiA0LjI0NC03LjEwMmgxMzYuMTAxdi0yLjA5NmgtMTM0Ljg0MmwzLjY3Ny02LjE3MS0xOTIuODEgNi4xNzF6bS04Ljg4OS0yMC4wODNoLTE3OS4xMzZ2Mi4wOTZoMTY0Ljg0NGwyMTkuMDg2IDYuNzEzIDQuMDMzLTYuNzEzaDEyNC4wMzd2LTIuMDk2aC0xMjIuNzc4bDMuNjc4LTYuMTIxLTIxMy43NjQgNi4xMjF6bS0xLjIyLTIwLjA4M2gtMTc3LjkxNnYyLjA5NmgxNzUuNjVsMjE5Ljc0OCA3LjcwNiA0LjYzLTcuNzA2aDExMS45NzJ2LTIuMDk2aC0xMTAuNzE0bDMuOTIyLTYuNTItMjI3LjI5MiA2LjUyem0tMTIuMzc1LTIwLjA4M2gtMTY1LjU0MXYyLjA5NWgxMzIuNTQybDI3NS4yOTkgNy4wNzggNC4yNTEtNy4wNzhoOTkuOTA4di0yLjA5NWgtOTguNjQ5bDMuODE3LTYuMzU2LTI1MS42MjcgNi4zNTZ6bS04Mi4yMjctMTYuNjQ5aC04My4zMTR2Mi4wOTZoMjAwLjA1MmwyMTkuNTU0IDQuMTM4IDIuNDg3LTQuMTM4aDg5LjkwN3YtMi4wOTZoLTg4LjY0OGw1LjU4OC05LjMwMy0zNDUuNjI1IDkuMzAzeiIgZmlsbD0iI0VCMEQ3RiIvPjxwYXRoIGQ9Ik0xMzQuNzEgMzQ5LjE0MXYtMzcuNjE4aDcuNjQzdjMxLjIyN2gxOS4wMDV2Ni4zOTFoLTI2LjY0OHptODMuMTU1IDBoLTguMzE0bC0zLjMwNi04LjYxNWgtMTUuMTMybC0zLjEyNCA4LjYxNWgtOC4xMDhsMTQuNzQ0LTM3LjkyOWg4LjA4MmwxNS4xNTcgMzcuOTI5em0tMTQuMDczLTE1LjAwNmwtNS4yMTYtMTQuMDc1LTUuMTEzIDE0LjA3NWgxMC4zMjl6bTMzLjExMiAyLjY2NWw3LjQzNi0uNzI1Yy40NDcgMi41MDIgMS4zNTYgNC4zMzkgMi43MjUgNS41MTEgMS4zNjggMS4xNzQgMy4yMTUgMS43NTkgNS41MzkgMS43NTkgMi40NiAwIDQuMzE3LS41MjEgNS41NjQtMS41NjYgMS4yNDgtMS4wNDIgMS44NzItMi4yNjMgMS44NzItMy42NiAwLS44OTYtLjI2My0xLjY2LS43ODctMi4yOS0uNTI1LS42MjktMS40NDQtMS4xNzYtMi43NTItMS42NDItLjg5NC0uMzExLTIuOTM1LS44NjItNi4xMTktMS42NTYtNC4wOTctMS4wMTctNi45NzEtMi4yNjctOC42MjQtMy43NTItMi4zMjMtMi4wODYtMy40ODUtNC42MzEtMy40ODUtNy42MzIgMC0xLjkzMS41NDYtMy43MzkgMS42MzktNS40MTkgMS4wOTMtMS42ODMgMi42NjgtMi45NjQgNC43MjYtMy44NDMgMi4wNTctLjg4IDQuNTM5LTEuMzE5IDcuNDUtMS4zMTkgNC43NTEgMCA4LjMyOCAxLjA0NCAxMC43MjggMy4xMyAyLjQwMyAyLjA4NyAzLjY2MSA0Ljg3NCAzLjc4NCA4LjM1NmwtNy42NDMuMzM3Yy0uMzI5LTEuOTQ4LTEuMDMxLTMuMzUtMi4xMDQtNC4yMDUtMS4wNzctLjg1Mi0yLjY5MS0xLjI4LTQuODQ0LTEuMjgtMi4yMjEgMC0zLjk1OS40NTgtNS4yMTYgMS4zNzEtLjgwOS41ODctMS4yMTQgMS4zNzItMS4yMTQgMi4zNTUgMCAuODk3LjM3OCAxLjY2NSAxLjEzNyAyLjMwMi45NjMuODEyIDMuMzA1IDEuNjU2IDcuMDI0IDIuNTM2IDMuNzE4Ljg3OSA2LjQ2OCAxLjc4OSA4LjI0OSAyLjczIDEuNzgzLjkzOSAzLjE3OCAyLjIyNSA0LjE4MyAzLjg1MyAxLjAwOCAxLjYzMiAxLjUxMSAzLjY0NiAxLjUxMSA2LjA0MiAwIDIuMTc0LS42MDMgNC4yMDktMS44MDcgNi4xMDYtMS4yMDcgMS44OTgtMi45MSAzLjMwOC01LjExMiA0LjIzMS0yLjIwNS45MjItNC45NSAxLjM4NC04LjIzOSAxLjM4NC00Ljc4NiAwLTguNDYtMS4xMDktMTEuMDI1LTMuMzI2LTIuNTY1LTIuMjE1LTQuMDk3LTUuNDQ1LTQuNTk2LTkuNjg4em01NC4xMzIgMTIuMzQxdi0zNy45MjloMjguMDY5djYuNDE3aC0yMC40MjZ2OC40MDhoMTkuMDA1djYuMzkxaC0xOS4wMDV2MTAuMzIyaDIxLjE0OXY2LjM5MWgtMjguNzkyem01Mi4yMiAwdi0zNy45MjloMTYuMDg3YzQuMDQ1IDAgNi45ODQuMzQgOC44MTkgMS4wMjEgMS44MzIuNjgzIDMuMzAxIDEuODk1IDQuNDAyIDMuNjM2IDEuMTAxIDEuNzQzIDEuNjUzIDMuNzM1IDEuNjUzIDUuOTc3IDAgMi44NDUtLjgzNiA1LjE5Ni0yLjUwNSA3LjA0OS0xLjY3IDEuODU1LTQuMTY3IDMuMDI1LTcuNDg4IDMuNTA2IDEuNjUzLjk2NyAzLjAxNyAyLjAyOCA0LjA5NCAzLjE4MyAxLjA3NSAxLjE1NiAyLjUyNCAzLjIwOCA0LjM1MSA2LjE1N2w0LjYyMSA3LjRoLTkuMTRsLTUuNTI2LTguMjU0Yy0xLjk2Mi0yLjk0OS0zLjMwNS00LjgwOC00LjAyOC01LjU3Ni0uNzIzLS43NjYtMS40ODktMS4yOTMtMi4yOTktMS41NzctLjgwOS0uMjg2LTIuMDkxLS40MjctMy44NDYtLjQyN2gtMS41NXYxNS44MzRoLTcuNjQzem03LjY0My0yMS44ODhoNS42NTVjMy42NjcgMCA1Ljk1NS0uMTU1IDYuODY5LS40NjYuOTEyLS4zMSAxLjYyNy0uODQ0IDIuMTQ0LTEuNjA0LjUxNi0uNzU5Ljc3NC0xLjcwNy43NzQtMi44NDYgMC0xLjI3Ni0uMzQtMi4zMDctMS4wMTktMy4wOTEtLjY4Mi0uNzg1LTEuNjQxLTEuMjgxLTIuODgtMS40ODgtLjYyLS4wODYtMi40NzgtLjEzLTUuNTc3LS4xM2gtNS45NjV2OS42MjV6IiBmaWxsPSIjZmZmIi8+PC9zdmc+)}.rccs__card--maestro>div,.rccs__card--mastercard>div{color:#555}.rccs__card--maestro .rccs__card__background,.rccs__card--mastercard .rccs__card__background{background:linear-gradient(25deg,#fbfbfb,#e8e9e5)}.rccs__card--maestro .rccs__issuer{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM5OCIgdmlld0JveD0iMCAwIDUxMiAzOTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGZpbGw9IiM2QzZCQkQiIGQ9Ik0zMjUuMjIzIDI4Mi42MjloLTEzOC40NDV2LTI0OC44MDNoMTM4LjQ0NXoiLz48cGF0aCBkPSJNMTk1LjU2NSAxNTguMjMzYzAtNTAuNDcxIDIzLjYzMS05NS40MjkgNjAuNDMtMTI0LjQwMS0yNi45MS0yMS4xODYtNjAuODczLTMzLjgzMi05Ny43ODMtMzMuODMyLTg3LjM4MSAwLTE1OC4yMTMgNzAuODQyLTE1OC4yMTMgMTU4LjIzM3M3MC44MzIgMTU4LjIzMyAxNTguMjEzIDE1OC4yMzNjMzYuOTEgMCA3MC44NzItMTIuNjQ1IDk3Ljc4My0zMy44MzItMzYuNzk5LTI4Ljk3My02MC40My03My45MzEtNjAuNDMtMTI0LjQwMSIgZmlsbD0iI0QzMjAxMSIvPjxwYXRoIGQ9Ik01MTIgMTU4LjIzM2MwIDg3LjM5MS03MC44MzIgMTU4LjIzMy0xNTguMjEzIDE1OC4yMzMtMzYuOTEgMC03MC44NzItMTIuNjQ1LTk3Ljc5My0zMy44MzIgMzYuODA5LTI4Ljk3MyA2MC40NC03My45MzEgNjAuNDQtMTI0LjQwMSAwLTUwLjQ3MS0yMy42MzEtOTUuNDI5LTYwLjQ0LTEyNC40MDEgMjYuOTItMjEuMTg2IDYwLjg4My0zMy44MzIgOTcuNzkzLTMzLjgzMiA4Ny4zODEgMCAxNTguMjEzIDcwLjg0MiAxNTguMjEzIDE1OC4yMzMiIGZpbGw9IiMwMDk5REYiLz48cGF0aCBkPSJNMzcyLjA2NSAzNTIuOTM0YzEuODQxIDAgNC40ODcuMzUyIDYuNTA5IDEuMTQ3bC0yLjgxNyA4LjYxMWMtMS45MzItLjc5NS0zLjg2My0xLjA1Ni01LjcxNC0xLjA1Ni01Ljk3NiAwLTguOTYzIDMuODYzLTguOTYzIDEwLjgwNHYyMy41NmgtOS4xNDR2LTQyLjAxaDkuMDU0djUuMWMyLjM3NC0zLjY5MiA1LjgwNS02LjE1NyAxMS4wNzYtNi4xNTd6bS0zMy43ODEgOS40MDZoLTE0LjkzOXYxOC45ODNjMCA0LjIxNSAxLjQ4OSA3LjAzMiA2LjA2NiA3LjAzMiAyLjM3NCAwIDUuMzYyLS43OTUgOC4wNzgtMi4zNzRsMi42MzYgNy44MTdjLTIuODk3IDIuMDIyLTcuNDY0IDMuMjU5LTExLjQxOCAzLjI1OS0xMC44MTQgMC0xNC41ODctNS44MDUtMTQuNTg3LTE1LjU2M3YtMTkuMTU0aC04LjUzMXYtOC4zNWg4LjUzMXYtMTIuNzQ2aDkuMjI1djEyLjc0NmgxNC45Mzl2OC4zNXptLTExNi45ODcgOC45NjNjLjk3Ni02LjA2NiA0LjY1OC0xMC4yMDEgMTEuMTY3LTEwLjIwMSA1Ljg4NSAwIDkuNjY4IDMuNjkyIDEwLjYzMyAxMC4yMDFoLTIxLjh6bTMxLjI5NyAzLjY5MmMtLjA5MS0xMy4wOTgtOC4xNzktMjIuMDYxLTE5Ljk1OS0yMi4wNjEtMTIuMzAzIDAtMjAuOTE1IDguOTYzLTIwLjkxNSAyMi4wNjEgMCAxMy4zNSA4Ljk2MyAyMi4wNTEgMjEuNTM4IDIyLjA1MSA2LjMyOCAwIDEyLjEyMi0xLjU3OSAxNy4yMjMtNS44ODVsLTQuNDg3LTYuNzdjLTMuNTExIDIuODE3LTcuOTk4IDQuMzk2LTEyLjIxMyA0LjM5Ni01Ljg4NSAwLTExLjI0Ny0yLjcyNi0xMi41NjUtMTAuMjgxaDMxLjE5NmMuMDkxLTEuMTQ3LjE4MS0yLjI4NC4xODEtMy41MTF6bTQwLjE1OS0xMC4yODFjLTIuNTQ1LTEuNTg5LTcuNzI2LTMuNjEyLTEzLjA4OC0zLjYxMi01LjAxIDAtNy45OTggMS44NTEtNy45OTggNC45MjkgMCAyLjgwNyAzLjE1OSAzLjYwMSA3LjExMiA0LjEyNWw0LjMwNi42MTRjOS4xNDQgMS4zMjggMTQuNjc3IDUuMTkxIDE0LjY3NyAxMi41NzUgMCA3Ljk5OC03LjAzMiAxMy43MTItMTkuMTU0IDEzLjcxMi02Ljg2MSAwLTEzLjE4OS0xLjc2LTE4LjE5OC01LjQ1Mmw0LjMwNi03LjEyMmMzLjA3OCAyLjM3NCA3LjY1NiA0LjM5NiAxMy45ODMgNC4zOTYgNi4yMzcgMCA5LjU3Ny0xLjg0MSA5LjU3Ny01LjEgMC0yLjM2NC0yLjM3NC0zLjY5Mi03LjM4NC00LjM4NmwtNC4zMDYtLjYxNGMtOS40MDYtMS4zMjgtMTQuNTA2LTUuNTQzLTE0LjUwNi0xMi4zOTQgMC04LjM1IDYuODYxLTEzLjQ1IDE3LjQ5NC0xMy40NSA2LjY4IDAgMTIuNzQ2IDEuNDk5IDE3LjEzMiA0LjM5NmwtMy45NTQgNy4zODR6bTExMi43MjItMy4wOThjLTEuODgxIDAtMy42MjIuMzMyLTUuMjQxLjk4Ni0xLjYxLjY2NC0zLjAwOCAxLjU4OS00LjE4NSAyLjc3Ny0xLjE3NyAxLjE4Ny0yLjEwMyAyLjYxNi0yLjc3NyA0LjI3NS0uNjc0IDEuNjYtMS4wMDYgMy40OTEtMS4wMDYgNS40ODMgMCAyLjAwMi4zMzIgMy44MjMgMS4wMDYgNS40ODMuNjc0IDEuNjYgMS42IDMuMDg4IDIuNzc3IDQuMjc1IDEuMTc3IDEuMTg3IDIuNTc1IDIuMTEzIDQuMTg1IDIuNzc3IDEuNjIuNjY0IDMuMzYuOTg2IDUuMjQxLjk4NiAxLjg4MSAwIDMuNjMyLS4zMjIgNS4yNDEtLjk4NiAxLjYyLS42NjQgMy4wMjgtMS41ODkgNC4yMDUtMi43NzcgMS4xOTctMS4xODcgMi4xMjMtMi42MTYgMi44MDctNC4yNzUuNjc0LTEuNjYgMS4wMDYtMy40ODEgMS4wMDYtNS40ODMgMC0xLjk5Mi0uMzMyLTMuODIzLTEuMDA2LTUuNDgzLS42ODQtMS42Ni0xLjYxLTMuMDg4LTIuODA3LTQuMjc1LTEuMTc3LTEuMTg3LTIuNTg1LTIuMTEzLTQuMjA1LTIuNzc3LTEuNjEtLjY1NC0zLjM2LS45ODYtNS4yNDEtLjk4NnptMC04LjY4MmMzLjI1OSAwIDYuMjc3LjU2MyA5LjA1NCAxLjcgMi43NzcgMS4xMjcgNS4xODEgMi42ODYgNy4yMDMgNC42NjggMi4wMzIgMS45ODIgMy42MTIgNC4zMjYgNC43NTggNy4wMjIgMS4xNDcgMi43MDYgMS43MiA1LjY0NCAxLjcyIDguODEzIDAgMy4xNjktLjU3MyA2LjEwNi0xLjcyIDguODEzLTEuMTQ3IDIuNjk2LTIuNzI2IDUuMDUtNC43NTggNy4wMzItMi4wMjIgMS45ODItNC40MjYgMy41MzEtNy4yMDMgNC42NjgtMi43NzcgMS4xMjctNS43OTUgMS42OS05LjA1NCAxLjY5LTMuMjU5IDAtNi4yNzctLjU2My05LjA1NC0xLjY5LTIuNzc3LTEuMTM3LTUuMTYxLTIuNjg2LTcuMTczLTQuNjY4LTIuMDEyLTEuOTgyLTMuNTkxLTQuMzM2LTQuNzM4LTcuMDMyLTEuMTQ3LTIuNzA2LTEuNzItNS42NDQtMS43Mi04LjgxMyAwLTMuMTY5LjU3My02LjEwNiAxLjcyLTguODEzIDEuMTQ3LTIuNjk2IDIuNzI2LTUuMDQgNC43MzgtNy4wMjIgMi4wMTItMS45ODIgNC4zOTYtMy41NDEgNy4xNzMtNC42NjggMi43NzctMS4xMzcgNS43OTUtMS43IDkuMDU0LTEuN3ptLTIzNy41NzYgMjIuMDYxYzAtNy4zODQgNC44MzktMTMuNDUgMTIuNzQ2LTEzLjQ1IDcuNTU1IDAgMTIuNjU1IDUuODA1IDEyLjY1NSAxMy40NSAwIDcuNjQ2LTUuMSAxMy40NC0xMi42NTUgMTMuNDQtNy45MDcgMC0xMi43NDYtNi4wNTYtMTIuNzQ2LTEzLjQ0em0zNC4wMTMgMHYtMjEuMDA1aC05LjEzNHY1LjFjLTIuOTA3LTMuNzgzLTcuMjkzLTYuMTU3LTEzLjI2OS02LjE1Ny0xMS43OCAwLTIxLjAwNSA5LjIyNS0yMS4wMDUgMjIuMDYxIDAgMTIuODI2IDkuMjI1IDIyLjA2MSAyMS4wMDUgMjIuMDYxIDUuOTc2IDAgMTAuMzYyLTIuMzc0IDEzLjI2OS02LjE1N3Y1LjFoOS4xMzR2LTIxLjAwNXptLTUxLjQ5NyAyMS4wMDV2LTI2LjM2N2MwLTkuOTI5LTYuMzI4LTE2LjYwOS0xNi41MTgtMTYuNy01LjM2Mi0uMDkxLTEwLjkwNSAxLjU3OS0xNC43NjggNy40NzUtMi44OTctNC42NTgtNy40NzUtNy40NzUtMTMuODkzLTcuNDc1LTQuNDc3IDAtOC44NzMgMS4zMTgtMTIuMzAzIDYuMjM3di01LjE4MWgtOS4xMzR2NDIuMDFoOS4yMjV2LTIzLjI4OWMwLTcuMjkzIDQuMDQ0LTExLjE2NyAxMC4yODEtMTEuMTY3IDYuMDY2IDAgOS4xNDQgMy45NTQgOS4xNDQgMTEuMDc2djIzLjM3OWg5LjIyNXYtMjMuMjg5YzAtNy4yOTMgNC4yMjUtMTEuMTY3IDEwLjI4MS0xMS4xNjcgNi4yNDcgMCA5LjIzNSAzLjk1NCA5LjIzNSAxMS4wNzZ2MjMuMzc5aDkuMjI1eiIgZmlsbD0iIzExMEYwRCIvPjwvc3ZnPg==)}.rccs__card--mastercard .rccs__issuer{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM5NyIgdmlld0JveD0iMCAwIDUxMiAzOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik05My4wNzkgMzk2LjAyM3YtMjYuMzQzYzAtMTAuMDk4LTYuMTQ3LTE2LjY4NC0xNi42ODQtMTYuNjg0LTUuMjY5IDAtMTAuOTc2IDEuNzU2LTE0LjkyOCA3LjQ2NC0zLjA3My00LjgzLTcuNDY0LTcuNDY0LTE0LjA1LTcuNDY0LTQuMzkgMC04Ljc4MSAxLjMxNy0xMi4yOTMgNi4xNDd2LTUuMjY5aC05LjIydjQyLjE0OWg5LjIydi0yMy4yN2MwLTcuNDY0IDMuOTUxLTEwLjk3NiAxMC4wOTgtMTAuOTc2czkuMjIgMy45NTEgOS4yMiAxMC45NzZ2MjMuMjdoOS4yMnYtMjMuMjdjMC03LjQ2NCA0LjM5LTEwLjk3NiAxMC4wOTgtMTAuOTc2IDYuMTQ3IDAgOS4yMiAzLjk1MSA5LjIyIDEwLjk3NnYyMy4yN2gxMC4wOTh6bTEzNi41NDQtNDIuMTQ5aC0xNC45Mjh2LTEyLjczMmgtOS4yMnYxMi43MzJoLTguMzQydjguMzQyaDguMzQydjE5LjMxOGMwIDkuNjU5IDMuOTUxIDE1LjM2NyAxNC40ODkgMTUuMzY3IDMuOTUxIDAgOC4zNDItMS4zMTcgMTEuNDE1LTMuMDczbC0yLjYzNC03LjkwM2MtMi42MzQgMS43NTYtNS43MDggMi4xOTUtNy45MDMgMi4xOTUtNC4zOSAwLTYuMTQ3LTIuNjM0LTYuMTQ3LTcuMDI1di0xOC44NzloMTQuOTI4di04LjM0MnptNzguMTUxLS44NzhjLTUuMjY5IDAtOC43ODEgMi42MzQtMTAuOTc2IDYuMTQ3di01LjI2OWgtOS4yMnY0Mi4xNDloOS4yMnYtMjMuNzA5YzAtNy4wMjUgMy4wNzMtMTAuOTc2IDguNzgxLTEwLjk3NiAxLjc1NiAwIDMuOTUxLjQzOSA1LjcwOC44NzhsMi42MzQtOC43ODFjLTEuNzU2LS40MzktNC4zOS0uNDM5LTYuMTQ3LS40Mzl6bS0xMTguMTA0IDQuMzljLTQuMzktMy4wNzMtMTAuNTM3LTQuMzktMTcuMTIzLTQuMzktMTAuNTM3IDAtMTcuNTYyIDUuMjY5LTE3LjU2MiAxMy42MTEgMCA3LjAyNSA1LjI2OSAxMC45NzYgMTQuNDg5IDEyLjI5M2w0LjM5LjQzOWM0LjgzLjg3OCA3LjQ2NCAyLjE5NSA3LjQ2NCA0LjM5IDAgMy4wNzMtMy41MTIgNS4yNjktOS42NTkgNS4yNjlzLTEwLjk3Ni0yLjE5NS0xNC4wNS00LjM5bC00LjM5IDcuMDI1YzQuODMgMy41MTIgMTEuNDE1IDUuMjY5IDE4LjAwMSA1LjI2OSAxMi4yOTMgMCAxOS4zMTgtNS43MDggMTkuMzE4LTEzLjYxMSAwLTcuNDY0LTUuNzA4LTExLjQxNS0xNC40ODktMTIuNzMybC00LjM5LS40MzljLTMuOTUxLS40MzktNy4wMjUtMS4zMTctNy4wMjUtMy45NTEgMC0zLjA3MyAzLjA3My00LjgzIDcuOTAzLTQuODMgNS4yNjkgMCAxMC41MzcgMi4xOTUgMTMuMTcxIDMuNTEybDMuOTUxLTcuNDY0em0yNDQuOTktNC4zOWMtNS4yNjkgMC04Ljc4MSAyLjYzNC0xMC45NzYgNi4xNDd2LTUuMjY5aC05LjIydjQyLjE0OWg5LjIydi0yMy43MDljMC03LjAyNSAzLjA3My0xMC45NzYgOC43ODEtMTAuOTc2IDEuNzU2IDAgMy45NTEuNDM5IDUuNzA4Ljg3OGwyLjYzNC04Ljc4MWMtMS43NTYtLjQzOS00LjM5LS40MzktNi4xNDctLjQzOXptLTExNy42NjUgMjEuOTUyYzAgMTIuNzMyIDguNzgxIDIxLjk1MiAyMi4zOTIgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTEuMzE3IDE0LjkyOC00LjgzbC00LjM5LTcuNDY0Yy0zLjUxMiAyLjYzNC03LjAyNSAzLjk1MS0xMC45NzYgMy45NTEtNy40NjQgMC0xMi43MzItNS4yNjktMTIuNzMyLTEzLjYxMSAwLTcuOTAzIDUuMjY5LTEzLjE3MSAxMi43MzItMTMuNjExIDMuOTUxIDAgNy40NjQgMS4zMTcgMTAuOTc2IDMuOTUxbDQuMzktNy40NjRjLTQuMzktMy41MTItOC43ODEtNC44My0xNC45MjgtNC44My0xMy42MTEgMC0yMi4zOTIgOS4yMi0yMi4zOTIgMjEuOTUyem04NS4xNzYgMHYtMjEuMDc0aC05LjIydjUuMjY5Yy0zLjA3My0zLjk1MS03LjQ2NC02LjE0Ny0xMy4xNzEtNi4xNDctMTEuODU0IDAtMjEuMDc0IDkuMjItMjEuMDc0IDIxLjk1MiAwIDEyLjczMiA5LjIyIDIxLjk1MiAyMS4wNzQgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTIuMTk1IDEzLjE3MS02LjE0N3Y1LjI2OWg5LjIydi0yMS4wNzR6bS0zMy44MDcgMGMwLTcuNDY0IDQuODMtMTMuNjExIDEyLjczMi0xMy42MTEgNy40NjQgMCAxMi43MzIgNS43MDggMTIuNzMyIDEzLjYxMSAwIDcuNDY0LTUuMjY5IDEzLjYxMS0xMi43MzIgMTMuNjExLTcuOTAzLS40MzktMTIuNzMyLTYuMTQ3LTEyLjczMi0xMy42MTF6bS0xMTAuMjAxLTIxLjk1MmMtMTIuMjkzIDAtMjEuMDc0IDguNzgxLTIxLjA3NCAyMS45NTIgMCAxMy4xNzEgOC43ODEgMjEuOTUyIDIxLjUxMyAyMS45NTIgNi4xNDcgMCAxMi4yOTMtMS43NTYgMTcuMTIzLTUuNzA4bC00LjM5LTYuNTg2Yy0zLjUxMiAyLjYzNC03LjkwMyA0LjM5LTEyLjI5MyA0LjM5LTUuNzA4IDAtMTEuNDE1LTIuNjM0LTEyLjczMi0xMC4wOThoMzEuMTczdi0zLjUxMmMuNDM5LTEzLjYxMS03LjQ2NC0yMi4zOTItMTkuMzE4LTIyLjM5MnptMCA3LjkwM2M1LjcwOCAwIDkuNjU5IDMuNTEyIDEwLjUzNyAxMC4wOThoLTIxLjk1MmMuODc4LTUuNzA4IDQuODMtMTAuMDk4IDExLjQxNS0xMC4wOTh6bTIyOC43NDUgMTQuMDV2LTM3Ljc1OGgtOS4yMnYyMS45NTJjLTMuMDczLTMuOTUxLTcuNDY0LTYuMTQ3LTEzLjE3MS02LjE0Ny0xMS44NTQgMC0yMS4wNzQgOS4yMi0yMS4wNzQgMjEuOTUyIDAgMTIuNzMyIDkuMjIgMjEuOTUyIDIxLjA3NCAyMS45NTIgNi4xNDcgMCAxMC41MzctMi4xOTUgMTMuMTcxLTYuMTQ3djUuMjY5aDkuMjJ2LTIxLjA3NHptLTMzLjgwNyAwYzAtNy40NjQgNC44My0xMy42MTEgMTIuNzMyLTEzLjYxMSA3LjQ2NCAwIDEyLjczMiA1LjcwOCAxMi43MzIgMTMuNjExIDAgNy40NjQtNS4yNjkgMTMuNjExLTEyLjczMiAxMy42MTEtNy45MDMtLjQzOS0xMi43MzItNi4xNDctMTIuNzMyLTEzLjYxMXptLTMwOC4yMTMgMHYtMjEuMDc0aC05LjIydjUuMjY5Yy0zLjA3My0zLjk1MS03LjQ2NC02LjE0Ny0xMy4xNzEtNi4xNDctMTEuODU0IDAtMjEuMDc0IDkuMjItMjEuMDc0IDIxLjk1MiAwIDEyLjczMiA5LjIyIDIxLjk1MiAyMS4wNzQgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTIuMTk1IDEzLjE3MS02LjE0N3Y1LjI2OWg5LjIydi0yMS4wNzR6bS0zNC4yNDYgMGMwLTcuNDY0IDQuODMtMTMuNjExIDEyLjczMi0xMy42MTEgNy40NjQgMCAxMi43MzIgNS43MDggMTIuNzMyIDEzLjYxMSAwIDcuNDY0LTUuMjY5IDEzLjYxMS0xMi43MzIgMTMuNjExLTcuOTAzLS40MzktMTIuNzMyLTYuMTQ3LTEyLjczMi0xMy42MTF6Ii8+PHBhdGggZmlsbD0iI0ZGNUYwMCIgZD0iTTE4Ni41OTYgMzMuODA3aDEzOC4zMDF2MjQ4LjUwMmgtMTM4LjMwMXoiLz48cGF0aCBkPSJNMTk1LjM3NyAxNTguMDU4YzAtNTAuNDkxIDIzLjcwOS05NS4yNzQgNjAuMTUtMTI0LjI1MS0yNi43ODItMjEuMDc0LTYwLjU4OS0zMy44MDctOTcuNDY5LTMzLjgwNy04Ny4zNzEgMC0xNTguMDU4IDcwLjY4Ny0xNTguMDU4IDE1OC4wNThzNzAuNjg3IDE1OC4wNTggMTU4LjA1OCAxNTguMDU4YzM2Ljg4IDAgNzAuNjg3LTEyLjczMiA5Ny40NjktMzMuODA3LTM2LjQ0MS0yOC41MzgtNjAuMTUtNzMuNzYtNjAuMTUtMTI0LjI1MXoiIGZpbGw9IiNFQjAwMUIiLz48cGF0aCBkPSJNNTExLjQ5MyAxNTguMDU4YzAgODcuMzcxLTcwLjY4NyAxNTguMDU4LTE1OC4wNTggMTU4LjA1OC0zNi44OCAwLTcwLjY4Ny0xMi43MzItOTcuNDY5LTMzLjgwNyAzNi44OC0yOC45NzcgNjAuMTUtNzMuNzYgNjAuMTUtMTI0LjI1MXMtMjMuNzA5LTk1LjI3NC02MC4xNS0xMjQuMjUxYzI2Ljc4Mi0yMS4wNzQgNjAuNTg5LTMzLjgwNyA5Ny40NjktMzMuODA3IDg3LjM3MSAwIDE1OC4wNTggNzEuMTI2IDE1OC4wNTggMTU4LjA1OHoiIGZpbGw9IiNGNzlFMUIiLz48L3N2Zz4=)}.rccs__card--unionpay .rccs__issuer{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjMyMCIgdmlld0JveD0iMCAwIDUxMiAzMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik0xMDAuMDgzLjAwMWgxMjcuNTU3YzE3LjgwNiAwIDI4Ljg4IDE0LjUxMyAyNC43MjcgMzIuMzc4bC01OS4zODcgMjU0Ljk3MWMtNC4xOTEgMTcuODAzLTIyLjAxOSAzMi4zMjgtMzkuODM3IDMyLjMyOGgtMTI3LjU0NWMtMTcuNzgxIDAtMjguODgtMTQuNTI2LTI0LjcyNy0zMi4zMjhsNTkuNDEyLTI1NC45NzFjNC4xNTQtMTcuODY1IDIxLjk3Mi0zMi4zNzggMzkuOC0zMi4zNzgiIGZpbGw9IiNFMjE4MzYiLz48cGF0aCBkPSJNMjE3LjAyNy4wMDFoMTQ2LjY4N2MxNy44MDMgMCA5Ljc3NSAxNC41MTMgNS41ODcgMzIuMzc4bC01OS4zNzggMjU0Ljk3MWMtNC4xNjYgMTcuODAzLTIuODY3IDMyLjMyOC0yMC43MDcgMzIuMzI4aC0xNDYuNjg3Yy0xNy44NCAwLTI4Ljg4LTE0LjUyNi0yNC42ODktMzIuMzI4bDU5LjM3NS0yNTQuOTcxYzQuMjE2LTE3Ljg2NSAyMS45OTctMzIuMzc4IDM5LjgxMi0zMi4zNzgiIGZpbGw9IiMwMDQ0N0MiLz48cGF0aCBkPSJNMzU3Ljg5Ni4wMDFoMTI3LjU1N2MxNy44MzEgMCAyOC45MDUgMTQuNTEzIDI0LjcxNyAzMi4zNzhsLTU5LjM3OCAyNTQuOTcxYy00LjE5MSAxNy44MDMtMjIuMDMxIDMyLjMyOC0zOS44NTkgMzIuMzI4aC0xMjcuNDk4Yy0xNy44NCAwLTI4LjkwNS0xNC41MjYtMjQuNzI3LTMyLjMyOGw1OS4zODctMjU0Ljk3MWM0LjE1NC0xNy44NjUgMjEuOTYtMzIuMzc4IDM5LjgtMzIuMzc4IiBmaWxsPSIjMDA3Qjg0Ii8+PHBhdGggZD0iTTEzMy4zOTcgODEuNzEyYy0xMy4xMTcuMTM0LTE2Ljk5MSAwLTE4LjIyOS0uMjkyLS40NzYgMi4yNi05LjMyNyA0My4wOTItOS4zNTIgNDMuMTI2LTEuOTA2IDguMjYxLTMuMjkzIDE0LjE1LTguMDAzIDE3Ljk1Mi0yLjY3NCAyLjIxMS01Ljc5NSAzLjI3Ny05LjQxNCAzLjI3Ny01LjgxNyAwLTkuMjA2LTIuODg4LTkuNzc1LTguMzY3bC0uMTA5LTEuODgxczEuNzcyLTExLjA2NSAxLjc3Mi0xMS4xMjdjMCAwIDkuMjktMzcuMjEgMTAuOTUzLTQyLjEyOC4wODctLjI4LjExMi0uNDI2LjEzNC0uNTYtMTguMDgzLjE1OS0yMS4yODggMC0yMS41MDktLjI5Mi0uMTIxLjQwMS0uNTY5IDIuNzA4LS41NjkgMi43MDhsLTkuNDg2IDQxLjkzOS0uODE1IDMuNTU3LTEuNTc2IDExLjYzNGMwIDMuNDUxLjY3OCA2LjI2OCAyLjAyNyA4LjY1IDQuMzIyIDcuNTUyIDE2LjY0OSA4LjY4NCAyMy42MjMgOC42ODQgOC45ODUgMCAxNy40MTQtMS45MDkgMjMuMTEtNS4zOTQgOS44ODctNS44NDIgMTIuNDc0LTE0Ljk3MyAxNC43ODEtMjMuMDg4bDEuMDctNC4xNjNzOS41Ny0zOC42NDYgMTEuMTk2LTQzLjY3NGMuMDYyLS4yOC4wODctLjQyNi4xNzEtLjU2em0zMi41NjEgMzEuMTc2Yy0yLjMwNyAwLTYuNTIzLjU2LTEwLjMxIDIuNDE2LTEuMzc0LjcwNi0yLjY3NCAxLjUyLTQuMDQ1IDIuMzMybDEuMjM3LTQuNDY4LS42NzgtLjc1MmMtOC4wMzEgMS42MjYtOS44MjggMS44NDQtMTcuMjQ2IDIuODg4bC0uNjIyLjQxNGMtLjg2MSA3LjE0Mi0xLjYyNiAxMi41MTEtNC44MTkgMjYuNTQ5LTEuMjE2IDUuMTc0LTIuNDc4IDEwLjM5Ny0zLjc0MyAxNS41NThsLjM0Mi42NTZjNy42MDItLjQwMSA5LjkwOS0uNDAxIDE2LjUxNi0uMjkybC41MzUtLjU4MWMuODM5LTQuMy45NDgtNS4zMDcgMi44MDgtMTQuMDE2Ljg3NC00LjEyOSAyLjY5Ni0xMy4yMDEgMy41OTQtMTYuNDMyIDEuNjUxLS43NjUgMy4yOC0xLjUxNyA0LjgzNS0xLjUxNyAzLjcwMyAwIDMuMjUyIDMuMjMgMy4xMDkgNC41MTgtLjE1OSAyLjE2MS0xLjUwOCA5LjIxOC0yLjg5MSAxNS4yNzhsLS45MjMgMy45MTFjLS42NDQgMi44ODgtMS4zNDkgNS42OTYtMS45OTMgOC41NTlsLjI4LjU3MmM3LjQ5My0uNDAxIDkuNzc4LS40MDEgMTYuMTc3LS4yOTJsLjc1Mi0uNTgxYzEuMTU3LTYuNzE2IDEuNDk1LTguNTEzIDMuNTQ3LTE4LjI5MWwxLjAzMi00LjQ5M2MyLjAwNS04Ljc5MyAzLjAxMy0xMy4yNTEgMS40OTUtMTYuODgyLTEuNjA0LTQuMDctNS40NTMtNS4wNTItOC45ODgtNS4wNTJ6bTM2LjM3NCA5LjIwNmMtMy45ODMuNzY1LTYuNTIzIDEuMjc1LTkuMDQ3IDEuNjA0LTIuNTAzLjQwMS00Ljk0My43NjUtOC43OTMgMS4zbC0uMzA1LjI3Ny0uMjguMjIxYy0uNDAxIDIuODY3LS42ODEgNS4zNDUtMS4yMTMgOC4yNTgtLjQ1MSAzLjAxMy0xLjE0NCA2LjQzNi0yLjI3MyAxMS4zNTQtLjg3NCAzLjc2NS0xLjMyNCA1LjA3Ny0xLjgyMiA2LjQwMi0uNDg1IDEuMzI0LTEuMDIgMi42MTItMi4wMDIgNi4zMTVsLjIzLjM0Mi4xOTMuMzE0YzMuNTk3LS4xNzEgNS45NTEtLjI5MiA4LjM3LS4zMTQgMi40MTYtLjA4NyA0LjkxOSAwIDguNzkzLjAyMmwuMzM5LS4yNzcuMzY0LS4zMDVjLjU2LTMuMzM5LjY0NC00LjIzOC45ODYtNS44NjcuMzM5LTEuNzQ3LjkyMy00LjE2NiAyLjM1Ny0xMC42MjcuNjc4LTMuMDM0IDEuNDMzLTYuMDYgMi4xMzYtOS4xNTYuNzMxLTMuMDg0IDEuNDk1LTYuMTIyIDIuMjIzLTkuMTU2bC0uMTA5LS4zNjctLjE0Ni0uMzM5em0uMDg1LTEyLjQxMmMtMy42MTktMi4xMzYtOS45NzEtMS40NTgtMTQuMjQ2IDEuNDkyLTQuMjYzIDIuODkxLTQuNzQ4IDYuOTk1LTEuMTQxIDkuMTU5IDMuNTU3IDIuMDc3IDkuOTM0IDEuNDU4IDE0LjE3MS0xLjUxNyA0LjI1My0yLjk1NCA0Ljc4NS03LjAyIDEuMjE2LTkuMTM1em0yMS44ODcgNDkuNDY3YzcuMzIyIDAgMTQuODI3LTIuMDE4IDIwLjQ3Ny04LjAwNiA0LjM0Ny00Ljg1NiA2LjMzOS0xMi4wODIgNy4wMy0xNS4wNTcgMi4yNDgtOS44NjIuNDk3LTE0LjQ2Ny0xLjcwMS0xNy4yNzEtMy4zMzktNC4yNzUtOS4yNC01LjY0Ni0xNS4zNjItNS42NDYtMy42ODEgMC0xMi40NDkuMzY0LTE5LjI5OCA2LjY3OC00LjkxOSA0LjU1NS03LjE5MSAxMC43MzYtOC41NjIgMTYuNjYyLTEuMzg0IDYuMDM4LTIuOTc1IDE2LjkwNyA3LjAyIDIwLjk1MiAzLjA4NCAxLjMyNCA3LjUzIDEuNjg4IDEwLjM5NyAxLjY4OHptLS41NzItMjIuMTljMS42ODgtNy40NjggMy42ODEtMTMuNzM2IDguNzY4LTEzLjczNiAzLjk4NiAwIDQuMjc1IDQuNjY0IDIuNTAzIDEyLjE1Ny0uMzE3IDEuNjYzLTEuNzcyIDcuODQ3LTMuNzQgMTAuNDgxLTEuMzc0IDEuOTQzLTMgMy4xMjItNC43OTcgMy4xMjItLjUzNSAwLTMuNzE1IDAtMy43NjUtNC43MjMtLjAyNS0yLjMzMi40NTEtNC43MTMgMS4wMzItNy4zem00Ni4zODIgMjEuMjI5bC41NzItLjU4MWMuODExLTQuMy45NDUtNS4zMSAyLjc0Mi0xNC4wMTYuODk5LTQuMTI5IDIuNzU4LTEzLjIwMSAzLjYzMS0xNi40MzIgMS42NTQtLjc2OCAzLjI1NS0xLjUyIDQuODYtMS41MiAzLjY3OCAwIDMuMjMgMy4yMyAzLjA4NCA0LjUxOC0uMTM0IDIuMTY0LTEuNDgzIDkuMjE4LTIuODkxIDE1LjI3OGwtLjg3NCAzLjkxMWMtLjY2OCAyLjg5MS0xLjM5NiA1LjY5Ni0yLjA0IDguNTYybC4yOC41NzJjNy41MTgtLjQwMSA5LjcxNi0uNDAxIDE2LjE1Mi0uMjkybC43NzctLjU4MWMxLjEyOS02LjcxOSAxLjQzMy04LjUxNiAzLjU0Ny0xOC4yOTFsMS4wMDctNC40OTZjMi4wMTUtOC43OTMgMy4wMzQtMTMuMjQ4IDEuNTQyLTE2Ljg3OS0xLjY1MS00LjA3LTUuNTI1LTUuMDUyLTkuMDEtNS4wNTItMi4zMSAwLTYuNTQ4LjU1Ny0xMC4zMTMgMi40MTYtMS4zNDYuNzA2LTIuNjk2IDEuNTE3LTQuMDIgMi4zMzJsMS4xNTMtNC40NjgtLjYxOS0uNzU2Yy04LjAyOCAxLjYyOS05Ljg2MiAxLjg0Ny0xNy4yNzEgMi44OTFsLS41NjkuNDE0Yy0uODk5IDcuMTQyLTEuNjI5IDEyLjUwOC00LjgyMiAyNi41NDktMS4yMTYgNS4xNzQtMi40NzggMTAuMzk3LTMuNzQgMTUuNTU4bC4zMzkuNjU2YzcuNjE0LS40MDEgOS44ODctLjQwMSAxNi40ODEtLjI5MnptNTUuMjM1LjI5MWMuNDczLTIuMzA3IDMuMjgtMTUuOTgxIDMuMzA1LTE1Ljk4MSAwIDAgMi4zOTEtMTAuMDMzIDIuNTM3LTEwLjM5NyAwIDAgLjc1Mi0xLjA0NSAxLjUwNS0xLjQ1OGgxLjEwN2MxMC40NDMgMCAyMi4yMzYgMCAzMS40OC02LjggNi4yOS00LjY2NCAxMC41OS0xMS41NSAxMi41MDgtMTkuOTIuNDk3LTIuMDUyLjg2NC00LjQ5My44NjQtNi45MzMgMC0zLjIwNS0uNjQ0LTYuMzc3LTIuNTAzLTguODU1LTQuNzEzLTYuNTk0LTE0LjEtNi43MTYtMjQuOTM1LTYuNzY1bC01LjM0MS4wNWMtMTMuODcuMTcxLTE5LjQzMi4xMjEtMjEuNzE3LS4xNTktLjE5MyAxLjAxLS41NTcgMi44MDgtLjU1NyAyLjgwOHMtNC45NjggMjMuMDI2LTQuOTY4IDIzLjA2M2MwIDAtMTEuODg5IDQ4Ljk1Ni0xMi40NDkgNTEuMjYzIDEyLjExLS4xNDYgMTcuMDc1LS4xNDYgMTkuMTY1LjA4NHptOS4yMDYtNDAuOTAzczUuMjgyLTIyLjk3OSA1LjI1Ny0yMi44OTJsLjE3MS0xLjE3OC4wNzUtLjg5OSAyLjExMS4yMThzMTAuODk0LjkzNiAxMS4xNDkuOTYxYzQuMyAxLjY2MyA2LjA3MiA1Ljk1MSA0LjgzNSAxMS41NDctMS4xMjkgNS4xMTQtNC40NDYgOS40MTQtOC43MDkgMTEuNDkxLTMuNTEgMS43Ni03LjgxIDEuOTA2LTEyLjI0MSAxLjkwNmgtMi44NjdsLjIxOC0xLjE1M3ptMzIuODg5IDE5LjgwOWMtMS4zOTYgNS45NTEtMyAxNi44MiA2Ljk0NiAyMC42OTQgMy4xNzEgMS4zNDkgNi4wMTMgMS43NSA4LjkwMSAxLjYwNCAzLjA1LS4xNjUgNS44NzYtMS42OTQgOC40OTQtMy44OTZsLS43MDkgMi43MTcuNDUxLjU4MWM3LjE1NC0uMzAyIDkuMzc0LS4zMDIgMTcuMTI1LS4yNDNsLjcwMy0uNTM1YzEuMTMyLTYuNjUzIDIuMTk4LTEzLjExNCA1LjEzOS0yNS44NDMgMS40MzMtNi4wOTcgMi44NjMtMTIuMTM1IDQuMzM0LTE4LjIwN2wtLjIzLS42NjhjLTguMDAzIDEuNDgzLTEwLjE0MiAxLjgtMTcuODQgMi44OTFsLS41ODUuNDc2LS4yMzMgMS44MDZjLTEuMTk3LTEuOTM0LTIuOTMyLTMuNTg1LTUuNjA5LTQuNjE0LTMuNDIzLTEuMzQ2LTExLjQ2My4zODktMTguMzc1IDYuNjgxLTQuODU2IDQuNDkzLTcuMTg4IDEwLjY0OS04LjUxMyAxNi41NTN6bTE2LjgwOC4zNjRjMS43MTMtNy4zMzQgMy42ODEtMTMuNTQgOC43OC0xMy41NCAzLjIyNCAwIDQuOTIyIDIuOTc1IDQuNTc3IDguMDQ5LS4yNzQgMS4yNjUtLjU2OSAyLjU5OS0uOTIgNC4xMDctLjUxIDIuMTc5LTEuMDYzIDQuMzQtMS42MDEgNi41MDQtLjU0NyAxLjQ4LTEuMTg1IDIuODc2LTEuODg0IDMuODA2LTEuMzEyIDEuODU5LTQuNDM0IDMuMDEzLTYuMjMxIDMuMDEzLS41MSAwLTMuNjU2IDAtMy43NjUtNC42MzktLjAyNS0yLjMxLjQ1MS00LjY4OSAxLjA0NS03LjN6bTg3Ljc3Mi0yNC4yMTdsLS42MTktLjcwNmMtNy45MTkgMS42MDQtOS4zNTIgMS44NTktMTYuNjI3IDIuODQybC0uNTM1LjUzNS0uMDg0LjM0Mi0uMDI1LS4xMjFjLTUuNDE2IDEyLjQ5NS01LjI1NyA5LjgtOS42NjYgMTkuNjM3bC0uMDUtMS4yMDMtMS4xMDQtMjEuMzI1LS42OTMtLjcwNmMtOC4yOTUgMS42MDQtOC40OTEgMS44NTktMTYuMTUyIDIuODQybC0uNTk3LjUzNWMtLjA4NC4yNTUtLjA4NC41MzUtLjEzNC44MzlsLjA1LjEwOWMuOTU4IDQuODk0LjcyOCAzLjgwMiAxLjY4OCAxMS41MjUuNDQ4IDMuNzkgMS4wNDUgNy42MDIgMS40OTIgMTEuMzQ1Ljc1NiA2LjI2NSAxLjE3OCA5LjM0OSAyLjEwMiAxOC45MS01LjE3NCA4LjUzOC02LjM5OSAxMS43NjgtMTEuMzc5IDE5LjI2MWwuMDM0LjA3NS0zLjUwNyA1LjU0N2MtLjQwMS41ODUtLjc2NS45ODYtMS4yNzUgMS4xNTctLjU2LjI3Ny0xLjI4Ny4zMjYtMi4yOTguMzI2aC0xLjk0M2wtMi44ODggOS42MDcgOS45MDkuMTcxYzUuODE3LS4wMjUgOS40NzMtMi43NDUgMTEuNDQxLTYuNDAybDYuMjMxLTEwLjY3N2gtLjA5OWwuNjU2LS43NTJjNC4xOTEtOS4wMjMgMzYuMDcyLTYzLjcxMiAzNi4wNzItNjMuNzEyem0tMTA0LjU4IDEyNi4xNzVoLTQuMjA0bDE1LjU1OC01MS40NTloNS4xNjFsMS42MzgtNS4zMDEuMTU5IDUuODk1Yy0uMTkzIDMuNjQ0IDIuNjc0IDYuODc0IDEwLjIwNCA2LjMzOWg4LjcwOWwyLjk5Ny05LjkwOWgtMy4yNzdjLTEuODg0IDAtMi43NTgtLjQ3Ni0yLjY0OS0xLjQ5NWwtLjE1OS01Ljk5N2gtMTYuMTI3di4wMzFjLTUuMjE0LjEwOS0yMC43ODQuNTAxLTIzLjkzNyAxLjM0LTMuODE1Ljk4Mi03LjgzNSAzLjg3NC03LjgzNSAzLjg3NGwxLjU3OS01LjMwN2gtMTUuMDg1bC0zLjE0MyAxMC41MzEtMTUuNzY2IDUyLjI0NWgtMy4wNTlsLTMgOS44MzdoMzAuMDQ2bC0xLjAwNyAzLjI4aDE0LjgwNmwuOTgyLTMuMjhoNC4xNTRsMy4yNTUtMTAuNjI0em0tMTIuMzI4LTQxLjAwM2MtMi40MTYuNjY4LTYuOTEyIDIuNjk2LTYuOTEyIDIuNjk2bDMuOTk4LTEzLjE1MmgxMS45ODZsLTIuODkxIDkuNTgycy0zLjcwMy4yMTgtNi4xODEuODc0em0uMjMgMTguNzg4cy0zLjc2NS40NzMtNi4yNDMgMS4wMzJjLTIuNDQxLjc0LTcuMDE3IDMuMDcyLTcuMDE3IDMuMDcybDQuMTI5LTEzLjY4NmgxMi4wNDhsLTIuOTE2IDkuNTgyem0tNi43MTYgMjIuMzM2aC0xMi4wMjNsMy40ODUtMTEuNTVoMTEuOTg2bC0zLjQ0OCAxMS41NXptMjguOTU0LTMxLjkxOGgxNy4zM2wtMi40OSA4LjA2NWgtMTcuNTZsLTIuNjM3IDguODE3aDE1LjM2NWwtMTEuNjM0IDE2LjM4MmMtLjgxNSAxLjIwMy0xLjU0NSAxLjYyOS0yLjM1NyAxLjk2OC0uODE1LjQxNC0xLjg4NC44OTktMy4xMjIuODk5aC00LjI2M2wtMi45MjkgOS42NTdoMTEuMTQ5YzUuNzk1IDAgOS4yMTgtMi42MzcgMTEuNzQ2LTYuMDk3bDcuOTc4LTEwLjkxOSAxLjcxMyAxMS4wODdjLjM2NCAyLjA3NyAxLjg1NiAzLjI5MyAyLjg2NyAzLjc2NSAxLjExNi41NiAyLjI3IDEuNTIgMy44OTkgMS42NjMgMS43NDcuMDc1IDMuMDEuMTM0IDMuODQ5LjEzNGg1LjQ3OGwzLjI4OS0xMC44MDdoLTIuMTYxYy0xLjI0MSAwLTMuMzc2LS4yMDgtMy43NC0uNTk3LS4zNjQtLjQ3My0uMzY0LTEuMi0uNTYtMi4zMDdsLTEuNzM4LTExLjExMmgtNy4xMTdsMy4xMjItMy43MTVoMTcuNTI2bDIuNjk2LTguODE3aC0xNi4yMjZsMi41MjgtOC4wNjVoMTYuMTc3bDMtOS45NDZoLTQ4LjIyOGwtMi45NTEgOS45NDZ6bS0xNDYuMzcxIDM0LjE2NGw0LjA0NS0xMy40NTZoMTYuNjI0bDMuMDM4LTEwLjAwOGgtMTYuNjRsMi41NC04LjI4M2gxNi4yNjFsMy4wMTMtOS42OTFoLTQwLjY4NmwtMi45NTEgOS42OTFoOS4yNDNsLTIuNDY2IDguMjgzaC05LjI2OGwtMy4wNzIgMTAuMTc5aDkuMjRsLTUuMzkxIDE3LjgwM2MtLjcyOCAyLjM1Ny4zNDIgMy4yNTUgMS4wMiA0LjM1LjY5MyAxLjA2NiAxLjM5NiAxLjc3MiAyLjk3NSAyLjE3MyAxLjYyOS4zNjQgMi43NDUuNTgxIDQuMjYzLjU4MWgxOC43NDJsMy4zMzktMTEuMDg3LTguMzA4IDEuMTQxYy0xLjYwNCAwLTYuMDQ3LS4xOTMtNS41NjItMS42NzZ6bTEuOTA3LTY0LjQxN2wtNC4yMTMgNy42MTRjLS45MDIgMS42NjMtMS43MTMgMi42OTYtMi40NDQgMy4xNzEtLjY0NC40MDEtMS45MTguNTY5LTMuNzY1LjU2OWgtMi4xOThsLTIuOTM4IDkuNzQxaDcuM2MzLjUxIDAgNi4yMDYtMS4yODcgNy40OTMtMS45MzEgMS4zODQtLjc0IDEuNzQ3LS4zMTcgMi44MTctMS4zNDlsMi40NjYtMi4xMzZoMjIuNzk2bDMuMDI1LTEwLjE0MmgtMTYuNjg3bDIuOTEzLTUuNTM3aC0xNi41NjV6bTMzLjY1NCA2NC42MTJjLS4zODktLjU2LS4xMDktMS41NDUuNDg1LTMuNTk3bDYuMjMxLTIwLjYyM2gyMi4xNjVjMy4yMy0uMDQ3IDUuNTYyLS4wODQgNy4wNzktLjE5MyAxLjYyOS0uMTcxIDMuNDAxLS43NTIgNS4zMzItMS43OTcgMS45OTMtMS4wOTQgMy4wMTMtMi4yNDggMy44NzQtMy41NzIuOTYxLTEuMzIxIDIuNTAzLTQuMjEzIDMuODI3LTguNjcxbDcuODMyLTI2LjA5OC0yMy4wMDEuMTM0cy03LjA4MyAxLjA0NS0xMC4yMDEgMi4xOThjLTMuMTQ2IDEuMjg3LTcuNjQyIDQuODgxLTcuNjQyIDQuODgxbDIuMDc3LTcuMTU0aC0xNC4yMDlsLTE5Ljg5MiA2NS45NzJjLS43MDYgMi41NjItMS4xNzggNC40MjEtMS4yODcgNS41MzctLjAzNyAxLjIwMyAxLjUxNyAyLjM5NCAyLjUyNSAzLjI5MyAxLjE5MS44OTkgMi45NTEuNzUyIDQuNjM5Ljg5OSAxLjc3NS4xMzQgNC4zLjIxOCA3Ljc4NS4yMThoMTAuOTE5bDMuMzUyLTExLjMxNy05Ljc3NS45MjNjLTEuMDQ1IDAtMS44LS41Ni0yLjExNC0xLjAzMnptMTAuNzM2LTM4LjE0OWgyMy4yODFsLTEuNDggNC42MzljLS4yMDguMTA5LS43MDYtLjIzLTMuMDc1LjA1aC0yMC4xNTlsMS40MzMtNC42ODl6bTQuNjY0LTE1LjU1OGgyMy40NzdsLTEuNjg4IDUuNTg3cy0xMS4wNjUtLjEwOS0xMi44MzcuMjE4Yy03Ljc5OCAxLjM0OS0xMi4zNTIgNS41MTYtMTIuMzUyIDUuNTE2bDMuNDAxLTExLjMyem0xNy42NTggMzUuNzMxYy0uMTkzLjY5My0uNDk3IDEuMTE2LS45MjMgMS40MzMtLjQ3My4zMDUtMS4yMzcuNDE0LTIuMzc4LjQxNGgtMy4zMTdsLjE5Ni01LjY0OWgtMTMuNzk4bC0uNTYgMjcuNjE4Yy0uMDIyIDEuOTkzLjE3MSAzLjE0NiAxLjYyOSA0LjA3IDEuNDU4IDEuMTUzIDUuOTUxIDEuMyAxMS45OTggMS4zaDguNjQ2bDMuMTIyLTEwLjMzOC03LjUyNy40MTQtMi41MDMuMTQ2Yy0uMzQyLS4xNDYtLjY2OC0uMjgtMS4wMzItLjY0NC0uMzE3LS4zMTQtLjg1Mi0uMTIxLS43NjUtMi4xMTRsLjA1OS03LjA3OSA3Ljg5NC0uMzI2YzQuMjYzIDAgNi4wODUtMS4zODcgNy42MzktMi43MDggMS40ODMtMS4yNjUgMS45NjgtMi43MiAyLjUyOC00LjY4OWwxLjMyNC02LjI2OGgtMTAuODQ4bC0xLjM4NCA0LjQyMXoiIGZpbGw9IiNGRUZFRkUiLz48L3N2Zz4=)}.rccs__card--visa .rccs__card__background,.rccs__card--visa-electron .rccs__card__background{background:linear-gradient(25deg,#0f509e,#1399cd)}.rccs__card--visa .rccs__issuer,.rccs__card--visa-electron .rccs__issuer{background-size:75%}.rccs__card--visa .rccs__issuer{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSIxNjZweCIgdmlld0JveD0iMCAwIDUxMiAxNjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgICA8Zz4gICAgICAgIDxwYXRoIGQ9Ik0yNjQuNzk0MTg3LDExMi40Nzk0OTEgQzI2NC41MDIwNzIsODkuNDQ4NTYxNiAyODUuMzE5MDgsNzYuNTk1NTE5OCAzMDEuMDAxMDIxLDY4Ljk1NDQxNzIgQzMxNy4xMTM0NDcsNjEuMTEzNDQ2NiAzMjIuNTI1MjU0LDU2LjA4NjAwMDggMzIyLjQ2Mzc1Niw0OS4wNzUyNTA3IEMzMjIuMzQwNzYsMzguMzQzODgzMyAzMDkuNjEwNzE0LDMzLjYwODU1MiAyOTcuNjk1NTE0LDMzLjQyNDA1ODYgQzI3Ni45MDkyNTUsMzMuMTAxMTk1MSAyNjQuODI0OTM1LDM5LjAzNTczMzYgMjU1LjIxNTkwMyw0My41MjUwNzM2IEwyNDcuNzI4NTQ1LDguNDg2Njk3NSBDMjU3LjM2ODMyNiw0LjA0MzQ4MDg3IDI3NS4yMTgwNjUsMC4xNjkxMTg5NzIgMjkzLjcyODkwNSwtMS40MjEwODU0N2UtMTQgQzMzNy4xNzcxMDYsLTEuNDIxMDg1NDdlLTE0IDM2NS42MDQ0NjgsMjEuNDQ3MzYwNSAzNjUuNzU4MjEzLDU0LjcwMjMwMDIgQzM2NS45MjczMzIsOTYuOTA1MTcwOSAzMDcuMzgxNDE5LDk5LjI0MjA4NzYgMzA3Ljc4MTE1NCwxMTguMTA2NTQgQzMwNy45MTk1MjQsMTIzLjgyNTgzNiAzMTMuMzc3NDU1LDEyOS45Mjk0OTQgMzI1LjMzODc3OCwxMzEuNDgyMzEzIEMzMzEuMjU3OTQyLDEzMi4yNjY0MSAzNDcuNjAwOTg1LDEzMi44NjYwMTQgMzY2LjEyNzIsMTI0LjMzMzE5MyBMMzczLjM5OTMxNSwxNTguMjMzODYgQzM2My40MzY2NywxNjEuODYyMjMgMzUwLjYyOTc1MiwxNjUuMzM2ODU3IDMzNC42ODY0NDUsMTY1LjMzNjg1NyBDMjkzLjc5MDQwMywxNjUuMzM2ODU3IDI2NS4wMjQ4MDMsMTQzLjU5NzM4MiAyNjQuNzk0MTg3LDExMi40Nzk0OTEgTTQ0My4yNzYyLDE2Mi40MTU3MTEgQzQzNS4zNDI5ODIsMTYyLjQxNTcxMSA0MjguNjU1MDk2LDE1Ny43ODgwMDEgNDI1LjY3MjQ1MiwxNTAuNjg1MDA0IEwzNjMuNjA1Nzg5LDIuNDkwNjYxMjIgTDQwNy4wMjMyNDIsMi40OTA2NjEyMiBMNDE1LjY2MzY4NCwyNi4zNjcxODUyIEw0NjguNzIwOTE4LDI2LjM2NzE4NTIgTDQ3My43MzI5ODksMi40OTA2NjEyMiBMNTEyLDIuNDkwNjYxMjIgTDQ3OC42MDY2OSwxNjIuNDE1NzExIEw0NDMuMjc2MiwxNjIuNDE1NzExIE00NDkuMzQ5MTA4LDExOS4yMTM1MDEgTDQ2MS44NzkyODcsNTkuMTYwODkxMiBMNDI3LjU2MzUxLDU5LjE2MDg5MTIgTDQ0OS4zNDkxMDgsMTE5LjIxMzUwMSBNMjEyLjE1MjA2MywxNjIuNDE1NzExIEwxNzcuOTI4NTMzLDIuNDkwNjYxMjIgTDIxOS4zMDExODMsMi40OTA2NjEyMiBMMjUzLjUwOTMzOSwxNjIuNDE1NzExIEwyMTIuMTUyMDYzLDE2Mi40MTU3MTEgTTE1MC45NDYzNywxNjIuNDE1NzExIEwxMDcuODgyNTMsNTMuNTY0NTkwNyBMOTAuNDYzMjc1NSwxNDYuMTE4NzkyIEM4OC40MTg0NzM0LDE1Ni40NTA0MjMgODAuMzQ2ODg2MSwxNjIuNDE1NzExIDcxLjM4MzU4MDYsMTYyLjQxNTcxMSBMMC45ODM5NjQ5MjcsMTYyLjQxNTcxMSBMMCwxNTcuNzcyNjI2IEMxNC40NTE5ODQ5LDE1NC42MzYyMzggMzAuODcxODk5NiwxNDkuNTc4MDQzIDQwLjgxOTE3LDE0NC4xNjYyMzYgQzQ2LjkwNzQ1MywxNDAuODYwNzI5IDQ4LjY0NDc2NjEsMTM3Ljk3MDMzMiA1MC42NDM0NDQ4LDEzMC4xMTM5ODcgTDgzLjYzNzAxODgsMi40OTA2NjEyMiBMMTI3LjM2MTk2LDIuNDkwNjYxMjIgTDE5NC4zOTQ1NzEsMTYyLjQxNTcxMSBMMTUwLjk0NjM3LDE2Mi40MTU3MTEiIGZpbGw9IiNGRkZGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1Ni4wMDAwMDAsIDgyLjY2ODQyOCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMjU2LjAwMDAwMCwgLTgyLjY2ODQyOCkgIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4=)}.rccs__card--visa-electron .rccs__issuer{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSIyMjhweCIgdmlld0JveD0iMCAwIDUxMiAyMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgICA8Zz4gICAgICAgIDxwYXRoIGQ9Ik0xOTQuMzkzMDEyLDIuOTE5MzQ0MTMgTDEyNy4zNjI1MTcsMTYyLjgzNTk4MSBMODMuNjI3OTMwNywxNjIuODM1OTgxIEw1MC42MzkwMTUyLDM1LjIwODY2MzIgQzQ4LjY0MTU2OTIsMjcuMzY1OTkwNyA0Ni45MDIzODU1LDI0LjQ3OTMzOCA0MC44MTUyNDI0LDIxLjE2NDQyNzYgQzMwLjg2NzI0MjIsMTUuNzYwNTM1MyAxNC40Mzk4MDE4LDEwLjcwNjQ0MTIgMCw3LjU2MTUyNjI4IEwwLjk3NDIwNDQyNCwyLjkxOTM0NDEzIEw3MS4zODE3MjM1LDIuOTE5MzQ0MTMgQzgwLjM0MjQ0MjcsMi45MTkzNDQxMyA4OC40MTA2ODYsOC44ODU1Mjg5NCA5MC40NjA0MzgzLDE5LjIxNjAxODggTDEwNy44OTE1MDUsMTExLjc2MjE3IEwxNTAuOTIzMjI2LDIuOTE5MzQ0MTMgTDE5NC4zOTMwMTIsMi45MTkzNDQxMyBaIE0yNTMuNTE1NDUyLDIuOTE5MzQ0MTMgTDIxOS4zMDcxNDYsMTYyLjgzNTk4MSBMMTc3LjkzMjg4LDE2Mi44MzU5ODEgTDIxMi4xNDExODYsMi45MTkzNDQxMyBMMjUzLjUxNTQ1MiwyLjkxOTM0NDEzIFogTTMwNy43Nzk5NDYsNDcuMjI5Mjk5NyBDMzA3LjkyMDUxOSw0MS40OTg0OTMxIDMxMy4zNzk5ODcsMzUuMzk1MDA0MyAzMjUuMzMxOTcxLDMzLjgzNTYyMzQgQzMzMS4yNTIzODgsMzMuMDcwNjQ0MSAzNDcuNjA3OTA3LDMyLjQ1OTMxNDUgMzY2LjEzNDEzNyw0MC45OTUwNDUyIEwzNzMuMzgxODI2LDcuMDY0NjE2NjQgQzM2My40MjcyODcsMy40NjUyOTA5IDM1MC42MTg3ODcsMCAzMzQuNjg0OTg3LDAgQzI5My43ODQ3NDcsMCAyNjUuMDEzMDI1LDIxLjcyMzQ1MSAyNjQuNzg0MTg2LDUyLjg1NTQ5MzcgQzI2NC41MTYxMTYsNzUuODgzMzMyNSAyODUuMzM0MDE0LDg4LjcxNzk4NTQgMzAwLjk4OTkzNyw5Ni4zODczOTM0IEMzMTcuMTE2NjE2LDEwNC4yMjAyNTggMzIyLjUyMzc3OCwxMDkuMjU0NzM4IDMyMi40NDg1ODgsMTE2LjI1Mzk3MSBDMzIyLjMzNDE2OCwxMjYuOTgzMjk3IDMwOS41NzE0MzYsMTMxLjczMzM2MSAyOTcuNzA0NDQ5LDEzMS45MDk4OTQgQzI3Ni44OTYzNTgsMTMyLjI0MDA3OCAyNjQuODMzMjIzLDEyNi4yODY5NjkgMjU1LjIxMjEzNywxMjEuODA0OTc1IEwyNDcuNzAyOTE3LDE1Ni44NTk5ODkgQzI1Ny4zODI4NDcsMTYxLjI5NjIxNSAyNzUuMjIyNTU3LDE2NS4xNTA1MzQgMjkzLjY5OTc1LDE2NS4zNDY2ODIgQzMzNy4xNzkzNDMsMTY1LjM0NjY4MiAzNjUuNjE3NjEzLDE0My44NzE2ODYgMzY1Ljc0NTEwOSwxMTAuNjI0NTA4IEMzNjUuOTE4Mzc0LDY4LjQyNjQxODggMzA3LjM5NzQ1Niw2Ni4wODU3MTI4IDMwNy43Nzk5NDYsNDcuMjI5Mjk5NyBaIE00NzMuNzQ3NzY1LDE2Mi44MzU5ODEgTDUxMiwxNjIuODM1OTgxIEw0NzguNTc5NTU4LDIuOTE5MzQ0MTMgTDQ0My4yODU4OTcsMi45MTkzNDQxMyBDNDM1LjMyNTUzNSwyLjkxOTM0NDEzIDQyOC42MzY4Nyw3LjUzODY0MjI4IDQyNS42Njg0ODksMTQuNjQyNDg4NiBMMzYzLjU4NzQ3NSwxNjIuODM1OTgxIEw0MDcuMDM0Mzc3LDE2Mi44MzU5ODEgTDQxNS42NTE4MzYsMTM4Ljk0ODM1OCBMNDY4LjczMjkwMSwxMzguOTQ4MzU4IEw0NzMuNzQ3NzY1LDE2Mi44MzU5ODEgWiBNNDI3LjU2NDU5MSwxMDYuMTc4NDc1IEw0NDkuMzUwMTU2LDQ2LjEyNDMyOTYgTDQ2MS44NjQ0MzMsMTA2LjE3ODQ3NSBMNDI3LjU2NDU5MSwxMDYuMTc4NDc1IFogTTMwNi40NjQ3NywyMDYuODU0MzI5IEwyODkuNjU0ODQsMjA2Ljg1NDMyOSBMMjg5LjY1NDg0LDIyMi41MDA0NDQgTDMwOC40NTg5NDcsMjIyLjUwMDQ0NCBMMzA4LjQ1ODk0NywyMjcuMjA0NzQgTDI4My45ODk0MTYsMjI3LjIwNDc0IEwyODMuOTg5NDE2LDE4My43OTcwNjggTDMwNy40OTQ1NSwxODMuNzk3MDY4IEwzMDcuNDk0NTUsMTg4LjUwMTM2NCBMMjg5LjY1NDg0LDE4OC41MDEzNjQgTDI4OS42NTQ4NCwyMDIuMjE1NDE2IEwzMDYuNDY0NzcsMjAyLjIxNTQxNiBMMzA2LjQ2NDc3LDIwNi44NTQzMjkgWiBNMzE3LjE0MzQyMywxODEuNDgxMjA4IEwzMjIuODA4ODQ3LDE4MS40ODEyMDggTDMyMi44MDg4NDcsMjI3LjIwMzQzMyBMMzE3LjE0MzQyMywyMjcuMjAzNDMzIEwzMTcuMTQzNDIzLDE4MS40ODEyMDggWiBNMzQ3Ljc4NzM4MywyMjMuNDY5MDkxIEMzNTEuODQ3NjU4LDIyMy40NjkwOTEgMzU0LjM1ODM1OSwyMjIuNzU5Njg3IDM1Ni40MjExODgsMjIxLjg2MDY3MyBMMzU3LjQ1MDk2OCwyMjUuOTE3Njc5IEMzNTUuNDUzNTIyLDIyNi44MTY2OTMgMzUxLjk3ODQyNCwyMjcuOTExODU2IDM0Ny4wMTU4NjYsMjI3LjkxMTg1NiBDMzM3LjQyNDIwMiwyMjcuOTExODU2IDMzMS42OTMzOTUsMjIxLjUzNzAyOCAzMzEuNjkzMzk1LDIxMi4xMzQ5NzUgQzMzMS42OTMzOTUsMjAyLjczMjkyMSAzMzcuMjI4MDUzLDE5NS4zOTA0MjggMzQ2LjMwOTczMSwxOTUuMzkwNDI4IEMzNTYuNTQ4Njg1LDE5NS4zOTA0MjggMzU5LjE5MDE1MiwyMDQuMjc5MjI2IDM1OS4xOTAxNTIsMjEwLjAxMDAzMiBDMzU5LjE5MDE1MiwyMTEuMTY3MzA5IDM1OS4xMjQ3NjksMjEyLjAwNDIwOSAzNTguOTk0MDAzLDIxMi42NDgyMyBMMzM3LjEwMDU1NywyMTIuNjQ4MjMgQzMzNy4yMjgwNTMsMjIwLjMxNDM2OSAzNDIuMDU5ODQ2LDIyMy40NjkwOTEgMzQ3Ljc4NzM4MywyMjMuNDY5MDkxIFogTTM1My43MTQzMzgsMjA4LjU5MTIyNCBDMzUzLjc3OTcyMSwyMDUuMDUwNzQzIDM1Mi4yMzM0MTcsMTk5LjQ0NzQzMyAzNDUuODU4NTg5LDE5OS40NDc0MzMgQzM0MC4wNjI0LDE5OS40NDc0MzMgMzM3LjYxMzgxMiwyMDQuNjY0OTg0IDMzNy4xNjI2NywyMDguNTkxMjI0IEwzNTMuNzE0MzM4LDIwOC41OTEyMjQgWiBNMzkwLjAyMjc0MSwyMjYuMTA4NTk3IEMzODguNTQxODE5LDIyNi44MTgwMDEgMzg1LjI1NjMzMSwyMjcuOTEzMTYzIDM4MS4wNzE4MjksMjI3LjkxMzE2MyBDMzcxLjY2OTc3NiwyMjcuOTEzMTYzIDM2NS41NTMyMSwyMjEuNTM4MzM2IDM2NS41NTMyMSwyMTIuMDA1NTE3IEMzNjUuNTUzMjEsMjAyLjQxMDU4NCAzNzIuMTE3NjQ4LDE5NS4zOTE3MzUgMzgyLjI5NDQ4OCwxOTUuMzkxNzM1IEMzODUuNjQyMDksMTk1LjM5MTczNSAzODguNjAzOTMzLDE5Ni4yMjUzNjcgMzkwLjE1MDIzOCwxOTcuMDY1NTM2IEwzODguODY1NDY1LDIwMS4zODA4MDQgQzM4Ny41MDg3NywyMDAuNjcxNCAzODUuMzgzODI4LDE5OS44OTY2MTMgMzgyLjI5NDQ4OCwxOTkuODk2NjEzIEMzNzUuMTQ0ODc0LDE5OS44OTY2MTMgMzcxLjI4NDAxNywyMDUuMjQxNjYxIDM3MS4yODQwMTcsMjExLjY4NTE0MSBDMzcxLjI4NDAxNywyMTguODk2ODY5IDM3NS45MTk2NjEsMjIzLjMzOTYzMyAzODIuMTAxNjA5LDIyMy4zMzk2MzMgQzM4NS4zMjE3MTQsMjIzLjMzOTYzMyAzODcuNDQ2NjU3LDIyMi41NjgxMTYgMzg5LjA1NTA3NSwyMjEuODU4NzEyIEwzOTAuMDIyNzQxLDIyNi4xMDg1OTcgWiBNNDA1LjkxODI5MiwxODguNTY0NDU4IEw0MDUuOTE4MjkyLDE5Ni4wMzQ0NDkgTDQxNC4wMjkwMzQsMTk2LjAzNDQ0OSBMNDE0LjAyOTAzNCwyMDAuMzQ2NDQ3IEw0MDUuOTE4MjkyLDIwMC4zNDY0NDcgTDQwNS45MTgyOTIsMjE3LjE1NjM3NyBDNDA1LjkxODI5MiwyMjEuMDIzNzczIDQwNy4wMTM0NTUsMjIzLjIxMDgyOSA0MTAuMTY4MTc3LDIyMy4yMTA4MjkgQzQxMS43MTEyMTIsMjIzLjIxMDgyOSA0MTIuNjE2NzY1LDIyMy4wODMzMzIgNDEzLjQ1MzY2NSwyMjIuODIxODAxIEw0MTMuNzExOTI3LDIyNy4xNDAzMzggQzQxMi42MTY3NjUsMjI3LjUyNjA5NyA0MTAuODc3NTgxLDIyNy45MTE4NTYgNDA4LjY4NzI1NSwyMjcuOTExODU2IEM0MDYuMDQ1Nzg4LDIyNy45MTE4NTYgNDAzLjkyMDg0NiwyMjcuMDA5NTcyIDQwMi41NzA2OSwyMjUuNTMxOTIgQzQwMS4wMjQzODYsMjIzLjc4OTQ2NyA0MDAuMzgwMzY1LDIyMS4wMjM3NzMgNDAwLjM4MDM2NSwyMTcuMzUyNTI2IEw0MDAuMzgwMzY1LDIwMC4zNDY0NDcgTDM5NS41NDg1NzIsMjAwLjM0NjQ0NyBMMzk1LjU0ODU3MiwxOTYuMDM0NDQ5IEw0MDAuMzgwMzY1LDE5Ni4wMzQ0NDkgTDQwMC4zODAzNjUsMTkwLjIzODI1OSBMNDA1LjkxODI5MiwxODguNTY0NDU4IFogTTQyMS45NDQ5MzUsMjA1Ljc1OTQ5MyBDNDIxLjk0NDkzNSwyMDIuMDg4MjQ2IDQyMS44NzYyODMsMTk4LjkzMzUyNCA0MjEuNjg2NjczLDE5Ni4wMzM3OTUgTDQyNi42NDU5NjIsMTk2LjAzMzc5NSBMNDI2LjkwNDIyNCwyMDIuMjE1NzQzIEw0MjcuMDkzODM1LDIwMi4yMTU3NDMgQzQyOC41MTI2NDIsMTk4LjAzMTI0MSA0MzEuOTg3NzQxLDE5NS4zODk3NzQgNDM1Ljc4NjQ4NCwxOTUuMzg5Nzc0IEM0MzYuMzY4MzkxLDE5NS4zODk3NzQgNDM2LjgxOTUzMywxOTUuNDU1MTU3IDQzNy4zMzYwNTgsMTk1LjUxNzI3IEw0MzcuMzM2MDU4LDIwMC44NjU1ODcgQzQzNi43NTQxNSwyMDAuNzM0ODIxIDQzNi4xNzg3ODEsMjAwLjczNDgyMSA0MzUuNDAwNzI1LDIwMC43MzQ4MjEgQzQzMS40MTIzNzIsMjAwLjczNDgyMSA0MjguNTc0NzU2LDIwMy42OTY2NjQgNDI3LjgwMzIzOCwyMDcuOTQ5ODE5IEM0MjcuNjc1NzQyLDIwOC43MjEzMzYgNDI3LjYxMDM1OSwyMDkuNjg1NzMzIDQyNy42MTAzNTksMjEwLjU5MTI4NiBMNDI3LjYxMDM1OSwyMjcuMjA1MDY3IEw0MjEuOTQ0OTM1LDIyNy4yMDUwNjcgTDQyMS45NDQ5MzUsMjA1Ljc1OTQ5MyBaIE00NzIuMTY2NDgxLDIxMS4zNjExNjkgQzQ3Mi4xNjY0ODEsMjIyLjg4ODE2NSA0NjQuMTE0NTgzLDIyNy45MTI4MzYgNDU2LjY0NDU5MywyMjcuOTEyODM2IEM0NDguMjcyMzIsMjI3LjkxMjgzNiA0NDEuNzA3ODgyLDIyMS43Mjc2MTkgNDQxLjcwNzg4MiwyMTEuODc3NjkzIEM0NDEuNzA3ODgyLDIwMS41MDc5NzQgNDQ4LjU5NTk2NSwxOTUuMzkxNDA4IDQ1Ny4xNjExMTgsMTk1LjM5MTQwOCBDNDY2LjExMjAyOSwxOTUuMzkxNDA4IDQ3Mi4xNjY0ODEsMjAxLjg5MzczMiA0NzIuMTY2NDgxLDIxMS4zNjExNjkgWiBNNDQ3LjUwMDgwMiwyMTEuNjg0ODE0IEM0NDcuNTAwODAyLDIxOC41MTA3ODMgNDUxLjM2NDkyOCwyMjMuNjYyOTUxIDQ1Ni45MDI4NTUsMjIzLjY2Mjk1MSBDNDYyLjMxMzI4NiwyMjMuNjYyOTUxIDQ2Ni4zNjcwMjMsMjE4LjU3Mjg5NyA0NjYuMzY3MDIzLDIxMS41NTQwNDggQzQ2Ni4zNjcwMjMsMjA2LjI3NDM4MyA0NjMuNzI4ODI1LDE5OS42MzgwMjQgNDU3LjAzMDM1MiwxOTkuNjM4MDI0IEM0NTAuNDAwNTMxLDE5OS42MzgwMjQgNDQ3LjUwMDgwMiwyMDUuODIzMjQyIDQ0Ny41MDA4MDIsMjExLjY4NDgxNCBaIE00ODAuODQ5OTc3LDIwNC40Njk0OSBDNDgwLjg0OTk3NywyMDEuMTg3MjcxIDQ4MC43ODEzMjUsMTk4LjYxMTE4NyA0ODAuNTkxNzE1LDE5Ni4wMzUxMDIgTDQ4NS42MTMxMTcsMTk2LjAzNTEwMiBMNDg1LjkzNjc2MywyMDEuMTg3MjcxIEw0ODYuMDY0MjU5LDIwMS4xODcyNzEgQzQ4Ny42MTA1NjMsMTk4LjI4NzU0MiA0OTEuMjE2NDI3LDE5NS4zOTEwODEgNDk2LjM2ODU5NiwxOTUuMzkxMDgxIEM1MDAuNjgwNTk1LDE5NS4zOTEwODEgNTA3LjM3OTA2NywxOTcuOTY3MTY2IDUwNy4zNzkwNjcsMjA4LjY1Mzk5MiBMNTA3LjM3OTA2NywyMjcuMjAzMTA2IEw1MDEuNzEzNjQ0LDIyNy4yMDMxMDYgTDUwMS43MTM2NDQsMjA5LjIzNTg5OSBDNTAxLjcxMzY0NCwyMDQuMjE0NDk3IDQ5OS44NDY5NjMsMjAwLjAyNjcyNSA0OTQuNTAxOTE2LDIwMC4wMjY3MjUgQzQ5MC44MzA2NjksMjAwLjAyNjcyNSA0ODcuOTMwOTM5LDIwMi42NjgxOTIgNDg2LjkwNDQyOSwyMDUuODIyOTE1IEM0ODYuNjQyODk3LDIwNi41MzIzMTkgNDg2LjUxNTQwMSwyMDcuNDk2NzE2IDQ4Ni41MTU0MDEsMjA4LjQ2NDM4MiBMNDg2LjUxNTQwMSwyMjcuMjAzMTA2IEw0ODAuODQ5OTc3LDIyNy4yMDMxMDYgTDQ4MC44NDk5NzcsMjA0LjQ2OTQ5IFoiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4gICAgPC9nPjwvc3ZnPg==)}.rccs__number{clear:both;font-family:Consolas,Courier,monospace;font-size:20px;left:10%;position:absolute;top:45%}.rccs__number.rccs__number--large{font-size:17px}.rccs__name{bottom:15%;font-family:Consolas,Courier,monospace;font-size:17px;left:10%;line-height:1;overflow:hidden;position:absolute;text-align:left;text-overflow:ellipsis;text-transform:uppercase;width:60%}.rccs__expiry{bottom:15%;font-size:0;line-height:1;position:absolute;right:10%}.rccs__expiry>*{vertical-align:middle}.rccs__expiry__valid{font-size:10px;margin-bottom:5px}.rccs__expiry__value{font-family:Consolas,Courier,monospace;font-size:16px}.rccs__number,.rccs__name,.rccs__expiry,.rccs__cvc{opacity:.5;transition:opacity .3s}.rccs__chip{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9Ijc2IiB2aWV3Qm94PSIwIDAgMTAwIDc2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGM0QwOEYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkFENzY2IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJNOTIuNzI3IDc1LjQ1NWgtODUuNDU1Yy00IDAtNy4yNzMtMy4yNzMtNy4yNzMtNy4yNzN2LTYwLjkwOWMwLTQgMy4yNzMtNy4yNzMgNy4yNzMtNy4yNzNoODUuNDU1YzQgMCA3LjI3MyAzLjI3MyA3LjI3MyA3LjI3M3Y2MC45MDljMCA0LTMuMjczIDcuMjczLTcuMjczIDcuMjczIiBmaWxsPSJ1cmwoI2EpIi8+PHBhdGggZD0iTTcyLjEyMyAyOC40ODVoMjcuODc4di0xLjgxOGgtMjkuNjQ4Yy0uOTY1IDAtMS44MzIuNjAxLTIuMTcyIDEuNTA0LTIuMjg3IDYuMDcyLTIuNDMzIDEyLjU5NC0uNDM4IDE5Ljg0Mi40NTUgMS42NTQuNDM1IDMuNC0uMSA1LjAzLTIuMDM2IDYuMTk1LTcuNzc5IDE5Ljk4OC0xOC41NTEgMTkuOTg4LTExLjAwOCAwLTE2LjA5Ni0xNS42OTktMTcuMzM0LTIxLjk1Mi0uMTU1LS43ODQtLjEyMi0xLjU5Mi4xMDctMi4zNTcgMS42OTUtNS42NDggMi4wOTQtMTAuNjQtLjAxNi0xOS41OS0uMjA1LS44Ny0uMTgyLTEuNzgzLjA0OC0yLjY0NiA0LjQ4LTE2Ljc1NSAxMi44ODItMjAuMTQ3IDEyLjk2NS0yMC4xNzkuMzU2LS4xMzIuNTkzLS40NzIuNTkzLS44NTJ2LTUuNDU1aC0xLjgxOHYzLjc3NmMwIC42NS0uMzMyIDEuMjUyLS44ODQgMS41OTYtMi44MDMgMS43NDItOC45MDQgNi45MzYtMTIuNTU3IDIwLjQ1Ni0uMTguNjY4LS43ODEgMS4xMzYtMS40NzMgMS4xMzNsLTI4LjcyMi0uMTM5djEuODE4bDI3LjQxNi4xMzNjMS40NjguMDA3IDIuNzM1IDEuMDQxIDMuMDM3IDIuNDc4IDEuNDE2IDYuNzQxIDEuMjE5IDExLjAzOS4wODIgMTUuNDU4LS4zMTYgMS4yMy0xLjQyIDIuMDk2LTIuNjkgMi4xMDlsLTI3Ljg0NC4yN3YxLjgxOWwyOC42MDUtLjI3OGMuNjkzLS4wMDcgMS4yOTYuNDczIDEuNDM1IDEuMTUyIDEuNDQyIDcuMDQxIDYuODg3IDIzLjA3IDE5LjA1IDIzLjA3IDYuMzY4IDAgMTIuMDYyLTQuMjUgMTYuNDY3LTEyLjI5IDIuNjQ0LTQuODI4IDQuMDY3LTkuNTkxIDQuNTQxLTExLjM0NmgyOS45MDF2LTEuODE4aC0yOC4wMTZjLTEuMTU4IDAtMi4xODMtLjc3Mi0yLjQ4OS0xLjg4OS0xLjY5Mi02LjE2NC0xLjc2MS0xMS43NTUtLjItMTYuOTU5LjM3MS0xLjIzNSAxLjUzOC0yLjA2MSAyLjgyNy0yLjA2MXptLTE3LjE1LTIxLjkxNGMuMDQ1LjAyMiA0LjUxOSAyLjMyMiA5LjI1MyAxMC4wNDEuMTcyLjI4LjQ3LjQzNC43NzYuNDM0LjE5OCAwIC4zOTktLjA2NC41NzEtLjIwMi4zNjUtLjI5Mi40MTYtLjgzNy4xNzItMS4yMzUtMy41Ny01LjgwNS03LjAyNC04LjcxLTguNzc1LTkuOTMxLS40My0uMjk5LS42OC0uNzkyLS42OC0xLjMxNXYtNC4zNjNoLTEuODE4djUuNzU4YzAgLjM0NS4xOTUuNjU5LjUwMi44MTN6IiBmaWxsPSIjMEMwMjAwIi8+PC9zdmc+);background-repeat:no-repeat;background-size:contain;height:26.3636363636px;left:10%;position:absolute;top:10%;width:41.4285714286px}.rccs__issuer{background-position:top right;background-repeat:no-repeat;background-size:contain;height:23%;position:absolute;right:10%;top:10%;width:40%}.rccs__stripe{background-color:#2a1d16;height:22%;left:0;position:absolute;top:9%;width:100%}.rccs__signature{background:repeating-linear-gradient(.1deg,#fff 20% 40%,#fea 40% 44%,#fff 44%);height:18%;left:5%;position:absolute;top:35%;width:75%}.rccs__cvc{color:#222;font-family:Consolas,Courier,monospace;font-size:14px;left:67%;line-height:1;position:absolute;top:42%}.rccs__cvc__front{font-family:Consolas,Courier,monospace;font-size:11.9px;opacity:0;position:absolute;right:10%;top:38%;visibility:hidden}.rccs--filled{opacity:.8!important}.rccs--focused{font-weight:700;opacity:1!important}.subscribe-container{background:var(--bg);min-height:100vh;padding:32px 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);max-width:800px;margin:0 auto}.subscribe-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.subscribe-header h1{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:12px}.back-btn{width:44px;height:44px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);color:var(--text-light);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1.2rem}.back-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.subscribe-content{display:flex;flex-direction:column;gap:24px}.offer-card{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:var(--radius-lg);padding:32px;color:#fff;box-shadow:var(--shadow-lg)}.offer-header h2{font-size:1.5rem;font-weight:700;margin-bottom:24px;text-align:center}.offer-price{text-align:center;margin-bottom:32px}.price{font-size:3rem;font-weight:800;display:block;line-height:1.2}.duration{font-size:1.1rem;opacity:.9}.offer-features{display:flex;flex-direction:column;gap:16px}.feature-item{display:flex;align-items:center;gap:12px}.feature-icon{font-size:1.4rem;color:#fff;opacity:.9}.payment-method-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.payment-method-section h3{font-size:1.2rem;font-weight:600;color:var(--text);margin-bottom:20px}.payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.payment-method-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.payment-method-card:hover,.payment-method-card.selected{border-color:var(--primary);background:var(--primary-light)}.payment-method-card input[type=radio]{position:absolute;opacity:0}.method-icon{font-size:2.5rem;color:var(--primary)}.payment-method-card span{font-weight:600;color:var(--text)}.mvola-form{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.mvola-input{width:100%;padding:14px 14px 14px 44px;border:2px solid var(--border);border-radius:var(--radius-md);font-size:1rem;transition:all .2s;background:var(--bg)}.mvola-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.input-hint{font-size:.9rem;color:var(--text-light);margin-top:8px}.card-form{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.card-preview{margin-bottom:24px}.form-group label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text);margin-bottom:8px}.form-group input{width:100%;padding:14px;border:2px solid var(--border);border-radius:var(--radius-md);font-size:1rem;transition:all .2s;background:var(--bg)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group.half{margin-bottom:0}.input-icon{color:var(--primary);font-size:1rem}.card-secure-note{display:flex;align-items:center;gap:8px;color:var(--text-light);font-size:.9rem;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light)}.summary-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.summary-card h3{font-size:1.2rem;font-weight:600;color:var(--text);margin-bottom:20px}.summary-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-light)}.summary-row.total{border-bottom:none;margin-top:12px;font-size:1.2rem;font-weight:700}.summary-value{color:var(--text-light)}.total-price{color:var(--primary);font-size:1.5rem;font-weight:800}.terms-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer}.terms-checkbox input{width:20px;height:20px;cursor:pointer}.terms-checkbox span{color:var(--text-light);font-size:.95rem}.terms-checkbox a{color:var(--primary);text-decoration:none;font-weight:600}.terms-checkbox a:hover{text-decoration:underline}.pay-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:var(--shadow-md)}.pay-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.pay-button:disabled{opacity:.5;cursor:not-allowed}.disclaimer{text-align:center;color:var(--text-lighter);font-size:.9rem;margin-top:16px}.subscribe-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--bg)}.subscribe-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:32px;text-align:center;gap:16px}.subscribe-error-container h2{font-size:1.8rem;color:var(--danger)}.back-button{padding:12px 32px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:16px}.back-button:hover{background:var(--primary-dark);transform:translateY(-2px)}.spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.subscribe-container{padding:16px}.payment-methods{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:20px}.offer-price .price{font-size:2.5rem}}.help-container{background:linear-gradient(135deg,#f0f5fb,#fff);min-height:100vh;position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.scroll-progress{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,#2e86ab,#17a8b8,#1b8a5a);z-index:1100;transition:width .1s ease}.help-header{background:#fff;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #0000000f;position:sticky;top:0;z-index:100}.back-btn{width:44px;height:44px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1.2rem}.back-btn:hover{border-color:#2e86ab;color:#2e86ab;background:#eef2ff;transform:translate(-2px)}.help-header h1{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#1e293b,#2e86ab);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:12px}.header-icon{font-size:2rem;color:#2e86ab;-webkit-text-fill-color:initial}.help-btn{width:44px;height:44px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1.2rem}.help-btn:hover{border-color:#2e86ab;color:#2e86ab;background:#eef2ff;transform:rotate(90deg)}.help-search{position:relative;max-width:600px;margin:24px auto 32px;padding:0 20px}.search-icon{position:absolute;left:32px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1.2rem;pointer-events:none}.help-search input{width:100%;height:56px;padding:0 56px 0 48px;border:2px solid #e2e8f0;border-radius:28px;font-size:1rem;transition:all .3s;background:#fff;box-shadow:0 4px 12px #0000000a}.help-search input:focus{outline:none;border-color:#17a8b8;box-shadow:0 8px 24px #17a8b826;transform:scale(1.02)}.clear-search{position:absolute;right:32px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-search:hover{color:#e05a5a;background:#fee2e2}.search-results{position:absolute;top:100%;left:20px;right:20px;background:#fff;border-radius:20px;margin-top:8px;padding:16px;box-shadow:0 20px 40px #00000026;z-index:1000;max-height:400px;overflow-y:auto;animation:slideDown .3s ease}.search-result-item{display:flex;align-items:center;gap:16px;padding:12px;width:100%;border:none;background:transparent;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.search-result-item:hover{background:#f0f5fb;transform:translate(4px)}.search-result-item svg{font-size:1.5rem}.search-result-item strong{display:block;color:#1e293b;margin-bottom:4px}.search-result-item p{color:#64748b;font-size:.9rem;margin:0}.no-results{text-align:center;padding:32px;color:#94a3b8}.tutorial-popup{position:fixed;bottom:32px;right:32px;width:320px;background:#fff;border-radius:24px;padding:24px;box-shadow:0 20px 40px #0003;z-index:1000;animation:slideIn .3s ease;border:2px solid #2E86AB}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.tutorial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tutorial-header h3{font-size:1.2rem;font-weight:700;color:#1e293b;margin:0}.close-tutorial{width:32px;height:32px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-tutorial:hover{border-color:#e05a5a;color:#e05a5a;background:#fee2e2}.tutorial-description{color:#475569;line-height:1.6;margin-bottom:16px}.tutorial-action{background:#eef2ff;padding:12px;border-radius:12px;display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#2e86ab;font-weight:500}.tutorial-progress{display:flex;justify-content:space-between;align-items:center}.progress-dots{display:flex;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:#e2e8f0;cursor:pointer;transition:all .3s}.dot.active{width:24px;background:#2e86ab;border-radius:4px}.tutorial-controls{display:flex;gap:8px}.tutorial-controls button{width:36px;height:36px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.tutorial-controls button:hover:not(:disabled){border-color:#2e86ab;color:#2e86ab;background:#eef2ff}.tutorial-controls button:disabled{opacity:.5;cursor:not-allowed}.help-content{max-width:1000px;margin:0 auto;padding:0 32px 80px;height:calc(100vh - 200px);overflow-y:auto;scroll-behavior:smooth}.welcome-card{background:linear-gradient(135deg,#2e86ab,#17a8b8);border-radius:32px;padding:40px;margin-bottom:32px;color:#fff;text-align:center;box-shadow:0 20px 40px #2e86ab4d;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-icon{font-size:4rem;margin-bottom:20px}.welcome-card h2{font-size:2rem;font-weight:800;margin-bottom:16px}.welcome-card p{font-size:1.1rem;opacity:.9;max-width:600px;margin:0 auto;line-height:1.8}.help-section{background:#fff;border-radius:24px;margin-bottom:20px;box-shadow:0 4px 20px #0000000f;overflow:hidden;transition:all .3s;border:2px solid transparent}.help-section:hover{border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 20px 40px #0000001a}.help-section.expanded{border-color:#2e86ab;box-shadow:0 20px 40px #2e86ab26}.section-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .2s}.section-header:hover{background:#f8fafc}.section-title{display:flex;align-items:center;gap:16px}.section-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;transition:all .3s}.help-section:hover .section-icon{transform:rotate(5deg) scale(1.1)}.section-title h3{font-size:1.3rem;font-weight:700;color:#1e293b;margin:0}.section-actions{display:flex;align-items:center;gap:12px}.tutorial-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;color:#64748b;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.tutorial-btn:hover{border-color:#2e86ab;color:#2e86ab;background:#eef2ff}.expand-btn{width:36px;height:36px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.expand-btn:hover{border-color:#2e86ab;color:#2e86ab;background:#eef2ff}.section-content{padding:0 24px 24px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.section-description{color:#475569;line-height:1.8;margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:16px;font-size:1.05rem}.points-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.point-item{display:flex;align-items:flex-start;gap:12px;color:#334155;line-height:1.6}.point-item svg{flex-shrink:0;margin-top:3px;font-size:1.1rem}.tip-box{background:#e8f5e9;border:1px solid #1B8A5A;border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;margin-top:20px}.tip-icon{color:#1b8a5a;font-size:1.5rem;flex-shrink:0}.tip-box p{color:#1b8a5a;margin:0;font-style:italic}.demo-preview{margin-top:24px;padding-top:24px;border-top:2px dashed #e2e8f0}.demo-preview h4{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:16px}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.demo-card{padding:20px;border:2px solid;border-radius:16px;text-align:center;transition:all .3s;background:#fff}.demo-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000001a}.demo-card span{font-size:2rem;display:block;margin-bottom:12px}.demo-card p{color:#475569;font-size:.9rem;font-weight:500;margin:0}.faq-preview{background:#fff;border-radius:24px;padding:24px;margin:32px 0;box-shadow:0 4px 20px #0000000f}.faq-preview h3{font-size:1.3rem;font-weight:700;color:#1e293b;margin-bottom:20px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.faq-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;width:100%}.faq-item:hover{border-color:#2e86ab;background:#eef2ff;transform:translate(4px)}.faq-item span{color:#475569;font-weight:500}.faq-item svg{color:#94a3b8;transition:all .2s}.faq-item:hover svg{color:#2e86ab;transform:translate(4px)}.help-footer{text-align:center;padding:40px 0 20px;color:#64748b;border-top:1px solid #e2e8f0;margin-top:40px}.help-footer p{margin-bottom:16px}.footer-links{display:flex;justify-content:center;gap:24px}.footer-links a{color:#94a3b8;text-decoration:none;font-size:.9rem;transition:color .2s}.footer-links a:hover{color:#2e86ab}@media(max-width:768px){.help-header{padding:16px 20px}.help-header h1{font-size:1.4rem}.help-content{padding:0 20px 80px}.welcome-card{padding:30px 20px}.welcome-card h2{font-size:1.6rem}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-actions{width:100%;justify-content:space-between}.demo-grid,.faq-grid{grid-template-columns:1fr}.footer-links{flex-direction:column;gap:12px}.tutorial-popup{left:20px;right:20px;bottom:20px;width:auto}}.wallet-container{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#f0f5fb;min-height:100vh}.wallet-header{margin-bottom:30px}.wallet-header h1{display:flex;align-items:center;gap:10px;color:#333;margin-bottom:10px}.wallet-header h1 .icon{color:#2e86ab;font-size:2rem}.wallet-header p{color:#666;font-size:1rem}.solde-card{background:linear-gradient(135deg,#2e86ab,#17a8b8);border-radius:15px;padding:25px;margin-bottom:30px;box-shadow:0 10px 30px #2e86ab33}.solde-content{display:flex;justify-content:space-between;align-items:center;color:#fff}.solde-label{font-size:.9rem;opacity:.9;display:block;margin-bottom:5px}.solde-value{display:flex;align-items:center;gap:10px}.solde-value h2{font-size:2.5rem;margin:0;font-weight:700}.toggle-visibility{background:#fff3;border:none;color:#fff;cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s}.toggle-visibility:hover{background:#ffffff4d}.solde-actions{display:flex;gap:10px}.action-btn{background:#fff3;border:none;color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:1rem;transition:all .3s}.action-btn:hover{background:#ffffff4d}.action-btn.active{background:#fff;color:#2e86ab;font-weight:700}.alert{padding:15px 20px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.alert.error{background:#ffebee;color:#e05a5a;border-left:4px solid #E05A5A}.alert.success{background:#e8f5e9;color:#1b8a5a;border-left:4px solid #1B8A5A}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:10px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 10px #0000001a}.stat-icon{font-size:2rem;color:#2e86ab}.stat-label{display:block;color:#666;font-size:.9rem;margin-bottom:5px}.stat-value{font-size:1.5rem;font-weight:700;color:#333}.chart-section{background:#fff;border-radius:10px;padding:20px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-header h3{display:flex;align-items:center;gap:8px;color:#333;margin:0}.chart-toggle{display:flex;gap:5px;background:#f5f5f5;padding:3px;border-radius:8px}.chart-toggle button{background:none;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .3s;color:#666}.chart-toggle button:hover{background:#e0e0e0}.chart-toggle button.active{background:#2e86ab;color:#fff}.chart-container{height:300px}.transaction-card{background:#fff;border-radius:10px;overflow:hidden;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.transaction-tabs{display:flex;border-bottom:1px solid #eee}.tab{flex:1;padding:15px;border:none;background:none;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:8px;color:#666;transition:all .3s}.tab:hover{background:#f5f5f5}.tab.active{color:#2e86ab;border-bottom:2px solid #2E86AB;font-weight:700}.transaction-form{padding:30px}.solde-info{background:#e3f0f5;color:#2e86ab;padding:15px;border-radius:8px;margin-bottom:20px;font-weight:700}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}.montant-input,.motif-input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1.1rem;transition:border-color .3s}.montant-input:focus,.motif-input:focus{outline:none;border-color:#17a8b8;box-shadow:0 0 0 3px #17a8b81a}.submit-btn{width:100%;padding:15px;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.submit-btn.depot{background:#1b8a5a;color:#fff}.submit-btn.depot:hover:not(:disabled){background:#146b45}.submit-btn.retrait{background:#e05a5a;color:#fff}.submit-btn.retrait:hover:not(:disabled){background:#c53a3a}.submit-btn:disabled{background:#ccc;cursor:not-allowed}.historique-section{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a}.historique-section h3{display:flex;align-items:center;gap:8px;color:#333;margin-bottom:20px}.historique-list{border:1px solid #eee;border-radius:8px;overflow:hidden}.historique-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #eee}.historique-item:last-child{border-bottom:none}.historique-info{display:flex;gap:20px;align-items:center}.historique-date{color:#666;font-size:.9rem}.historique-type{display:flex;align-items:center;gap:5px;font-weight:500}.historique-montant{text-align:right}.positif{color:#1b8a5a;font-weight:700;display:block}.negatif{color:#e05a5a;font-weight:700;display:block}.historique-solde{font-size:.8rem;color:#999}.no-data{text-align:center;padding:40px;color:#999}@media(max-width:768px){.solde-content{flex-direction:column;gap:20px}.solde-actions{width:100%}.action-btn{flex:1;justify-content:center}.historique-item{flex-direction:column;align-items:flex-start;gap:10px}.historique-montant{width:100%;display:flex;justify-content:space-between;align-items:center}}.forgot-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--sb-bg);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.forgot-password-container:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(46,134,171,.1) 0%,transparent 70%);top:-15%;left:-10%;border-radius:50%;filter:blur(80px);pointer-events:none}.forgot-password-card{max-width:480px;width:100%;background:#fff;border-radius:24px;padding:48px 40px;box-shadow:0 1px 2px #1a29400a,0 8px 24px #2e86ab17,0 40px 80px #1a29400f;border:1px solid var(--sb-border);position:relative;transition:all .3s ease}.forgot-password-card:before{content:"";position:absolute;top:0;left:12%;right:12%;height:3px;background:linear-gradient(90deg,transparent,var(--sb-blue),var(--sb-cyan),transparent);border-radius:0 0 4px 4px;opacity:.7}.icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#2e86ab14;border:1px solid var(--sb-border);border-radius:16px;margin-bottom:32px;color:var(--sb-blue)}.main-icon{width:32px;height:32px;color:var(--sb-blue)}.success-card{text-align:center}.success-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#1b8a5a14;border:1px solid rgba(27,138,90,.2);border-radius:50%;margin-bottom:24px}.card-title{font-size:28px;font-weight:700;color:var(--sb-text-1);margin-bottom:12px;line-height:1.2}.card-description{font-size:15px;color:var(--sb-text-2);line-height:1.6;margin-bottom:32px}.email-highlight{font-size:15px;font-weight:600;color:var(--sb-blue);margin:8px 0 24px;padding:12px;background:#2e86ab0f;border:1px solid var(--sb-border);border-radius:12px;word-break:break-all}.info-box{background:#17a8b80d;border:1px solid rgba(23,168,184,.15);border-radius:12px;padding:16px;margin:24px 0;display:flex;align-items:flex-start;gap:12px}.info-icon{width:20px;height:20px;color:var(--sb-cyan);flex-shrink:0;margin-top:2px}.info-text{font-size:13px;color:var(--sb-text-2);line-height:1.5;text-align:left}.forgot-password-form{display:flex;flex-direction:column;gap:24px}.form-label{font-size:13px;font-weight:600;color:var(--sb-text-1);text-transform:uppercase;letter-spacing:.08em}.input-wrapper{position:relative;transition:all .2s ease;border-radius:12px}.input-wrapper.input-focused{box-shadow:0 0 0 3px #17a8b81f}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--sb-text-3);pointer-events:none;transition:color .2s}.input-wrapper.input-focused .input-icon{color:var(--sb-cyan)}.form-input{width:100%;padding:14px 16px 14px 48px;border:1.5px solid var(--sb-border);border-radius:12px;font-size:15px;color:var(--sb-text-1);background:#f5fafd;transition:all .2s ease;font-family:inherit;outline:none}.form-input:focus{border-color:var(--sb-cyan);background:#fff;box-shadow:0 0 0 4px #17a8b81a}.form-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.form-input::placeholder{color:var(--sb-text-3)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,var(--sb-blue),#1f6a8a);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #2e86ab4d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-large{width:100%}.btn-back{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:transparent;color:var(--sb-text-2);border:1.5px solid var(--sb-border);border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-back:hover{color:var(--sb-blue);border-color:#2e86ab59;background:#2e86ab0a}.btn-link{width:100%;padding:12px;background:transparent;color:var(--sb-text-3);border:none;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;margin-top:12px}.btn-link:hover{color:var(--sb-blue);background:#2e86ab0d}.btn-icon{width:16px;height:16px}.error-message{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#e05a5a0f;border:1px solid rgba(224,90,90,.2);border-radius:12px;margin-bottom:24px;animation:shake .3s ease-in-out}.error-icon{width:20px;height:20px;color:var(--sb-red);flex-shrink:0}.error-message span{font-size:14px;color:var(--sb-red);line-height:1.4}.footer-link{margin-top:32px;padding-top:24px;border-top:1px solid var(--sb-border);text-align:center}.footer-link p{font-size:14px;color:var(--sb-text-2)}.inline-link{background:none;border:none;color:var(--sb-blue);font-weight:600;cursor:pointer;font-family:inherit;font-size:14px;text-decoration:underline;text-underline-offset:2px;transition:opacity .2s}.inline-link:hover{opacity:.75}@media(max-width:640px){.forgot-password-card{padding:32px 24px}.card-title{font-size:24px}.card-description{font-size:14px}.icon-wrapper{width:56px;height:56px}.main-icon{width:28px;height:28px}}:root{--sb-blue: #2E86AB;--sb-cyan: #17A8B8;--sb-teal: #1B8A5A;--sb-red: #E05A5A;--sb-text-1: #1a2940;--sb-text-2: #3d5a73;--sb-text-3: #7a95aa;--sb-border: rgba(46, 134, 171, .15);--sb-bg: #f0f5fb}.reset-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--sb-bg);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.reset-password-page:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(23,168,184,.09) 0%,transparent 70%);top:-15%;right:-10%;border-radius:50%;filter:blur(80px);pointer-events:none}.reset-password-container{max-width:480px;width:100%;background:#fff;border-radius:24px;padding:48px 40px;box-shadow:0 1px 2px #1a29400a,0 8px 24px #2e86ab17,0 40px 80px #1a29400f;border:1px solid var(--sb-border);position:relative}.reset-password-container:before{content:"";position:absolute;top:0;left:12%;right:12%;height:3px;background:linear-gradient(90deg,transparent,var(--sb-blue),var(--sb-cyan),transparent);border-radius:0 0 4px 4px;opacity:.7}.reset-header{text-align:center;margin-bottom:32px}.icon-box{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#2e86ab14;border:1px solid var(--sb-border);border-radius:16px;margin-bottom:24px;color:var(--sb-blue)}.icon-box svg{width:32px;height:32px;color:var(--sb-blue)}.reset-title{font-size:28px;font-weight:700;color:var(--sb-text-1);margin-bottom:8px}.reset-subtitle{font-size:15px;color:var(--sb-text-2);line-height:1.5}.reset-subtitle strong{font-weight:600;color:var(--sb-blue)}.error-message{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#e05a5a0f;border-radius:12px;margin-bottom:24px;border-left:3px solid var(--sb-red);animation:shake .3s ease-in-out}.error-icon{width:20px;height:20px;color:var(--sb-red);flex-shrink:0;margin-top:2px}.error-text{font-size:14px;color:var(--sb-red);line-height:1.4;flex:1}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.reset-form{display:flex;flex-direction:column;gap:24px}.code-section{display:flex;flex-direction:column;gap:12px}.code-label{font-size:13px;font-weight:600;color:var(--sb-text-1);text-transform:uppercase;letter-spacing:.08em}.code-inputs-wrapper{display:flex;gap:10px;justify-content:center}.code-input{width:52px;height:52px;text-align:center;font-size:20px;font-weight:600;font-family:DM Mono,Courier New,monospace;border:1.5px solid var(--sb-border);border-radius:12px;background:#f5fafd;color:var(--sb-text-1);transition:all .2s ease;cursor:text;outline:none}.code-input:hover{border-color:#2e86ab4d}.code-input:focus{border-color:var(--sb-cyan);background:#fff;box-shadow:0 0 0 3px #17a8b81f}.code-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.password-section{display:flex;flex-direction:column;gap:8px}.password-label{font-size:13px;font-weight:600;color:var(--sb-text-1);text-transform:uppercase;letter-spacing:.08em}.password-input-wrapper{position:relative;width:100%}.password-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--sb-text-3);pointer-events:none;z-index:1}.password-input{width:100%;padding:14px 16px 14px 48px;border:1.5px solid var(--sb-border);border-radius:12px;font-size:15px;color:var(--sb-text-1);background:#f5fafd;transition:all .2s ease;font-family:inherit;outline:none}.password-input:hover{border-color:#2e86ab4d}.password-input:focus{border-color:var(--sb-cyan);background:#fff;box-shadow:0 0 0 3px #17a8b81f}.password-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.password-input::placeholder{color:var(--sb-text-3)}.password-strength{margin-top:8px}.strength-bars{display:flex;gap:4px;margin-bottom:6px}.strength-bar{flex:1;height:4px;border-radius:2px;transition:all .3s ease}.strength-bar.bg-gray-200{background-color:#2e86ab1f}.strength-bar.bg-red-500{background-color:var(--sb-red)}.strength-bar.bg-orange-500{background-color:#e07a17}.strength-bar.bg-yellow-500{background-color:#c9a800}.strength-bar.bg-green-500{background-color:var(--sb-teal)}.strength-text{font-size:12px;color:var(--sb-text-3)}.password-mismatch{font-size:12px;color:var(--sb-red);margin-top:6px;display:flex;align-items:center;gap:4px}.submit-button{width:100%;background:linear-gradient(135deg,var(--sb-blue),#1f6a8a);color:#fff;border:none;border-radius:12px;padding:14px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #2e86ab4d}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.action-buttons{display:flex;gap:12px}.action-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:transparent;color:var(--sb-text-2);border:1.5px solid var(--sb-border);border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.action-button:hover:not(:disabled){background:#2e86ab0d;color:var(--sb-blue);border-color:#2e86ab4d}.action-button:active:not(:disabled){transform:translateY(1px)}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-button svg{width:16px;height:16px}.help-text{margin-top:24px;padding-top:16px;text-align:center;border-top:1px solid var(--sb-border)}.help-text p{font-size:12px;color:var(--sb-text-3)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.success-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--sb-bg)}.success-container{max-width:480px;width:100%;text-align:center;background:#fff;border-radius:24px;padding:48px 40px;border:1px solid var(--sb-border);box-shadow:0 8px 24px #2e86ab17,0 40px 80px #1a29400f}.success-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#1b8a5a14;border:1px solid rgba(27,138,90,.2);border-radius:50%;margin-bottom:24px;animation:scaleIn .3s ease-out}.success-icon{width:40px;height:40px;color:var(--sb-teal)}.success-title{font-size:28px;font-weight:700;color:var(--sb-text-1);margin-bottom:12px}.success-description{font-size:15px;color:var(--sb-text-2);margin-bottom:32px}.redirect-box{background:#2e86ab0d;border:1px solid var(--sb-border);border-radius:12px;padding:20px;animation:fadeIn .5s ease-out}.redirect-spinner{width:32px;height:32px;border:3px solid rgba(46,134,171,.15);border-top-color:var(--sb-blue);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}.redirect-text{font-size:14px;color:var(--sb-text-2)}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:focus-visible{outline:2px solid var(--sb-cyan);outline-offset:2px}@media(max-width:640px){.reset-password-container,.success-container{padding:32px 24px;max-width:100%}.reset-title,.success-title{font-size:24px}.reset-subtitle{font-size:14px}.code-inputs-wrapper{gap:8px}.code-input{width:48px;height:48px;font-size:18px}.action-buttons{flex-direction:column}.icon-box{width:56px;height:56px}.icon-box svg{width:28px;height:28px}}@media(max-width:480px){.code-inputs-wrapper{gap:6px}.code-input{width:44px;height:44px;font-size:16px;border-radius:10px}.password-input{padding:12px 16px 12px 48px;font-size:14px}.submit-button,.action-button{padding:12px 20px;font-size:14px}}:root{--primary: #2E86AB;--primary-dark: #236b8a;--primary-light: #4a9fc2;--secondary: #17A8B8;--secondary-dark: #128b99;--success: #1B8A5A;--success-dark: #146b45;--warning: #f39c12;--danger: #e74c3c;--danger-dark: #c0392b;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.formations-page{min-height:100vh;background:linear-gradient(135deg,var(--gray-50) 0%,#ffffff 100%);padding:2rem}.formations-container{max-width:1400px;margin:0 auto}.session-expired-container{display:flex;justify-content:center;align-items:center;min-height:400px}.session-expired-card{text-align:center;padding:2rem;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:400px;border-top:4px solid var(--danger)}.icon-warning{font-size:3rem;display:block;margin-bottom:1rem}.session-expired-card h2{color:var(--danger);margin-bottom:1rem;font-size:1.5rem}.session-expired-card p{color:var(--gray-500);margin-bottom:1.5rem}.alert{padding:1rem 1.5rem;border-radius:var(--radius);margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;animation:slideIn .3s ease-out;box-shadow:var(--shadow-sm)}.alert-success{background:linear-gradient(135deg,var(--success) 0%,var(--success-dark) 100%);color:#fff;border:none}.alert-error{background:linear-gradient(135deg,var(--danger) 0%,var(--danger-dark) 100%);color:#fff;border:none}.alert-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#fff;opacity:.7;transition:var(--transition)}.alert-close:hover{opacity:1}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.formations-section{margin-bottom:3rem}.section-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--gray-200)}.section-header h2{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.section-count{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.formations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.formation-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--gray-200);position:relative}.formation-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.formation-card-image{position:relative;height:140px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);overflow:hidden}.formation-card-image img{width:100%;height:100%;object-fit:cover}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;font-size:3rem}.formation-progress-badge{position:absolute;top:.75rem;right:.75rem;background:linear-gradient(135deg,var(--success) 0%,var(--success-dark) 100%);color:#fff;padding:.25rem .6rem;border-radius:20px;font-size:.7rem;font-weight:600;box-shadow:var(--shadow-sm)}.formation-card-content{padding:1rem}.formation-title{font-size:1rem;font-weight:700;color:var(--gray-800);margin:0 0 .5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.formation-description{color:var(--gray-500);font-size:.75rem;line-height:1.5;margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.formation-meta{display:flex;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:var(--gray-500);background:var(--gray-100);padding:.25rem .5rem;border-radius:6px}.meta-item.private{background:#f39c121a;color:var(--warning)}.icon{font-size:.75rem}.formation-progress{margin:.75rem 0}.progress-bar{background-color:var(--gray-200);border-radius:8px;overflow:hidden;height:6px;margin-bottom:.5rem}.progress-fill{height:100%;transition:width .3s ease;border-radius:8px}.progress-fill.very-low{background:linear-gradient(90deg,var(--danger),#ef6b4a)}.progress-fill.low{background:linear-gradient(90deg,var(--warning),#f5a623)}.progress-fill.medium{background:linear-gradient(90deg,var(--primary),var(--secondary))}.progress-fill.high,.progress-fill.completed{background:linear-gradient(90deg,var(--success),#2ecc71)}.progress-stats{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:var(--gray-500)}.certified-badge{display:flex;align-items:center;gap:.25rem;color:var(--success);font-weight:600;font-size:.7rem}.formation-actions{display:flex;gap:.5rem;margin-top:.75rem}.btn{flex:1;padding:.5rem .75rem;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:linear-gradient(135deg,var(--gray-600) 0%,var(--gray-700) 100%);color:#fff}.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-success{background:linear-gradient(135deg,var(--success) 0%,var(--success-dark) 100%);color:#fff}.btn-success:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-danger{background:linear-gradient(135deg,var(--danger) 0%,var(--danger-dark) 100%);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.empty-state{text-align:center;padding:3rem 2rem;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--gray-200)}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state p{color:var(--gray-500);font-size:.875rem;margin:.5rem 0}.empty-hint{font-size:.75rem;color:var(--gray-400)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media(max-width:768px){.formations-page{padding:1rem}.formations-grid{grid-template-columns:1fr;gap:1rem}.section-header h2{font-size:1.25rem}.formation-actions{flex-direction:column}.btn{width:100%}.formation-card-image{height:120px}}@media(max-width:480px){.formation-meta{gap:.5rem}.meta-item{font-size:.65rem}}.formation-detail-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem}.formation-detail-container{max-width:1200px;margin:0 auto;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #0000001a}.detail-header{padding:1rem 2rem;background:#fff;border-bottom:1px solid #e2e8f0}.back-button{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:#64748b;cursor:pointer;font-size:1rem;padding:.5rem;transition:color .2s}.back-button:hover{color:#04957d}.formation-cover{position:relative;height:350px;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.formation-cover img{width:100%;height:100%;object-fit:cover}.cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;color:#fff}.progress-overlay{position:absolute;bottom:1.5rem;right:1.5rem}.progress-circle{width:80px;height:80px;background:#fff;border-radius:50%;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center}.progress-circle svg{width:80px;height:80px;transform:rotate(-90deg)}.progress-bg{fill:none;stroke:#e2e8f0;stroke-width:3}.progress-fill{fill:none;stroke:#04957d;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .5s ease}.progress-text{fill:#1e293b;font-size:8px;font-weight:700;text-anchor:middle;dominant-baseline:middle;transform:rotate(90deg)}.formation-content{padding:2rem}.formation-title{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.formation-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.meta-item{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f1f5f9;border-radius:8px;font-size:.875rem;color:#475569}.meta-item.private{background:#fef3c7;color:#d97706}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.badge-primary{background:#3b82f6;color:#fff}.badge-secondary{background:#64748b;color:#fff}.badge-success{background:#10b981;color:#fff}.badge-certified{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}.formation-description{margin-bottom:2rem}.formation-description h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.formation-description p{color:#475569;line-height:1.6}.progress-detail{background:#f8fafc;padding:1.5rem;border-radius:12px;margin-bottom:2rem}.progress-detail h3{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.progress-bar-large{background:#e2e8f0;border-radius:10px;overflow:hidden;height:12px;margin-bottom:.75rem}.progress-fill-large{height:100%;background:linear-gradient(90deg,#04957d,#0d9488);transition:width .5s ease;border-radius:10px}.progress-stats-detail{display:flex;justify-content:space-between;font-size:.875rem;color:#64748b}.formation-actions-detail{margin-bottom:3rem}.btn-large{padding:1rem 2rem;font-size:1.125rem}.actions-group{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-2px)}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669;transform:translateY(-2px)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.btn-certified{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.formation-program{margin-bottom:3rem}.formation-program h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem}.lecons-list{display:flex;flex-direction:column;gap:1rem}.lecon-item{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s}.lecon-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.lecon-header{display:flex;align-items:center;gap:1rem;padding:1rem;cursor:pointer;background:#fff}.lecon-number{width:32px;height:32px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600;color:#475569}.lecon-info{flex:1}.lecon-info h4{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.lecon-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#94a3b8}.lecon-expand{width:28px;height:28px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#475569}.lecon-content{padding:1rem;background:#f8fafc;border-top:1px solid #e2e8f0}.lecon-texte p{color:#475569;line-height:1.6}.video-placeholder,.image-placeholder{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;background:#e2e8f0;border-radius:8px;color:#475569}.lecon-image-preview img{max-width:100%;border-radius:8px}.paragraphe-count{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0;font-size:.875rem;color:#64748b}.certification-section{margin-top:2rem;padding:2rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;text-align:center}.certification-card{display:flex;flex-direction:column;align-items:center;gap:1rem}.certification-card .icon{font-size:3rem}.certification-card h3{font-size:1.5rem;color:#92400e;margin:0}.certification-card p{color:#b45309}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.spinner{width:50px;height:50px;border:3px solid #e2e8f0;border-top-color:#04957d;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-icon{font-size:3rem;margin-bottom:1rem}.error-container h2{color:#dc2626;margin-bottom:1rem}.error-container p{color:#64748b;margin-bottom:2rem}.icon.loading{animation:spin 1s linear infinite;display:inline-block}@media(max-width:768px){.formation-detail-page{padding:1rem}.formation-cover{height:250px}.formation-title{font-size:1.5rem}.formation-content{padding:1.5rem}.progress-overlay{bottom:1rem;right:1rem}.progress-circle{width:60px;height:60px}.progress-circle svg{width:60px;height:60px}.actions-group{flex-direction:column}.btn-large{width:100%}.lecon-header{flex-wrap:wrap}.lecon-number{width:28px;height:28px}}.reappro-container{max-width:900px;margin:0 auto;padding:24px;min-height:100vh;background:#f8f9fa}.reappro-header{display:flex;align-items:center;gap:24px;margin-bottom:32px;flex-wrap:wrap}.back-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;color:#2c3e50;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.back-button:hover{background:#f5f5f5;border-color:#05aa65;color:#05aa65}.header-title h1{font-size:28px;font-weight:700;color:#2c3e50;margin:0 0 4px}.product-name{font-size:14px;color:#7f8c8d;margin:0}.product-info-card{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:#fff;padding:20px;border-radius:16px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.info-item{display:flex;align-items:center;gap:12px}.info-icon{width:44px;height:44px;padding:11px;background:#f0f9f4;border-radius:12px;color:#05aa65}.info-label{display:block;font-size:12px;color:#7f8c8d;margin-bottom:4px}.info-value{display:block;font-size:18px;font-weight:700;color:#2c3e50}.reappro-form{background:#fff;border-radius:24px;padding:32px;box-shadow:0 4px 12px #0000000d}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:600;color:#2c3e50;margin-bottom:8px}.required{color:#e74c3c}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:12px;font-size:14px;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#05aa65;box-shadow:0 0 0 3px #05aa651a}.field-hint{display:block;margin-top:6px;font-size:12px;color:#7f8c8d}.input-wrapper{position:relative}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#7f8c8d;pointer-events:none}.input-wrapper input{padding-left:40px}.quantity-input{display:flex;align-items:center;gap:12px}.quantity-btn{width:44px;height:44px;border:2px solid #e0e0e0;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#2c3e50}.quantity-btn:hover:not(:disabled){border-color:#05aa65;color:#05aa65;transform:scale(1.02)}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-field{flex:1;text-align:center;font-size:18px;font-weight:600;padding:12px}.summary-card{background:#f8f9fa;border-radius:16px;padding:20px;margin:24px 0}.summary-card h3{font-size:16px;font-weight:600;color:#2c3e50;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.summary-subsection{margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0}.summary-subsection h4{font-size:14px;font-weight:600;color:#7f8c8d;margin:0 0 12px}.summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.summary-row.highlight{background:#fff3e0;margin:4px -8px;padding:8px;border-radius:8px}.highlight-value{color:#f39c12;font-size:16px}.summary-divider{height:1px;background:#e0e0e0;margin:8px 0}.summary-row.total-new{font-size:16px;font-weight:700;color:#05aa65;margin-top:8px}.summary-row.total-new strong{font-size:20px;color:#05aa65}.summary-row.total{padding-top:12px;margin-top:8px;border-top:2px solid #e0e0e0;font-size:16px;font-weight:700}.summary-row.total strong{color:#05aa65;font-size:18px}.info-text{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;background:#fff3e0;border-radius:8px;font-size:12px;color:#f39c12}.info-text.warning{background:#e8f4fd;color:#3498db}.form-actions{display:flex;gap:16px;margin-top:32px}.cancel-btn{flex:1;padding:14px;background:#fff;border:2px solid #e0e0e0;border-radius:12px;font-size:14px;font-weight:600;color:#7f8c8d;cursor:pointer;transition:all .2s}.cancel-btn:hover{border-color:#e74c3c;color:#e74c3c}.submit-btn{flex:2;padding:14px;background:#05aa65;border:none;border-radius:12px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.submit-btn:hover:not(:disabled){background:#048a51;transform:translateY(-2px);box-shadow:0 4px 12px #05aa654d}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fee;border-left:4px solid #e74c3c;border-radius:12px;color:#c0392b;margin-bottom:24px;font-size:14px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.confirmation-modal{background:#fff;border-radius:24px;padding:32px;max-width:450px;width:90%;text-align:center;animation:slideUp .3s ease}.confirmation-modal h2{font-size:24px;font-weight:700;color:#2c3e50;margin:16px 0 8px}.confirmation-details{margin:24px 0;text-align:left;background:#f8f9fa;border-radius:16px;padding:16px}.confirmation-item{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.confirmation-item span{color:#7f8c8d}.confirmation-item strong{color:#2c3e50}.modal-actions{display:flex;gap:12px;justify-content:center}.cancel-modal-btn,.confirm-modal-btn{flex:1;padding:12px 24px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-modal-btn{background:#ecf0f1;color:#7f8c8d}.cancel-modal-btn:hover{background:#bdc3c7;color:#fff}.confirm-modal-btn{background:#05aa65;color:#fff}.confirm-modal-btn:hover:not(:disabled){background:#048a51;transform:translateY(-2px)}.confirm-modal-btn:disabled{opacity:.7;cursor:not-allowed}.reappro-loading,.reappro-error,.reappro-success{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:48px}.reappro-success{background:#fff;border-radius:24px;margin:48px auto;max-width:500px}.reappro-success h2{font-size:24px;font-weight:700;color:#2c3e50;margin:16px 0 8px}.reappro-success p{color:#7f8c8d;margin:8px 0}.success-details{margin:24px 0;padding:16px;background:#f8f9fa;border-radius:16px}.detail-item{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.detail-item.warning{color:#f39c12;padding-top:12px;margin-top:8px;border-top:1px solid #e0e0e0}.success-button{margin-top:16px;padding:12px 24px;background:#05aa65;color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.success-button:hover{background:#048a51;transform:translateY(-2px)}.spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:#05aa65;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.reappro-container{padding:16px}.product-info-card{grid-template-columns:1fr;gap:12px}.reappro-form{padding:20px}.form-actions{flex-direction:column}.reappro-header{flex-direction:column;align-items:flex-start}.confirmation-modal{padding:24px}}:root{--primary: #2E86AB;--primary-dark: #17A8B8;--primary-light: #e0f2fe;--accent: #1B8A5A;--accent-light: #d1fae5;--success: #1B8A5A;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--danger: #E05A5A;--danger-light: #fee2e2;--text: #1e2937;--text-secondary: #475569;--text-light: #64748b;--bg: #f4f7fa;--border: #e2e8f0;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.prof-page{background:var(--bg);min-height:100vh;padding:32px 24px 80px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);max-width:1200px;margin:0 auto}.prof-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:16px}.prof-header-left{display:flex;align-items:center;gap:16px}.btn-back{width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:var(--shadow-sm);flex-shrink:0}.btn-back:hover{background:var(--primary-light);color:var(--primary);transform:translate(-2px)}.btn-icon-refresh{width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:var(--shadow-sm)}.btn-icon-refresh:hover{background:var(--primary-light);color:var(--primary);transform:rotate(180deg)}.prof-title{font-size:1.75rem;font-weight:700;margin:0 0 4px;background:linear-gradient(135deg,var(--accent) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.prof-subtitle{color:var(--text-secondary);font-size:.95rem;margin:0}.prof-summary{display:flex;gap:16px;margin-bottom:28px;flex-wrap:wrap}.summary-item{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px 24px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-sm);flex:1;min-width:180px}.summary-icon{font-size:1.4rem}.summary-icon.accent{color:var(--accent)}.summary-icon.primary{color:var(--primary)}.summary-icon.success{color:var(--success)}.summary-value{display:block;font-size:1.4rem;font-weight:800;color:var(--text);line-height:1.2}.summary-label{display:block;font-size:.8rem;color:var(--text-secondary);font-weight:500}.prof-error{background:var(--danger-light);border:1px solid var(--danger);border-radius:12px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;color:var(--danger);font-weight:500;margin-bottom:20px}.prof-error button{background:none;border:none;color:var(--danger);cursor:pointer;padding:4px;display:flex;align-items:center}.prof-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:var(--text-secondary)}.spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.empty-state{text-align:center;padding:80px 20px;background:#fff;border-radius:24px;border:2px dashed var(--border)}.empty-icon{font-size:4rem;color:var(--text-light);opacity:.3;margin-bottom:24px}.empty-state h3{font-size:1.5rem;color:var(--text);margin:0 0 8px}.empty-state p{color:var(--text-secondary);margin-bottom:0}.prof-list{display:flex;flex-direction:column;gap:16px}.prof-card{background:#fff;border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;transition:var(--transition);position:relative;overflow:hidden}.prof-card:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:linear-gradient(180deg,var(--accent),var(--primary-dark));border-radius:4px 0 0 4px}.prof-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent);transform:translate(2px)}.prof-card--inactive{opacity:.55;background:var(--bg)}.prof-card--inactive:before{background:var(--border)}.prof-card-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.prof-icon-wrapper{width:52px;height:52px;border-radius:14px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.prof-card-title{font-size:1.1rem;font-weight:700;color:var(--text);margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prof-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meta-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;background:var(--primary-light);color:var(--primary);border:1px solid #bae6fd}.meta-chip--inactive{background:var(--warning-light);color:var(--warning);border-color:#fde68a}.prof-card-right{display:flex;align-items:center;gap:20px;flex-shrink:0}.prof-salary{text-align:right}.salary-amount{display:block;font-size:1.15rem;font-weight:800;color:var(--text)}.salary-per{font-size:.8rem;color:var(--text-light)}.prof-actions{display:flex;align-items:center;gap:8px}.prof-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:10px;border:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap}.prof-btn--edit{background:var(--primary-light);color:var(--primary);border:1px solid #bae6fd}.prof-btn--edit:hover{background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2e86ab4d}.prof-btn--deactivate{background:var(--danger-light);color:var(--danger);border:1px solid #fca5a5}.prof-btn--deactivate:hover{background:var(--danger);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #e05a5a4d}.prof-btn--activate{background:var(--success-light);color:var(--success);border:1px solid #6ee7b7}.prof-btn--activate:hover{background:var(--success);color:#fff;transform:translateY(-1px)}.confirm-inline{display:flex;align-items:center;gap:6px;background:var(--warning-light);border:1px solid #fde68a;border-radius:10px;padding:6px 10px}.confirm-text{font-size:.8rem;font-weight:600;color:var(--warning);white-space:nowrap}.prof-btn--confirm-yes{background:var(--danger);color:#fff;padding:6px 10px;border-radius:8px;font-size:.85rem}.prof-btn--confirm-yes:hover{background:#c0392b}.prof-btn--confirm-no{background:var(--border);color:var(--text-secondary);padding:6px 10px;border-radius:8px;font-size:.85rem}.prof-btn--confirm-no:hover{background:#cbd5e1}.modal-overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:24px;width:100%;max-width:480px;box-shadow:0 25px 60px -10px #0f172a59;animation:slideUp .25s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 20px;border-bottom:1px solid var(--border)}.modal-title{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;color:var(--text);margin:0}.modal-title-icon{color:var(--primary);font-size:1rem}.modal-close{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.modal-close:hover{background:var(--danger-light);color:var(--danger);border-color:var(--danger)}.modal-body{padding:24px 28px;display:flex;flex-direction:column;gap:20px}.modal-error{background:var(--danger-light);border:1px solid #fca5a5;border-radius:10px;padding:12px 16px;color:var(--danger);font-size:.9rem;font-weight:500}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.required{color:var(--danger);margin-left:2px}.form-input{padding:14px 18px;border:2px solid var(--border);border-radius:12px;font-size:1rem;color:var(--text);background:#fff;transition:var(--transition);width:100%;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #2e86ab1f}.input-with-suffix{position:relative}.input-with-suffix .form-input{padding-right:52px}.input-suffix{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:.85rem;font-weight:600;color:var(--text-light);pointer-events:none}.form-hint{font-size:.8rem;color:var(--accent);margin:0;font-weight:500}.modal-footer{padding:20px 28px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px}.btn-cancel{padding:12px 24px;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:var(--transition);font-size:.95rem}.btn-cancel:hover{background:var(--border);color:var(--text)}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-save{padding:12px 28px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--accent),var(--primary-dark));color:#fff;font-weight:700;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px;font-size:.95rem;box-shadow:0 4px 12px #1b8a5a4d}.btn-save:hover{transform:translateY(-1px);box-shadow:0 6px 20px #1b8a5a66}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@media(max-width:768px){.prof-page{padding:20px 16px 80px}.prof-card{flex-direction:column;align-items:flex-start;gap:16px}.prof-card-right{width:100%;justify-content:space-between;flex-wrap:wrap;gap:10px}.prof-actions{flex-wrap:wrap}.prof-summary{flex-direction:column}}@media(max-width:480px){.prof-title{font-size:1.4rem}.modal{border-radius:16px}.modal-body,.modal-header,.modal-footer{padding-left:20px;padding-right:20px}}.prof-header-actions{display:flex;gap:12px}.btn-add{width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:linear-gradient(135deg,var(--accent),var(--primary-dark));color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:var(--shadow-sm)}.btn-add:hover{transform:scale(1.05) rotate(90deg);box-shadow:0 6px 16px #1b8a5a4d}.empty-state .btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background:linear-gradient(135deg,var(--accent),var(--primary-dark));color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:var(--transition)}.empty-state .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1b8a5a4d}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.prof-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.prof-header-actions{gap:8px}.btn-add{width:44px;height:44px}}.entrepots-container{min-height:100vh;background:#f4f7fa}.entrepots-header{position:sticky;top:0;z-index:50;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(46,134,171,.12);padding:1rem 2rem}.entrepots-header .header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:1rem}.entrepots-content{max-width:1400px;margin:0 auto;padding:2rem}.entrepots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.entrepot-card{background:#fff;border:1px solid rgba(46,134,171,.12);border-radius:20px;padding:1.5rem;cursor:pointer;transition:all .2s ease}.entrepot-card:hover{transform:translateY(-4px);border-color:#2e86ab;box-shadow:0 12px 32px #2e86ab1a}.entrepot-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.entrepot-icon{font-size:2rem;color:#2e86ab}.entrepot-card-header h3{font-size:1.25rem;font-weight:600;color:#1a2940;margin:0}.entrepot-location{display:flex;align-items:center;gap:.5rem;color:#7a95aa;font-size:.85rem;margin-bottom:1rem}.entrepot-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(46,134,171,.08);color:#2e86ab;font-size:.8rem}.arrow-icon{transition:transform .2s}.entrepot-card:hover .arrow-icon{transform:translate(4px)}.entrepot-details{background:#fff;border-radius:24px;border:1px solid rgba(46,134,171,.12);margin-top:2rem;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.details-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#2e86ab0a;border-bottom:1px solid rgba(46,134,171,.08)}.details-title{display:flex;align-items:center;gap:.75rem}.details-title svg{font-size:1.5rem;color:#2e86ab}.details-title h2{font-size:1.25rem;font-weight:600;color:#1a2940;margin:0}.close-details{width:32px;height:32px;border-radius:8px;border:1px solid rgba(46,134,171,.12);background:#fff;cursor:pointer;transition:all .2s}.close-details:hover{border-color:#e05a5a;color:#e05a5a}.details-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.5rem 2rem;background:#f8fafc}.stat-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:12px;border:1px solid rgba(46,134,171,.08)}.stat-item svg{font-size:1.5rem;color:#2e86ab}.stat-value{font-size:1.25rem;font-weight:700;color:#1a2940;display:block}.stat-label{font-size:.7rem;color:#7a95aa;text-transform:uppercase;letter-spacing:.5px}.status-summary{display:flex;gap:1rem;padding:1rem 2rem;flex-wrap:wrap}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:30px;font-size:.8rem;font-weight:500}.status-badge.status-danger{background:#e05a5a1a;color:#e05a5a}.status-badge.status-warning{background:#d977061a;color:#d97706}.status-badge.status-success{background:#1b8a5a1a;color:#1b8a5a}.products-list{padding:0 2rem 2rem}.products-list h3{font-size:1rem;font-weight:600;color:#1a2940;margin-bottom:1rem}.products-table{overflow-x:auto}.products-table table{width:100%;border-collapse:collapse}.products-table th,.products-table td{padding:.75rem;text-align:left;border-bottom:1px solid rgba(46,134,171,.08)}.products-table th{font-size:.7rem;font-weight:600;color:#7a95aa;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc}.products-table td{font-size:.85rem;color:#3d5a73}.quantity-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:20px;font-weight:600;font-size:.75rem}.quantity-badge.status-danger{background:#e05a5a26;color:#e05a5a}.quantity-badge.status-warning{background:#d9770626;color:#d97706}.quantity-badge.status-success{background:#1b8a5a26;color:#1b8a5a}tr.status-danger td:first-child,tr.status-danger td:first-child strong{color:#e05a5a}tr.status-warning td:first-child,tr.status-warning td:first-child strong{color:#d97706}tr.status-success td:first-child,tr.status-success td:first-child strong{color:#1b8a5a}.entrepots-loading,.entrepots-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f4f7fa}.entrepots-loading .spinner{width:50px;height:50px;border:3px solid rgba(46,134,171,.1);border-top-color:#2e86ab;border-radius:50%;animation:spin 1s linear infinite}.entrepots-error svg{font-size:3rem;color:#e05a5a;margin-bottom:1rem}.entrepots-error button{margin-top:1rem;padding:.5rem 1.5rem;background:#2e86ab;border:none;border-radius:30px;color:#fff;cursor:pointer}@media(max-width:768px){.entrepots-header,.entrepots-content{padding:1rem}.entrepots-grid,.details-stats{grid-template-columns:1fr}.products-table{font-size:.75rem}.products-table th,.products-table td{padding:.5rem}}.entrepot-stats-preview{display:flex;gap:1rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(46,134,171,.08)}.preview-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#7a95aa}.preview-item svg{font-size:.875rem;color:#2e86ab}.empty-products{text-align:center;padding:3rem;background:#f8fafc;border-radius:16px;color:#7a95aa}.empty-products svg{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-products p{font-size:.875rem}@media(max-width:768px){.entrepot-stats-preview{flex-direction:column;gap:.5rem}.preview-item{justify-content:space-between}}.add-entrepot-btn{margin-left:auto;display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:#2e86ab;border:none;border-radius:12px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-entrepot-btn:hover{background:#236b8a;transform:translateY(-1px);box-shadow:0 4px 12px #2e86ab4d}.success-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#1b8a5a1a;border:1px solid rgba(27,138,90,.2);border-radius:12px;color:#1b8a5a;font-size:.85rem;margin-bottom:1.5rem;animation:slideIn .3s ease}.success-message svg{font-size:1.1rem}.empty-entrepots{text-align:center;padding:4rem 2rem;background:#fff;border-radius:24px;border:1px solid rgba(46,134,171,.12)}.empty-icon{font-size:4rem;color:#7a95aa;opacity:.5;margin-bottom:1rem}.empty-entrepots h3{font-size:1.25rem;font-weight:600;color:#1a2940;margin:0 0 .5rem}.empty-entrepots p{font-size:.85rem;color:#7a95aa;margin:0 0 1.5rem}.create-first-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#2e86ab;border:none;border-radius:12px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.create-first-btn:hover{background:#236b8a;transform:translateY(-2px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.header-content{flex-wrap:wrap}.add-entrepot-btn{margin-left:0;width:100%;justify-content:center}.empty-entrepots{padding:2rem 1rem}.empty-icon{font-size:3rem}}.entrepot-add-container{min-height:100vh;background:#f4f7fa}.entrepot-add-header{position:sticky;top:0;z-index:50;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(46,134,171,.12);padding:1rem 2rem}.entrepot-add-header .header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:1rem}.back-btn{width:40px;height:40px;border-radius:12px;border:1px solid rgba(46,134,171,.12);background:#fff;color:#2e86ab;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.back-btn:hover{border-color:#2e86ab;transform:translate(-2px)}.header-title{display:flex;align-items:center;gap:1rem}.header-icon{width:48px;height:48px;background:#2e86ab1a;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#2e86ab;font-size:1.5rem}.header-title h1{font-size:1.5rem;font-weight:600;color:#1a2940;margin:0}.header-title p{font-size:.75rem;color:#7a95aa;margin:4px 0 0}.entrepot-add-content{max-width:800px;margin:0 auto;padding:2rem}.form-card{background:#fff;border-radius:24px;border:1px solid rgba(46,134,171,.12);padding:2rem;margin-bottom:1.5rem;box-shadow:0 4px 16px #2e86ab0f}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:#1a2940;margin-bottom:.5rem}.label-icon{font-size:.9rem;color:#2e86ab}.required{color:#e05a5a;font-size:.8rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper .input-icon{position:absolute;left:1rem;color:#7a95aa;font-size:1rem;pointer-events:none}.form-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:2px solid rgba(46,134,171,.12);border-radius:12px;font-size:.9rem;transition:all .2s ease;background:#fff;font-family:inherit}.form-input:focus{outline:none;border-color:#2e86ab;box-shadow:0 0 0 3px #2e86ab1a}.form-input:disabled{background:#f8fafc;cursor:not-allowed}.input-wrapper.error .form-input{border-color:#e05a5a}.input-wrapper.error .input-icon{color:#e05a5a}.error-message{display:block;margin-top:.5rem;font-size:.75rem;color:#e05a5a}.submit-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#e05a5a1a;border:1px solid rgba(224,90,90,.2);border-radius:12px;color:#e05a5a;font-size:.85rem;margin-bottom:1.5rem}.submit-error svg{font-size:1rem;flex-shrink:0}.form-actions{display:flex;gap:1rem;margin-top:1rem}.cancel-btn,.submit-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.cancel-btn{background:#f1f3f5;color:#495057}.cancel-btn:hover:not(:disabled){background:#e9ecef;transform:translateY(-1px)}.submit-btn{background:#2e86ab;color:#fff}.submit-btn:hover:not(:disabled){background:#236b8a;transform:translateY(-1px);box-shadow:0 4px 12px #2e86ab4d}.cancel-btn:disabled,.submit-btn:disabled{opacity:.6;cursor:not-allowed}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.info-card{background:#f8fafc;border-radius:20px;padding:1.5rem;border:1px solid rgba(46,134,171,.08)}.info-card h4{font-size:.9rem;font-weight:600;color:#1a2940;margin:0 0 .75rem}.info-card p{font-size:.8rem;color:#495057;margin:0 0 1rem;line-height:1.5}.info-card ul{margin:0;padding-left:1.25rem}.info-card li{font-size:.75rem;color:#7a95aa;margin-bottom:.5rem}.info-card li:last-child{margin-bottom:0}@media(max-width:768px){.entrepot-add-header,.entrepot-add-content{padding:1rem}.form-card{padding:1.5rem}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{padding:.75rem 1rem}}:root{--blue: #2E86AB;--cyan: #17A8B8;--teal: #1B8A5A;--bg: #f0f5fb;--text-1: #1a2940;--text-2: #3d5a73;--text-3: #7a95aa}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg);color:var(--text-1);overflow-x:hidden;position:relative;width:100%;max-width:100vw}html{overflow-x:hidden;width:100%}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-title{animation:fadeSlideUp 1.2s ease-out forwards}.hero-subtitle{animation:fadeSlideUp 1.5s ease-out forwards;animation-delay:.3s}.cta-button{animation:fadeSlideUp 1.8s ease-out forwards;animation-delay:.6s}.bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(46,134,171,.1) 1px,transparent 1px);background-size:32px 32px;animation:gridDrift 20s ease-in-out infinite alternate;width:100%;height:100%;overflow:hidden}@keyframes gridDrift{0%{background-position:0 0;opacity:.7}to{background-position:16px 16px;opacity:1}}.bg-orbs{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;width:100%;height:100%}.orb{position:absolute;border-radius:50%;filter:blur(72px);opacity:0;animation:orbFloat var(--dur, 18s) ease-in-out infinite;animation-delay:var(--delay, 0s)}.orb-1{width:520px;height:520px;background:radial-gradient(circle,rgba(46,134,171,.18) 0%,transparent 70%);top:-10%;left:-8%;--dur: 22s;--delay: 0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(23,168,184,.14) 0%,transparent 70%);top:20%;right:-6%;--dur: 18s;--delay: -6s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,rgba(27,138,90,.1) 0%,transparent 70%);bottom:5%;left:20%;--dur: 26s;--delay: -12s}.orb-4{width:280px;height:280px;background:radial-gradient(circle,rgba(46,134,171,.12) 0%,transparent 70%);top:55%;right:25%;--dur: 20s;--delay: -4s}.orb-5{width:200px;height:200px;background:radial-gradient(circle,rgba(23,168,184,.16) 0%,transparent 70%);top:5%;left:45%;--dur: 15s;--delay: -9s}@keyframes orbFloat{0%{opacity:0;transform:translate(0) scale(1)}15%{opacity:1}50%{opacity:1;transform:translate(40px,-30px) scale(1.08)}85%{opacity:1}to{opacity:.8;transform:translate(-20px,20px) scale(.96)}}.bg-circuits{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;width:100%;height:100%}.circuit-line{position:absolute;background:linear-gradient(90deg,transparent,var(--color, rgba(46, 134, 171, .22)),transparent);animation:lineSweep var(--dur, 8s) ease-in-out infinite;animation-delay:var(--delay, 0s);opacity:0;border-radius:2px}.cl-h1{width:35%;height:1px;top:18%;left:-40%;--dur: 9s;--delay: 0s}.cl-h2{width:25%;height:1px;top:42%;left:-30%;--dur: 12s;--delay: -3s;--color: rgba(23, 168, 184, .18)}.cl-h3{width:40%;height:1px;top:67%;left:-45%;--dur: 10s;--delay: -6s}.cl-h4{width:20%;height:1px;top:82%;right:-25%;--dur: 8s;--delay: -1s;--color: rgba(27, 138, 90, .14);animation-name:lineSweepRight}.cl-v1{width:1px;height:30%;left:22%;top:-35%;--dur: 11s;--delay: -2s;animation-name:lineSweepDown}.cl-v2{width:1px;height:22%;left:58%;top:-28%;--dur: 14s;--delay: -7s;--color: rgba(23, 168, 184, .16);animation-name:lineSweepDown}.cl-v3{width:1px;height:35%;right:18%;top:-40%;--dur: 9s;--delay: -4s;animation-name:lineSweepDown}@keyframes lineSweep{0%{opacity:0;transform:translate(0)}10%{opacity:1}80%{opacity:.6}to{opacity:0;transform:translate(140vw)}}@keyframes lineSweepRight{0%{opacity:0;transform:translate(0)}10%{opacity:1}80%{opacity:.6}to{opacity:0;transform:translate(-140vw)}}@keyframes lineSweepDown{0%{opacity:0;transform:translateY(0)}10%{opacity:1}80%{opacity:.6}to{opacity:0;transform:translateY(140vh)}}.bg-particles{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;width:100%;height:100%}.particle{position:absolute;width:var(--size, 4px);height:var(--size, 4px);border-radius:50%;background:var(--color, rgba(46, 134, 171, .5));box-shadow:0 0 6px var(--color, rgba(46, 134, 171, .4));animation:particleTwinkle var(--dur, 4s) ease-in-out infinite;animation-delay:var(--delay, 0s)}.p1{top:8%;left:12%;--size: 3px;--dur: 4s;--delay: 0s}.p2{top:15%;left:72%;--size: 5px;--dur: 6s;--delay: -1s;--color: rgba(23, 168, 184, .5)}.p3{top:28%;left:35%;--size: 3px;--dur: 5s;--delay: -2s}.p4{top:35%;left:85%;--size: 4px;--dur: 7s;--delay: -.5s;--color: rgba(27, 138, 90, .4)}.p5{top:50%;left:8%;--size: 6px;--dur: 5s;--delay: -3s;--color: rgba(23, 168, 184, .35)}.p6{top:58%;left:55%;--size: 3px;--dur: 4s;--delay: -1.5s}.p7{top:70%;left:25%;--size: 5px;--dur: 8s;--delay: -4s;--color: rgba(46, 134, 171, .4)}.p8{top:75%;left:78%;--size: 3px;--dur: 5s;--delay: -2.5s;--color: rgba(23, 168, 184, .5)}.p9{top:88%;left:42%;--size: 4px;--dur: 6s;--delay: -1s}.p10{top:92%;left:90%;--size: 3px;--dur: 4s;--delay: -3.5s;--color: rgba(27, 138, 90, .45)}.p11{top:5%;left:92%;--size: 5px;--dur: 7s;--delay: -.8s}.p12{top:45%;left:48%;--size: 3px;--dur: 5s;--delay: -2s;--color: rgba(23, 168, 184, .4)}@keyframes particleTwinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.3)}}.bg-pulse-ring{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;width:600px;height:600px;max-width:90vw;max-height:90vh;overflow:hidden}.pulse-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(46,134,171,.08);animation:pulseExpand 6s ease-out infinite;animation-delay:var(--delay, 0s)}.pulse-ring:nth-child(2){--delay: -2s;border-color:#17a8b80f}.pulse-ring:nth-child(3){--delay: -4s;border-color:#1b8a5a0d}@keyframes pulseExpand{0%{transform:scale(.4);opacity:0}20%{opacity:1}to{transform:scale(2.2);opacity:0}}.app{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1;overflow-x:hidden;width:100%;max-width:100vw}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;background-color:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(46,134,171,.1);position:sticky;top:0;z-index:100;min-height:60px}.logo{display:flex;align-items:center;flex-shrink:0}.logo-img{height:45px;width:auto;object-fit:contain}.burger-menu{display:none;background:none;border:none;font-size:1.8rem;color:#2e86ab;cursor:pointer;z-index:101;transition:transform .3s ease;padding:.5rem}.burger-menu:hover{transform:scale(1.1)}.logo-text{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#2e86ab,#17a8b8);background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:-.5px}.nav-links{display:flex;gap:2rem;list-style:none;align-items:center;font-weight:500;color:#2c3e3f;transition:transform .3s ease;margin:0}.nav-links li{cursor:pointer;transition:color .2s ease;white-space:nowrap}.nav-links li:hover{color:#2e86ab}.login-link{text-decoration:none;color:#2c3e3f;cursor:pointer}.se-connecter{border-left:1px solid #ddd;padding-left:1.5rem}.creer-compte{background-color:#2e86ab;color:#fff!important;padding:.5rem 1.2rem;border-radius:2rem;transition:background .2s}.creer-compte:hover{background-color:#236b8a;color:#fff!important}.menu-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:98;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero{flex:1;display:flex;gap:2rem;justify-content:space-around;align-items:center;text-align:center;padding:3rem 2rem;background:transparent;flex-wrap:wrap;width:100%;max-width:100%;overflow:hidden}.hero_text{width:100%;max-width:600px;flex:1;min-width:280px;overflow-wrap:break-word;word-wrap:break-word}.hero_image{flex:1;min-width:250px;max-width:400px}.logo_hero{width:100%;height:auto;animation:floatImage 6s ease-in-out infinite}@keyframes floatImage{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-title{font-size:clamp(1.8rem,5vw,3rem);font-weight:800;line-height:1.2;margin-bottom:1rem;color:#1a2a2f}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:#4a5c5e;margin-bottom:2rem}.hero-subtitle strong{color:#2e86ab;font-weight:600}.cta-button{background-color:#026e47;border:none;color:#fff;font-size:clamp(1rem,2vw,1.1rem);font-weight:600;padding:.9rem 2.2rem;border-radius:3rem;cursor:pointer;transition:all .2s ease;margin:2rem auto;box-shadow:0 4px 12px #2e86ab33;width:100%;max-width:300px;display:block}.cta-button:hover{background-color:#035c3b;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 16px #2e86ab4d}.cta-button.secondary{background-color:transparent;color:#2e86ab;border:2px solid #2E86AB;box-shadow:none;margin-bottom:0}.cta-button.secondary:hover{background-color:#2e86ab;color:#fff}.reviews{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;margin-top:1rem}.review{background:#fff;padding:.8rem 1.5rem;border-radius:2rem;box-shadow:0 2px 8px #0000000d;display:flex;align-items:center;gap:.5rem}.stars{font-size:1.2rem;letter-spacing:2px;color:#f5b342}.rating{font-weight:600;color:#1a2a2f}.footer{background-color:#e8f0f7d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(46,134,171,.1);padding:3rem 5% 1.5rem;margin-top:auto;width:100%;overflow:hidden}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;margin-bottom:2rem}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.logo-text,.footer-logo .logo-text.small{background:linear-gradient(135deg,#2e86ab,#17a8b8,#1b8a5a);background-size:300% 300%;animation:gradientMove 6s ease infinite;background-clip:text;-webkit-background-clip:text;color:transparent}.slogan{font-size:1.2rem;color:#2c3e3f;max-width:500px;font-weight:500}.copyright{text-align:center;font-size:.8rem;color:#6b7c7e;border-top:1px solid #dfe7e4;padding-top:1.5rem}@media(max-width:1024px){.hero{padding:2rem 1.5rem}.hero_text{width:100%;min-width:250px}.hero_image{max-width:300px}.bg-pulse-ring{width:400px;height:400px}}@media(max-width:768px){.navbar{padding:.8rem 4%;min-height:56px;width:100%}.logo-img{height:38px}.burger-menu,.menu-overlay{display:block}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:280px;max-width:80vw;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:5rem 2rem 2rem;gap:1.5rem;box-shadow:-4px 0 20px #0000001a;transition:right .3s ease;z-index:99}.nav-links.active{right:0}.nav-links li{width:100%;padding:.8rem 1rem;border-radius:8px;transition:background .2s ease}.nav-links li:hover{background:#2e86ab1a}.se-connecter{border-left:none;border-top:1px solid #ddd;padding-left:1rem;padding-top:1.5rem;margin-top:1rem;width:100%}.creer-compte{width:100%;text-align:center;padding:.8rem 1.2rem}.hero{flex-direction:column;padding:2rem 1rem;gap:2rem}.hero_text{width:100%;text-align:center;min-width:auto}.hero_image{width:100%;max-width:250px}.cta-button{width:100%;max-width:280px;margin:1rem auto}.reviews{gap:1rem}.review{padding:.5rem 1rem;font-size:.9rem}.footer{padding:2rem 1rem 1rem}.bg-pulse-ring{width:300px;height:300px}.orb{filter:blur(50px)}}@media(max-width:480px){.navbar{padding:.7rem 3%;min-height:52px}.logo-img{height:35px}.burger-menu{font-size:1.6rem;padding:.3rem}.nav-links{gap:.5rem;font-size:.85rem}.nav-links li{padding:.3rem .5rem}.hero{padding:1.5rem 1rem}.hero_image{max-width:200px}.cta-button{padding:.8rem 1.5rem;font-size:1rem}.slogan{font-size:1rem}.bg-pulse-ring{width:250px;height:250px}.circuit-line{display:none}}.register-page{min-height:100vh;background:linear-gradient(135deg,#f0f5fb,#fff);padding:2rem}.register-container{max-width:800px;margin:0 auto;background:#fff;border-radius:2rem;box-shadow:0 20px 40px #00000014;overflow:hidden}.register-header{background:linear-gradient(135deg,#236b8a,#2e86ab);padding:2rem;color:#fff;text-align:center}.register-header h1{font-size:1.8rem;margin-bottom:.5rem}.register-header p{opacity:.9;margin-bottom:2rem}.steps-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.step{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative}.step-number{width:40px;height:40px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s ease}.step.active .step-number{background:#fff;color:#2e86ab;transform:scale(1.1)}.step.completed .step-number{background:#17a8b8;color:#fff}.step-label{font-size:.8rem;opacity:.8}.step.active .step-label{opacity:1;font-weight:700}.step-line{width:50px;height:2px;background:#ffffff4d}.step-content{padding:2.5rem}.step-icon{text-align:center;margin-bottom:1.5rem}.step-content h2{text-align:center;color:#1a2a2f;margin-bottom:.5rem}.validation-subtitle{text-align:center;color:#6b7c7e;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#2c3e3f;margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.8rem 1rem;border:2px solid #eef2f0;border-radius:.8rem;font-size:1rem;transition:all .3s ease;background:#fefefe}.form-group input:focus,.form-group select:focus{outline:none;border-color:#17a8b8;box-shadow:0 0 0 3px #17a8b81a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.password-input{position:relative}.password-input input{padding-right:3rem}.toggle-password{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#6b7c7e}.option-card{background:#f8faf9;border-radius:1rem;margin-bottom:1.5rem;overflow:hidden}.option-header{display:flex;align-items:center;gap:1rem;padding:1.2rem;border-bottom:1px solid #eef2f0}.option-info{flex:1}.option-info h3{font-size:1rem;margin-bottom:.25rem;color:#1a2a2f}.option-info p{font-size:.8rem;color:#6b7c7e}.option-details{padding:1.2rem;animation:slideDown .3s ease}.toggle-switch{position:relative;display:inline-block;width:52px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:#17a8b8}input:checked+.toggle-slider:before{transform:translate(26px)}.summary-card{background:#f8faf9;border-radius:1rem;padding:1.2rem;margin-bottom:1rem}.summary-card h3{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#1a2a2f}.summary-grid div{font-size:.9rem}.form-navigation{display:flex;justify-content:space-between;margin-top:2rem;gap:1rem}.btn-prev,.btn-next,.btn-submit{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border:none;border-radius:2rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-prev{background:#f0f5fb;color:#2c3e3f}.btn-prev:hover{background:#e4ece9}.btn-next,.btn-submit{background:#2e86ab;color:#fff;margin-left:auto}.btn-next:hover,.btn-submit:hover{background:#236b8a;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease}.slide-down{animation:slideDown .3s ease}@media(max-width:768px){.register-page{padding:1rem}.step-content{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:0}.steps-indicator{gap:.25rem}.step-line{width:30px}.step-label{font-size:.7rem}.form-navigation{flex-direction:column}.btn-next,.btn-submit{margin-left:0}}.back-home-btn{position:absolute;top:1.5rem;left:1.5rem;display:flex;align-items:center;gap:.5rem;background:#fff3;border:none;color:#fff;padding:.5rem 1rem;border-radius:2rem;cursor:pointer;font-size:.9rem;transition:all .3s ease}.back-home-btn:hover{background:#ffffff4d;transform:translate(-2px)}.error-message{display:flex;align-items:center;gap:.3rem;color:#e05a5a;font-size:.75rem;margin-top:.3rem}.form-group input.error,.form-group select.error{border-color:#e05a5a}.form-group input.error:focus,.form-group select.error:focus{border-color:#e05a5a;box-shadow:0 0 0 3px #e05a5a1a}.register-header{position:relative;padding-top:4rem}@keyframes spin{to{transform:rotate(360deg)}}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem}.summary-grid div{font-size:.9rem;padding:.5rem;background:#fff;border-radius:.5rem}.section-divider{display:flex;align-items:center;margin:1.5rem 0 1rem;color:#6b7c7e;font-size:.9rem;font-weight:500}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:#eef2f0}.section-divider span{padding:0 1rem}.form-group input[type=number]{-moz-appearance:textfield}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{opacity:.5}.popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.popup-container{background:#fff;border-radius:2rem;padding:2rem;max-width:450px;width:90%;text-align:center;box-shadow:0 20px 40px #0003;animation:slideUp .3s ease}.success-popup{background:linear-gradient(135deg,#fff,#f0f5fb)}.popup-icon{margin-bottom:1.5rem}.popup-container h3{font-size:1.5rem;color:#1a2a2f;margin-bottom:1rem}.popup-container p{color:#6b7c7e;line-height:1.6;margin-bottom:1.5rem}.popup-container strong{color:#2e86ab}.popup-button{background:linear-gradient(135deg,#2e86ab,#17a8b8);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:2rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.popup-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #2e86ab4d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}