:root{--bg-color:#fff;--surface-color:#fff;--text-primary:#52408c;--text-secondary:#999;--border-color:#e5e5ea;--card-pink:#dcd7eb;--card-blue:#c3ebd7;--card-yellow:#fcf2c5;--amount-green:#8ae4b5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.app-container{flex-direction:column;width:100vw;max-width:100%;height:100vh;display:flex;position:relative}.custom-app-header{z-index:10;background:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.date-selector{color:#333;flex:1;justify-content:center;align-items:center;gap:16px;font-weight:500;display:flex}.date-arrow{color:#ccc;cursor:pointer}.logo-right{object-fit:contain;width:40px;height:40px;position:absolute;right:20px}.carousel-container{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;flex:1;display:flex;overflow-x:auto}.carousel-container::-webkit-scrollbar{display:none}.carousel-slide{scroll-snap-align:start;min-width:100vw;padding-bottom:80px;overflow-y:auto}.slide-content{max-width:600px;margin:0 auto;padding:0 20px 20px}.page-banner{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.5px;background-color:#1c355e;border-radius:6px;margin-bottom:24px;padding:16px;font-size:18px;font-weight:700}.transactions-list{flex-direction:column;gap:16px;display:flex}.transaction-card{border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.tx-header{justify-content:space-between;align-items:center;display:flex}.tx-time{color:var(--text-secondary);font-size:13px}.tx-amount{background-color:var(--amount-green);color:#fff;border-radius:4px;padding:4px 10px;font-size:14px;font-weight:700}.tx-name{text-transform:uppercase;color:var(--text-primary);font-size:15px;font-weight:800}.tx-service{color:var(--text-primary);font-size:14px}.card-color-0{background-color:var(--card-pink)}.card-color-1{background-color:var(--card-blue)}.card-color-2{background-color:var(--card-yellow)}.centered-content{justify-content:center;align-items:center;height:100%;display:flex}.empty-state{text-align:center;color:var(--text-secondary)}.empty-state h2{color:var(--text-primary);margin-bottom:8px}.fab-import{color:#fff;cursor:pointer;z-index:100;background-color:#1c355e;border:none;border-radius:28px;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s;display:flex;position:fixed;bottom:80px;right:20px;box-shadow:0 4px 14px #00000040}.fab-import:active{transform:scale(.95)}.carousel-dots{z-index:100;pointer-events:none;justify-content:center;gap:12px;display:flex;position:fixed;bottom:30px;left:0;right:0}.dot{pointer-events:auto;cursor:pointer;background-color:#0000;border:2px solid #8e8e93;border-radius:50%;width:12px;height:12px;transition:all .2s}.dot.active{background-color:#8e8e93}.modal-overlay{z-index:200;background-color:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.date-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:400px;display:flex;overflow:hidden;box-shadow:0 10px 25px #0003}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px;display:flex}.modal-title{text-align:center;flex:1;margin-right:24px;font-size:16px;font-weight:700}.close-btn{color:var(--accent-color);cursor:pointer}.modal-body{flex-direction:column;padding:16px;display:flex}.section-title{color:var(--text-secondary);margin-bottom:8px;font-size:13px}.radio-list{flex-direction:column;margin-bottom:24px;display:flex}.radio-item{border-bottom:1px solid var(--border-color);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.radio-item:last-child{border-bottom:none}.radio-label{font-size:15px}.radio-circle{border:2px solid #1c355e;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.radio-circle.active{background-color:#0000}.radio-inner{background-color:#1c355e;border-radius:50%;width:10px;height:10px}.valider-btn{color:#fff;cursor:pointer;background-color:#1c355e;border:none;border-radius:8px;width:100%;margin-bottom:20px;padding:14px;font-size:15px;font-weight:600}.date-picker-wheel-container{scroll-snap-type:y mandatory;scrollbar-width:none;height:120px;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.date-picker-wheel-container::-webkit-scrollbar{display:none}.date-picker-padding{height:40px}.date-picker-item{scroll-snap-align:center;color:#ccc;cursor:pointer;justify-content:center;align-items:center;height:40px;font-size:16px;transition:all .2s;display:flex}.date-picker-item.active{color:#333;background-color:#f2f2f7;border-radius:8px;font-weight:600}.ticket-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:450px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 10px 25px #0003}.ticket-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px;display:flex}.ticket-header-title{font-size:16px;font-weight:700}.ticket-header-btn{color:#007aff;cursor:pointer;background:0 0;border:none;font-size:15px}.ticket-content{flex-direction:column;padding:0;display:flex;overflow-y:auto}.ticket-top{border-bottom:8px solid #f2f2f7;padding:16px}.ticket-date{color:var(--text-secondary);margin-bottom:8px;font-size:13px}.ticket-big-amount{margin-bottom:4px;font-size:28px;font-weight:800}.ticket-staff{color:var(--text-secondary);font-size:13px}.ticket-client-row{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:16px;display:flex}.client-avatar{color:#fff;background-color:#8e8e93;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:600;display:flex}.client-info{flex:1}.client-name{font-size:15px;font-weight:600}.client-visit{color:var(--text-secondary);font-size:12px}.ticket-breakdown{flex-direction:column;gap:16px;padding:16px;display:flex}.breakdown-row{justify-content:space-between;align-items:center;display:flex}.breakdown-left{align-items:center;gap:12px;display:flex}.breakdown-icon-container{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.breakdown-icon-text{color:#fff;font-size:11px;font-weight:700;position:absolute}.breakdown-text{color:#8e8e93;font-size:14px}.breakdown-text.main{color:var(--text-primary);font-size:15px}.breakdown-price{color:#8e8e93;font-size:14px}.ticket-payment{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px;display:flex}.payment-left{color:var(--text-primary);align-items:center;gap:12px;font-size:15px;display:flex}.ticket-taxes{border-top:1px solid var(--border-color);flex-direction:column;gap:12px;padding:16px;display:flex}.tax-row{color:#8e8e93;justify-content:space-between;align-items:center;font-size:13px;display:flex}.tax-row.ttc{color:#8e8e93;margin-top:4px}.tax-value{font-weight:500}.ticket-footer{background:#fff;padding:16px}.btn-enregistrer{color:#fff;cursor:pointer;background-color:#8e8e93;border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:600}.stats-tabs{background-color:#fff;justify-content:space-around;padding:12px 16px;display:flex}.stats-tab{color:#8e8e93;font-size:13px;font-weight:500}.stats-tab.active{color:#38bdf8;font-weight:700}.stats-filter-bar{background-color:#2c2c2e;padding:10px 16px}.stats-filter-btn{cursor:pointer;background-color:#fff;border:none;border-radius:4px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:600;display:flex}.stats-cards-container{background-color:#f9f9f9;flex-direction:column;gap:16px;min-height:calc(100vh - 200px);padding:16px;display:flex}.stat-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 4px #0000000d}.stat-card-title{color:#333;margin-bottom:16px;font-size:16px;font-weight:500}.stat-table{border-collapse:collapse;width:100%;font-size:13px}.stat-table th{color:#8e8e93;text-align:right;padding-bottom:12px;font-weight:500}.stat-table th:first-child{text-align:left;padding-left:28px}.stat-table td{color:#333;text-align:right;padding:8px 0;font-weight:500}.stat-table td:first-child{text-align:left;align-items:center;gap:8px;display:flex}.donut-icon{border:3px solid #1e3a8a;border-radius:50%;width:14px;height:14px;display:inline-block}.stat-bar-container{align-items:center;gap:8px;margin-top:8px;display:flex}.stat-bar-wrapper{background-color:#f2f2f7;border-radius:3px;flex:1;height:6px;overflow:hidden}.stat-bar-fill{border-radius:3px;height:100%}.stat-bar-fill.blue{background-color:#1e3a8a}.stat-bar-fill.orange{background-color:#f59e0b}.stat-bar-value{color:#8e8e93;font-size:12px}.stat-list-item{margin-bottom:12px}.stat-list-header{color:#333;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px;font-weight:500;display:flex}.stat-list-header-left{align-items:center;gap:8px;display:flex}.stat-list-subitem{flex-direction:column;margin-bottom:12px;padding-left:0;display:flex}.stat-list-subitem-top{color:#333;align-items:center;gap:6px;margin-bottom:4px;font-size:13px;font-weight:500;display:flex}.stat-list-subitem-count{color:#8e8e93;font-size:11px}.dot-indicator{border-radius:50%;width:6px;height:6px;margin-right:4px}.stat-subbar-container{align-items:center;gap:8px;display:flex}.stat-subbar-wrapper{background-color:#0000;flex:1;height:4px}.stat-subbar-fill{border-radius:2px;height:100%}.total-clients-huge{text-align:center;color:#333;margin-top:16px;margin-bottom:16px;font-size:48px;font-weight:400}.total-clients-title{text-align:center;color:#8e8e93;font-size:15px}.big-donut-container{justify-content:center;margin-top:24px;margin-bottom:32px;display:flex}.big-donut{border:40px solid #1e3a8a;border-radius:50%;width:140px;height:140px}.bar-chart-wrapper{margin-bottom:24px;padding:0 16px}.bar-chart-container{border-bottom:1px solid #f2f2f7;align-items:flex-end;height:140px;margin-left:16px;display:flex;position:relative}.y-axis{color:#8e8e93;flex-direction:column;justify-content:space-between;font-size:11px;display:flex;position:absolute;top:-6px;bottom:0;left:-16px}.y-axis-lines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.y-axis-line{background-color:#f2f2f7;width:100%;height:1px}.bar-chart-bar-container{z-index:1;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.bar-chart-bar{background-color:#1e3a8a;border-top-left-radius:2px;border-top-right-radius:2px;width:28px}.bar-chart-label{text-align:center;color:#8e8e93;margin-top:8px;font-size:10px}.finance-container{background-color:#f9f9f9;flex-direction:column;height:100%;display:flex}.finance-tabs{border-bottom:1px solid var(--border-color);background:#fff;display:flex}.finance-tab{text-align:center;color:#8e8e93;cursor:pointer;border-bottom:2px solid #0000;flex:1;padding:14px 0;font-size:14px;font-weight:600}.finance-tab.active{color:#000;border-bottom-color:#38bdf8}.finance-week-header{color:#8e8e93;background-color:#f2f2f7;padding:8px 16px;font-size:12px;font-weight:500}.finance-list-item{border-bottom:1px solid var(--border-color);cursor:pointer;background:#fff;align-items:center;padding:16px;display:flex}.finance-list-icon{margin-right:16px}.finance-list-content{flex:1}.finance-list-amount{color:#333;margin-bottom:4px;font-size:15px;font-weight:600}.finance-list-date{color:#8e8e93;font-size:12px}.finance-day-header{text-align:center;border-bottom:1px solid var(--border-color);background:#fff;padding:16px;font-size:16px;font-weight:600;position:relative}.finance-back-btn{color:#38bdf8;cursor:pointer;background:0 0;border:none;align-items:center;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.finance-day-badge-container{background:#f0fdfa;align-items:center;padding:24px 16px;display:flex}.finance-day-circle{color:#fff;background-color:#34d399;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-right:16px;font-size:20px;font-weight:600;display:flex}.finance-day-info{flex-direction:column;display:flex}.finance-day-weekday{color:#333;font-size:16px;font-weight:600}.finance-day-month{color:#8e8e93;font-size:13px}.finance-ca-block{border-bottom:1px solid var(--border-color);cursor:pointer;background:#fff;justify-content:space-between;align-items:center;padding:16px;display:flex}.finance-ca-left{align-items:center;gap:12px;display:flex}.finance-ca-text{flex-direction:column;display:flex}.finance-ca-title{color:#8e8e93;margin-bottom:4px;font-size:12px}.finance-ca-amount{color:#333;font-size:16px;font-weight:600}.finance-section-title{color:#8e8e93;background:#f9f9f9;padding:16px;font-size:13px;font-weight:600}.finance-payment-item{border-bottom:1px solid var(--border-color);background:#fff;justify-content:space-between;align-items:center;padding:16px;display:flex}.finance-payment-left{color:#333;align-items:center;gap:12px;font-size:14px;display:flex}.finance-payment-amount{color:#333;font-size:15px;font-weight:600}.finance-time-header{color:#8e8e93;background:#f9f9f9;padding:8px 16px;font-size:12px}.finance-ticket-item{border-bottom:1px solid var(--border-color);cursor:pointer;background:#fff;justify-content:space-between;align-items:center;padding:16px;display:flex}.finance-ticket-left{align-items:center;gap:12px;display:flex}.finance-ticket-name{color:#333;font-size:14px}.finance-ticket-amount{color:#333;font-size:15px;font-weight:600}.clients-container{background-color:#f9f9f9;flex-direction:column;height:100%;display:flex;position:relative}.clients-header-title{text-align:center;border-bottom:1px solid var(--border-color);background:#fff;padding:16px;font-size:16px;font-weight:600}.clients-search-container{border-bottom:1px solid var(--border-color);background:#fff;padding:12px 16px}.clients-search-bar{background:#f2f2f7;border-radius:8px;align-items:center;padding:8px 12px;display:flex}.clients-search-bar input{background:0 0;border:none;outline:none;width:100%;margin-left:8px;font-size:14px}.clients-group-header{color:#8e8e93;background:#f2f2f7;padding:4px 16px;font-size:12px;font-weight:600}.client-list-item{border-bottom:1px solid var(--border-color);cursor:pointer;background:#fff;align-items:center;padding:12px 16px;display:flex}.client-avatar-small{color:#fff;background-color:#1e3a8a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:12px;font-size:14px;font-weight:600;display:flex}.client-list-info{flex-direction:column;flex:1;display:flex}.client-list-name{color:#333;font-size:14px;font-weight:500}.client-list-phone{color:#8e8e93;margin-top:2px;font-size:12px}.clients-fab-bottom{z-index:100;color:#1e3a8a;cursor:pointer;background:#f2f2f7;border:none;border-radius:24px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000001a}.client-detail-header-block{background:#fff;align-items:center;padding:24px 16px;display:flex}.client-detail-avatar{color:#fff;background-color:#1e3a8a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-right:16px;font-size:20px;font-weight:600;display:flex;position:relative}.client-loyal-badge{color:#fff;background:#1e3a8a;border-radius:12px;margin-left:8px;padding:4px 8px;font-size:10px}.client-detail-actions{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:#fff;display:flex}.client-action-btn{color:#333;cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px 0;font-size:14px;display:flex}.client-action-btn:first-child{border-right:1px solid var(--border-color)}.client-section-title{color:#8e8e93;text-transform:uppercase;padding:16px 16px 8px;font-size:11px;font-weight:600}.client-history-btn{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);cursor:pointer;background:#fff;justify-content:space-between;align-items:center;margin-top:16px;padding:16px;display:flex}.client-info-row{border-bottom:1px solid var(--border-color);cursor:pointer;background:#fff;justify-content:space-between;align-items:center;padding:16px;display:flex}.client-info-left{align-items:center;gap:12px;display:flex}.client-info-text{flex-direction:column;display:flex}.client-info-label{color:#8e8e93;text-transform:uppercase;margin-bottom:4px;font-size:10px}.client-info-value{color:#333;font-size:14px}.client-info-right{color:#8e8e93;align-items:center;gap:8px;font-size:13px;display:flex}.client-info-icon-container{color:#34d399;background:#f0fdfa;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.client-info-icon-container.blue{color:#3b82f6;background:#eff6ff}.client-info-icon-container.purple{color:#a855f7;background:#faf5ff}.history-timeline-header{text-align:center;color:#8e8e93;background:#f9f9f9;padding:8px 0;font-size:12px}.history-timeline-header-pill{color:#8e8e93;background:#e5e5ea;border-radius:12px;padding:4px 12px;display:inline-block}.history-item{border-bottom:1px solid var(--border-color);cursor:pointer;background:#fff;justify-content:space-between;align-items:center;padding:16px;display:flex}.history-item-left{align-items:center;gap:12px;display:flex}.history-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.history-icon.success{background:#34d399}.history-icon.danger{background:#ef4444}.history-item-text{flex-direction:column;display:flex}.history-item-title{color:#333;font-size:14px;font-weight:500}.history-item-date{color:#8e8e93;margin-top:4px;font-size:12px}.history-item-amount{color:#333;font-size:15px;font-weight:600}.add-client-container{background:#f2f2f7;flex-direction:column;height:100%;display:flex}.form-header-action{color:#fff;background:#1e3a8a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:16px;right:16px}.form-section{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:#fff;margin-bottom:16px}.form-row{border-bottom:1px solid var(--border-color);align-items:center;gap:16px;padding:16px;display:flex}.form-row:last-child{border-bottom:none}.form-icon{color:#c7c7cc;align-items:center;display:flex}.form-input-container{flex:1;align-items:center;display:flex}.form-input{color:#333;background:0 0;border:none;outline:none;width:100%;font-size:15px}.form-input::placeholder{color:#c7c7cc}.form-input.required::placeholder{color:#ef4444}.form-toggle{background:#e5e5ea;border-radius:12px;width:42px;height:24px;position:relative}.form-toggle.active{background:#34c759}.form-toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000001a}.form-toggle.active:after{transform:translate(18px)}.form-radio-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px;display:flex}.form-radio-left{color:#333;align-items:center;gap:16px;font-size:15px;display:flex}.form-radio-circle{border:2px solid #1e3a8a;border-radius:50%;width:20px;height:20px}.form-radio-circle.active{background:#1e3a8a;box-shadow:inset 0 0 0 3px #fff}.form-section-title{color:#333;padding:16px 16px 8px;font-size:13px;font-weight:600}.form-submit-container{margin-top:auto;margin-bottom:60px;padding:16px;position:relative}.form-submit-btn{color:#fff;background:#1e3a8a;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:16px;font-size:16px;font-weight:600;display:flex}.form-submit-icon{color:#fff;background:#162c6b;border-top-right-radius:8px;border-bottom-right-radius:8px;justify-content:center;align-items:center;width:48px;display:flex;position:absolute;top:16px;bottom:16px;right:16px}