@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap);.pwa-modal-overlay{align-items:center;animation:fadeIn .25s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#040812c7;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.pwa-modal-card{animation:scaleIn .28s cubic-bezier(.34,1.56,.64,1);background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:0 24px 60px #0009,0 0 30px var(--brand-glow);display:flex;flex-direction:column;max-width:500px;overflow:hidden;width:100%}.pwa-modal-header{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:20px 24px}.pwa-app-brand{align-items:center;display:flex;gap:14px}.pwa-app-icon{border:1px solid var(--border-default);border-radius:12px;box-shadow:var(--shadow-sm);height:48px;object-fit:contain;width:48px}.pwa-app-title{color:var(--text-primary);font-family:var(--font-display);font-size:18px;font-weight:800;line-height:1.2}.pwa-app-title span,.pwa-badge{color:var(--brand)}.pwa-badge{align-items:center;background:var(--brand-muted);border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;gap:5px;margin-top:4px;padding:2px 8px}.pwa-close-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;height:34px;justify-content:center;transition:all var(--transition);width:34px}.pwa-close-btn:hover{background:var(--danger-muted);border-color:#ef44444d;color:var(--danger)}.pwa-modal-body{display:flex;flex-direction:column;gap:18px;max-height:75vh;overflow-y:auto;padding:24px}.pwa-intro-text{color:var(--text-secondary);font-size:13.5px;line-height:1.55;margin:0}.pwa-one-click-box{background:linear-gradient(135deg,#6366f126,#a855f726);border:1.5px solid var(--brand);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:14px;padding:18px}.pwa-one-click-desc{align-items:flex-start;display:flex;gap:12px}.pwa-icon-accent{color:var(--brand);flex-shrink:0;margin-top:2px}.pwa-one-click-desc strong{color:var(--text-primary);display:block;font-size:14px;margin-bottom:2px}.pwa-one-click-desc p{color:var(--text-secondary);font-size:12.5px;margin:0}.pwa-install-btn{background:var(--brand);box-shadow:0 4px 20px var(--brand-glow);color:#fff;font-weight:700;width:100%}.pwa-install-btn:hover{background:var(--brand-hover)}.pwa-tutorial-section{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:14px;padding:18px}.pwa-tutorial-title{align-items:center;color:var(--text-primary);display:flex;font-size:13.5px;font-weight:700;gap:8px}.pwa-steps-list{display:flex;flex-direction:column;gap:12px}.pwa-step-item{align-items:flex-start;display:flex;gap:12px}.pwa-step-num{align-items:center;background:var(--brand);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:var(--font-display);font-size:12px;font-weight:800;height:24px;justify-content:center;margin-top:1px;width:24px}.pwa-step-content{color:var(--text-secondary);flex:1 1;font-size:13px;line-height:1.45}.pwa-step-content strong{color:var(--text-primary)}.pwa-inline-icon{color:var(--brand);display:inline-block;margin:0 2px;vertical-align:middle}.pwa-inline-icon.share{color:#3b82f6}.pwa-inline-icon.add{color:#10b981}.pwa-benefits-row{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:10px;justify-content:space-around;padding-top:6px}.pwa-benefit,.pwa-benefits-row{align-items:center;display:flex}.pwa-benefit{color:var(--text-secondary);font-size:11.5px;font-weight:600;gap:6px}.pwa-check{color:var(--success)}.pwa-modal-footer{background:var(--bg-surface);border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;padding:14px 24px}.layout{background:var(--bg-base);display:flex;min-height:100vh}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-default);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width .22s cubic-bezier(.4,0,.2,1);width:var(--sidebar-w);z-index:200}.layout.collapsed .sidebar{width:var(--sidebar-collapsed)}.sidebar-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;min-height:68px;padding:18px 16px}.logo,.sidebar-header{align-items:center;display:flex}.logo{gap:10px;overflow:hidden;text-decoration:none}.logo-mark{align-items:center;background:linear-gradient(135deg,var(--brand) 0,var(--purple) 100%);border-radius:var(--radius-md);box-shadow:0 4px 12px var(--brand-glow);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.logo-text-wrap{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap}.logo-name{color:var(--text-primary);font-family:var(--font-display);font-size:17px;font-weight:800;letter-spacing:-.03em}.logo-name span{color:var(--brand)}.logo-tagline{color:var(--text-muted);font-size:10px;font-weight:500;margin-top:-1px}.sidebar-toggle{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all var(--transition);width:28px}.sidebar-toggle:hover{background:var(--bg-card);border-color:var(--border-strong);color:var(--text-primary)}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:12px 10px}.nav-section-label{color:var(--text-disabled);font-size:9.5px;font-weight:800;letter-spacing:.12em;overflow:hidden;padding:10px 10px 4px;text-transform:uppercase;transition:opacity var(--transition);white-space:nowrap}.layout.collapsed .nav-section-label{height:0;margin:0;opacity:0;padding:0}.nav-item{align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:13.5px;font-weight:500;gap:11px;overflow:hidden;padding:9px 10px;position:relative;text-decoration:none;transition:all var(--transition);white-space:nowrap}.nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.nav-item.active{background:var(--brand-muted);color:var(--brand);font-weight:600}.nav-item.active:before{background:var(--brand);border-radius:2px 0 0 2px;bottom:20%;content:"";position:absolute;right:0;top:20%;width:3px}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.nav-label{flex:1 1;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:10px}.theme-toggle{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:13px;font-weight:500;gap:11px;overflow:hidden;padding:9px 10px;transition:all var(--transition);white-space:nowrap;width:100%}.theme-toggle:hover{background:var(--bg-elevated);color:var(--text-primary)}.theme-toggle-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.company-tag{align-items:center;border-radius:var(--radius-sm);display:flex;gap:8px;overflow:hidden;padding:7px 10px}.company-pulse{animation:pulse 2.5s ease infinite;background:var(--success);border-radius:50%;box-shadow:0 0 6px var(--success);flex-shrink:0;height:6px;width:6px}.company-name{color:var(--text-muted);flex:1 1;font-size:11.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-wrapper{display:flex;flex:1 1;flex-direction:column;margin-left:var(--sidebar-w);min-height:100vh;min-width:0;transition:margin-left .22s cubic-bezier(.4,0,.2,1)}.layout.collapsed .main-wrapper{margin-left:var(--sidebar-collapsed)}.topbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-surface);border-bottom:1px solid var(--border-default);display:flex;gap:16px;height:var(--topbar-h);left:var(--sidebar-w);padding:0 24px;position:fixed;right:0;top:0;transition:left .22s cubic-bezier(.4,0,.2,1);z-index:100}.layout.collapsed .topbar{left:var(--sidebar-collapsed)}@media (max-width:1024px){.topbar{padding:0 20px}}@media (max-width:768px){.topbar{padding:0 16px}}@media (max-width:480px){.topbar{padding:0 12px}}.topbar-mobile-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:none;padding:4px;transition:all var(--transition)}.topbar-mobile-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.topbar-breadcrumb{align-items:center;display:flex;flex:1 1;gap:8px}.topbar-page{color:var(--text-primary);font-family:var(--font-display);font-size:16px;font-weight:700}.topbar-right{gap:10px}.status-pill,.topbar-right{align-items:center;display:flex}.status-pill{background:var(--success-muted);border-radius:var(--radius-full);color:var(--success);font-size:11.5px;font-weight:700;gap:6px;letter-spacing:.03em;padding:5px 12px}.status-dot{animation:pulse 2s ease infinite;background:currentColor;border-radius:50%;height:6px;width:6px}.main-content{flex:1 1;margin-top:var(--topbar-h);min-width:0;padding:24px;width:100%}@media (max-width:1024px){.main-content{padding:20px}}@media (max-width:768px){.main-content{padding:16px}}@media (max-width:480px){.main-content{padding:12px}}.mobile-overlay{display:none}@media (max-width:768px){.sidebar-toggle{display:none!important}.sidebar{transform:translateX(-100%);transition:transform .25s ease,width 0s;width:var(--sidebar-w)!important}.sidebar.mobile-open{box-shadow:8px 0 32px #00000080;transform:translateX(0)}.mobile-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:block;inset:0;position:fixed;z-index:199}.main-wrapper{margin-left:0!important}.topbar-mobile-btn{display:flex}.main-content{padding:16px}.topbar{left:0!important;padding:0 16px}}.dashboard{display:flex;flex-direction:column;gap:24px}.dashboard-grid{align-items:start;grid-template-columns:1fr 340px}@media (max-width:1200px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width:640px){.kpi-grid{grid-template-columns:1fr 1fr!important}.kpi-value{font-size:14px!important}}.pagination-container{background:var(--bg-card);border-bottom-left-radius:14px;border-bottom-right-radius:14px;border-top:1px solid var(--border-default);gap:14px;justify-content:space-between;padding:14px 20px}.pagination-container,.pagination-left{align-items:center;display:flex;flex-wrap:wrap}.pagination-left{gap:16px}.pagination-text{color:var(--text-secondary);font-size:13px}.pagination-text strong{color:var(--text-main);font-weight:700}.page-size-selector{align-items:center;color:var(--text-muted);display:flex;font-size:12.5px;gap:6px}.page-size-select{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;color:var(--text-main);cursor:pointer;font-size:12.5px;font-weight:700;outline:none;padding:5px 8px;transition:border-color .2s}.page-size-select:focus{border-color:var(--brand)}.pagination-right{align-items:center;display:flex;gap:10px}.btn-page-action{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;color:var(--text-main);cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:600;gap:4px;padding:6px 12px;transition:all .15s ease}.btn-page-action:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-strong);color:var(--brand)}.btn-page-action:disabled{cursor:not-allowed;opacity:.45}.page-indicator{color:var(--text-secondary);font-size:12.5px;padding:0 4px}.page-indicator strong{color:var(--brand);font-size:13.5px;font-weight:800}.flyer-generator-container{display:flex;flex-direction:column;gap:20px;padding-bottom:40px;width:100%}.flyer-page-header{align-items:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 24px}.flyer-page-header h2{color:var(--text-main);font-size:22px;font-weight:800;margin-bottom:4px}.flyer-page-header p{color:var(--text-muted);font-size:13px}.flyer-download-main-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 14px #2563eb59;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .2s ease}.flyer-download-main-btn:hover:not(:disabled){box-shadow:0 6px 20px #2563eb73;transform:translateY(-2px)}.flyer-download-main-btn:disabled{cursor:not-allowed;opacity:.7}.template-selector-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:16px 20px}.template-selector-label{color:var(--text-main);font-size:14px;font-weight:700}.template-grid-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.template-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 14px;transition:all .2s ease}.template-btn:hover{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-main)}.template-btn.active{background:var(--brand-muted);border-color:var(--brand);color:var(--brand);font-weight:700}.tpl-badge{align-items:center;background:var(--border-default);border-radius:50%;color:var(--text-main);display:flex;font-size:11px;font-weight:800;height:20px;justify-content:center;width:20px}.template-btn.active .tpl-badge{background:var(--brand);color:#fff}.custom-upload-btn{background:#10b9811a!important;border-color:#10b9814d!important;color:#10b981!important}.custom-upload-btn.active,.custom-upload-btn:hover{background:#10b981!important;color:#fff!important}.flyer-workspace{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:430px 1fr}@media (max-width:1024px){.flyer-workspace{grid-template-columns:1fr}}.flyer-controls-panel{display:flex;flex-direction:column;gap:16px}.controls-section-title{align-items:center;color:var(--text-main);display:flex;font-size:14px;font-weight:700;justify-content:space-between}.swap-route-btn{align-items:center;background:#6366f11f;border:1px solid #6366f140;border-radius:10px;color:var(--brand);cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:8px 12px;transition:all .2s}.swap-route-btn:hover{background:var(--brand);color:#fff}.form-group-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:14px;display:flex;flex-direction:column;gap:10px;padding:16px}.warning-card-box{background:#ef444408;border-color:#ef44444d}.red-input{border-color:#ef444466!important;color:#ef4444!important;font-weight:600!important}.airline-selector-box{background:#0284c708;border-color:#0284c74d}.btn-upload-airline{align-items:center;background:#0284c71f;border:1px solid #0284c740;border-radius:8px;color:#0284c7;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:6px;padding:8px 12px;transition:all .2s;width:100%}.btn-upload-airline:hover{background:#0284c7;color:#fff}.custom-airline-img{height:100%;width:100%}.form-card-label{align-items:center;color:var(--text-main);display:flex;font-size:13px;font-weight:700;gap:6px}.field-sublabel{color:var(--text-muted);display:block;font-size:11px;font-weight:600;margin-bottom:4px}.form-row-2{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.form-row-3{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr}.flyer-select-input,.flyer-text-input{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;color:var(--text-main);font-size:13px;font-weight:500;outline:none;padding:9px 12px;transition:border-color .2s;width:100%}.flyer-select-input:focus,.flyer-text-input:focus{border-color:var(--brand)}.flyer-preview-column{display:flex;flex-direction:column;gap:12px}.preview-header-bar{align-items:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;justify-content:space-between;padding:10px 16px}.btn-quick-download{align-items:center;background:var(--brand-muted);border:1px solid #6366f133;border-radius:6px;color:var(--brand);cursor:pointer;display:inline-flex;font-size:11px;font-weight:700;gap:4px;padding:5px 10px}.btn-quick-download:hover{background:var(--brand);color:#fff}.flyer-zoom-select{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;color:var(--text-main);cursor:pointer;font-size:12px;font-weight:600;outline:none;padding:4px 8px}.flyer-scroll-hint-banner{align-items:center;background:var(--brand-muted);border:1px solid #6366f140;border-radius:10px;color:var(--brand);display:flex;font-size:11.5px;font-weight:600;gap:8px;line-height:1.4;padding:8px 12px}.flyer-frame-wrapper{-webkit-overflow-scrolling:touch;background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;box-shadow:var(--shadow-md);box-sizing:border-box;display:block;max-width:100%;overflow:auto!important;padding:20px;position:relative;text-align:center;touch-action:pan-x pan-y;width:100%}.flyer-frame-wrapper::-webkit-scrollbar{height:12px;width:12px}.flyer-frame-wrapper::-webkit-scrollbar-thumb{background:var(--brand);border:2px solid var(--bg-card);border-radius:6px}.flyer-frame-wrapper::-webkit-scrollbar-track{background:var(--bg-surface);border-radius:6px}.flyer-artboard-scaler-container{display:inline-block;height:580px;margin:0 auto;transform-origin:top center;transition:transform .2s ease;width:580px}.zoom-mode-100 .flyer-artboard-scaler-container{zoom:1!important;margin-bottom:0!important;transform:scale(1)!important}.zoom-mode-75 .flyer-artboard-scaler-container{zoom:.75!important;margin-bottom:-145px!important;transform:scale(.75)!important}.zoom-mode-50 .flyer-artboard-scaler-container{zoom:.5!important;margin-bottom:-290px!important;transform:scale(.5)!important}.flyer-artboard{background:#0b1528;border-radius:4px;box-shadow:0 20px 40px #0009;box-sizing:border-box;display:flex;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:580px;justify-content:space-between;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:580px}.custom-bg-img{height:100%;object-fit:cover;width:100%}.custom-bg-img,.flyer-bg-overlay{left:0;position:absolute;top:0;z-index:1}.flyer-bg-overlay{background:linear-gradient(180deg,#0c182c,#15253e 50%,#0d1627);bottom:0;overflow:hidden;right:0}.flyer-sky-gradient{background:radial-gradient(circle at 50% 20%,#1e40af66 0,#0c182c00 70%);height:60%;left:0;position:absolute;top:0;width:100%}.plane-graphic-container{align-items:center;display:flex;height:230px;justify-content:center;left:0;opacity:.96;pointer-events:none;position:absolute;top:10px;transition:transform .05s ease-out;width:100%;z-index:2}.plane-svg-bg{height:100%;object-fit:contain;width:100%}.custom-airline-img{filter:drop-shadow(0 10px 20px rgba(0,0,0,.85));max-height:210px;max-width:92%;object-fit:contain}.flyer-top-brand{align-items:center;display:flex;flex-direction:column;padding-top:14px;position:relative;text-shadow:0 2px 4px #000c;z-index:10}.brand-logo-line{align-items:center;display:flex;gap:8px}.brand-plane-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transform:rotate(-15deg)}.brand-title{color:#fff;font-family:Impact,Arial Black,sans-serif;font-size:24px;font-style:italic;font-weight:900;letter-spacing:.5px;text-shadow:0 3px 6px #000000e6;text-transform:uppercase}.brand-subtitle-line{background:#0000;border:none;box-shadow:none;margin-top:1px;padding:0}.brand-subtitle-line span{color:#fbbf24;font-size:13.5px;font-weight:800;letter-spacing:1.2px;text-shadow:0 2px 4px #000000e6;text-transform:uppercase}.flyer-red-warning-banner{background:linear-gradient(90deg,#dc2626,#ef4444 50%,#b91c1c);border:1px solid #fca5a5;border-radius:8px;box-shadow:0 4px 12px #dc262680;margin:6px 20px 0;padding:5px 14px;position:relative;text-align:center;z-index:10}.flyer-red-warning-banner.bottom-banner{border-radius:8px;margin:4px 16px 6px;padding:6px 16px}.flyer-red-warning-banner span{color:#fff;font-size:13px;font-weight:900;letter-spacing:.3px;text-shadow:0 1px 2px #000c}.flyer-info-pill-banner{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ad9;border:1px solid #38bdf866;border-radius:20px;margin:4px 24px 0;padding:4px 16px;position:relative;text-align:center;z-index:10}.flyer-info-pill-banner span{color:#38bdf8;font-size:12px;font-weight:800;letter-spacing:.3px}.flyer-route-box{align-items:center;display:flex;justify-content:space-between;margin-top:42px;padding:0 24px;position:relative;z-index:10}.city-flag-card{align-items:center;display:flex;flex-direction:column;gap:6px;width:135px}.city-name{color:#fff;font-family:Arial Black,sans-serif;font-size:24px;font-weight:900;letter-spacing:1px;text-align:center;text-shadow:0 3px 6px #000000e6;text-transform:uppercase}.flag-wrapper{background:#000;border:3px solid #fff;border-radius:8px;box-shadow:0 8px 18px #0009;height:65px;overflow:hidden;width:105px}.flag-svg{height:100%;object-fit:cover;width:100%}.route-center-col{align-items:center;display:flex;flex-direction:column;gap:10px;width:190px}.route-arrow-line{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.arrow-shaft{background:linear-gradient(90deg,#f59e0b,#fbbf24,#f59e0b);border-radius:2px;box-shadow:0 0 8px #f59e0bcc;height:4px;width:120px}.arrow-head{color:#fbbf24;font-size:20px;margin-left:-6px;text-shadow:0 0 8px #f59e0bcc}.price-gold-badge{background:linear-gradient(180deg,#fef08a,#f59e0b 40%,#d97706 70%,#92400e);border:3px solid #fef08a;border-radius:14px;box-shadow:0 8px 20px #000000b3,inset 0 2px 4px #fffc;padding:6px 20px}.price-text{color:#fff;font-family:Arial Black,sans-serif;font-size:26px;font-weight:900;letter-spacing:.5px;text-shadow:0 2px 5px #000000e6;white-space:nowrap}.flyer-dates-row{display:flex;justify-content:space-between;margin-top:6px;padding:0 32px;position:relative;z-index:10}.date-block{align-items:center;display:flex;flex-direction:column}.date-label{color:#fff;font-size:14px;font-weight:700;text-shadow:0 2px 4px #000000e6}.date-val-gold{color:#f59e0b;font-family:Arial Black,sans-serif;font-size:24px;font-weight:900;letter-spacing:1px;text-shadow:0 2px 6px #000000e6;text-transform:uppercase}.flyer-phones-row{display:flex;justify-content:space-between;margin-top:6px;padding:0 20px;position:relative;z-index:10}.phone-pill-stack{display:flex;flex-direction:column;gap:4px;width:240px}.phone-pill-stack:last-child{align-items:flex-end}.phone-pill{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 4px 10px #00000080;display:inline-flex;gap:6px;padding:4px 10px;width:fit-content}.phone-pill.secondary{background:#f8fafc;opacity:.95}.wa-icon-circle{align-items:center;background:#25d366;border-radius:50%;box-shadow:0 2px 4px #25d36666;display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.phone-pill span{color:#0f172a;font-size:13.5px;font-weight:900;letter-spacing:.2px}.flyer-payment-section{align-items:center;display:flex;flex-direction:column;gap:4px;margin-top:4px;position:relative;z-index:10}.payment-title{color:#fff;font-size:12px;font-weight:900;letter-spacing:1px;text-shadow:0 2px 4px #000000e6}.payment-methods-pill{align-items:center;background:linear-gradient(135deg,#38bdf8,#0284c7);border:2px solid #7dd3fc;border-radius:10px;box-shadow:0 4px 12px #0009;display:flex;gap:14px;padding:5px 20px}.pay-brand{gap:6px}.om-icon,.pay-brand{align-items:center;display:flex}.om-icon{background:#f60;border-radius:3px;color:#fff;font-size:11px;font-weight:900;height:16px;justify-content:center;width:16px}.om-text{color:#fff;font-size:13px}.om-text b{color:#fff;font-weight:900}.pay-divider{color:#fff9;font-weight:700}.wave-icon{font-size:14px}.wave-text{color:#0f172a;font-size:15px;font-weight:900;letter-spacing:-.5px}.flyer-footer-strip{align-items:center;background:linear-gradient(180deg,#fef3c7,#fde68a);border-top:2px solid #f59e0b;display:flex;justify-content:space-around;padding:8px 10px;position:relative;z-index:10}.address-item{align-items:center;display:flex;gap:4px}.pin-icon{color:#b45309;flex-shrink:0}.address-item span{color:#1e293b;font-size:10.5px;font-weight:900;letter-spacing:.3px;text-transform:uppercase}.addr-sep{color:#d97706;font-size:13px;font-weight:900}.template-theme-template2 .flyer-bg-overlay{background:linear-gradient(180deg,#050b14,#0a192f 50%,#030712)}.template-theme-template2 .brand-badge-ribbon{background:linear-gradient(135deg,#0284c7,#06b6d4);border-color:#38bdf8}.template-theme-template2 .price-gold-badge{background:linear-gradient(180deg,#34d399,#059669);border-color:#6ee7b7}.template-theme-template2 .date-val-gold{color:#34d399}.template-theme-template2 .arrow-shaft{background:linear-gradient(90deg,#34d399,#6ee7b7)}.template-theme-template2 .arrow-head{color:#34d399}.template-theme-template3 .flyer-bg-overlay{background:linear-gradient(180deg,#180d04,#2e1a09 50%,#120902)}.template-theme-template3 .brand-badge-ribbon{background:linear-gradient(135deg,#eab308,#ca8a04);border-color:#fef08a}.template-theme-template3 .price-gold-badge{background:linear-gradient(180deg,#fbbf24,#d97706);border-color:#fef08a}.template-theme-template3 .date-val-gold{color:#fbbf24}@media (max-width:1024px){.flyer-workspace{gap:20px;grid-template-columns:1fr}.flyer-preview-column{order:-1}}@media (max-width:768px){.flyer-generator-container{padding-bottom:60px}.flyer-page-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.flyer-download-main-btn{font-size:15px;justify-content:center;padding:14px;width:100%}.template-grid-buttons{grid-template-columns:1fr 1fr}.flyer-frame-wrapper{border-radius:12px;overflow-x:hidden;padding:12px 6px}.flyer-artboard-scaler-container{zoom:calc(.17241vw - .08276px);max-width:100%}@supports not (zoom:1){.flyer-artboard-scaler-container{margin-bottom:calc(580px*(.17241vw - .08276px - 1));transform:scale(calc(.17241vw - .08276px))}}}@media (max-width:520px){.template-grid-buttons{grid-template-columns:1fr}.form-row-2,.form-row-3,.plane-sliders-row{grid-template-columns:1fr!important}.flyer-artboard-scaler-container{zoom:calc(.17241vw - .06207px)}@supports not (zoom:1){.flyer-artboard-scaler-container{margin-bottom:calc(580px*(.17241vw - .06207px - 1));transform:scale(calc(.17241vw - .06207px))}}}.communiques-container{display:flex;flex-direction:column;gap:20px;padding-bottom:40px;width:100%}.communiques-page-header{align-items:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 24px}.header-title-box{align-items:center;display:flex;gap:14px}.header-icon-circle{align-items:center;background:var(--brand-muted);border-radius:12px;color:var(--brand);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.header-title-box h2{color:var(--text-main);font-size:20px;font-weight:800;margin-bottom:2px}.header-title-box p{color:var(--text-muted);font-size:13px}.wa-connection-pill{align-items:center;border:1px solid #0000;border-radius:20px;display:inline-flex;font-size:12.5px;font-weight:700;gap:8px;padding:8px 16px}.wa-connection-pill.connected{background:var(--success-muted);border-color:#22c55e40;color:var(--success)}.wa-connection-pill.disconnected{background:#f59e0b1f;border-color:#f59e0b40;color:#f59e0b}.wa-connection-pill .dot{border-radius:50%;height:8px;width:8px}.wa-connection-pill.connected .dot{background:#10b981;box-shadow:0 0 6px #10b981}.wa-connection-pill.disconnected .dot{background:#f59e0b}.communiques-workspace{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 380px}@media (max-width:1024px){.communiques-workspace{grid-template-columns:1fr}}.card-box{background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:20px}.card-box-header{gap:10px}.card-box-header,.step-number{align-items:center;display:flex}.step-number{background:var(--brand);border-radius:50%;color:#fff;font-size:13px;font-weight:800;height:26px;justify-content:center;width:26px}.card-box-header h3{color:var(--text-main);font-size:15px;font-weight:700}.target-options-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.target-tab-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12.5px;font-weight:600;gap:8px;justify-content:center;padding:10px 14px;transition:all .2s ease}.target-tab-btn:hover{background:var(--bg-elevated);color:var(--text-main)}.target-tab-btn.active{background:var(--brand-muted);border-color:var(--brand);color:var(--brand);font-weight:700}.sub-select-wrapper{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:14px}.input-label{color:var(--text-muted);font-size:12px;font-weight:700}.comm-select-input{background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;color:var(--text-main);font-size:13.5px;font-weight:600;outline:none;padding:10px 12px;width:100%}.target-summary-info{color:var(--brand);font-size:12px;margin-top:4px}.custom-list-header{align-items:center;color:var(--text-muted);display:flex;font-size:12px;font-weight:600;justify-content:space-between}.btn-link{background:none;border:none;color:var(--brand);cursor:pointer;font-size:12px;font-weight:700}.custom-clients-scroll-box{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto;padding-right:4px}.client-check-item{align-items:center;background:var(--bg-card);border-radius:8px;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 12px;transition:background .15s}.client-check-item:hover{background:var(--bg-card-hover)}.client-name{color:var(--text-main)}.client-phone{color:var(--text-muted);font-size:12px;margin-left:auto}.template-chips-row{display:flex;flex-wrap:wrap;gap:8px}.template-chip{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:600;padding:7px 12px;transition:all .15s ease}.template-chip:hover{background:var(--bg-elevated);color:var(--text-main)}.template-chip.active{background:var(--brand-muted);border-color:var(--brand);color:var(--brand);font-weight:700}.textarea-wrapper{display:flex;flex-direction:column;gap:8px}.comm-textarea{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;color:var(--text-main);font-family:inherit;font-size:13.5px;line-height:1.5;outline:none;padding:14px;resize:vertical;transition:border-color .2s;width:100%}.comm-textarea:focus{border-color:var(--brand)}.tags-help-bar{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:11px;gap:6px}.tag-pill{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;color:var(--brand);cursor:pointer;font-weight:700;padding:3px 8px}.tag-pill:hover{background:var(--brand-muted)}.comm-actions-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.btn-status-copy{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;color:var(--text-main);cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:10px 16px;transition:all .2s}.btn-status-copy:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.btn-send-auto{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:700;gap:6px;padding:10px 20px;transition:all .2s}.btn-send-auto:hover:not(:disabled){box-shadow:0 6px 16px #10b98166;transform:translateY(-1px)}.btn-send-auto:disabled{cursor:not-allowed;opacity:.6}.broadcast-alert{align-items:center;border-radius:10px;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 14px}.broadcast-alert.success{background:var(--success-muted);border:1px solid #22c55e33;color:var(--success)}.broadcast-alert.error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.communiques-preview-column{display:flex;flex-direction:column;gap:16px}.preview-box-card{background:#0b141a;border-color:#1f2c34}.preview-card-header{align-items:center;color:#e9edef;display:flex;font-size:13px;font-weight:700;gap:8px}.wa-icon{color:#25d366}.wa-chat-bubble{background:#005c4b;border-radius:12px 12px 0 12px;box-shadow:0 2px 6px #0006;color:#e9edef;font-size:13px;line-height:1.45;padding:12px 14px;position:relative;word-break:break-word}.wa-bubble-time{color:#f1f1f199;font-size:10px;margin-top:6px;text-align:right}.client-list-card{gap:12px}.client-list-header{align-items:center;display:flex;justify-content:space-between}.client-list-header h3{color:var(--text-main);font-size:14px;font-weight:700}.sub-tag{background:#25d3661f;border-radius:6px;color:#25d366;font-size:11px;font-weight:700;padding:3px 8px}.targeted-clients-scroll{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto;padding-right:4px}.client-target-row{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;display:flex;justify-content:space-between;padding:10px 12px}.client-info{display:flex;flex-direction:column}.c-name{color:var(--text-main);font-size:13px;font-weight:700}.c-phone{color:var(--text-muted);font-size:11px}.btn-wa-single{align-items:center;background:#25d3661f;border:1px solid #25d36640;border-radius:6px;color:#25d366;cursor:pointer;display:inline-flex;font-size:11.5px;font-weight:700;gap:4px;padding:6px 10px;transition:all .15s}.btn-wa-single:hover{background:#25d366;color:#fff}.empty-clients-notice{color:var(--text-muted);font-size:12.5px;padding:24px;text-align:center}.spin-icon{animation:spin 1s linear infinite}.remboursements-container{display:flex;flex-direction:column;gap:20px;width:100%}.remb-shortcut-btn{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:6px 12px;transition:all .2s}@media (max-width:768px){.remb-modal-grid{grid-template-columns:1fr!important}}.login-container{align-items:center;background:radial-gradient(circle at 80% 20%,#2563eb0a,#0000 50%),radial-gradient(circle at 20% 80%,#2dd4bf0a,#0000 50%),#f8fafc;box-sizing:border-box;display:flex;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative;width:100%}.login-container:before{background-image:radial-gradient(rgba(37,99,235,.015) 1.5px,#0000 0);background-size:24px 24px;content:"";inset:0}.login-blobs-container,.login-container:before{pointer-events:none;position:absolute;z-index:1}.login-blobs-container{height:600px;left:50%;top:50%;transform:translate(-10%,-50%);width:600px}.login-blob{filter:blur(1px);position:absolute;transition:all .5s ease}.blob-blue{animation:floatBlue 12s ease-in-out infinite alternate;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:43% 57% 55% 45%/40% 42% 58% 60%;box-shadow:0 10px 30px #2563eb33;height:250px;left:200px;opacity:.95;top:180px;width:250px}.blob-teal{animation:floatTeal 14s ease-in-out infinite alternate;background:linear-gradient(135deg,#2dd4bf,#0d9488);border-radius:60% 40% 45% 55%/45% 50% 50% 55%;box-shadow:0 10px 30px #2dd4bf26;height:270px;left:220px;opacity:.9;top:100px;width:270px}.blob-gold{animation:floatGold 16s ease-in-out infinite alternate;border:1.8px solid #f59e0b;border-radius:40% 60% 50% 50%/45% 45% 55% 55%;height:290px;left:170px;opacity:.8;top:140px;width:290px}.login-card{animation:loginCardFadeIn .6s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #00000008;border-radius:24px;box-shadow:0 10px 25px -5px #00000005,0 25px 50px -12px #0000000f;box-sizing:border-box;display:flex;flex-direction:column;max-width:410px;padding:48px 40px 36px;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%;z-index:10}.login-card:hover{box-shadow:0 12px 30px -5px #00000008,0 30px 60px -12px #00000014;transform:translateY(-2px)}@keyframes loginCardFadeIn{0%{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-logo-container{margin-bottom:16px}.login-brand-ring,.login-logo-container{align-items:center;display:flex;justify-content:center}.login-brand-ring{background:#fff;border:6px solid #2dd4bf;border-radius:50%;box-shadow:0 4px 12px #2dd4bf26;box-sizing:border-box;height:84px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);width:84px}.login-brand-ring:hover{transform:scale(1.06) rotate(3deg)}.login-logo-img{border-radius:50%;height:52px;object-fit:cover;width:52px}.login-welcome-title{color:#0f172a;font-size:26px;font-weight:800;letter-spacing:-.02em;margin:0 0 6px;text-align:center}.login-welcome-subtitle{color:#64748b;font-size:13.5px;font-weight:500;line-height:1.4;margin:0 0 32px;text-align:center}.login-form{display:flex;flex-direction:column;gap:24px}.login-form-group,.login-input-wrapper{position:relative;width:100%}.login-input-wrapper{align-items:center;border-bottom:1.5px solid #e2e8f0;display:flex;padding-bottom:8px;transition:border-color .25s cubic-bezier(.4,0,.2,1)}.login-input-icon{align-items:center;color:#94a3b8;display:flex;left:0;pointer-events:none;position:absolute;transition:color .25s ease}.login-input-field{background:#0000;border:none;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:15px;font-weight:500;outline:none;padding:4px 8px 4px 28px;width:100%}.login-input-field::placeholder{color:#cbd5e1;font-weight:400}.login-input-wrapper:hover{border-color:#cbd5e1}.login-input-wrapper:focus-within{border-color:#2563eb}.login-input-wrapper:focus-within .login-input-icon{color:#2563eb}.login-password-toggle{background:#0000;border:none;color:#94a3b8;cursor:pointer;font-size:11px;font-weight:600;outline:none;padding:4px;position:absolute;right:0;transition:color .2s}.login-password-toggle:hover{color:#2563eb}.login-submit-btn{align-items:center;background:#2563eb;border:none;border-radius:8px;box-shadow:0 4px 12px #2563eb33;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;height:46px;justify-content:center;margin-top:12px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.login-submit-btn:hover:not(:disabled){background:#1d4ed8;box-shadow:0 6px 16px #2563eb4d;transform:translateY(-1px)}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{background:#93c5fd;box-shadow:none;color:#fff;cursor:not-allowed}.login-forgot-wrapper{align-items:center;display:flex;justify-content:center;margin-top:28px}.login-forgot-link-centered{color:#94a3b8;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s,opacity .2s}.login-forgot-link-centered:hover{color:#64748b;text-decoration:underline}.login-error-alert{align-items:center;animation:loginShake .3s ease;background:#fef2f2;border:1px solid #fee2e2;border-radius:10px;box-sizing:border-box;color:#ef4444;display:flex;font-size:13px;font-weight:500;gap:10px;line-height:1.45;margin-bottom:20px;padding:12px 16px}.login-error-alert.warning{background:#fffbeb;border-color:#fef3c7;color:#b45309}@keyframes loginShake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes floatBlue{0%{transform:translateY(0) scale(1) rotate(0deg)}50%{transform:translateY(-15px) scale(1.03) rotate(5deg)}to{transform:translateY(10px) scale(.98) rotate(-5deg)}}@keyframes floatTeal{0%{transform:translateY(0) scale(1) rotate(0deg)}50%{transform:translateY(15px) scale(.97) rotate(-6deg)}to{transform:translateY(-12px) scale(1.04) rotate(4deg)}}@keyframes floatGold{0%{transform:translateY(0) scale(1) rotate(0deg)}50%{transform:translateY(-8px) scale(1.02) rotate(3deg)}to{transform:translateY(12px) scale(.97) rotate(-3deg)}}@media (max-width:640px){.login-blobs-container{height:100%;left:0;top:0;transform:none;width:100%}.blob-blue{height:160px;left:auto;right:-40px;top:40px;width:160px}.blob-teal{height:180px;left:auto;right:-60px;top:20px;width:180px}.blob-gold{height:200px;left:auto;right:-30px;top:30px;width:200px}.login-card{border-radius:20px;padding:40px 24px 28px}}:root{--sa-bg-dark:radial-gradient(circle at 10% 20%,#14182dfa 0%,#0a0c16 100%);--sa-text-main:#f1f5f9;--sa-text-muted:#94a3b8;--sa-border-light:#ffffff0f;--sa-card-bg:#1e233766}.sa-layout-wrapper{background:radial-gradient(circle at 10% 20%,#14182dfa 0,#0a0c16 100%);background:var(--sa-bg-dark);color:#f1f5f9;color:var(--sa-text-main);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;min-height:100vh;overflow:hidden;transition:all .3s ease}.sa-layout-wrapper:not(.sa-light-mode){background:radial-gradient(circle at 10% 20%,#14182dfa 0,#0a0c16 100%)!important;background:var(--sa-bg-dark)!important;color:#f1f5f9!important}.sa-layout-wrapper:not(.sa-light-mode) .sa-table-card,.sa-layout-wrapper:not(.sa-light-mode) .sa-table-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f1426a6!important;border:1px solid #ffffff14!important}.sa-layout-wrapper:not(.sa-light-mode) table{background:#0000!important}.sa-layout-wrapper:not(.sa-light-mode) thead,.sa-layout-wrapper:not(.sa-light-mode) thead tr{background:#0d1122f2!important}.sa-layout-wrapper:not(.sa-light-mode) th,.sa-layout-wrapper:not(.sa-light-mode) thead th{background:#0d1122f2!important;border-bottom:1px solid #ffffff14!important;color:#94a3b8!important}.sa-layout-wrapper:not(.sa-light-mode) tbody tr{background:#0000!important}.sa-layout-wrapper:not(.sa-light-mode) tbody tr:hover{background:#ffffff08!important}.sa-layout-wrapper:not(.sa-light-mode) td{background:#0000!important;border-bottom:1px solid #ffffff0d!important;color:#cbd5e1!important}.sa-layout-wrapper:not(.sa-light-mode) .sa-filter-select,.sa-layout-wrapper:not(.sa-light-mode) .sa-form-input,.sa-layout-wrapper:not(.sa-light-mode) .sa-form-select,.sa-layout-wrapper:not(.sa-light-mode) .sa-search-input{background:#0f172a!important;border:1px solid #ffffff1f!important;color:#f1f5f9!important}.sa-layout-wrapper:not(.sa-light-mode) select option{background:#0f172a!important;color:#f1f5f9!important}.sa-loading-screen{background:radial-gradient(circle at 10% 20%,#14182dfa 0,#0a0c16 100%);background:var(--sa-bg-dark);min-height:100vh}.sa-loading-indicator,.sa-loading-screen{align-items:center;color:#94a3b8;display:flex;flex-direction:column;font-size:.95rem;font-weight:600;gap:1.5rem;justify-content:center;width:100%}.sa-loading-indicator{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12182da6;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 20px 50px #0000004d;min-height:360px;padding:3rem 2rem}.sa-spinner{border-color:#6366f1 #06b6d4 #6366f126 #6366f126;border-radius:50%;border-style:solid;border-width:3.5px;filter:drop-shadow(0 0 14px rgba(99,102,241,.45));height:52px;width:52px}.sa-loading-spinner,.sa-spinner{animation:spin .85s linear infinite}.sa-loading-spinner{color:#6366f1;filter:drop-shadow(0 0 12px rgba(99,102,241,.45))}.sa-loading-indicator p,.sa-loading-screen p{animation:saPulse 1.8s ease-in-out infinite;color:#cbd5e1;letter-spacing:.2px}@keyframes saPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.98)}}.sa-light-mode{background:#f8fafc!important;color:#0f172a!important}.sa-light-mode .sa-sidebar{background:#fff;border-right:1px solid #e2e8f0}.sa-light-mode .sa-logo-text{color:#0f172a}.sa-light-mode .sa-nav-item{color:#64748b}.sa-light-mode .sa-nav-item.active,.sa-light-mode .sa-nav-item:hover{background:#6366f11a;color:#4f46e5}.sa-light-mode .sa-page-title,.sa-light-mode .sa-section-legend{color:#0f172a}.sa-light-mode .sa-input-label,.sa-light-mode .sa-page-subtitle,.sa-light-mode .sa-tip-text{color:#475569}.sa-light-mode .sa-modal-card,.sa-light-mode .sa-stats-card,.sa-light-mode .sa-table-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 6px -1px #0000000d}.sa-light-mode .sa-table th,.sa-light-mode thead th,.sa-light-mode thead tr{background:#f1f5f9!important;border-bottom:1px solid #e2e8f0!important;color:#334155!important}.sa-light-mode .sa-table td{border-bottom:1px solid #f1f5f9!important;color:#1e293b!important}.sa-light-mode .sa-breakdown-row{border-bottom:1px dashed #e2e8f0}.sa-light-mode .sa-card-section-title,.sa-light-mode .sa-modal-title,.sa-light-mode .sa-stats-card-title{color:#0f172a}.sa-light-mode .sa-filter-select,.sa-light-mode .sa-form-input,.sa-light-mode .sa-form-select,.sa-light-mode .sa-search-input{background:#f8fafc!important;border:1px solid #cbd5e1!important;color:#0f172a!important}.sa-light-mode select option{background:#fff!important;color:#0f172a!important}.sa-light-mode .sa-breakdown-label{color:#475569}.sa-light-mode .sa-table-empty{color:#64748b}.sa-light-mode .sa-share-name{color:#334155}.sa-light-mode .sa-loading-screen{background:#f8fafc!important;color:#475569!important}.sa-sidebar{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#12162873;border-right:1px solid #ffffff0f;display:flex;flex-direction:column;flex-shrink:0;padding:2rem 1.5rem;width:280px;z-index:100}.sa-sidebar-header{align-items:center;display:flex;gap:1rem;margin-bottom:3rem;padding-left:.5rem}.sa-logo-ring{align-items:center;animation:logo-glow 3s infinite alternate;border:2px solid #06b6d499;border-radius:50%;box-shadow:0 0 15px #06b6d440;display:flex;height:46px;justify-content:center;overflow:hidden;width:46px}.sa-brand-logo-img{height:100%;object-fit:cover;width:100%}.sa-sidebar-title-group{display:flex;flex-direction:column}.sa-sidebar-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-background-clip:text;font-size:1.4rem;font-weight:800;letter-spacing:-.5px;margin:0}.sa-sidebar-subtitle{color:#06b6d4;font-size:.72rem;font-weight:700;letter-spacing:1.5px;margin-top:1px;text-transform:uppercase}.sa-nav-menu{display:flex;flex-direction:column;flex-grow:1;gap:.6rem}.sa-nav-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:1rem;outline:none;padding:.9rem 1.2rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.sa-nav-item:hover{background:#ffffff08;color:#f1f5f9}.sa-nav-item.active{background:linear-gradient(135deg,#6366f126,#06b6d41a);border:1px solid #6366f133;box-shadow:0 4px 20px #6366f114;color:#fff}.sa-sidebar-footer{border-top:1px solid #ffffff0f;display:flex;flex-direction:column;gap:1.2rem;margin-top:auto;padding-top:1.5rem}.sa-user-info{gap:.8rem;padding:.2rem}.sa-avatar,.sa-user-info{align-items:center;display:flex}.sa-avatar{background:#1e1b4b;border:1px solid #4338ca;border-radius:50%;box-shadow:0 0 10px #6366f126;color:#a5b4fc;font-size:.85rem;font-weight:700;height:38px;justify-content:center;width:38px}.sa-user-meta{display:flex;flex-direction:column}.sa-username{color:#f1f5f9;font-size:.9rem;font-weight:700}.sa-user-role{color:#94a3b8;font-size:.72rem;margin-top:1px}.sa-logout-btn{align-items:center;background:#ef444414;border:1px solid #ef444426;border-radius:12px;color:#fca5a5;cursor:pointer;display:flex;font-weight:600;gap:.8rem;justify-content:center;outline:none;padding:.8rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.sa-logout-btn:hover{background:#ef4444;border-color:#ef4444;box-shadow:0 4px 15px #ef444440;color:#fff}.sa-main-content{display:flex;flex-direction:column;flex-grow:1;gap:2rem;height:100vh;overflow-y:auto;padding:2.5rem 3rem}.sa-main-content::-webkit-scrollbar{width:8px}.sa-main-content::-webkit-scrollbar-track{background:#0000}.sa-main-content::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px}.sa-main-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.sa-main-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding-bottom:1.5rem}.sa-header-titles{display:flex;flex-direction:column}.sa-page-title{color:#fff;font-size:1.8rem;font-weight:800;letter-spacing:-.5px;margin:0}.sa-page-subtitle{color:#94a3b8;font-size:.92rem;margin-bottom:0;margin-top:.3rem}.sa-refresh-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;color:#cbd5e1;cursor:pointer;display:flex;height:44px;justify-content:center;outline:none;transition:all .3s;width:44px}.sa-refresh-btn:hover{background:#ffffff14;color:#fff}.sa-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.sa-tab-content-panel{display:flex;flex-direction:column;flex-grow:1}.sa-dashboard-tab-layout{display:flex;flex-direction:column;gap:2rem}.sa-dedicated-view{animation:fadeIn .4s cubic-bezier(.4,0,.2,1) forwards;display:flex;flex-direction:column;gap:1.5rem}.sa-kpis-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.sa-kpi-card{align-items:center;background:hsla(0,0%,100%,.025);border:1px solid #ffffff0d;border-radius:18px;box-shadow:0 4px 20px #00000026;display:flex;gap:1.2rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.sa-kpi-card:hover{background:#ffffff0a;border-color:#ffffff1a;box-shadow:0 10px 30px #00000040;transform:translateY(-4px)}.sa-kpi-icon-wrapper{align-items:center;border-radius:14px;display:flex;height:48px;justify-content:center;width:48px}.sa-kpi-icon-wrapper.bg-blue{background:#6366f11a;border:1px solid #6366f133;color:#818cf8}.sa-kpi-icon-wrapper.bg-green{background:#10b9811a;border:1px solid #10b98133;color:#34d399}.sa-kpi-icon-wrapper.bg-teal{background:#06b6d41a;border:1px solid #06b6d433;color:#22d3ee}.sa-kpi-icon-wrapper.bg-rose{background:#f43f5e1a;border:1px solid #f43f5e33;color:#fb7185}.sa-kpi-icon-wrapper.bg-gold{background:#eab3081a;border:1px solid #eab30833;color:#facc15}.sa-kpi-data{display:flex;flex-direction:column}.sa-kpi-value{color:#fff;font-size:1.6rem;font-weight:800;letter-spacing:-.5px;line-height:1.1}.sa-kpi-label{color:#94a3b8;font-size:.82rem;font-weight:600;margin-top:4px}.sa-actions-bar{align-items:center;display:flex;gap:1.5rem;justify-content:space-between}.sa-search-wrapper{position:relative;width:320px}.sa-search-icon{color:#64748b;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.sa-search-input{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;color:#fff;font-size:.9rem;outline:none;padding:.75rem 1rem .75rem 2.8rem;transition:all .3s;width:100%}.sa-search-input:focus{background:#ffffff0a;border-color:#6366f180;box-shadow:0 0 15px #6366f11a}.sa-filters-group{align-items:center;display:flex;gap:1rem}.sa-filter-select{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;color:#cbd5e1;cursor:pointer;font-size:.9rem;outline:none;padding:.75rem 1.2rem;transition:all .3s}.sa-filter-select:focus{border-color:#6366f180}.sa-add-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;box-shadow:0 4px 15px #6366f140;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.6rem;outline:none;padding:.75rem 1.4rem;transition:all .3s}.sa-add-btn:hover{box-shadow:0 6px 20px #6366f159;transform:translateY(-2px)}.sa-table-card{-webkit-overflow-scrolling:touch;background:#ffffff03;border:1px solid #ffffff0d;border-radius:20px;box-shadow:0 10px 30px #0003;overflow-x:auto;overflow-y:visible;scrollbar-color:#ffffff1f #0000;scrollbar-width:thin}.sa-table-card::-webkit-scrollbar{height:6px}.sa-table-card::-webkit-scrollbar-track{background:#0000}.sa-table-card::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}.sa-table-card::-webkit-scrollbar-thumb:hover{background:#ffffff38}.sa-full-width-table{width:100%}.sa-card-header-bar{align-items:center;background:#ffffff03;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:1.5rem 2rem}.sa-card-section-title{color:#fff;font-size:1.1rem;font-weight:700;margin:0}.sa-section-total{background:#06b6d414;border:1px solid #06b6d426;border-radius:999px;color:#06b6d4;font-size:.95rem;font-weight:700;padding:.4rem 1rem}.sa-table{border-collapse:collapse;min-width:900px;text-align:left;width:100%}.sa-table th{background:hsla(0,0%,100%,.005);border-bottom:1px solid #ffffff0d;color:#64748b;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:1.2rem 2rem;text-transform:uppercase}.sa-table td{border-bottom:1px solid #ffffff0a;color:#cbd5e1;font-size:.95rem;padding:1.2rem 2rem;transition:background-color .2s;vertical-align:middle}.sa-table tbody tr:hover td{background:hsla(0,0%,100%,.015)}.sa-table tbody tr.row-inactive td{opacity:.6}.sa-cell-primary{color:#fff;font-weight:700}.sa-cell-id{color:#64748b!important;font-family:monospace;font-size:.82rem!important}.sa-cell-contact{color:#cbd5e1;font-size:.88rem}.sa-contact-inline{align-items:center;display:flex;gap:.4rem}.sa-contact-inline svg{color:#06b6d4;flex-shrink:0}.sa-cell-placeholder{color:#475569;font-style:italic}.sa-cell-bold{color:#fff;font-weight:800}.text-teal-light{color:#22d3ee}.sa-table-empty{color:#64748b;font-size:1rem;padding:4rem 2rem!important;text-align:center}.sa-badge-users{background:#6366f11a;border:1px solid #6366f133;border-radius:8px;color:#a5b4fc;font-size:.85rem;font-weight:700;padding:.25rem .65rem}.sa-status-badge{border-radius:999px;display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.2px;padding:.35rem .85rem}.sa-status-badge.actif{background:#10b9811a;border:1px solid #10b98140;color:#34d399}.sa-status-badge.inactif{background:#f43f5e1a;border:1px solid #f43f5e40;color:#fb7185}.sa-row-actions{align-items:center;display:flex;gap:.5rem;justify-content:flex-end}.sa-action-icon-btn{align-items:center;background:#ffffff08;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;height:32px;justify-content:center;outline:none;transition:all .2s;width:32px}.sa-action-icon-btn:hover{background:#ffffff14;color:#fff}.sa-action-icon-btn.toggle.actif{background:#f43f5e14;border:1px solid #f43f5e26;color:#fca5a5}.sa-action-icon-btn.toggle.actif:hover{background:#f43f5e;border-color:#f43f5e;color:#fff}.sa-action-icon-btn.toggle.inactif{background:#10b98114;border:1px solid #10b98126;color:#a7f3d0}.sa-action-icon-btn.toggle.inactif:hover{background:#10b981;border-color:#10b981;color:#fff}.sa-action-icon-btn.edit:hover{background:#06b6d426;color:#22d3ee}.sa-action-icon-btn.delete:hover{background:#f43f5e26;color:#fb7185}.sa-delete-confirm-group{align-items:center;display:flex;gap:.4rem}.sa-action-btn-confirm{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.35rem .75rem;transition:all .2s}.sa-action-btn-confirm:hover{background:#dc2626}.sa-action-btn-cancel{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;color:#cbd5e1;cursor:pointer;font-size:.8rem;font-weight:600;padding:.35rem .65rem}.sa-action-btn-cancel:hover{background:#ffffff1a}.sa-stats-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1.2fr .8fr}.sa-stats-layout.full-width{grid-template-columns:1fr 1fr}.sa-stats-card{background:hsla(0,0%,100%,.015);border:1px solid #ffffff0d;border-radius:24px;box-shadow:0 10px 30px #00000026;padding:2rem}.sa-stats-card-title{color:#fff;font-size:1.2rem;font-weight:800;letter-spacing:-.2px;margin-bottom:1.8rem;margin-top:0}.sa-boutique-share-list{display:flex;flex-direction:column;gap:1.2rem}.sa-share-item{display:flex;flex-direction:column;gap:.5rem}.sa-share-info{display:flex;font-size:.92rem;justify-content:space-between}.sa-share-name{color:#e2e8f0;font-weight:600}.sa-share-values{color:#fff;font-weight:700}.sa-progress-bar-bg{background:#ffffff0d;border-radius:99px;height:8px;overflow:hidden;width:100%}.sa-progress-bar-fill{border-radius:99px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.sa-stats-breakdown-details{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2rem}.sa-breakdown-row{color:#94a3b8;display:flex;font-size:.95rem;justify-content:space-between}.sa-breakdown-row.border-top{border-top:1px solid #ffffff14;margin-top:.5rem;padding-top:1.2rem}.sa-breakdown-row.border-top.bold{font-size:1.05rem}.sa-breakdown-label{font-weight:500}.sa-breakdown-label.bold{color:#fff;font-weight:700}.sa-breakdown-val{font-weight:700}.sa-breakdown-val.bold{font-weight:800}.text-green{color:#10b981}.text-rose{color:#f43f5e}.text-teal{color:#0d9488}.text-blue{color:#6366f1}.text-gold{color:#eab308}.text-amber{color:#f59e0b}.sa-stats-tip-box{align-items:flex-start;background:#eab3080f;border:1px solid #eab3081f;border-radius:16px;display:flex;gap:.8rem;padding:1rem}.sa-tip-text{color:#fef08a;font-size:.82rem;line-height:1.4;margin:0}.sa-muted-text{color:#64748b;font-size:.9rem}.sa-muted{opacity:.7}.sa-notification{align-items:center;animation:slideRight .35s cubic-bezier(.34,1.56,.64,1) forwards;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:14px;box-shadow:0 8px 30px #0000004d;display:flex;font-size:.9rem;font-weight:600;gap:.6rem;padding:.9rem 1.5rem;position:fixed;right:2rem;top:1.5rem;z-index:2000}.sa-notification-success{background:#10b98126;border:1px solid #10b9814d;color:#a7f3d0}.sa-notification-error{background:#f43f5e26;border:1px solid #f43f5e4d;color:#fecdd3}.sa-kpi-arrow{color:#6366f1;flex-shrink:0;margin-left:auto;opacity:.6}.sa-kpi-arrow-green{color:#10b981}.sa-kpi-arrow-red{color:#f43f5e}.sa-kpi-icon-wrapper.bg-purple{background:#8b5cf61a;border:1px solid #8b5cf633;color:#c4b5fd}.sa-kpi-icon-wrapper.bg-amber{background:#f59e0b1a;border:1px solid #f59e0b33;color:#fcd34d}.sa-table-wrapper,.sa-table-wrapper .sa-table-card{width:100%}.sa-cell-boutique-name{display:flex;flex-direction:column;gap:.2rem}.sa-cell-date{color:#64748b;font-size:.78rem}.sa-cell-contact-stack{display:flex;flex-direction:column;gap:.3rem}.sa-cell-muted{color:#64748b;font-size:.88rem;font-style:italic}.sa-action-icon-btn.reminder{background:#06b6d40f;border:1px solid #06b6d41f;color:#67e8f9}.sa-action-icon-btn.reminder:hover{background:#06b6d4;border-color:#06b6d4;color:#fff}.sa-action-icon-btn.payment{background:#10b9810f;border:1px solid #10b9811f;color:#6ee7b7}.sa-action-icon-btn.payment:hover{background:#10b981;border-color:#10b981;color:#fff}.sa-action-icon-btn.password{background:#f59e0b0f;border:1px solid #f59e0b1f;color:#fcd34d}.sa-action-icon-btn.password:hover{background:#f59e0b;border-color:#f59e0b;color:#fff}.sa-badge-mensuel{background:#6366f11a;border:1px solid #6366f133;border-radius:8px;color:#a5b4fc;font-size:.82rem;font-weight:700;padding:.25rem .7rem;white-space:nowrap}.sa-badge-categorie{background:#06b6d414;border:1px solid #06b6d426;border-radius:6px;color:#22d3ee;font-size:.8rem;font-weight:600;padding:.2rem .6rem}.sa-quick-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}.sa-quick-btn{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:10px;color:#a5b4fc;cursor:pointer;display:flex;font-size:.84rem;font-weight:600;gap:.5rem;outline:none;padding:.55rem 1rem;transition:all .2s}.sa-quick-btn:hover{background:#6366f133;color:#fff}.sa-quick-btn-rose{background:#f43f5e14;border-color:#f43f5e33;color:#fca5a5}.sa-quick-btn-rose:hover{background:#f43f5e33;color:#fff}.sa-boutiques-mini-list{display:flex;flex-direction:column}.sa-boutique-mini-row{align-items:center;border-bottom:1px solid #ffffff08;display:flex;gap:1rem;padding:.9rem 2rem;transition:background .2s}.sa-boutique-mini-row:last-child{border-bottom:none}.sa-boutique-mini-row:hover{background:#ffffff05}.sa-boutique-mini-icon{align-items:center;background:#6366f11a;border-radius:8px;color:#818cf8;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.sa-boutique-mini-info{display:flex;flex-direction:column;flex-grow:1;gap:.1rem}.sa-boutique-mini-nom{color:#f1f5f9;font-size:.92rem;font-weight:700}.sa-boutique-mini-tel{color:#64748b;font-size:.78rem}.sa-boutique-mini-right{align-items:flex-end;display:flex;flex-direction:column;gap:.3rem}.sa-boutique-mini-mensuel{color:#818cf8;font-size:.78rem;font-weight:600}.sa-see-all-link{background:#0000;border:none;color:#818cf8;cursor:pointer;font-size:.85rem;font-weight:600;outline:none;padding:0;transition:color .2s}.sa-see-all-link:hover{color:#a5b4fc}.sa-stat-pill{align-items:center;background:#10b98114;border:1px solid #10b98133;border-radius:999px;color:#6ee7b7;display:flex;font-size:.88rem;font-weight:600;gap:.6rem;padding:.6rem 1.2rem}.sa-stat-pill strong{color:#fff}.sa-stat-pill-rose{background:#f43f5e14;border-color:#f43f5e33;color:#fca5a5}.sa-share-monthly{color:#475569;font-size:.76rem;font-style:italic}.sa-btn-green{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 15px #10b98140!important}.sa-btn-rose{background:linear-gradient(135deg,#f43f5e,#e11d48)!important;box-shadow:0 4px 15px #f43f5e40!important}.sa-add-btn-rose{align-items:center;background:linear-gradient(135deg,#f43f5e,#e11d48);border:none;border-radius:12px;box-shadow:0 4px 15px #f43f5e40;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.6rem;padding:.75rem 1.4rem;transition:all .3s}.sa-btn-amber{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 4px 15px #f59e0b40!important}.sa-btn-whatsapp{align-items:center!important;background:linear-gradient(135deg,#25d366,#128c7e)!important;box-shadow:0 4px 15px #25d36640!important;display:flex!important;gap:.5rem!important}.sa-btn-primary:disabled{cursor:not-allowed;opacity:.4}.sa-form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 1rem center!important;background-repeat:no-repeat!important;padding-right:2.5rem!important}.sa-form-select option{background:#1e1b4b;color:#f1f5f9}.sa-form-textarea{font-family:inherit;line-height:1.6;resize:vertical}.sa-form-desc{color:#94a3b8;font-size:.88rem;line-height:1.5;margin:0}.sa-password-wrapper{position:relative}.sa-password-wrapper .sa-form-input{padding-right:3rem}.sa-password-toggle{background:#0000;border:none;color:#64748b;cursor:pointer;outline:none;position:absolute;right:.8rem;top:50%;transform:translateY(-50%);transition:color .2s}.sa-password-toggle:hover{color:#f1f5f9}.sa-reminder-phone-badge{background:#06b6d414;border:1px solid #06b6d433;border-radius:10px;color:#22d3ee;font-size:.9rem;font-weight:600}.sa-reminder-phone-badge,.sa-reminder-warning{align-items:center;display:flex;gap:.6rem;padding:.6rem 1rem}.sa-reminder-warning{background:#f59e0b14;border:1px solid #f59e0b33;border-radius:10px;color:#fcd34d;font-size:.88rem}.sa-modal-card-sm{max-width:400px}.sa-modal-backdrop{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#05060cd9;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:1000}.sa-modal-card{background:linear-gradient(135deg,#191d34f2,#0d101cfa);border:1px solid #ffffff14;border-radius:24px;box-shadow:0 20px 50px #00000080;max-height:90vh;max-width:580px;overflow-y:auto;padding:2rem;position:relative;width:100%}.sa-modal-card::-webkit-scrollbar{width:6px}.sa-modal-card::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:99px}.sa-modal-header{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.sa-modal-title-group{align-items:center;display:flex;gap:.8rem}.sa-modal-title{color:#fff;font-size:1.2rem;font-weight:800;margin:0}.sa-modal-close{background:#0000;border:none;color:#94a3b8;cursor:pointer;outline:none;transition:color .2s}.sa-modal-close:hover{color:#fff}.sa-modal-form{gap:1.5rem}.sa-form-section,.sa-modal-form{display:flex;flex-direction:column}.sa-form-section{gap:1rem}.sa-section-legend{border-bottom:1px dashed #06b6d433;color:#06b6d4;font-size:.82rem;font-weight:700;letter-spacing:.8px;margin-bottom:.2rem;margin-top:0;padding-bottom:.25rem;text-transform:uppercase}.sa-input-group{display:flex;flex-direction:column;gap:.4rem}.sa-inputs-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.sa-input-label{color:#94a3b8;font-size:.85rem;font-weight:600}.sa-form-input{background:#0003;border:1px solid #ffffff14;border-radius:10px;box-sizing:border-box;color:#fff;font-size:.92rem;outline:none;padding:.75rem 1rem;transition:all .3s;width:100%}.sa-form-input:focus{border-color:#6366f180;box-shadow:0 0 10px #6366f114}.sa-modal-footer{align-items:center;border-top:1px solid #ffffff0d;display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem}.sa-btn-secondary{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;color:#cbd5e1;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.4rem;transition:all .3s}.sa-btn-secondary:hover{background:#ffffff14;color:#fff}.sa-btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;box-shadow:0 4px 15px #6366f133;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.4rem;transition:all .3s}.sa-btn-primary:hover{box-shadow:0 6px 20px #6366f14d}.fade-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1) forwards}.animate-slide-up{animation:slideUp .35s cubic-bezier(.34,1.56,.64,1) forwards}.spin{animation:spin 1s linear infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes logo-glow{0%{border-color:#06b6d466;box-shadow:0 0 10px #06b6d426}to{border-color:#6366f1cc;box-shadow:0 0 20px #6366f173}}.sa-payments-filters-bar{align-items:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;display:flex;gap:1rem;padding:1rem}.sa-filter-flex{flex:1 1;max-width:280px}.sa-form-select{appearance:none;background:#0000;border:none;color:#fff;cursor:pointer;font-size:.9rem;outline:none;padding:.5rem 0;width:100%}.sa-form-select option{background:#14182d;color:#fff}.sa-badge-mois{background:#6366f126;border-radius:99px;color:#818cf8;font-size:.8rem;font-weight:600;padding:.3rem .8rem;white-space:nowrap}.sa-clear-filter-btn{align-items:center;background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:12px;color:#fb7185;cursor:pointer;display:flex;font-size:.85rem;gap:.4rem;padding:.6rem 1rem;transition:all .2s ease;white-space:nowrap}.sa-clear-filter-btn:hover{background:#f43f5e33}.sa-mobile-overlay{display:none}.sa-mobile-toggle-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;display:none;flex-shrink:0;height:40px;justify-content:center;margin-right:10px;transition:all .2s;width:40px}.sa-mobile-toggle-btn:hover{background:#ffffff1f}.sa-mobile-close-btn{display:none}@media (max-width:992px){.sa-mobile-overlay{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#000000b8;display:block;inset:0;position:fixed;z-index:998}.sa-mobile-close-btn,.sa-mobile-toggle-btn{display:flex}.sa-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0e1120fa;border-right:1px solid #ffffff1a;bottom:0;box-shadow:0 0 40px #000000b3;left:0;max-width:85vw;overflow-y:auto;padding:1.5rem 1.2rem;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:285px;z-index:999}.sa-sidebar.mobile-open{transform:translateX(0)}.sa-main-content{gap:1.2rem;padding:1.25rem 1rem}.sa-stats-layout,.sa-stats-layout.full-width{grid-template-columns:1fr}}@media (max-width:768px){.sa-main-header{align-items:center;flex-direction:row;gap:.8rem;justify-content:space-between}.sa-page-title{font-size:1.35rem}.sa-page-subtitle{font-size:.78rem}.sa-actions-bar{align-items:stretch;flex-direction:column;gap:.8rem}.sa-search-wrapper{width:100%}.sa-filters-group{flex-direction:column;gap:.6rem;width:100%}.sa-add-btn,.sa-add-btn-rose,.sa-filter-select{justify-content:center;width:100%}.sa-payments-filters-bar{align-items:stretch;flex-direction:column}.sa-filter-flex{max-width:100%;width:100%}.sa-kpis-grid{gap:.8rem;grid-template-columns:repeat(2,1fr)}.sa-kpi-card{gap:.8rem;padding:1rem}.sa-kpi-value{font-size:1.25rem}.sa-kpi-label{font-size:.75rem}.sa-kpi-icon-wrapper{border-radius:10px;height:38px;width:38px}.sa-kpi-icon-wrapper svg{height:18px;width:18px}.sa-table{min-width:700px}.sa-table td,.sa-table th{font-size:.85rem;padding:.88rem 1rem}.sa-card-header-bar{align-items:flex-start;flex-direction:column;gap:.5rem;padding:1rem 1.2rem}.sa-notification{left:1rem;right:1rem;top:1rem}}@media (max-width:480px){.sa-kpis-grid{grid-template-columns:1fr}.sa-main-content{padding:1rem .75rem}.sa-modal-card{border-radius:16px;padding:1.2rem}.sa-inputs-row{gap:.8rem;grid-template-columns:1fr}.sa-modal-footer{flex-direction:column;gap:.6rem}.sa-btn-primary,.sa-btn-secondary{justify-content:center;text-align:center;width:100%}}.coming-soon-container{align-items:center;animation:fadeInSoon .4s cubic-bezier(.16,1,.3,1);display:flex;justify-content:center;min-height:calc(100vh - 120px);padding:30px 20px}@keyframes fadeInSoon{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.coming-soon-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:24px;box-shadow:0 20px 50px #00000026;display:flex;flex-direction:column;max-width:540px;overflow:hidden;padding:40px 32px;position:relative;text-align:center;width:100%}.coming-soon-glow{background:radial-gradient(circle,#6366f140 0,#6366f100 70%);border-radius:50%;height:220px;left:50%;pointer-events:none;position:absolute;top:-80px;transform:translateX(-50%);width:220px}.coming-soon-icon-wrapper{align-items:center;background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid #6366f14d;border-radius:24px;display:flex;height:88px;justify-content:center;margin-bottom:20px;position:relative;width:88px}.coming-soon-pulse-ring{animation:pulseSoonRing 2.5s infinite;border:2px solid #6366f140;border-radius:28px;inset:-6px;position:absolute}@keyframes pulseSoonRing{0%{opacity:.8;transform:scale(.96)}50%{opacity:.3;transform:scale(1.04)}to{opacity:.8;transform:scale(.96)}}.coming-soon-icon{color:var(--brand)}.coming-soon-lock-badge{background:var(--warning);border-radius:50%;bottom:-4px;box-shadow:0 2px 8px #0003;color:#fff;padding:4px;position:absolute;right:-4px}.coming-soon-badge{align-items:center;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:20px;color:var(--warning);display:inline-flex;font-size:12px;font-weight:800;gap:6px;letter-spacing:.3px;margin-bottom:14px;padding:5px 14px;text-transform:uppercase}.coming-soon-title{color:var(--text-primary);font-size:22px;font-weight:800;line-height:1.3;margin-bottom:12px}.coming-soon-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:22px}.coming-soon-notice-box{align-items:flex-start;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:14px;color:var(--text-muted);display:flex;font-size:12.5px;gap:10px;line-height:1.5;margin-bottom:26px;padding:14px 16px;text-align:left;width:100%}.coming-soon-notice-box .notice-icon{color:var(--warning);flex-shrink:0;margin-top:1px}.coming-soon-back-btn{align-items:center;background:var(--brand);border:none;border-radius:12px;box-shadow:0 4px 14px #6366f14d;color:#fff;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:700;gap:8px;padding:12px 24px;transition:transform .2s,box-shadow .2s}.coming-soon-back-btn:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}:root{--bg-base:#080c14;--bg-surface:#0d1424;--bg-card:#111827;--bg-card-hover:#161f2e;--bg-elevated:#1a2540;--border-subtle:#ffffff0d;--border-default:#ffffff17;--border-strong:#ffffff26;--brand:#6366f1;--brand-hover:#818cf8;--brand-muted:#6366f11f;--brand-glow:#6366f159;--success:#22c55e;--success-muted:#22c55e1f;--warning:#f59e0b;--warning-muted:#f59e0b1f;--danger:#ef4444;--danger-muted:#ef44441f;--info:#38bdf8;--info-muted:#38bdf81f;--purple:#a855f7;--purple-muted:#a855f71f;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--text-disabled:#334155;--font-sans:"Plus Jakarta Sans",sans-serif;--font-display:"Space Grotesk",sans-serif;--sidebar-w:260px;--sidebar-collapsed:68px;--topbar-h:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006,0 1px 2px #0000004d;--shadow-md:0 4px 16px #00000080,0 2px 6px #0006;--shadow-lg:0 12px 40px #0009,0 4px 12px #0006;--shadow-xl:0 24px 60px #000000b3;--shadow-glow:0 0 24px var(--brand-glow);--transition:0.18s cubic-bezier(0.4,0,0.2,1)}body.light{--bg-base:#f1f5f9;--bg-surface:#e8edf5;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-elevated:#f0f4ff;--border-subtle:#0f172a0d;--border-default:#0f172a1a;--border-strong:#0f172a2e;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-disabled:#cbd5e1;--shadow-sm:0 1px 3px #00000014,0 1px 2px #0000000d;--shadow-md:0 4px 16px #0000001a,0 2px 6px #0000000f;--shadow-lg:0 12px 40px #0000001f,0 4px 12px #00000014}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#080c14;background:var(--bg-base);color:#f1f5f9;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-sans);line-height:1.5;min-height:100vh;overflow-x:clip;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition)}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff26;background:var(--border-strong);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#6366f1;background:var(--brand)}::selection{background:#6366f11f;background:var(--brand-muted);color:#818cf8;color:var(--brand-hover)}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;line-height:1.2}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideFromLeft{0%{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}@keyframes slideFromRight{0%{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.96)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.page-enter{animation:fadeUp .32s cubic-bezier(.4,0,.2,1) forwards}.slide-left{animation:slideFromLeft .32s cubic-bezier(.4,0,.2,1) forwards}.slide-right{animation:slideFromRight .32s cubic-bezier(.4,0,.2,1) forwards}.btn{align-items:center;border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-sans);font-size:13.5px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.01em;outline:none;overflow:hidden;padding:10px 18px;position:relative;text-decoration:none;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition);white-space:nowrap}.btn:active{transform:scale(.97)}.btn svg{flex-shrink:0}.btn-primary{background:#6366f1;background:var(--brand);border-color:#6366f1;border-color:var(--brand);box-shadow:0 0 0 0 #6366f159;box-shadow:0 0 0 0 var(--brand-glow);color:#fff}.btn-primary:hover{background:#818cf8;background:var(--brand-hover);border-color:#818cf8;border-color:var(--brand-hover);box-shadow:0 4px 20px #6366f159;box-shadow:0 4px 20px var(--brand-glow);transform:translateY(-1px)}.btn-secondary{background:#1a2540;background:var(--bg-elevated);border-color:#ffffff17;border-color:var(--border-default);color:#94a3b8;color:var(--text-secondary)}.btn-secondary:hover{background:#161f2e;background:var(--bg-card-hover);border-color:#ffffff26;border-color:var(--border-strong);color:#f1f5f9;color:var(--text-primary)}.btn-danger{background:#ef44441f;background:var(--danger-muted);border-color:#ef444433;color:#ef4444;color:var(--danger)}.btn-danger:hover{background:#ef4444;background:var(--danger);border-color:#ef4444;border-color:var(--danger);box-shadow:0 4px 16px #ef44444d;color:#fff}.btn-ghost{background:#0000;border-color:#0000;color:#94a3b8;color:var(--text-secondary)}.btn-ghost:hover{background:#1a2540;background:var(--bg-elevated);color:#f1f5f9;color:var(--text-primary)}.btn-sm{border-radius:8px;border-radius:var(--radius-sm);font-size:12px;padding:6px 12px}.btn-xs{border-radius:6px;font-size:11px;padding:4px 8px}.btn-lg{font-size:15px;padding:13px 24px}.btn-icon{align-items:center;background:#1a2540;background:var(--bg-elevated);border:1px solid #ffffff17;border:1px solid var(--border-default);border-radius:8px;border-radius:var(--radius-sm);color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;height:34px;justify-content:center;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:34px}.btn-icon:hover{background:#161f2e;background:var(--bg-card-hover);border-color:#ffffff26;border-color:var(--border-strong);color:#f1f5f9;color:var(--text-primary);transform:translateY(-1px)}.btn-icon.danger:hover{background:#ef44441f;background:var(--danger-muted);border-color:#ef444440;color:#ef4444;color:var(--danger)}.card{background:#111827;background:var(--bg-card);border:1px solid #ffffff17;border:1px solid var(--border-default);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0006,0 1px 2px #0000004d;box-shadow:var(--shadow-sm);padding:24px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}@media (max-width:768px){.card{padding:16px}}@media (max-width:480px){.card{padding:12px}}.card-hover:hover{border-color:#ffffff26;border-color:var(--border-strong);box-shadow:0 4px 16px #00000080,0 2px 6px #0006;box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-header h3{color:#f1f5f9;color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:15px;font-weight:700}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.04em;padding:3px 9px;text-transform:uppercase}.badge-success{background:#22c55e1f;background:var(--success-muted);color:#22c55e;color:var(--success)}.badge-warning{background:#f59e0b1f;background:var(--warning-muted);color:#f59e0b;color:var(--warning)}.badge-danger{background:#ef44441f;background:var(--danger-muted);color:#ef4444;color:var(--danger)}.badge-info{background:#38bdf81f;background:var(--info-muted);color:#38bdf8;color:var(--info)}.badge-purple{background:#a855f71f;background:var(--purple-muted);color:#a855f7;color:var(--purple)}.badge-brand{background:#6366f11f;background:var(--brand-muted);color:#6366f1;color:var(--brand)}.badge-muted{background:#1a2540;background:var(--bg-elevated);color:#94a3b8;color:var(--text-secondary)}.badge-green{background:#22c55e1f;background:var(--success-muted);color:#22c55e;color:var(--success)}.badge-red{background:#ef44441f;background:var(--danger-muted);color:#ef4444;color:var(--danger)}.badge-orange{background:#f59e0b1f;background:var(--warning-muted);color:#f59e0b;color:var(--warning)}.badge-blue{background:#38bdf81f;background:var(--info-muted);color:#38bdf8;color:var(--info)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{color:#94a3b8;color:var(--text-secondary);font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.form-input{appearance:none;background:#0d1424;background:var(--bg-surface);border:1px solid #ffffff17;border:1px solid var(--border-default);border-radius:12px;border-radius:var(--radius-md);color:#f1f5f9;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-sans);font-size:14px;outline:none;padding:10px 14px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:100%}.form-input:focus{background:#111827;background:var(--bg-card);border-color:#6366f1;border-color:var(--brand);box-shadow:0 0 0 3px #6366f11f;box-shadow:0 0 0 3px var(--brand-muted)}.form-input::placeholder{color:#475569;color:var(--text-muted)}.form-input:disabled{cursor:not-allowed;opacity:.5}.form-input.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}textarea.form-input{min-height:80px;resize:vertical}.search-bar{align-items:center;display:flex;position:relative}.search-bar .search-icon-wrap{color:#475569;color:var(--text-muted);display:flex;left:12px;pointer-events:none;position:absolute}.search-bar input{min-width:220px;padding-left:38px}.table-wrapper{border:1px solid #ffffff17;border:1px solid var(--border-default);border-radius:12px;border-radius:var(--radius-md);overflow-x:auto;width:100%}table{border-collapse:collapse;width:100%}thead tr{background:#0d1424;background:var(--bg-surface)}th{border-bottom:1px solid #ffffff17;border-bottom:1px solid var(--border-default);color:#475569;color:var(--text-muted);font-size:10.5px;font-weight:800;letter-spacing:.08em;padding:11px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}td{border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border-subtle);color:#f1f5f9;color:var(--text-primary);font-size:13.5px;padding:13px 16px}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition)}tbody tr:hover{background:#161f2e;background:var(--bg-card-hover)}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;inset:0;justify-content:flex-start;padding:40px 20px;position:fixed;z-index:1000}.modal,.modal-overlay{display:flex;flex-direction:column;overflow-y:auto}.modal{animation:scaleIn .22s cubic-bezier(.34,1.56,.64,1);border:1px solid #ffffff17;border:1px solid var(--border-default);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 24px 60px #000000b3;box-shadow:var(--shadow-xl);flex-shrink:0;max-height:calc(100vh - 80px);max-width:640px;padding:24px;width:100%}.modal,.modal-header{background:#111827;background:var(--bg-card)}.modal-header{align-items:center;border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;margin:-24px -24px 20px;padding:24px 24px 16px;position:sticky;top:0;z-index:10}.modal-title{font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:18px;font-weight:700}.modal-close{align-items:center;background:#1a2540;background:var(--bg-elevated);border:1px solid #ffffff17;border:1px solid var(--border-default);border-radius:8px;border-radius:var(--radius-sm);color:#475569;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:32px}.modal-close:hover{background:#ef44441f;background:var(--danger-muted);border-color:#0000;color:#ef4444;color:var(--danger)}.modal-footer{background:#111827;background:var(--bg-card);border-top:1px solid #ffffff0d;border-top:1px solid var(--border-subtle);bottom:0;display:flex;gap:12px;justify-content:flex-end;margin:24px -24px -24px;padding:16px 24px 24px;position:sticky;z-index:10}.sticky-top-section{background:#080c14;background:var(--bg-base);border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border-subtle);margin-left:-24px;margin-right:-24px;margin-top:-24px;padding:24px 24px 16px;position:sticky;top:64px;top:var(--topbar-h);transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition);z-index:50}@media (max-width:1024px){.sticky-top-section{margin-left:-20px;margin-right:-20px;margin-top:-20px;padding-left:20px;padding-right:20px;padding-top:20px}}@media (max-width:768px){.sticky-top-section{margin-left:-16px;margin-right:-16px;margin-top:-16px;padding-left:16px;padding-right:16px;padding-top:16px}}@media (max-width:480px){.sticky-top-section{margin-left:-12px;margin-right:-12px;margin-top:-12px;padding-left:12px;padding-right:12px;padding-top:12px}}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.page-title{font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:-.03em}.page-subtitle{color:#94a3b8;color:var(--text-secondary);font-size:13.5px;font-weight:400;margin-top:4px}.kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.kpi-card{align-items:flex-start;animation:fadeUp .35s ease forwards;background:#111827;background:var(--bg-card);border:1px solid #ffffff17;border:1px solid var(--border-default);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0006,0 1px 2px #0000004d;box-shadow:var(--shadow-sm);cursor:default;display:flex;gap:14px;opacity:0;overflow:hidden;padding:20px;position:relative;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.kpi-card:before{background:#6366f1;background:var(--kpi-color,var(--brand));content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .18s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition)}.kpi-card:hover{border-color:#ffffff26;border-color:var(--border-strong);box-shadow:0 4px 16px #00000080,0 2px 6px #0006;box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card:hover:before{opacity:1}.kpi-icon-wrap{align-items:center;background:#6366f11f;background:var(--kpi-bg,var(--brand-muted));border-radius:12px;border-radius:var(--radius-md);color:#6366f1;color:var(--kpi-color,var(--brand));flex-shrink:0;height:44px;width:44px}.kpi-icon-wrap,.kpi-info{display:flex;justify-content:center}.kpi-info{flex:1 1;flex-direction:column;min-width:0}.kpi-value{color:#f1f5f9;color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:clamp(15px,1.4vw,19px);font-weight:800;line-height:1.2;white-space:normal;word-break:break-word}.kpi-label{color:#94a3b8;color:var(--text-secondary);font-size:11.5px;font-weight:500;line-height:1.2;margin-top:3px}.kpi-trend{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:11.5px;font-weight:600;gap:3px;margin-top:6px;padding:2px 7px}.kpi-trend.up{background:#22c55e1f;background:var(--success-muted);color:#22c55e;color:var(--success)}.kpi-trend.down{background:#f59e0b1f;background:var(--warning-muted);color:#f59e0b;color:var(--warning)}.mini-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.mini-stat{align-items:center;background:#111827;background:var(--bg-card);border:1px solid #ffffff17;border:1px solid var(--border-default);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;gap:10px;min-width:120px;padding:12px 16px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.mini-stat:hover{border-color:#ffffff26;border-color:var(--border-strong);transform:translateY(-1px)}.mini-icon{align-items:center;background:#1a2540;background:var(--bg-elevated);border-radius:8px;border-radius:var(--radius-sm);color:#94a3b8;color:var(--text-secondary);display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.mini-val{font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:18px;font-weight:800;line-height:1}.mini-lbl{color:#475569;color:var(--text-muted);font-size:11px;font-weight:500;margin-top:2px}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr}.chart-card{grid-column:1}.recent-factures{grid-column:1/-1}.payment-summary{grid-column:2;grid-row:1}.client-list{display:flex;flex-direction:column;gap:2px}.client-row{align-items:center;border-radius:8px;border-radius:var(--radius-sm);cursor:default;display:flex;gap:12px;padding:10px 8px;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition)}.client-row:hover{background:#1a2540;background:var(--bg-elevated)}.client-rank{color:#475569;color:var(--text-muted);font-size:11px;text-align:center;width:16px}.client-avatar,.client-rank{flex-shrink:0;font-weight:800}.client-avatar{align-items:center;background:#6366f11f;background:var(--brand-muted);border-radius:8px;border-radius:var(--radius-sm);color:#6366f1;color:var(--brand);display:flex;font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:12px;height:34px;justify-content:center;width:34px}.client-info{flex:1 1;min-width:0}.client-name{font-size:13.5px;font-weight:600}.client-tel{color:#475569;color:var(--text-muted);font-size:11.5px;margin-top:1px}.client-stats{flex-shrink:0;text-align:right}.client-nb{color:#475569;color:var(--text-muted);font-size:11px}.client-ca{color:#22c55e;color:var(--success);font-size:12.5px;font-weight:700}.payment-bars{display:flex;flex-direction:column;gap:14px}.payment-bar-header{display:flex;font-size:12.5px;font-weight:600;justify-content:space-between;margin-bottom:5px}.payment-bar-track{background:#1a2540;background:var(--bg-elevated);height:5px;overflow:hidden}.payment-bar-fill,.payment-bar-track{border-radius:9999px;border-radius:var(--radius-full)}.payment-bar-fill{height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.payment-totals{display:flex;flex-direction:column;gap:8px}.payment-total-row{align-items:center;display:flex;font-size:13px;justify-content:space-between}.payment-total-row span{color:#94a3b8;color:var(--text-secondary)}.empty-state{flex-direction:column;gap:12px;padding:60px 24px;text-align:center}.empty-icon,.empty-state{align-items:center;color:#475569;color:var(--text-muted);display:flex;justify-content:center}.empty-icon{background:#1a2540;background:var(--bg-elevated);border:1px solid #ffffff17;border:1px solid var(--border-default);border-radius:16px;border-radius:var(--radius-lg);height:64px;margin-bottom:4px;width:64px}.empty-title{color:#94a3b8;color:var(--text-secondary);font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:17px;font-weight:700}.empty-desc{color:#475569;color:var(--text-muted);font-size:13.5px;line-height:1.65;max-width:320px}.skeleton,.skeleton-bar{animation:shimmer 1.4s linear infinite;background:linear-gradient(90deg,#111827 25%,#1a2540 50%,#111827 75%);background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);background-size:400px 100%;border-radius:8px;border-radius:var(--radius-sm);display:inline-block}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:24px;z-index:9999}.toast{animation:slideFromRight .3s cubic-bezier(.34,1.56,.64,1);background:#1a2540;background:var(--bg-elevated);border:1px solid #ffffff26;border:1px solid var(--border-strong);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 12px 40px #0009,0 4px 12px #0006;box-shadow:var(--shadow-lg);font-size:13.5px;font-weight:500;gap:12px;max-width:400px;min-width:280px;padding:14px 18px;pointer-events:all}.toast,.toast-icon{align-items:center;display:flex}.toast-icon{border-radius:8px;border-radius:var(--radius-sm);flex-shrink:0;height:28px;justify-content:center;width:28px}.toast.success .toast-icon{background:#22c55e1f;background:var(--success-muted);color:#22c55e;color:var(--success)}.toast.error .toast-icon{background:#ef44441f;background:var(--danger-muted);color:#ef4444;color:var(--danger)}.toast.info .toast-icon{background:#38bdf81f;background:var(--info-muted);color:#38bdf8;color:var(--info)}.divider{background:#ffffff0d;background:var(--border-subtle);height:1px;margin:20px 0}.alert{align-items:center;border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);display:flex;font-size:13px;gap:10px;padding:12px 16px}.alert-success{background:#22c55e1f;background:var(--success-muted);border-color:#22c55e33;color:#22c55e;color:var(--success)}.alert-error{background:#ef44441f;background:var(--danger-muted);border-color:#ef444433;color:#ef4444;color:var(--danger)}.alert-warning{background:#f59e0b1f;background:var(--warning-muted);border-color:#f59e0b33;color:#f59e0b;color:var(--warning)}.grid-2{grid-gap:16px;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-gap:16px;grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.text-center{text-align:center}.text-right{text-align:right}.flex-1{flex:1 1}.flex-wrap{flex-wrap:wrap}.overflow-hidden{overflow:hidden}.truncate,.whitespace-nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis}.section-label{color:#475569;color:var(--text-muted);font-size:10.5px;font-weight:800;letter-spacing:.1em;margin-bottom:10px;text-transform:uppercase}.info-box{background:#0d1424;background:var(--bg-surface);border:1px solid #ffffff17;border:1px solid var(--border-default);border-radius:12px;border-radius:var(--radius-md);padding:14px 16px}@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.chart-card,.payment-summary,.recent-factures{grid-column:1;grid-row:auto}}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.kpi-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.modal{border-radius:16px;border-radius:var(--radius-lg);padding:20px}.page-title{font-size:22px}.kpi-card{padding:14px}.kpi-value{font-size:17px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr)}.toast-container{bottom:12px;right:12px}.toast{min-width:auto}.search-bar input{min-width:180px}}@media (max-width:480px){.kpi-grid{gap:10px;grid-template-columns:1fr 1fr}.mini-stats{grid-template-columns:repeat(2,1fr)}.page-header{align-items:flex-start;flex-direction:column}.btn-primary{justify-content:center;width:100%}}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#f1f5f9!important;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:inset 0 0 0 1000px #0d1424!important;-webkit-box-shadow:0 0 0 1000px var(--bg-surface) inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.modal-overlay{padding:16px 8px!important}@media (max-width:768px){.modal{max-height:calc(100vh - 32px)!important;overflow-y:auto!important;padding:16px!important}.form-input{font-size:16px!important}}@media (max-width:600px){.modal-overlay{padding:0!important}.modal{border:none!important;border-radius:0!important;height:100dvh!important;max-height:100dvh!important}}.article-header-grid{padding:0 2px}.article-grid,.article-header-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:2fr 70px 110px 120px 36px}.article-grid{align-items:center}.mobile-only-label{display:none}.transport-grid{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.transport-total-col{text-align:right}@media (max-width:600px){.article-header-grid{display:none!important}.article-grid{background:#1a2540;background:var(--bg-elevated);border:1px solid #ffffff17;border:1px solid var(--border-default);border-radius:12px;border-radius:var(--radius-md);gap:10px!important;grid-template-columns:1fr!important;margin-bottom:12px;padding:14px}.mobile-only-label{color:#94a3b8;color:var(--text-secondary);display:block;font-size:10px;font-weight:700;margin-bottom:4px;text-transform:uppercase}.article-col-action,.article-col-nom,.article-col-pu,.article-col-qte,.article-col-total{display:flex;flex-direction:column;width:100%}.article-col-action{align-items:flex-end;margin-top:4px}.article-col-total div{text-align:left!important;width:100%}.transport-grid{gap:14px!important;grid-template-columns:1fr!important}.transport-total-col{margin-top:4px;text-align:left!important}.kpi-grid{gap:10px!important;grid-template-columns:1fr 1fr!important;margin-bottom:16px!important}.kpi-card{align-items:center!important;flex-direction:row!important;gap:10px!important;padding:10px 12px!important}.kpi-icon-wrap{border-radius:8px!important;border-radius:var(--radius-sm)!important;height:32px!important;width:32px!important}.kpi-icon-wrap svg{height:14px!important;width:14px!important}.kpi-value{font-size:14px!important;font-weight:800!important}.kpi-label{font-size:9.5px!important;margin-top:1px!important}.kpi-trend{font-size:9px!important;margin-top:3px!important;padding:1px 5px!important}}.kpi-grid.cols-3{grid-template-columns:repeat(3,1fr)}.kpi-grid.cols-4{grid-template-columns:repeat(4,1fr)}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.col-span-2{grid-column:span 2}.permissions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:600px){.form-grid{gap:12px!important;grid-template-columns:1fr!important}.col-span-2{grid-column:auto!important}.permissions-grid{gap:14px!important;grid-template-columns:1fr!important}}body,html{max-width:100vw!important;overflow-x:clip!important}#root,.layout,.main-content,.main-wrapper{box-sizing:border-box!important;max-width:100vw!important;width:100%!important}