body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-page{display:flex;min-height:100vh}.auth-brand-panel{align-items:center;background:linear-gradient(155deg,#071628,#0f2744 45%,#1b3a5c);display:flex;flex-direction:column;flex-shrink:0;justify-content:center;overflow:hidden;padding:3rem 2.5rem;position:relative;width:44%}.auth-brand-panel:before{background-image:repeating-linear-gradient(45deg,rgba(201,168,76,.045),rgba(201,168,76,.045) 1px,#0000 0,#0000 30px),repeating-linear-gradient(-45deg,rgba(201,168,76,.045),rgba(201,168,76,.045) 1px,#0000 0,#0000 30px);content:"";inset:0;pointer-events:none;position:absolute}.auth-brand-panel:after{background:linear-gradient(180deg,#0000,#a8892a66 15%,#c9a84c 35%,#e8c96a 50%,#c9a84c 65%,#a8892a66 85%,#0000);content:"";height:100%;position:absolute;right:0;top:0;width:3px}.auth-brand-content{max-width:340px;position:relative;text-align:center;width:100%;z-index:1}.auth-brand-content:before{background:radial-gradient(circle,#c9a84c12 0,#0000 70%);border-radius:50%;content:"";height:360px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:360px}.auth-brand-icon{color:#c9a84c;display:block;filter:drop-shadow(0 0 22px rgba(232,201,106,.4));font-size:4.5rem;margin:0 auto 1rem;position:relative}.auth-brand-rule{align-items:center;display:flex;gap:10px;margin:0 auto 1.25rem;width:70%}.auth-brand-rule:after,.auth-brand-rule:before{background:linear-gradient(90deg,#0000,#c9a84c73);content:"";flex:1 1;height:1px}.auth-brand-rule:after{background:linear-gradient(270deg,#0000,#c9a84c73)}.auth-brand-rule-gem{color:#c9a84c;font-size:.45rem;opacity:.8}.auth-brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a8892a,#c9a84c 45%,#e8c96a 75%,#c9a84c);-webkit-background-clip:text;background-clip:text;font-family:Cormorant Garamond,Playfair Display,serif;font-size:2rem;font-weight:700;letter-spacing:.04em;line-height:1.2;margin:0 0 .45rem}.auth-brand-tagline{color:#c8b89aa6;font-family:Inter,sans-serif;font-size:.82rem;letter-spacing:.06em;margin-bottom:2rem}.auth-brand-features{border-top:1px solid #c9a84c24;display:flex;flex-direction:column;gap:.7rem;padding-top:1.5rem;text-align:left}.auth-feature-item{align-items:center;color:#c8b89acc;display:flex;font-family:Inter,sans-serif;font-size:.82rem;gap:.7rem;letter-spacing:.01em}.auth-feature-dot{background:linear-gradient(135deg,#c9a84c,#e8c96a);border-radius:50%;box-shadow:0 0 5px #e8c96a80;flex-shrink:0;height:5px;width:5px}.auth-form-panel{align-items:center;background:linear-gradient(135deg,#faf6f0,#f5edd8);display:flex;flex:1 1;justify-content:center;padding:2rem 1.5rem}.auth-form-card{background:#fff;border:1px solid #c9a84c33;border-radius:20px;box-shadow:0 12px 48px #1a12081f,0 2px 16px #c9a84c12,inset 0 1px 0 #ffffffe6;max-width:420px;overflow:hidden;padding:2.25rem 2rem 2rem;position:relative;width:100%}.auth-form-card:before{background:linear-gradient(90deg,#a8892a,#c9a84c 25%,#e8c96a 50%,#c9a84c 75%,#a8892a);content:"";height:4px;left:0;position:absolute;right:0;top:0}.auth-card-logo{align-items:center;background:linear-gradient(135deg,#a8892a,#c9a84c,#e8c96a);border-radius:14px;box-shadow:0 4px 16px #c9a84c59;color:#3d1f0d;display:flex;font-size:1.5rem;height:50px;justify-content:center;margin:0 0 1.25rem;width:50px}.auth-form-header{margin-bottom:1.5rem}.auth-form-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a8892a,#c9a84c);-webkit-background-clip:text;background-clip:text;font-family:Cormorant Garamond,Playfair Display,serif;font-size:2rem;font-weight:700;line-height:1.1;margin:0 0 5px}.auth-form-subtitle{color:#8b7355;letter-spacing:.02em;margin:0}.auth-error,.auth-form-subtitle{font-family:Inter,sans-serif;font-size:.83rem}.auth-error{align-items:center;background:#8b1a2a0f;border:1px solid #8b1a2a2e;border-left:3px solid #8b1a2a;border-radius:8px;color:#6e1220;display:flex;gap:.6rem;margin-bottom:1.1rem;padding:.7rem .9rem}.auth-error-icon{flex-shrink:0;font-size:1rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-field-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-label{color:#5a3e2b;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.auth-label-optional{color:#b8a898;font-size:.67rem;font-style:italic;font-weight:400;letter-spacing:.02em;margin-left:6px;text-transform:none}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-icon{color:#c9a84c;font-size:.88rem;left:13px;opacity:.65;pointer-events:none;position:absolute;transition:opacity .2s}.auth-input-wrap:focus-within .auth-input-icon{opacity:1}.auth-input{background:#faf6f0;border:1.5px solid #ead8b8;border-radius:10px;color:#3d1f0d;font-family:Inter,sans-serif;font-size:.9rem;outline:none;padding:11px 42px 11px 38px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.auth-input::placeholder{color:#c4ae90;font-size:.87rem}.auth-input:focus{background:#fff;border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c1f}.auth-input:disabled{cursor:not-allowed;opacity:.55}.auth-eye-btn{align-items:center;background:none;border:none;color:#b8a898;cursor:pointer;display:flex;font-size:.95rem;padding:0;position:absolute;right:12px;transition:color .18s}.auth-eye-btn:hover{color:#c9a84c}.auth-submit-btn{background:linear-gradient(135deg,#a8892a,#c9a84c 50%,#e8c96a);border:none;border-radius:50px;box-shadow:0 4px 20px #c9a84c52;color:#3d1f0d;cursor:pointer;font-family:Inter,sans-serif;font-size:.88rem;font-weight:700;letter-spacing:.12em;margin-top:.3rem;overflow:hidden;padding:13px;position:relative;text-transform:uppercase;transition:transform .25s ease,box-shadow .25s ease;width:100%}.auth-submit-btn:after{background:linear-gradient(90deg,#0000,#ffffff47,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transform:skewX(-18deg);transition:left .5s ease;width:55%}.auth-submit-btn:hover:not(:disabled):after{left:160%}.auth-submit-btn:hover:not(:disabled){box-shadow:0 8px 28px #c9a84c7a;transform:translateY(-2px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-demo-section{margin-top:1rem}.auth-divider{align-items:center;color:#b8a898;display:flex;font-family:Inter,sans-serif;font-size:.7rem;gap:.6rem;letter-spacing:.1em;margin-bottom:.9rem;text-transform:uppercase}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #c9a84c26;content:"";flex:1 1}.auth-demo-btn{background:linear-gradient(135deg,#1b3a5c,#2d5a8c);border:1.5px solid #c9a84c40;border-radius:50px;color:#e8c96a;cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.05em;padding:11px;transition:all .25s ease;width:100%}.auth-demo-btn:hover:not(:disabled){background:linear-gradient(135deg,#0f2744,#1b3a5c);border-color:#c9a84c80;box-shadow:0 4px 16px #1b3a5c4d;transform:translateY(-1px)}.auth-demo-btn:disabled{cursor:not-allowed;opacity:.5}.auth-footer-links{border-top:1px solid #c9a84c1f;display:flex;flex-direction:column;gap:5px;margin-top:1.1rem;padding-top:1.1rem}.auth-footer-text{color:#8b7355;font-family:Inter,sans-serif;font-size:.82rem;margin:0;text-align:center}.auth-footer-links .auth-footer-text{border:none;margin:0;padding:0}.auth-footer-divider{background:#c9a84c1a;height:1px;margin:2px 0}.auth-footer-link{color:#c9a84c;font-weight:600;text-decoration:none;transition:color .18s}.auth-footer-link:hover{color:#a8892a;text-decoration:underline}.auth-footer-link-shop{color:#c9a84c!important;font-weight:700}.auth-footer-link-shop:hover{color:#a8892a!important}.auth-footer-text-standalone{border-top:1px solid #c9a84c1f;color:#8b7355;font-family:Inter,sans-serif;font-size:.82rem;margin:1.1rem 0 0;padding-top:1.1rem;text-align:center}.auth-input-shop.valid{background:#10b98108;border-color:#10b98180}.auth-input-shop.invalid{background:#ef444408;border-color:#ef444466}.auth-shop-spinner{animation:shopSpin .7s linear infinite;border:2px solid #c9a84c2e;border-left-color:#c9a84c;border-radius:50%;height:14px;position:absolute;right:13px;width:14px}@keyframes shopSpin{to{transform:rotate(1turn)}}.auth-shop-found{align-items:center;color:#10b981;display:flex;font-family:Inter,sans-serif;font-size:.76rem;gap:5px;margin-top:4px}.auth-shop-found strong{font-weight:600}.auth-shop-notfound{align-items:center;color:#f87171;display:flex;font-family:Inter,sans-serif;font-size:.76rem;gap:5px;margin-top:4px}.auth-required{color:#c9a84c;margin-left:2px}.auth-field-hint{color:#8b7355;font-family:Inter,sans-serif;font-size:.72rem;margin:3px 0 0}.auth-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23C9A84C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}@media (max-width:900px){.auth-page{flex-direction:column}.auth-brand-panel{min-height:200px;padding:2rem 1.5rem;width:100%}.auth-brand-panel:after{background:linear-gradient(90deg,#0000,#a8892a80 20%,#e8c96a 50%,#a8892a80 80%,#0000);bottom:0;height:3px;left:0;right:0;top:auto;width:100%}.auth-brand-features{display:none}.auth-brand-tagline{margin-bottom:0}.auth-form-panel{padding:1.5rem 1rem}.auth-form-card{padding:1.75rem 1.25rem 1.5rem}}@media (max-width:480px){.auth-brand-panel{min-height:150px;padding:1.5rem}.auth-brand-icon{font-size:3rem;margin-bottom:.7rem}.auth-brand-title{font-size:1.65rem}.auth-brand-rule{display:none}.auth-field-row{grid-template-columns:1fr}.auth-form-card{border-radius:16px;max-width:100%}.auth-card-logo{border-radius:11px;font-size:1.25rem;height:42px;width:42px}.auth-form-title{font-size:1.7rem}}.analytics{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:24px;width:100%}.analytics>h2{align-items:center;color:#3d1f0d;color:var(--text-primary,#3d1f0d);display:flex;font-family:Cormorant Garamond,Playfair Display,serif;font-size:1.5rem;font-weight:700;gap:8px;margin-bottom:16px}.analytics-filters{align-items:flex-end;background:var(--card-bg);border:1px solid var(--border-soft);border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:18px 20px}.filter-group label{font-size:.78rem}.filter-group select{background:var(--page-bg);border:1px solid var(--border-soft);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;min-width:160px;padding:9px 14px;transition:border-color .18s}.filter-group select:focus{border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c1a;outline:none}.section-header{gap:12px;margin-bottom:18px}.section-header h3{color:var(--text-primary);font-family:Playfair Display,serif;font-size:1.15rem;font-weight:600;margin:0}.revenue-section{background:var(--card-bg);border:1px solid var(--border-soft);border-radius:12px;margin-bottom:24px;padding:22px}.revenue-period-selector{align-items:center;display:flex;gap:10px}.revenue-period-selector label{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.85rem;font-weight:600}.revenue-period-selector select{background:var(--page-bg);border:1px solid var(--border-soft);border-radius:7px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:.85rem;padding:7px 12px}.revenue-overview{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.revenue-card{background:var(--page-bg);border-left:3px solid;border-radius:10px;padding:18px;text-align:center}.revenue-card.primary{border-left-color:#c9a84c}.revenue-card.success{border-left-color:#10b981}.revenue-card.warning{border-left-color:#f59e0b}.revenue-card h4{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.revenue-number{color:var(--text-primary);font-family:Playfair Display,serif;font-size:1.65rem;font-weight:700;margin:0}.growth{border-radius:10px;display:inline-block;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;margin-top:7px;padding:3px 8px}.growth.positive{background:#10b9811f;color:#10b981}.growth.negative{background:#ef44441a;color:#f87171}.chart-card{background:var(--card-bg);border:1px solid var(--border-soft);border-radius:12px;margin-bottom:20px;padding:20px}.chart-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:18px}.chart-header h4{color:var(--text-primary);font-family:Playfair Display,serif;font-size:1rem;font-weight:600;margin:0}.chart-legend{display:flex;flex-wrap:wrap;gap:16px}.legend-item{align-items:center;color:var(--text-secondary);display:flex;font-family:Inter,sans-serif;font-size:.78rem;gap:6px}.legend-color{border-radius:2px;height:12px;width:12px}.legend-color.area{background:#c9a84c}.legend-color.trend-line{background:#e8c96a;height:2px;margin-top:5px}.legend-color.bar{background:linear-gradient(180deg,#c9a84c,#a8892a)}.legend-color.trend{background:#e8c96a}.chart-wrapper{background:var(--card-bg);height:300px;padding:10px 0 40px 50px;position:relative}.chart-axes{height:100%;position:relative;width:100%}.y-axis{align-items:flex-end;color:var(--text-muted);display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:.68rem;justify-content:space-between;left:0;padding-right:8px;width:50px}.y-axis,.y-axis-line{bottom:40px;position:absolute;top:0}.y-axis-line{background:var(--border-soft);left:50px;width:1px}.x-axis{align-items:center;border-top:1px solid var(--border-soft);bottom:0;color:var(--text-muted);display:flex;font-family:Inter,sans-serif;font-size:.68rem;height:40px;justify-content:space-around;left:50px;position:absolute;right:0}.x-axis-label{text-align:center}.grid-line{border-top:1px solid var(--border-soft);opacity:.5}.area-chart-container,.grid-line{left:50px;position:absolute;right:0}.area-chart-container{bottom:40px;overflow:visible;top:0}.area-chart{height:100%;width:100%}.area-path{fill:#c9a84c2e;stroke:#c9a84c;stroke-width:2px;vector-effect:non-scaling-stroke;transition:all .3s ease}.area-path:hover{fill:#c9a84c52;stroke-width:3px}.trend-line-path{fill:none;stroke:#e8c96a;stroke-width:2px;stroke-dasharray:5,5}.data-point,.trend-line-path{vector-effect:non-scaling-stroke}.data-point{fill:#c9a84c;stroke:var(--card-bg);stroke-width:2px;cursor:pointer;transition:all .2s ease}.data-point:hover{fill:#e8c96a}.data-point-value{fill:var(--text-primary);font-size:10px;font-weight:600;opacity:0;transition:opacity .2s ease}.data-point-value:hover,.data-point:hover+.data-point-value{opacity:1}.table-pie-row{align-items:center;display:flex;gap:24px}.table-pie-row .payment-methods,.table-pie-row .scheme-revenue{flex:1 1;min-width:0}.pie-chart-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.pie-svg-area{max-width:400px;position:relative;width:100%}.pie-tooltip{align-items:center;background:var(--card-bg);border:1px solid var(--border-gold);border-radius:6px;bottom:-32px;display:flex;gap:6px;left:50%;padding:4px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.pie-tooltip-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.pie-tooltip-name{color:var(--text-primary);font-weight:600}.pie-tooltip-name,.pie-tooltip-pct{font-family:Inter,sans-serif;font-size:.75rem}.pie-tooltip-pct{color:#c9a84c;color:var(--gold-primary,#c9a84c);font-weight:700}.pie-no-data{align-items:center;color:var(--text-secondary);display:flex;font-family:Inter,sans-serif;font-size:.8rem;height:370px;justify-content:center;width:400px}.pie-color-dot{border-radius:50%;flex-shrink:0;height:10px;margin-right:8px;width:10px}.payment-methods,.scheme-revenue{display:flex;flex-direction:column;gap:10px}.category-item,.method-item{align-items:center;background:var(--page-bg);border:1px solid var(--border-soft);border-radius:8px;display:flex;justify-content:space-between;padding:13px 16px;transition:transform .18s ease}.category-item:hover,.method-item:hover{border-color:var(--border-gold);transform:translateY(-2px)}.category-name,.method-name{color:var(--text-primary);flex:1 1;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600}.category-details,.method-details{align-items:flex-end;display:flex;flex-direction:column;gap:3px}.category-count,.method-count{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.75rem}.category-amount,.method-amount{color:#10b981;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600}.transaction-section{background:var(--card-bg);border:1px solid var(--border-soft);border-radius:12px;margin-bottom:24px;padding:22px}.view-more-btn{background:linear-gradient(135deg,#a8892a,#c9a84c);border-radius:7px;color:#1a1208;display:inline-block;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;padding:8px 16px;text-decoration:none;transition:box-shadow .18s}.view-more-btn:hover{box-shadow:0 4px 14px #c9a84c59}.recent-transactions{margin-top:18px}.recent-transactions table{border-collapse:collapse;width:100%}.recent-transactions th{background:var(--page-bg);color:var(--text-secondary);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-align:left;text-transform:uppercase}.recent-transactions td,.recent-transactions th{border-bottom:1px solid var(--border-soft);font-family:Inter,sans-serif;padding:12px 14px}.recent-transactions td{color:var(--text-primary);font-size:.875rem}.recent-transactions tr:hover td{background:var(--page-bg)}.user-info{display:flex;flex-direction:column}.user-info strong{color:var(--text-primary);font-size:.875rem;margin-bottom:2px}.user-info span{color:var(--text-secondary);font-size:.75rem}.amount{color:#10b981;font-weight:600}.status{border-radius:14px;display:inline-block;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;padding:4px 10px;text-transform:capitalize}.status.completed,.status.success{background:#10b9811f;color:#10b981}.status.pending{background:#f59e0b1f;color:#f59e0b}.status.failed{background:#ef44441a;color:#f87171}.enrollment-section{background:var(--card-bg);border:1px solid var(--border-soft);border-radius:12px;padding:22px}.enrollment-metrics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:20px}.metric-card{background:var(--page-bg);border:1px solid var(--border-soft);border-radius:10px;padding:16px;text-align:center}.metric-card h5{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.metric-number{color:var(--text-primary);font-family:Playfair Display,serif;font-size:1.4rem;font-weight:700;margin:0}.enrollments-list{display:flex;flex-direction:column;gap:10px}.enrollment-item{align-items:center;background:var(--page-bg);border:1px solid var(--border-soft);border-radius:8px;display:flex;justify-content:space-between;padding:13px 16px}.enrollment-count{color:#c9a84c;font-family:Inter,sans-serif;font-weight:600}.demo-toggle{margin:10px 0;padding:10px 14px}.demo-badge{background:#10b98126;border-radius:10px;color:#10b981;font-weight:600;padding:2px 8px}.no-data{color:var(--text-secondary);padding:40px}.visualization-section{margin-bottom:24px}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (max-width:1024px){.analytics-filters{flex-direction:column}.filter-group select{min-width:100%}.chart-wrapper{height:250px;padding:8px 0 35px 40px}.y-axis{bottom:35px;font-size:.6rem;width:40px}.area-chart-container,.y-axis-line{bottom:35px;left:40px}.x-axis{font-size:.6rem;height:35px;left:40px}.charts-grid{grid-template-columns:1fr}.table-pie-row{flex-direction:column;gap:20px}.pie-chart-wrapper{align-items:center;width:100%}}@media (max-width:768px){.analytics{padding:16px}.revenue-overview{grid-template-columns:1fr}.chart-header,.section-header{align-items:flex-start;flex-direction:column;gap:12px}.chart-wrapper{height:220px;padding:8px 0 32px 35px}.table-pie-row{flex-direction:column;gap:24px}.table-pie-row .payment-methods,.table-pie-row .scheme-revenue{width:100%}.pie-chart-wrapper{align-items:center;width:100%}.visualization-section .charts-grid{display:flex;flex-direction:column;gap:16px}}@media (max-width:480px){.enrollment-metrics{grid-template-columns:1fr}.recent-transactions{overflow-x:auto}.recent-transactions table{min-width:560px}.chart-wrapper{height:190px;padding:5px 0 28px 32px}.analytics-filters{gap:10px;padding:12px}.filter-group input,.filter-group select{font-size:.82rem}.stat-card{padding:14px 16px}.stat-value{font-size:1.5rem}.analytics{padding:10px}.home-header{padding:14px 12px}}.home{background:linear-gradient(135deg,#faf6f0,#f5edd8);background:var(--page-bg,linear-gradient(135deg,#faf6f0 0,#f5edd8 100%));box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px 24px;width:100%}.home-header{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid var(--border-soft);border-radius:14px;box-shadow:var(--shadow-card);margin-bottom:20px;overflow:hidden;padding:20px 24px;position:relative;text-align:center}.home-header:before{background:linear-gradient(90deg,#0000,#a8892a 20%,#c9a84c 40%,#e8c96a 50%,#c9a84c 60%,#a8892a 80%,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.home-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a8892a,#c9a84c 50%,#e8c96a);-webkit-background-clip:text;background-clip:text;color:#3d1f0d;font-family:Cormorant Garamond,Playfair Display,serif;font-size:1.9rem;font-weight:700;letter-spacing:.01em;margin-bottom:6px}.home-header p{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.95rem;font-weight:400;letter-spacing:.01em;line-height:1.5;margin:0 auto;max-width:500px;text-align:center}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{align-items:center;background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid var(--border-soft);border-radius:14px;box-shadow:var(--shadow-card);display:flex;gap:16px;overflow:hidden;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(90deg,#0000,#c9a84c99 50%,#0000);height:2px;opacity:0;top:0;transition:opacity .35s ease}.stat-card:after,.stat-card:before{content:"";left:0;position:absolute;right:0}.stat-card:after{background:linear-gradient(90deg,#0000,#c9a84c26 50%,#0000);bottom:0;height:1px}.stat-card:hover{border-color:var(--border-gold);box-shadow:var(--shadow-hover);transform:translateY(-3px)}.stat-card:hover:before{opacity:1}.stat-icon{align-items:center;border-radius:12px;box-shadow:0 4px 12px #1b2f4e26;display:flex;flex-shrink:0;font-size:1.4rem;height:48px;justify-content:center;transition:all .3s ease;width:48px}.stat-card:hover .stat-icon{transform:scale(1.05)}.stat-card:first-child .stat-icon{background:linear-gradient(135deg,#1b3a5c,#2d5a8c);color:#e8c96a}.stat-card:nth-child(2) .stat-icon{background:linear-gradient(135deg,#a8892a,#e8c96a);color:#3d1f0d}.stat-card:nth-child(3) .stat-icon{background:linear-gradient(135deg,#065f46,#059669);color:#d1fae5}.stat-card:nth-child(4) .stat-icon{background:linear-gradient(135deg,#881337,#be123c);color:#ffe4e6}.stat-info{flex:1 1}.stat-info h3{color:#1a1208;color:var(--text-primary,#1a1208);font-family:Cormorant Garamond,Playfair Display,serif;font-size:1.9rem;font-weight:700;letter-spacing:-.01em;line-height:1;margin:0}.stat-info p{color:#8b7355;color:var(--text-muted,#8b7355);font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.08em;margin:6px 0 0;text-transform:uppercase}.dash-tab-wrap{margin-bottom:20px;position:relative}.dash-tab-arrow{align-items:center;background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1.5px solid #c9a84c66;border-radius:50%;box-shadow:0 2px 10px #1a12081f;color:#a8892a;cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .18s ease;width:28px;z-index:10}.dash-tab-arrow:hover{background:linear-gradient(135deg,#c9a84c,#e8c96a);border-color:#0000;box-shadow:0 3px 14px #c9a84c59;color:#3d1f0d}.dash-tab-arrow-left{left:4px}.dash-tab-arrow-right{right:4px}.dash-tab-bar{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid var(--border-soft);border-radius:12px;display:flex;gap:4px;margin-bottom:0;overflow-x:auto;padding:5px;scrollbar-width:none}.dash-tab-bar::-webkit-scrollbar{display:none}.dash-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#8b7355;color:var(--text-secondary,#8b7355);cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-size:.84rem;font-weight:500;gap:6px;min-width:-webkit-max-content;min-width:max-content;padding:9px 14px;transition:all .18s ease;white-space:nowrap}.dash-tab:hover{background:#c9a84c12;background:var(--nav-link-hover-bg,#c9a84c12);color:#1a1208;color:var(--text-primary,#1a1208)}.dash-tab.active{background:linear-gradient(135deg,#1b3a5c,#2d5a8c);box-shadow:0 2px 10px #1b3a5c38;color:#e8c96a;font-weight:600}.dash-tab-count{align-items:center;background:#c9a84c26;border-radius:9px;color:#c9a84c;display:inline-flex;font-size:.68rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}.dash-tab.active .dash-tab-count{background:#e8c96a33;color:#e8c96a}.dashboard-tabs{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c2e;border-radius:12px;box-shadow:0 2px 8px #1b2f4e0f;display:flex;gap:6px;margin-bottom:20px;padding:6px}.tab-button{background:none;border:none;border-radius:8px;color:#8b7355;color:var(--text-muted,#8b7355);cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:.86rem;font-weight:600;letter-spacing:.03em;padding:10px 16px;text-align:center;transition:all .2s ease}.tab-button.active{background:linear-gradient(135deg,#1b3a5c,#2d5a8c);border:1px solid #c9a84c40;box-shadow:0 3px 12px #1b3a5c40;color:#e8c96a}.tab-button:hover:not(.active){background:#c9a84c1a;color:#a8892a;color:var(--text-secondary,#a8892a)}.tab-content{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid var(--border-soft);border-radius:14px;box-shadow:var(--shadow-card);margin-bottom:24px;overflow:hidden}.section-header{align-items:center;background:#faf6f0;background:var(--header-bg,#faf6f0);border-bottom:1px solid var(--border-soft);padding:18px 24px}.section-header h2{color:#1a1208;color:var(--text-primary,#1a1208);font-family:Playfair Display,serif;font-size:1.25rem;font-weight:600;letter-spacing:.01em;margin:0}.btn-refresh{background:linear-gradient(135deg,#a8892a,#c9a84c);border:none;border-radius:50px;box-shadow:0 4px 15px #c9a84c40;color:#1a1208;cursor:pointer;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;letter-spacing:.05em;padding:11px 24px;transition:all .3s ease}.btn-refresh:hover{box-shadow:0 8px 25px #c9a84c61;transform:translateY(-2px)}.schemes-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));padding:20px 24px}.scheme-card{border:1px solid var(--border-soft);border-radius:20px;box-shadow:0 8px 32px #1a12080f,0 2px 8px #1a120808}.scheme-card:before{background:linear-gradient(90deg,#0000,#c9a84c 40%,#e8c96a 50%,#c9a84c 60%,#0000);transition:opacity .35s ease}.scheme-card:hover{border-color:#c9a84c73;box-shadow:0 25px 50px #1a12081a,0 12px 32px #c9a84c33;transform:translateY(-6px)}.scheme-image{background:linear-gradient(135deg,#f5edd8,#faf6f0);height:220px;overflow:hidden;position:relative}.scheme-image img{height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.scheme-card:hover .scheme-image img{transform:scale(1.08)}.scheme-image-placeholder{background:linear-gradient(135deg,#f5edd8,#faf6f0);color:#c9a84c66;font-size:4rem}.scheme-info{padding:18px 20px}.scheme-info h4{color:#1a1208;color:var(--text-primary,#1a1208);font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600;letter-spacing:.01em;line-height:1.3;margin:0 0 10px}.scheme-description{color:var(--text-muted,#8b7355);font-size:.86rem;line-height:1.5;margin-bottom:14px}.scheme-details{margin-bottom:28px}.scheme-details p{align-items:center;border-bottom:1px solid #c9a84c1a;display:flex;justify-content:space-between;margin:10px 0;padding:8px 0}.scheme-details p:last-child{border-bottom:none}.scheme-details strong{color:#8b7355;font-size:.85rem;font-weight:500;letter-spacing:.03em}.scheme-details span{color:#1a1208;font-size:.9rem;font-weight:600}.btn-join-scheme{background:linear-gradient(135deg,#a8892a,#c9a84c 50%,#e8c96a);box-shadow:0 4px 16px #c9a84c47;color:#1a1208;font-size:.88rem;letter-spacing:.08em;overflow:hidden;padding:14px 16px;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1)}.btn-join-scheme:after{background:linear-gradient(90deg,#0000,#ffffff47,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transform:skewX(-15deg);transition:left .5s ease;width:60%}.btn-join-scheme:hover:not(:disabled):after{left:150%}.btn-join-scheme:hover:not(:disabled){box-shadow:0 8px 28px #c9a84c6b;transform:translateY(-2px)}.btn-join-scheme:disabled{background:#d0c8b8;box-shadow:none;color:#8b7355;cursor:not-allowed;transform:none}.btn-join-scheme.joined{background:linear-gradient(135deg,#1b6b4a,#27916a);color:#fff}.error-message{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fed7d7e6;border:1px solid #feb2b299;border-radius:12px;color:#c53030;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px}.btn-retry{background:#e53e3e;border-radius:8px;color:#fff;margin-left:auto;padding:8px 16px;transition:all .3s ease}.btn-retry:hover{background:#c53030;transform:translateY(-1px)}.loading{font-weight:500;letter-spacing:.04em;padding:22px 18px}.no-schemes,.no-transactions{color:#8b7355;color:var(--text-muted,#8b7355);padding:22px 18px;text-align:center}.no-schemes p,.no-transactions p{font-family:Inter,sans-serif;font-size:1rem;margin-bottom:20px}.btn-browse-schemes{background:linear-gradient(135deg,#a8892a,#c9a84c 50%,#e8c96a);color:#1a1208;font-size:.88rem;letter-spacing:.08em;padding:13px 28px;transition:all .35s ease}.btn-browse-schemes:hover{box-shadow:0 8px 28px #c9a84c6b}.scheme-actions{border-top:1px solid #c9a84c26;gap:10px;margin-top:20px;padding-top:20px}.btn-cancel-scheme{background:#be123c1a;border:none;border-radius:10px;box-shadow:0 2px 8px #e74c3c33;color:#881337;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 16px;transition:all .3s ease;width:100%}.btn-cancel-scheme:hover:not(:disabled){background:#be123c2e;box-shadow:0 4px 12px #be123c33;color:#881337;transform:translateY(-1px)}.btn-cancel-scheme:disabled{background:#8b735526;color:#8b7355;color:var(--text-muted,#8b7355);cursor:not-allowed;opacity:.7}.btn-view-details{background:linear-gradient(135deg,#0f52ba,#4169e1);border:none;border-radius:10px;box-shadow:0 2px 8px #0f52ba33;color:#f0f4ff;cursor:pointer;font-size:.88rem;font-weight:600;padding:11px 16px;transition:all .3s ease;width:100%}.btn-view-details:hover{background:linear-gradient(135deg,#1b3a5c,#0f52ba);box-shadow:0 4px 14px #0f52ba4d;transform:translateY(-1px)}.btn-cancel-scheme:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}.schemes-grid-three{grid-gap:18px;gap:18px;grid-template-columns:repeat(3,1fr);padding:20px 24px}@media (max-width:1200px){.schemes-grid-three{grid-template-columns:repeat(2,1fr)}.user-actions-grid-single{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.admin-actions-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.home{padding:14px 16px}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-icon{font-size:1.4rem;height:44px;width:44px}.stat-info h3{font-size:1.6rem}.admin-actions-grid{grid-template-columns:repeat(2,1fr)}.user-actions-grid-single{gap:8px;grid-template-columns:repeat(3,1fr)}.dashboard-tabs{flex-direction:column}.schemes-grid,.schemes-grid-three{gap:14px;grid-template-columns:1fr;padding:16px}.section-header{flex-direction:column;gap:12px;padding:14px 16px;text-align:center}.table-controls{align-items:stretch;flex-direction:column;gap:12px;padding:0 16px}.table-filter{justify-content:space-between}}@media (max-width:480px){.home-header{padding:20px 16px}.home-header h1{font-size:1.7rem}.stats-grid{gap:10px;grid-template-columns:1fr 1fr}.stat-card{flex-direction:column;gap:10px;padding:14px 12px;text-align:center}.user-actions-grid-single{grid-template-columns:repeat(2,1fr)}.user-actions-grid-single .user-action-btn{font-size:12px;min-height:80px}.tab-button{font-size:.85rem;padding:10px 14px}}.transactions-tab{padding:0}.transaction-table-container{padding:20px 24px}.transaction-table{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid var(--border-soft);border-collapse:collapse;border-radius:12px;box-shadow:var(--shadow-card);overflow:hidden;width:100%}.transaction-table thead{background:linear-gradient(135deg,#1b3a5c,#2d5a8c)}.transaction-table th{border-bottom:1px solid #c9a84c33;color:#e8c96a;font-size:.75rem;font-weight:600;letter-spacing:.08em;padding:11px 14px;text-align:left;text-transform:uppercase}.transaction-table th:first-child{border-top-left-radius:16px}.transaction-table th:last-child{border-top-right-radius:16px}.transaction-table tbody tr{border-bottom:1px solid #c9a84c1a;border-bottom:1px solid var(--border-soft,#c9a84c1a);transition:all .3s ease}.transaction-table tbody tr:last-child{border-bottom:none}.transaction-table tbody tr:hover{background:#c9a84c12;box-shadow:0 3px 10px #1b2f4e0f;transform:translateY(-1px)}.transaction-table td{border-bottom:1px solid var(--border-soft);color:#5c3d28;color:var(--text-secondary,#5c3d28);font-size:.87rem;font-weight:500;padding:11px 14px}.transaction-table td:first-child{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-weight:600}.transaction-table td:last-child{border-bottom:none}.status-badge{font-size:.85rem;letter-spacing:.5px;min-width:80px;padding:8px 16px;text-align:center}.status-paid{background:#0596691f;border:1px solid #0596694d;color:#065f46}.status-pending{background:#c9a84c1f;border:1px solid #c9a84c4d;color:#7a5f1a}.status-overdue{background:#be123c1a;border:1px solid #be123c40;color:#881337}.status-completed{background:#4169e11a;border:1px solid #4169e140;color:#1b3a5c}.amount-cell{color:#3d1f0d;font-size:.95rem}.date-cell{color:#7a6550;font-family:Monaco,Consolas,monospace}.scheme-name-cell{color:#3d1f0d;font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.installment-cell{background:#c9a84c1a;border-radius:8px;color:#7a5f1a;display:inline-block;font-size:.82rem;font-weight:600;padding:4px 10px}.no-transactions-table{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid var(--border-soft);border-radius:12px;box-shadow:var(--shadow-card);color:#8b7355;color:var(--text-muted,#8b7355);margin:16px;padding:22px 18px;text-align:center}.no-transactions-table p{font-size:1.1rem;font-weight:500;margin-bottom:20px}@media (max-width:1024px){.transaction-table-container{overflow-x:auto;padding:24px}.transaction-table{min-width:800px}}@media (max-width:768px){.transaction-table-container{margin:0 -20px;padding:20px}.transaction-table td,.transaction-table th{font-size:.9rem;padding:16px 12px}.status-badge{font-size:.8rem;min-width:70px;padding:6px 12px}.transaction-table th{font-size:.85rem;padding:16px 12px}}@media (max-width:480px){.transaction-table-container{margin:0 -16px;padding:16px}.transaction-table td,.transaction-table th{font-size:.85rem;padding:14px 10px}.status-badge{font-size:.75rem;min-width:60px;padding:4px 10px}.installment-cell{font-size:.8rem;padding:4px 10px}}.transaction-table th{position:relative}.transaction-table th:after{background:linear-gradient(90deg,#0000,#fff6 50%,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.transaction-table tbody tr:nth-child(2n){background:#f5edd84d}.transaction-table tbody tr:nth-child(2n):hover{background:#f5edd899}[data-theme=dark] .transaction-table tbody tr:nth-child(2n){background:#c9a84c0d}[data-theme=dark] .transaction-table tbody tr:nth-child(2n):hover{background:#c9a84c1a}[data-theme=dark] .transaction-table tbody tr:hover{background:#c9a84c12}.transaction-action{background:linear-gradient(135deg,#a8892a,#c9a84c);border:none;border-radius:50px;color:#1a1208;cursor:pointer;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;letter-spacing:.04em;padding:8px 16px;transition:all .3s ease}.transaction-action:hover{box-shadow:0 4px 12px #c9a84c4d;transform:translateY(-1px)}.table-loading{color:#8b7355;color:var(--text-muted,#8b7355);font-family:Inter,sans-serif;font-size:1rem;font-weight:500;padding:22px;text-align:center}.table-controls{justify-content:space-between;margin-bottom:16px;padding:0 24px}.table-controls,.table-filter{align-items:center;display:flex}.table-filter{gap:12px}.filter-select,.table-search{background:#fff;background:var(--surface-bg,#fff);border:1px solid var(--border-soft);border-radius:8px;color:#5c3d28;color:var(--text-secondary,#5c3d28);font-family:Inter,sans-serif;font-size:.86rem;font-weight:500;padding:8px 14px;transition:all .2s ease}.filter-select{cursor:pointer}.filter-select:focus,.table-search:focus{border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c1f;outline:none}@media (max-width:768px){.table-controls{align-items:stretch;flex-direction:column;gap:16px;padding:0 20px}.table-filter{justify-content:space-between}}.action-icon{color:inherit;display:block;font-size:1.6rem;margin-bottom:10px}.btn-icon{margin-right:6px;vertical-align:middle}.admin-action-btn,.user-action-btn,.user-actions-grid-single .user-action-btn{background:#faf6f0!important;background:var(--card-bg,#faf6f0)!important;border:1px solid #c9a84c40!important;border:1px solid var(--border-gold,#c9a84c40)!important;color:#4a3728!important;color:var(--text-secondary,#4a3728)!important}.admin-action-btn:hover,.user-action-btn:hover,.user-actions-grid-single .user-action-btn:hover{background:#f5edd8!important;background:var(--page-bg-alt,#f5edd8)!important;border-color:#c9a84c80!important;box-shadow:0 6px 20px #c9a84c26!important;color:#a8892a!important}.user-action-btn.active{background:linear-gradient(135deg,#1b3a5c,#2d5a8c)!important;border-color:#c9a84c66!important;color:#e8c96a!important}[data-theme=dark] .admin-action-btn,[data-theme=dark] .user-action-btn,[data-theme=dark] .user-actions-grid-single .user-action-btn{background:var(--card-bg)!important;color:var(--text-secondary)!important}[data-theme=dark] .user-action-btn.active{background:#c9a84c!important;color:#1a1208!important}[data-theme=dark] .scheme-details span{color:#f5edd8;color:var(--text-primary,#f5edd8)}@media (max-width:600px){.stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.home{padding:12px}.home-header{padding:14px 12px}}@media (max-width:480px){.home{padding:8px}.stats-grid{gap:8px}}.api-error-notice{background:#be123c12;border:1px solid #be123c40;border-radius:8px;color:#881337;font-size:.875rem;margin:0 24px;padding:12px 16px;text-align:center}[data-theme=dark] .api-error-notice{background:#be123c1f;color:#f87171}.payment-schedule-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1a0e06b8;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.payment-schedule-modal{animation:modalSlideIn .28s cubic-bezier(.4,0,.2,1);background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c2e;border:1px solid var(--border-soft,#c9a84c2e);border-radius:16px;box-shadow:0 24px 64px #1a0e0652,0 4px 16px #c9a84c1f;cursor:default;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:95%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:linear-gradient(135deg,#a8892a,#c9a84c 50%,#e8c96a);display:flex;justify-content:space-between;padding:18px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:#3d1f0d;font-family:Playfair Display,serif;font-size:1.35rem;font-weight:700;letter-spacing:.01em;margin:0}.close-btn{align-items:center;background:#3d1f0d1f;border:none;border-radius:8px;color:#3d1f0d;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:background .18s;width:36px}.close-btn:hover{background:#3d1f0d38}.scheme-info{background:#faf6f0;background:var(--page-bg,#faf6f0);border-bottom:1px solid #c9a84c2e;border-bottom:1px solid var(--border-soft,#c9a84c2e);padding:18px 24px}.scheme-summary-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:14px}.summary-item{flex-direction:column;gap:3px}.summary-item label{color:#8b7355;color:var(--text-muted,#8b7355);font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.summary-item span{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-size:.98rem;font-weight:600}.total-amount{color:#065f46}[data-theme=dark] .total-amount{color:#6ee7b7}.progress-section{margin-top:14px}.progress-stats{color:#8b7355;color:var(--text-muted,#8b7355);display:flex;font-family:Inter,sans-serif;font-size:.82rem;justify-content:space-between;margin-bottom:6px}.progress-fill{background:linear-gradient(90deg,#065f46,#059669);transition:width .35s ease}.join-notice{background:#c9a84c1a;border:1px solid #c9a84c4d;border-radius:8px;color:#7a5f1a;color:var(--text-secondary,#7a5f1a);font-family:Inter,sans-serif;font-size:.84rem;margin-top:12px;padding:10px 14px}.payment-table-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.table-header{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border-bottom:1px solid #c9a84c2e;border-bottom:1px solid var(--border-soft,#c9a84c2e);padding:14px 24px}.table-header h3{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-size:1.05rem}.table-stats{display:flex;gap:12px}.stat{border-radius:20px;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;padding:4px 12px}.stat.paid{background:#0596691a;color:#065f46}.stat.pending{background:#c9a84c1f;color:#7a5f1a}[data-theme=dark] .stat.paid{background:#05966929;color:#6ee7b7}[data-theme=dark] .stat.pending{color:#e8c96a}.table-wrapper{flex:1 1;overflow:auto;padding:0 24px;scrollbar-color:#c9a84c33 #0000;scrollbar-width:thin}.payment-table{border-collapse:collapse;min-width:800px;width:100%}.payment-table th{background:linear-gradient(135deg,#1b3a5c,#2d5a8c);border-bottom:1px solid #c9a84c33;color:#e8c96a;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.08em;padding:11px 16px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0}.payment-table td{border-bottom:1px solid #c9a84c1f;border-bottom:1px solid var(--border-soft,#c9a84c1f);color:#5c3d28;color:var(--text-secondary,#5c3d28);font-family:Inter,sans-serif;font-size:.875rem;padding:13px 16px}.installment-row:hover{background:#f5edd866}[data-theme=dark] .installment-row:hover{background:#c9a84c12}.amount-cell{color:#065f46;font-weight:600}.pay-now-btn{background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:6px;box-shadow:0 2px 8px #05966938;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.84rem;font-weight:600;padding:7px 16px;transition:all .2s}.pay-now-btn:hover:not(.disabled){background:linear-gradient(135deg,#047857,#059669);box-shadow:0 4px 12px #0596694d;transform:translateY(-1px)}.pay-now-btn.disabled{background:#8b73552e;box-shadow:none;color:#8b7355;color:var(--text-muted,#8b7355);cursor:not-allowed}.pay-now-btn.locked{align-items:center;background:#64647826;box-shadow:none;color:#8b8ba0;cursor:not-allowed;display:inline-flex}.paid-text{padding:5px 12px}.status-badge.overdue{background:#be123c1a;border:1px solid #be123c40;color:#881337}[data-theme=dark] .status-badge.paid{background:#05966929}[data-theme=dark] .status-badge.overdue{background:#be123c24;color:#f87171}[data-theme=dark] .paid-text.shop-credit-text,[data-theme=dark] .shop-pays-note,[data-theme=dark] .stat.shop-credit{color:#e8c96a}.paid-text.shop-credit-text{align-items:center;background:linear-gradient(135deg,#a8892a1f,#c9a84c26);border:1px solid #c9a84c4d;border-radius:20px;color:#7a5c1e;display:inline-flex;font-family:Inter,sans-serif;font-size:.84rem;font-weight:600;padding:5px 12px}.stat.shop-credit{background:linear-gradient(135deg,#a8892a26,#c9a84c33);border:1px solid #c9a84c66;color:#7a5c1e}.shop-pays-note{align-items:center;background:#c9a84c1a;border:1px solid #c9a84c4d;border-radius:20px;color:#7a5c1e;display:inline-flex;font-size:.8rem;font-weight:600;padding:3px 10px}.modal-actions{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border-top:1px solid #c9a84c2e;border-top:1px solid var(--border-soft,#c9a84c2e);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-cancel{background:#faf6f0;background:var(--page-bg,#faf6f0);border:1px solid #c9a84c40;border:1px solid var(--border-soft,#c9a84c40);border-radius:8px;color:#8b7355;color:var(--text-muted,#8b7355);cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;padding:10px 22px;transition:all .18s}.btn-cancel:hover{background:#be123c14;border-color:#be123c40;color:#881337}.btn-confirm{background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:8px;box-shadow:0 2px 10px #05966940;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;padding:10px 22px;transition:all .2s}.btn-confirm:hover:not(:disabled){box-shadow:0 6px 16px #05966959;transform:translateY(-2px)}.btn-confirm:disabled{background:#8b73552e;box-shadow:none;cursor:not-allowed;transform:none}.btn-confirm:disabled,.loading-spinner{color:#8b7355;color:var(--text-muted,#8b7355)}.loading-spinner{align-items:center;display:flex;font-family:Inter,sans-serif;font-size:.95rem;justify-content:center;padding:40px}@media (max-width:768px){.payment-schedule-overlay{padding:10px}.payment-schedule-modal{max-height:95vh}.modal-header{align-items:flex-start;flex-direction:column;gap:10px;padding:14px 18px}.modal-header h2{font-size:1.1rem}.close-btn{align-self:flex-end;margin-top:-52px}.scheme-summary-grid{grid-template-columns:1fr}.table-header{align-items:flex-start;flex-direction:column;gap:10px}.table-stats{justify-content:space-between;width:100%}.table-wrapper{padding:0 16px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}@media (max-width:480px){.payment-schedule-modal{border-radius:10px}.modal-header{padding:12px 14px}.modal-header h2{font-size:1rem}.scheme-summary{padding:12px 14px}.payment-table td,.payment-table th{font-size:.78rem;padding:8px 10px}.table-wrapper{overflow-x:auto;padding:0 10px}.payment-table{min-width:480px}.modal-actions{gap:8px;padding:12px 14px}}.scheme-card{border:1px solid #c9a84c33;border-radius:16px;box-shadow:0 4px 16px #1a120814;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;transition:all .4s cubic-bezier(.4,0,.2,1)}.scheme-card:before{background:linear-gradient(90deg,#0000,#c9a84c,#e8c96a,#c9a84c,#0000);left:10%;transition:opacity .4s ease;width:80%;z-index:2}.scheme-card:hover{border-color:#c9a84c80;box-shadow:0 12px 40px #c9a84c38,0 4px 16px #1a12081a;transform:translateY(-5px)}.scheme-image-container{background:linear-gradient(135deg,#f0e6d0,#f5edd8);height:220px;overflow:hidden;position:relative;width:100%}.scheme-image-placeholder{align-items:center;background:linear-gradient(135deg,#1b2f4e,#0f2744);display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;width:100%}.scheme-image-placeholder-icon{font-size:2.5rem;line-height:1}.scheme-image-placeholder-text{color:#c9a84c;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.scheme-image{height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.scheme-card:hover .scheme-image{transform:scale(1.06)}.scheme-category-badge{background:linear-gradient(135deg,#1b2f4e,#2d5a8c);border:1px solid #c9a84c66;border-radius:20px;box-shadow:0 2px 8px #1a12084d;color:#e8c96a;font-family:Inter,sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;padding:4px 14px;position:absolute;right:12px;text-transform:uppercase;top:12px}.scheme-content{display:flex;flex-direction:column;flex-grow:1;padding:22px}.scheme-name{color:#3d1f0d;font-family:Playfair Display,serif;font-size:1.25rem;font-weight:600;letter-spacing:.01em;line-height:1.3;margin-bottom:10px}.scheme-description-container{flex-grow:1;margin-bottom:14px}.scheme-description{color:#8b7355;font-size:.88rem;line-height:1.6;margin:0;transition:all .3s ease}.scheme-description.collapsed{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.scheme-description.expanded{display:block}.read-more-btn{background:none;border:none;color:#c9a84c;cursor:pointer;display:inline-block;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;letter-spacing:.04em;margin-top:4px;padding:4px 0;text-align:left;transition:color .3s ease}.read-more-btn:hover{color:#a8892a;text-decoration:underline}.scheme-details{margin-bottom:18px}.detail-item{padding:8px 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#8b7355;font-size:.82rem;font-weight:500;letter-spacing:.03em}.detail-label,.detail-value{font-family:Inter,sans-serif}.detail-value{color:#3d1f0d;font-size:.9rem;font-weight:600}.detail-item:first-child .detail-value{color:#a8892a;font-family:Playfair Display,serif;font-size:1rem}.scheme-actions{justify-content:center;margin-top:auto}.join-btn{background:linear-gradient(135deg,#a8892a,#c9a84c 50%,#e8c96a);border:none;border-radius:50px;box-shadow:0 4px 16px #c9a84c4d;color:#3d1f0d;cursor:pointer;font-family:Inter,sans-serif;font-size:.88rem;font-weight:700;letter-spacing:.08em;overflow:hidden;padding:13px 24px;position:relative;text-transform:uppercase;transition:all .35s cubic-bezier(.4,0,.2,1);width:100%}.join-btn:after{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transform:skewX(-15deg);transition:left .55s ease;width:60%}.join-btn:hover:not(:disabled):after{left:150%}.join-btn:hover:not(:disabled){background:linear-gradient(135deg,#c9a84c,#e8c96a 50%,#c9a84c);box-shadow:0 8px 28px #c9a84c73;transform:translateY(-2px)}.join-btn:disabled{background:#d0c8b8;box-shadow:none;color:#8b7355;cursor:not-allowed;transform:none}.admin-scheme-actions{display:flex;gap:8px;width:100%}.scheme-edit-btn,.scheme-toggle-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;gap:5px;justify-content:center;letter-spacing:.02em;padding:9px 12px;transition:all .2s ease}.scheme-edit-btn{background:#f5f0e8;border:1px solid #c9a84c;color:#7a5c1e}.scheme-edit-btn:hover{background:#c9a84c;color:#3d1f0d}.scheme-toggle-btn.toggle-disable{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.scheme-toggle-btn.toggle-disable:hover{background:#ef4444;color:#fff}.scheme-toggle-btn.toggle-enable{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.scheme-toggle-btn.toggle-enable:hover{background:#22c55e;color:#fff}.schemes-grid-three{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.scheme-card+.scheme-card{border:1px solid #c9a84c33}.scheme-image{border-radius:4px;height:200px;object-fit:cover;width:100%}.btn-join-scheme{background:linear-gradient(135deg,#a8892a,#c9a84c);border:none;border-radius:50px;box-shadow:0 4px 14px #c9a84c40;color:#3d1f0d;cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.06em;padding:12px;text-transform:uppercase;transition:all .3s ease;width:100%}.btn-join-scheme.joined{background:#d0c8b8;box-shadow:none;color:#8b7355;cursor:not-allowed}@media (max-width:768px){.scheme-image-container{height:165px}.scheme-content{padding:16px}.scheme-name{font-size:1.1rem}.detail-item{padding:6px 0}.scheme-description{font-size:.83rem}.read-more-btn{font-size:.78rem}}[data-theme=dark] .scheme-card{background:#261a0e;background:var(--card-bg,#261a0e);border-color:#c9a84c2e}[data-theme=dark] .scheme-image-container{background:linear-gradient(135deg,#2e2214,#1c1208)}[data-theme=dark] .detail-value,[data-theme=dark] .scheme-name{color:#f5edd8;color:var(--text-primary,#f5edd8)}[data-theme=dark] .scheme-edit-btn{background:#c9a84c1f;border-color:#c9a84c4d;color:#c9a84c}[data-theme=dark] .scheme-edit-btn:hover{background:#c9a84c;color:#3d1f0d}[data-theme=dark] .scheme-toggle-btn.toggle-disable{background:#b91c1c2e;border-color:#b91c1c59;color:#fca5a5}[data-theme=dark] .scheme-toggle-btn.toggle-enable{background:#1665342e;border-color:#16653459;color:#86efac}@media (max-width:480px){.scheme-content{padding:13px}.scheme-name{font-size:1rem}.scheme-description{font-size:.8rem}.join-btn{font-size:.85rem;padding:11px 20px}}.desc-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a120899;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.desc-modal{animation:modalIn .22s ease-out;background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c40;border-radius:18px;box-shadow:0 24px 64px #1a120838,0 8px 24px #c9a84c26;display:flex;flex-direction:column;max-height:75vh;max-width:900px;overflow:hidden;position:relative;width:75vw}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.desc-modal:before{background:linear-gradient(90deg,#0000,#c9a84c,#e8c96a,#c9a84c,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}.desc-modal-header{align-items:flex-start;border-bottom:1px solid #c9a84c26;display:flex;gap:16px;justify-content:space-between;padding:28px 32px 20px}.desc-modal-title{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Playfair Display,serif;font-size:1.6rem;font-weight:700;line-height:1.3;margin:0}.desc-modal-close{align-items:center;background:#c9a84c1a;border:1px solid #c9a84c40;border-radius:8px;color:#8b7355;cursor:pointer;display:flex;flex-shrink:0;font-size:1.3rem;height:34px;justify-content:center;line-height:1;transition:all .18s;width:34px}.desc-modal-close:hover{background:#c9a84c33;color:#3d1f0d}.desc-modal-body{flex:1 1;overflow-y:auto;padding:24px 32px;scrollbar-color:#c9a84c33 #0000;scrollbar-width:thin}.desc-modal-body::-webkit-scrollbar{width:5px}.desc-modal-body::-webkit-scrollbar-thumb{background:#c9a84c40;border-radius:3px}.desc-modal-text{color:#5c3d28;color:var(--text-secondary,#5c3d28);font-family:Inter,sans-serif;font-size:1rem;line-height:1.75;margin:0;white-space:pre-wrap}.desc-modal-footer{border-top:1px solid #c9a84c26;padding:20px 32px 26px}.desc-modal-stats{display:flex;flex-wrap:wrap;gap:24px}.desc-stat{display:flex;flex-direction:column;gap:2px}.desc-stat span{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.72rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.desc-stat strong{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Playfair Display,serif;font-size:1rem;font-weight:700}[data-theme=dark] .desc-modal{background:#261a0e;background:var(--card-bg,#261a0e)}[data-theme=dark] .desc-modal-title{color:#f5edd8;color:var(--text-primary,#f5edd8)}[data-theme=dark] .desc-modal-text{color:#c8b89a;color:var(--text-secondary,#c8b89a)}[data-theme=dark] .desc-modal-close{color:#9a8570}[data-theme=dark] .desc-stat strong{color:#f5edd8;color:var(--text-primary,#f5edd8)}@media (max-width:768px){.desc-modal{max-height:80vh;width:90vw}.desc-modal-header{padding:20px 20px 16px}.desc-modal-body{padding:18px 20px}.desc-modal-footer{padding:16px 20px 20px}.desc-modal-title{font-size:1.3rem}}.available-schemes-page{box-sizing:border-box;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px;width:100%}.as-page-header{flex-wrap:wrap;gap:1rem;margin-bottom:24px}.as-back-btn,.as-page-header{align-items:center;display:flex}.as-back-btn{background:#0000;border:1px solid #c9a84c40;border:1px solid var(--border-soft,#c9a84c40);border-radius:8px;color:#c8b89a;color:var(--text-secondary,#c8b89a);cursor:pointer;flex-shrink:0;font-family:Inter,sans-serif;font-size:.88rem;font-weight:500;gap:6px;padding:8px 14px;transition:all .18s ease}.as-back-btn:hover{background:#c9a84c14;background:var(--nav-link-hover-bg,#c9a84c14);border-color:#c9a84c66;color:#c9a84c}.as-header-text{flex:1 1}.as-page-title{align-items:center;color:#f5ecd7;color:var(--text-primary,#f5ecd7);display:flex;font-family:Playfair Display,serif;font-size:1.55rem;font-weight:700;gap:8px;margin:0 0 2px}.as-page-subtitle{color:#c8b89a;color:var(--text-secondary,#c8b89a);font-family:Inter,sans-serif;font-size:.84rem;margin:0}.as-create-btn{align-items:center;background:linear-gradient(135deg,#a8892a,#c9a84c);border:none;border-radius:8px;color:#3d1f0d;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;gap:6px;padding:9px 16px;transition:all .18s ease;white-space:nowrap}.as-create-btn:hover{box-shadow:0 4px 14px #c9a84c59;transform:translateY(-1px)}.schemes-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.search-box{align-items:center;background:#1e1409;background:var(--card-bg,#1e1409);border:1px solid #c9a84c33;border:1px solid var(--border-soft,#c9a84c33);border-radius:10px;display:flex;gap:10px;max-width:460px;padding:0 14px;transition:border-color .18s}.search-box:focus-within{border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c1a}.search-icon{color:#c8b89a;color:var(--text-secondary,#c8b89a);flex-shrink:0;font-size:.95rem}.search-input{background:#0000;border:none;color:#f5ecd7;color:var(--text-primary,#f5ecd7);flex:1 1;font-family:Inter,sans-serif;font-size:.9rem;padding:11px 0}.search-input::placeholder{color:#c8b89a;color:var(--text-secondary,#c8b89a);opacity:.55}.search-input:focus{outline:none}.schemes-section{background:#1e1409;background:var(--card-bg,#1e1409);border:1px solid #c9a84c26;border:1px solid var(--border-soft,#c9a84c26);border-radius:16px;margin-bottom:28px;padding:24px}.section-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:22px}.section-title{color:#f5ecd7;color:var(--text-primary,#f5ecd7);font-family:Playfair Display,serif;font-size:1.15rem;font-weight:600;margin:0 0 4px}.schemes-count{color:#c8b89a;color:var(--text-secondary,#c8b89a);font-family:Inter,sans-serif;font-size:.82rem;margin:0}.view-all-btn{background:#0000;border:1px solid #c9a84c59;border-radius:8px;color:#c9a84c;cursor:pointer;font-family:Inter,sans-serif;font-size:.84rem;font-weight:600;padding:8px 16px;transition:all .18s ease;white-space:nowrap}.view-all-btn:hover{background:#c9a84c1a;border-color:#c9a84c}.schemes-grid{grid-gap:22px;gap:22px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.view-all-card{align-items:center;background:#c9a84c0f;border:2px dashed #c9a84c4d;border-radius:14px;color:#f5ecd7;color:var(--text-primary,#f5ecd7);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:190px;padding:36px 20px;text-align:center;transition:all .2s ease}.view-all-card:hover{background:#c9a84c1a;border-color:#c9a84c;transform:translateY(-3px)}.view-all-icon{color:#c9a84c;display:flex;font-size:2rem;justify-content:center;margin-bottom:12px}.view-all-card h3{color:#c9a84c;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.08em;margin:0 0 6px}.view-all-card p{color:#f5ecd7;color:var(--text-primary,#f5ecd7);font-size:1.2rem;font-weight:600;margin:0 0 6px}.view-all-card span{font-family:Inter,sans-serif;font-size:.8rem}.no-schemes-icon,.view-all-card span{color:#c8b89a;color:var(--text-secondary,#c8b89a)}.no-schemes-icon{display:flex;font-size:2.5rem;justify-content:center;margin-bottom:16px;opacity:.6}.no-schemes h3{color:#f5ecd7;color:var(--text-primary,#f5ecd7);font-size:1.25rem;font-weight:600;margin-bottom:10px}.no-schemes p{color:#c8b89a;color:var(--text-secondary,#c8b89a);line-height:1.55;margin-bottom:22px;margin-left:auto;margin-right:auto;max-width:440px}.create-scheme-btn,.no-schemes p{font-family:Inter,sans-serif;font-size:.9rem}.create-scheme-btn{align-items:center;background:linear-gradient(135deg,#a8892a,#c9a84c);border:none;border-radius:9px;color:#3d1f0d;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;padding:11px 22px;transition:all .2s ease}.create-scheme-btn:hover{box-shadow:0 6px 18px #c9a84c59;transform:translateY(-1px)}.show-less-container{margin-top:18px;text-align:center}.show-less-btn{background:#0000;border:1px solid #c9a84c33;border:1px solid var(--border-soft,#c9a84c33);border-radius:8px;color:#c8b89a;color:var(--text-secondary,#c8b89a);cursor:pointer;font-family:Inter,sans-serif;font-size:.86rem;font-weight:500;padding:9px 20px;transition:all .18s ease}.show-less-btn:hover{border-color:#c9a84c66;color:#c9a84c}.loading-container{padding:72px 20px}.loading-spinner{animation:spin .85s linear infinite;border:3px solid var(--border-soft,#c9a84c26);border-left:3px solid #c9a84c}.loading-container p{color:#c8b89a;color:var(--text-secondary,#c8b89a);font-family:Inter,sans-serif;font-size:.9rem}@media (max-width:768px){.available-schemes-page{padding:16px}.schemes-section{padding:18px}.schemes-grid{gap:16px;grid-template-columns:1fr}.section-header{flex-direction:column;gap:10px}.as-page-title{font-size:1.3rem}.search-box{max-width:100%}.as-page-header{align-items:flex-start;flex-direction:column}.as-edit-modal{margin:10px}.as-edit-modal-body{padding:14px 16px}.as-edit-modal-footer{flex-direction:column;gap:8px;padding:12px 16px}.as-edit-modal-footer button{width:100%}}@media (max-width:480px){.available-schemes-page{padding:10px}.as-page-header{gap:10px;padding:12px 0}.schemes-grid{gap:12px;grid-template-columns:1fr}.as-back-btn,.as-page-subtitle{font-size:.82rem}.as-back-btn{padding:7px 12px}.as-modal-overlay{padding:10px}.as-edit-modal{border-radius:10px}}.as-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1a12088c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.as-edit-modal{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c4d;border:1px solid var(--border-gold,#c9a84c4d);border-radius:14px;box-shadow:0 20px 60px #1a120840;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow:hidden;width:100%}.as-edit-modal-header{align-items:center;background:#f5f0e8;background:var(--page-bg,#f5f0e8);border-bottom:1px solid #c9a84c33;border-bottom:1px solid var(--border-soft,#c9a84c33);display:flex;justify-content:space-between;padding:18px 22px}.as-edit-modal-header h3{color:#7a5c1e;color:var(--text-primary,#7a5c1e);font-family:Playfair Display,serif;font-size:1rem;font-weight:700;margin:0}.as-edit-close{align-items:center;background:none;border:none;border-radius:6px;color:#8b7355;color:var(--text-muted,#8b7355);cursor:pointer;display:flex;font-size:1.1rem;padding:4px;transition:background .2s}.as-edit-close:hover{background:#c9a84c26}.as-edit-modal-body{display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding:20px 22px}.as-edit-field{display:flex;flex-direction:column;gap:5px}.as-edit-field label{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.as-edit-field input,.as-edit-field textarea{background:#fdfaf7;background:var(--surface-bg,#fdfaf7);border:1px solid #c9a84c59;border-radius:8px;color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Inter,sans-serif;font-size:.88rem;outline:none;padding:9px 12px;resize:vertical;transition:border-color .2s}.as-edit-field input:focus,.as-edit-field textarea:focus{border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c1f}.as-edit-modal-footer{background:#faf7f2;background:var(--page-bg,#faf7f2);border-top:1px solid #c9a84c26;display:flex;gap:10px;justify-content:flex-end;padding:14px 22px}.as-btn-cancel{background:#fdfaf7;background:var(--surface-bg,#fdfaf7);border:1px solid #d0c8b8;border-radius:8px;color:#8b7355;cursor:pointer;font-size:.83rem;font-weight:600;padding:9px 18px;transition:all .2s}.as-btn-cancel:hover{background:#f5f0e8}.as-btn-save{align-items:center;background:linear-gradient(135deg,#a8892a,#c9a84c);border:none;border-radius:8px;color:#3d1f0d;cursor:pointer;display:flex;font-size:.83rem;font-weight:700;gap:6px;padding:9px 20px;transition:all .2s}.as-btn-save:hover:not(:disabled){background:linear-gradient(135deg,#c9a84c,#e8c96a)}.as-btn-save:disabled{cursor:not-allowed;opacity:.6}.as-message{align-items:center;border-radius:8px;display:flex;font-size:.86rem;font-weight:500;justify-content:space-between;padding:11px 16px}.as-message-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.as-message-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}[data-theme=dark] .as-message-success{background:#0596691f;border-color:#0596694d;color:#6ee7b7}[data-theme=dark] .as-message-error{background:#be123c1f;border-color:#be123c4d;color:#f87171}[data-theme=dark] .as-btn-cancel:hover{background:#c9a84c1a;border-color:#c9a84c4d}.scheme-status-tabs{display:flex;flex-wrap:wrap;gap:8px}.scheme-status-tab{align-items:center;background:#0000;border:1.5px solid #c9a84c40;border-radius:20px;color:#c8b89a;color:var(--text-secondary,#c8b89a);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;gap:6px;padding:7px 14px;transition:all .18s}.scheme-status-tab:hover{background:#c9a84c12;border-color:#c9a84c80;color:#c9a84c}.scheme-status-tab.active{background:#c9a84c24;border-color:#c9a84c;color:#c9a84c}.scheme-status-tab.tab-inactive.active{background:#be123c1a;border-color:#be123c;color:#be123c}.tab-count{background:#ffffff26;border-radius:10px;font-size:.7rem;padding:1px 7px}.as-edit-image-area{align-items:center;background:#1b2f4e;background:var(--nav-bg,#1b2f4e);border:1.5px dashed #c9a84c66;border-radius:10px;cursor:pointer;display:flex;height:140px;justify-content:center;overflow:hidden;position:relative;transition:border-color .18s;width:100%}.as-edit-image-area:hover{border-color:#c9a84c}.as-edit-image-area:hover .as-edit-image-overlay{opacity:1}.as-edit-image-preview{height:100%;object-fit:cover;width:100%}.as-edit-image-placeholder{color:#c9a84c80;gap:8px}.as-edit-image-overlay,.as-edit-image-placeholder{align-items:center;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:.8rem}.as-edit-image-overlay{background:#0e0a049e;color:#e8c96a;font-weight:600;gap:6px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.as-edit-image-name{align-items:center;color:#c9a84c;display:flex;font-family:Inter,sans-serif;font-size:.75rem;font-style:italic;gap:5px;margin-top:6px}@media (max-width:900px){.schemes-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.available-schemes-page{padding:10px 8px}}.my-schemes-container{box-sizing:border-box;font-family:Inter,sans-serif;margin:0 auto;max-width:1200px;padding:16px 18px;width:100%}.my-schemes-header{align-items:center;background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c2e;border:1px solid var(--border-soft,#c9a84c2e);border-radius:12px;box-shadow:var(--shadow-card);display:flex;gap:12px;justify-content:space-between;margin-bottom:14px;overflow:hidden;padding:12px 18px;position:relative}.my-schemes-header:before{background:linear-gradient(90deg,#0000,#c9a84c,#e8c96a,#c9a84c,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.my-schemes-header h1{align-items:center;color:#3d1f0d;color:var(--text-primary,#3d1f0d);display:flex;font-family:Playfair Display,serif;font-size:1.35rem;font-weight:700;gap:8px;margin:0 0 2px}.my-schemes-header p{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.82rem;margin:0}.welcome-message{background:#c9a84c14;border:1px solid #c9a84c33;border-radius:20px;color:#a8892a;flex-shrink:0;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;padding:4px 12px;white-space:nowrap}.schemes-list h2{border-bottom:2px solid #c9a84c59;border-bottom:2px solid var(--border-gold,#c9a84c59);color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;margin-bottom:12px;padding-bottom:8px}.schemes-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,420px));margin-top:0}.scheme-card{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c2e;border:1px solid var(--border-soft,#c9a84c2e);border-radius:14px;box-shadow:0 4px 20px #1a12080f;box-shadow:var(--shadow-card,0 4px 20px #1a12080f);overflow:hidden;padding:16px;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.scheme-card:before{background:linear-gradient(90deg,#0000,#c9a84c80,#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.scheme-card:hover{border-color:#c9a84c59;border-color:var(--border-gold,#c9a84c59);box-shadow:0 12px 32px #1a12081f;box-shadow:var(--shadow-hover,0 12px 32px #1a12081f);transform:translateY(-3px)}.scheme-card:hover:before{opacity:1}.scheme-header{align-items:center;border-bottom:1px solid #c9a84c26;border-bottom:1px solid var(--border-soft,#c9a84c26);display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.scheme-header h3{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Playfair Display,serif;font-size:1.05rem;font-weight:700;margin:0}.status-badge{padding:4px 12px}.status-badge.active{background:#0596691f;border:1px solid #05966940;color:#065f46}.status-badge.cancelled{background:#be123c1a;border:1px solid #be123c40;color:#881337}.status-badge.completed{background:#4169e11a;border:1px solid #4169e133;color:#1b3a5c}.scheme-details{margin-bottom:10px}.detail-row{border-bottom:1px solid #c9a84c14;border-bottom:1px solid var(--border-soft,#c9a84c14);display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:4px;padding:4px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#8b7355;color:var(--text-muted,#8b7355);font-weight:500}.detail-row .value{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-weight:700}.shop-gift-row{align-items:center;background:linear-gradient(135deg,#a8892a14,#c9a84c1f);border:1px solid #c9a84c40!important;border-radius:8px;font-size:.82rem;justify-content:flex-start;margin-top:6px;padding:6px 10px}.shop-gift-label{color:#7a5c1e;font-size:.82rem;font-weight:600}.vault-progress{gap:6px;margin:10px 0 8px}.vault-label{font-size:.7rem}.vault-pct{font-size:.74rem}.vault-bar-wrap{padding-top:13px}.vault-gem{color:#c9a84c40;transition:color .3s,filter .3s,transform .25s}.vault-gem.lit{filter:drop-shadow(0 0 4px rgba(232,201,106,.75));transform:translateX(-50%) scale(1.3)}.vault-fill{min-width:10px}.vault-shimmer{animation:ms-shimmer 2.4s ease-in-out infinite}@keyframes ms-shimmer{0%{background-position:-100% 0}60%{background-position:200% 0}to{background-position:200% 0}}.vault-coin-tip{animation:ms-coin-pulse 1.8s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(232,201,106,.9))}@keyframes ms-coin-pulse{0%,to{filter:drop-shadow(0 0 4px rgba(232,201,106,.7));transform:translateY(-50%) scale(1)}50%{filter:drop-shadow(0 0 8px rgba(232,201,106,1));transform:translateY(-50%) scale(1.2)}}.vault-amounts{font-size:.76rem}.vault-installments{font-size:.7rem}.scheme-actions{display:flex;flex-direction:column;gap:8px;margin-top:10px}.btn-make-payment,.btn-payment-schedule{border:none;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:700;padding:11px 16px;text-align:center;transition:all .22s ease}.btn-payment-schedule{background:linear-gradient(135deg,#1b3a5c,#2d5a8c);box-shadow:0 2px 10px #1b3a5c33;color:#e8c96a}.btn-payment-schedule:hover{background:linear-gradient(135deg,#0f2744,#1b3a5c);box-shadow:0 4px 14px #1b3a5c4d;transform:translateY(-1px)}.link{color:#e8c96a;text-decoration:none}.btn-make-payment{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 2px 10px #05966933;color:#fff}.btn-make-payment:hover{background:linear-gradient(135deg,#047857,#059669);box-shadow:0 4px 14px #0596694d;transform:translateY(-1px)}.no-schemes{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid var(--border-soft);border-radius:14px;box-shadow:var(--shadow-card);padding:56px 20px;text-align:center}.no-schemes-icon{font-size:56px;margin-bottom:18px}.no-schemes h3{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Playfair Display,serif;font-size:1.2rem;margin-bottom:8px}.no-schemes p{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.95rem;margin-bottom:20px}.btn-browse-schemes{background:linear-gradient(135deg,#a8892a,#c9a84c,#e8c96a);border:none;border-radius:50px;box-shadow:0 4px 16px #c9a84c47;color:#3d1f0d;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:700;letter-spacing:.07em;padding:12px 28px;text-transform:uppercase;transition:all .25s ease}.btn-browse-schemes:hover{box-shadow:0 8px 24px #c9a84c66;transform:translateY(-2px)}.loading{padding:40px}.error-message{background:#be123c14;border:1px solid #be123c33;border-radius:8px;font-size:.875rem;padding:14px 16px;text-align:center}.btn-retry{background:#881337;border:none;border-radius:6px;color:#ffe4e6;cursor:pointer;font-family:Inter,sans-serif;font-size:.84rem;font-weight:600;margin-top:8px;padding:7px 16px;transition:background .18s}.btn-retry:hover{background:#be123c}@media (max-width:900px){.schemes-grid{gap:14px;grid-template-columns:1fr 1fr}}@media (max-width:768px){.my-schemes-container{padding:12px 14px}.my-schemes-header{flex-wrap:wrap}.schemes-grid{gap:12px;grid-template-columns:1fr}.scheme-card{padding:14px}.scheme-header{flex-wrap:wrap;gap:8px}}@media (max-width:480px){.my-schemes-container{padding:10px}.my-schemes-header{padding:10px 14px}.my-schemes-header h1{font-size:1.1rem}.scheme-card{border-radius:10px;padding:12px}.welcome-message{display:none}}.payments-page{background:#faf6f0;background:var(--page-bg,#faf6f0);font-family:Inter,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:24px 20px}.payments-header{align-items:center;background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c2e;border:1px solid var(--border-soft,#c9a84c2e);border-radius:14px;box-shadow:var(--shadow-card);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;overflow:hidden;padding:20px 28px;position:relative}.payments-header:before{background:linear-gradient(90deg,#0000,#c9a84c,#e8c96a,#c9a84c,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.payments-title{align-items:center;display:flex;gap:16px}.payments-title-icon{color:#c9a84c;font-size:2rem}.payments-title h1{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Playfair Display,serif;font-size:1.65rem;font-weight:700;margin:0 0 3px}.payments-title p{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.88rem;margin:0}.view-toggle{background:#c9a84c14;border:1px solid #c9a84c33;border-radius:10px;display:flex;gap:2px;padding:3px}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:7px;color:#8b7355;color:var(--text-muted,#8b7355);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s;white-space:nowrap}.toggle-btn.active{background:linear-gradient(135deg,#1b3a5c,#2d5a8c);box-shadow:0 2px 8px #1b3a5c38;color:#e8c96a}.toggle-btn:not(.active):hover{background:#c9a84c1a;color:#5c3d28;color:var(--text-secondary,#5c3d28)}.payments-error{background:#be123c12;border:1px solid #be123c33;border-radius:8px;color:#881337;font-size:.875rem;margin-bottom:20px;padding:12px 16px}.pay-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:28px}.pay-stat-card{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c2e;border:1px solid var(--border-soft,#c9a84c2e);border-radius:12px;box-shadow:var(--shadow-card);gap:14px;padding:18px 20px}.pay-stat-card,.pay-stat-icon{align-items:center;display:flex}.pay-stat-icon{border-radius:10px;flex-shrink:0;font-size:1.2rem;height:42px;justify-content:center;width:42px}.pay-stat-icon.paid{background:#0596691a;color:#059669}.pay-stat-icon.total{background:#c9a84c1f;color:#a8892a}.pay-stat-icon.pending{background:#d977061a;color:#b45309}.pay-stat-icon.done{background:#1b3a5c1a;color:#1b3a5c}.pay-stat-info{display:flex;flex-direction:column;gap:2px}.pay-stat-label{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.78rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.pay-stat-value{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Playfair Display,serif;font-size:1.15rem;font-weight:700}.payments-empty{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c2e;border:1px solid var(--border-soft,#c9a84c2e);border-radius:16px;padding:60px 20px;text-align:center}.empty-icon{color:#c9a84c;font-size:3rem;margin-bottom:16px}.payments-empty h3{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Playfair Display,serif;font-size:1.4rem;margin:0 0 10px}.payments-empty p{color:#8b7355;color:var(--text-muted,#8b7355);margin:0 0 22px}.btn-browse{background:linear-gradient(135deg,#a8892a,#c9a84c,#e8c96a);border:none;border-radius:50px;box-shadow:0 4px 16px #c9a84c4d;color:#3d1f0d;cursor:pointer;font-size:.9rem;font-weight:700;padding:12px 28px;transition:all .2s}.btn-browse:hover{box-shadow:0 6px 22px #c9a84c66;transform:translateY(-2px)}.pay-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.pay-card{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c2e;border:1px solid var(--border-soft,#c9a84c2e);border-radius:16px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:0;overflow:hidden;position:relative;transition:box-shadow .2s,transform .2s}.pay-card:hover{box-shadow:0 10px 30px #c9a84c2e,0 4px 12px #1a120814;transform:translateY(-3px)}.pay-card-accent{background:linear-gradient(90deg,#0000,#c9a84c,#e8c96a,#c9a84c,#0000);height:3px}.pay-card-top{padding:18px 20px 12px}.pay-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pay-card-name{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;margin:0}.progress-bar{background:#c9a84c26}.progress-fill{background:linear-gradient(90deg,#a8892a,#e8c96a);transition:width .4s ease}.vault-progress{display:flex;flex-direction:column;gap:8px;padding:0 18px 14px}.vault-header{justify-content:space-between}.vault-header,.vault-label{align-items:center;display:flex}.vault-label{color:#a8892a;font-size:.72rem;font-weight:700;gap:5px;letter-spacing:.07em;text-transform:uppercase}.vault-pct{color:#8b7355;color:var(--text-muted,#8b7355);font-family:Inter,sans-serif;font-size:.75rem;font-weight:700}.vault-pct.full{color:#059669;font-size:.78rem}.vault-bar-wrap{padding-bottom:2px;padding-top:14px;position:relative}.vault-gem{color:#c9a84c47;cursor:default;line-height:1;position:absolute;top:0;transform:translateX(-50%);transition:color .35s ease,filter .35s ease,transform .25s ease;z-index:1}.vault-gem.lit{color:#c9a84c;filter:drop-shadow(0 0 4px rgba(232,201,106,.7));transform:translateX(-50%) scale(1.25)}.vault-bar{background:#c9a84c1f;border:1px solid #c9a84c33;border-radius:20px;height:10px;overflow:visible;position:relative}.vault-fill{align-items:center;background:linear-gradient(90deg,#a8892a,#c9a84c 50%,#e8c96a 80%,#f5d87a);border-radius:20px;display:flex;height:100%;justify-content:flex-end;min-width:14px;overflow:hidden;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1)}.vault-shimmer{animation:shimmer-sweep 2.2s ease-in-out infinite;background:linear-gradient(105deg,#0000 30%,#ffffff73 50%,#0000 70%);background-size:200% 100%;border-radius:inherit;inset:0;position:absolute}@keyframes shimmer-sweep{0%{background-position:-100% 0}60%{background-position:200% 0}to{background-position:200% 0}}.vault-coin-tip{align-items:center;animation:coin-pulse 1.8s ease-in-out infinite;color:#e8c96a;display:flex;filter:drop-shadow(0 0 5px rgba(232,201,106,.85));position:absolute;right:-7px;top:50%;transform:translateY(-50%);z-index:2}@keyframes coin-pulse{0%,to{filter:drop-shadow(0 0 4px rgba(232,201,106,.7));transform:translateY(-50%) scale(1)}50%{filter:drop-shadow(0 0 8px rgba(232,201,106,1));transform:translateY(-50%) scale(1.18)}}.vault-amounts{font-family:Inter,sans-serif;font-size:.78rem;justify-content:space-between;margin-top:2px}.vault-amounts,.vault-saved{align-items:center;display:flex}.vault-saved{color:#a8892a;font-weight:700;gap:4px}.vault-remaining{font-weight:500}.vault-installments,.vault-remaining{color:#8b7355;color:var(--text-muted,#8b7355)}.vault-installments{align-items:center;display:flex;font-family:Inter,sans-serif;font-size:.72rem;gap:5px;letter-spacing:.02em}[data-theme=dark] .vault-label{color:#e8c96a}[data-theme=dark] .vault-bar{background:#c9a84c14;border-color:#c9a84c26}[data-theme=dark] .vault-saved{color:#e8c96a}[data-theme=dark] .vault-pct.full{color:#6ee7b7}.next-payment-box{background:#c9a84c0d;border:1px solid #c9a84c33;border-radius:12px;display:flex;flex-direction:column;gap:6px;margin:0 16px 16px;padding:16px 18px}.next-payment-box.overdue{background:#be123c0a;border-color:#be123c40}.next-payment-box.today{background:#d977060d;border-color:#d977064d}.next-payment-box.done{background:#0596690a;border-color:#05966933}.next-pay-label{align-items:center;color:#8b7355;color:var(--text-muted,#8b7355);display:flex;font-size:.7rem;font-weight:700;gap:5px;letter-spacing:.07em;text-transform:uppercase}.next-payment-box.overdue .next-pay-label{color:#881337}.next-payment-box.done .next-pay-label{color:#059669}.next-pay-installment{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.82rem;font-weight:500}.next-pay-amount{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;line-height:1.2}.next-payment-box.overdue .next-pay-amount{color:#881337}.next-pay-date{align-items:center;color:#8b7355;color:var(--text-muted,#8b7355);display:flex;font-size:.8rem;gap:5px}.due-chip{border-radius:20px;display:inline-block;font-size:.7rem;font-weight:700;margin-top:2px;padding:3px 10px;width:-webkit-fit-content;width:fit-content}.due-chip.upcoming{background:#1b3a5c14;border:1px solid #1b3a5c26;color:#1b3a5c}.due-chip.today{background:#d977061a;border:1px solid #d9770640;color:#92400e}.due-chip.overdue{background:#be123c14;border:1px solid #be123c33;color:#881337}.pay-card-actions{display:flex;gap:8px;margin-top:auto;padding:0 16px 18px}.btn-pay-now-card{align-items:center;background:linear-gradient(135deg,#a8892a,#c9a84c,#e8c96a);border:none;border-radius:8px;box-shadow:0 3px 10px #c9a84c40;color:#3d1f0d;cursor:pointer;display:flex;flex:1 1;font-size:.84rem;font-weight:700;gap:6px;justify-content:center;padding:10px 14px;transition:all .2s}.btn-pay-now-card:hover{box-shadow:0 5px 16px #c9a84c61;transform:translateY(-1px)}.btn-view-all{align-items:center;background:#1b3a5c12;border:1px solid #1b3a5c26;border-radius:8px;color:#1b3a5c;cursor:pointer;display:flex;font-size:.82rem;font-weight:600;gap:6px;justify-content:center;padding:10px 14px;transition:all .2s;white-space:nowrap}.btn-view-all:hover{background:linear-gradient(135deg,#1b3a5c,#2d5a8c);border-color:#0000;color:#e8c96a}.scheme-payment-block{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c2e;border:1px solid var(--border-soft,#c9a84c2e);border-radius:14px;box-shadow:var(--shadow-card);margin-bottom:24px;overflow:hidden}.scheme-block-header{align-items:center;border-bottom:1px solid #c9a84c26;border-bottom:1px solid var(--border-soft,#c9a84c26);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:18px 22px}.scheme-block-meta{align-items:center;display:flex;gap:10px}.scheme-block-name{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700;margin:0}.scheme-block-status{border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:3px 12px;text-transform:uppercase}.scheme-block-status.active{background:#0596691a;border:1px solid #05966940;color:#065f46}.scheme-block-status.completed{background:#c9a84c1f;border:1px solid #c9a84c4d;color:#7a5f1a}.scheme-block-status.cancelled{background:#8b73551a;border:1px solid #8b735533;color:#6b4f38}.scheme-block-progress{color:#8b7355;color:var(--text-muted,#8b7355);flex:1 1;gap:10px;min-width:160px}.btn-view-schedule,.scheme-block-progress{align-items:center;display:flex;font-size:.82rem}.btn-view-schedule{background:linear-gradient(135deg,#1b3a5c,#2d5a8c);border:none;border-radius:8px;color:#e8c96a;cursor:pointer;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s;white-space:nowrap}.btn-view-schedule:hover{background:linear-gradient(135deg,#0f2744,#1b3a5c);transform:translateY(-1px)}.pay-table-wrap{overflow-x:auto;scrollbar-color:#c9a84c33 #0000;scrollbar-width:thin}.pay-table-wrap::-webkit-scrollbar{height:5px}.pay-table-wrap::-webkit-scrollbar-thumb{background:#c9a84c40;border-radius:3px}.pay-table{border-collapse:collapse;min-width:520px;width:100%}.pay-table th{background:linear-gradient(135deg,#1b3a5c,#2d5a8c);color:#e8c96a;font-size:.72rem;font-weight:600;letter-spacing:.07em;padding:11px 16px;text-align:left;text-transform:uppercase}.pay-table td{border-bottom:1px solid #c9a84c1a;border-bottom:1px solid var(--border-soft,#c9a84c1a);color:#5c3d28;color:var(--text-secondary,#5c3d28);font-size:.875rem;padding:11px 16px}.pay-table tr:last-child td{border-bottom:none}.pay-table tr:hover{background:#c9a84c0a}.pay-table tr.completed{background:#05966908}.pay-table tr.shop-credit{background:#c9a84c0d}.pay-badge{border-radius:20px;display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.05em;padding:3px 12px;text-transform:uppercase}.pay-badge.paid{background:#0596691a;border:1px solid #05966940;color:#065f46}.pay-badge.pending{background:#c9a84c1a;border:1px solid #c9a84c4d;color:#7a5f1a}.pay-badge.overdue{background:#be123c1a;border:1px solid #be123c40;color:#881337}.pay-badge.shop-credit{background:linear-gradient(135deg,#a8892a1f,#c9a84c2e);border:1px solid #c9a84c59;color:#7a5c1e}.payments-loading{color:#8b7355;color:var(--text-muted,#8b7355);padding:60px 20px;text-align:center}.loading-spinner{height:38px;margin:0 auto 16px;width:38px}[data-theme=dark] .payments-error{background:#be123c1f;color:#f87171}[data-theme=dark] .pay-badge.paid{background:#0596692e;color:#6ee7b7}[data-theme=dark] .pay-badge.pending{background:#c9a84c26;color:#e8c96a}[data-theme=dark] .pay-badge.shop-credit{color:#e8c96a}[data-theme=dark] .scheme-block-status.active{color:#6ee7b7}[data-theme=dark] .scheme-block-status.completed{color:#e8c96a}[data-theme=dark] .pay-stat-value{color:#f5edd8;color:var(--text-primary,#f5edd8)}[data-theme=dark] .toggle-btn.active{background:linear-gradient(135deg,#1b3a5c,#2d5a8c)}[data-theme=dark] .next-payment-box{background:#c9a84c12}[data-theme=dark] .next-pay-amount{color:#f5edd8;color:var(--text-primary,#f5edd8)}[data-theme=dark] .btn-view-all{background:#c9a84c14;border-color:#c9a84c33;color:#c9a84c}@media (max-width:768px){.payments-page{padding:12px}.payments-header{padding:16px}.payments-title h1{font-size:1.35rem}.pay-stats-grid{grid-template-columns:1fr 1fr}.pay-cards-grid{grid-template-columns:1fr}.scheme-block-header{align-items:flex-start;flex-direction:column}.scheme-block-progress{width:100%}.btn-view-schedule{justify-content:center;width:100%}}@media (max-width:480px){.pay-stats-grid{grid-template-columns:1fr}.view-toggle{width:100%}.toggle-btn{flex:1 1;justify-content:center}}.pf-container{background:#faf6f0;background:var(--page-bg,#faf6f0);box-sizing:border-box;margin:0 auto;max-width:1000px;min-height:100vh;padding:16px 20px;position:relative;width:100%}.pf-toast{align-items:center;animation:pf-slide-in .3s ease;border-radius:10px;box-shadow:0 8px 30px #3d1f0d1c;display:flex;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;gap:10px;padding:14px 20px;position:fixed;right:24px;top:20px;z-index:1000}.pf-toast-success{background:#ecfdf5;border:1px solid #6ee7b7;color:#065f46}[data-theme=dark] .pf-toast-success{background:#05966926;border-color:#0596694d;color:#6ee7b7}.pf-toast-error{background:#8b1a2a14;border:1px solid #8b1a2a40;color:#8b1a2a}[data-theme=dark] .pf-toast-error{background:#8b1a2a26;color:#f87171}@keyframes pf-slide-in{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.pf-loading{align-items:center;color:#8b7355;color:var(--text-muted,#8b7355);display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:16px;justify-content:center;padding:80px 20px}.pf-loading-icon{animation:pf-pulse 1.5s ease-in-out infinite;color:#c9a84c;font-size:2.5rem}@keyframes pf-pulse{0%,to{opacity:1}50%{opacity:.4}}.pf-page-header{align-items:center;background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c2e;border:1px solid var(--border-soft,#c9a84c2e);border-radius:12px;box-shadow:0 2px 12px #1a12080f;box-shadow:var(--shadow-card,0 2px 12px #1a12080f);display:flex;gap:12px;justify-content:space-between;margin-bottom:16px;padding:14px 20px}.pf-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a8892a,#c9a84c,#e8c96a);-webkit-background-clip:text;background-clip:text;font-family:Cormorant Garamond,Playfair Display,serif;font-size:1.5rem;font-weight:700;margin:0 0 2px}.pf-page-subtitle{color:#8b7355;color:var(--text-muted,#8b7355);font-family:Inter,sans-serif;font-size:.8rem;margin:0}.pf-header-actions{align-items:center;flex-shrink:0}.pf-edit-actions,.pf-header-actions{display:flex;gap:10px}.pf-edit-btn{align-items:center;background:linear-gradient(135deg,#a8892a,#c9a84c,#e8c96a);border:none;border-radius:8px;color:#3d1f0d;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;gap:7px;letter-spacing:.04em;padding:10px 20px;transition:all .2s ease}.pf-edit-btn:hover{box-shadow:0 6px 20px #c9a84c59;transform:translateY(-1px)}.pf-save-btn{align-items:center;background:linear-gradient(135deg,#a8892a,#c9a84c);border:none;border-radius:8px;color:#3d1f0d;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;gap:7px;padding:10px 20px;transition:all .2s ease}.pf-save-btn:hover:not(:disabled){box-shadow:0 6px 18px #c9a84c66;transform:translateY(-1px)}.pf-save-btn:disabled{cursor:not-allowed;opacity:.6}.pf-cancel-btn{align-items:center;background:#0000;border:1.5px solid #c9a84c40;border:1.5px solid var(--border-soft,#c9a84c40);border-radius:8px;color:#4a3728;color:var(--text-secondary,#4a3728);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;gap:7px;padding:10px 18px;transition:all .2s ease}.pf-cancel-btn:hover:not(:disabled){background:#faf6f0;background:var(--page-bg,#faf6f0);border-color:#c9a84c73}.pf-cancel-btn:disabled{cursor:not-allowed;opacity:.6}.pf-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:240px 1fr}.pf-sidebar{position:-webkit-sticky;position:sticky;top:12px}.pf-identity-card{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c2e;border:1px solid var(--border-soft,#c9a84c2e);border-radius:14px;box-shadow:0 2px 12px #1a12080f;box-shadow:var(--shadow-card,0 2px 12px #1a12080f);flex-direction:column;gap:0;padding:18px 16px;text-align:center}.pf-avatar,.pf-identity-card{align-items:center;display:flex}.pf-avatar{background:linear-gradient(135deg,#a8892a,#c9a84c,#e8c96a);border-radius:50%;box-shadow:0 4px 14px #c9a84c52;flex-shrink:0;font-family:Cormorant Garamond,serif;font-size:1.8rem;height:64px;justify-content:center;margin-bottom:10px;width:64px}.pf-avatar,.pf-identity-name{color:#3d1f0d;font-weight:700}.pf-identity-name{color:var(--text-primary,#3d1f0d);font-family:Cormorant Garamond,Playfair Display,serif;font-size:1.1rem;margin:0 0 2px}.pf-identity-email{color:#8b7355;color:var(--text-muted,#8b7355);font-family:Inter,sans-serif;font-size:.75rem;margin:0 0 8px;word-break:break-all}.pf-role-badge{border-radius:20px;display:inline-block;font-family:Inter,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.07em;margin-bottom:8px;padding:3px 12px;text-transform:uppercase}.pf-shop-code{background:#c9a84c14;border:1px solid #c9a84c33;border-radius:10px;color:#8b7355;display:block;font-family:Inter,monospace;font-size:.65rem;font-weight:600;letter-spacing:.06em;margin-bottom:6px;padding:2px 8px;text-transform:uppercase}.pf-tenant-chip{align-items:center;background:#c9a84c14;border:1px solid #c9a84c33;border-radius:20px;color:#c9a84c;display:flex;font-family:Inter,sans-serif;font-size:.72rem;gap:5px;margin-bottom:10px;padding:3px 10px}.pf-meta-list{border-top:1px solid #c9a84c24;border-top:1px solid var(--border-soft,#c9a84c24);display:flex;flex-direction:column;gap:7px;margin-top:4px;padding-top:10px;width:100%}.pf-meta-row{align-items:center;display:flex;font-family:Inter,sans-serif;font-size:.75rem;justify-content:space-between}.pf-meta-key{color:#8b7355;color:var(--text-muted,#8b7355);font-weight:500}.pf-meta-val{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-weight:600}.pf-status-pill{border-radius:10px;font-size:.72rem;font-weight:700;padding:2px 9px;text-transform:capitalize}.pf-status-active{background:#10b9811f;color:#059669}.pf-status-inactive{background:#9ca3af26;color:#6b7280}.pf-status-suspended{background:#ef44441f;color:#dc2626}.pf-stats-grid{grid-gap:8px;border-top:1px solid #c9a84c24;border-top:1px solid var(--border-soft,#c9a84c24);display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:10px;padding-top:10px;width:100%}.pf-stat{align-items:center;background:#faf6f0;background:var(--page-bg,#faf6f0);border:1px solid #c9a84c26;border:1px solid var(--border-soft,#c9a84c26);border-radius:8px;display:flex;flex-direction:column;gap:2px;padding:8px 6px}.pf-stat-wide{grid-column:1/-1}.pf-stat-num{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Cormorant Garamond,serif;font-size:1.2rem;font-weight:700;line-height:1}.pf-stat-lbl{color:#8b7355;color:var(--text-muted,#8b7355);font-family:Inter,sans-serif;font-size:.63rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.pf-main{display:flex;flex-direction:column;gap:12px}.pf-section{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c2e;border:1px solid var(--border-soft,#c9a84c2e);border-radius:12px;box-shadow:0 2px 10px #1a12080d;box-shadow:var(--shadow-card,0 2px 10px #1a12080d);overflow:hidden}.pf-section-hdr{align-items:center;background:#faf6f0;background:var(--page-bg,#faf6f0);border-bottom:1px solid #c9a84c24;border-bottom:1px solid var(--border-soft,#c9a84c24);display:flex;gap:9px;padding:11px 18px}.pf-section-hdr h3{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Cormorant Garamond,Playfair Display,serif;font-size:.98rem;font-weight:700;margin:0}.pf-sec-icon{color:#c9a84c;flex-shrink:0;font-size:1rem}.pf-section-tag{background:#c9a84c1a;border:1px solid #c9a84c40;border-radius:12px;color:#a8892a;font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.04em;margin-left:auto;padding:3px 10px}.pf-info-list{padding:4px 18px}.pf-info-row{grid-gap:10px;align-items:center;border-bottom:1px solid #c9a84c14;border-bottom:1px solid var(--border-soft,#c9a84c14);display:grid;font-family:Inter,sans-serif;gap:10px;grid-template-columns:18px 140px 1fr;padding:9px 0}.pf-info-row:last-child{border-bottom:none}.pf-info-icon{align-items:center;color:#c9a84c;display:flex;font-size:.9rem}.pf-info-label{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.78rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.pf-info-value{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-size:.88rem;font-weight:600;text-align:right}.pf-address-view{padding:12px 18px}.pf-address-text{align-items:flex-start;color:#3d1f0d;color:var(--text-primary,#3d1f0d);display:flex;font-family:Inter,sans-serif;font-size:.88rem;gap:8px;line-height:1.6;margin:0}.pf-addr-pin{color:#c9a84c;flex-shrink:0;margin-top:2px}.pf-empty{color:#8b7355;color:var(--text-muted,#8b7355);font-family:Inter,sans-serif;font-size:.83rem;font-style:italic;margin:0}.pf-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:14px 18px}.pf-field{display:flex;flex-direction:column;gap:6px}.pf-field-full{grid-column:1/-1}.pf-field label{color:#4a3728;color:var(--text-secondary,#4a3728);font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pf-req{color:#c9a84c;margin-left:2px}.pf-field input,.pf-field select{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1.5px solid #ead8b8;border:1.5px solid var(--border-line,#ead8b8);border-radius:8px;color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Inter,sans-serif;font-size:.88rem;outline:none;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease}.pf-field input:focus,.pf-field select:focus{border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c1a}.pf-disabled{background:#faf6f0!important;background:var(--page-bg,#faf6f0)!important;color:#8b7355!important;color:var(--text-muted,#8b7355)!important;cursor:not-allowed}.pf-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23C9A84C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;cursor:pointer;padding-right:36px}.pf-note{color:#8b7355;color:var(--text-muted,#8b7355);font-family:Inter,sans-serif;font-size:.72rem}.pf-field-group{background:#faf6f0;background:var(--page-bg,#faf6f0);border:1px solid #c9a84c33;border:1px solid var(--border-soft,#c9a84c33);border-radius:10px;padding:14px 16px}.pf-subgroup-label{align-items:center;color:#4a3728;color:var(--text-secondary,#4a3728);display:flex;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;gap:6px;letter-spacing:.07em;margin:0 0 12px;text-transform:uppercase}.pf-form-subgrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.pf-security-row{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:14px 18px}.pf-sec-title{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-size:.9rem;font-weight:600;margin:0 0 3px}.pf-sec-hint,.pf-sec-title{font-family:Inter,sans-serif}.pf-sec-hint{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.8rem;margin:0}.pf-change-pw-btn{align-items:center;background:linear-gradient(135deg,#1b2f4e,#0f2744);border:1.5px solid #c9a84c59;border-radius:8px;color:#e8c96a;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.83rem;font-weight:600;gap:7px;padding:9px 18px;transition:all .2s ease;white-space:nowrap}.pf-change-pw-btn:hover{background:#2d2010;border-color:#c9a84c99}.pf-pw-form{padding:14px 18px}.pf-pw-error{background:#8b1a2a12;border:1px solid #8b1a2a33;border-radius:8px;color:#8b1a2a;font-family:Inter,sans-serif;font-size:.83rem;font-weight:500;gap:7px;margin-bottom:16px;padding:10px 14px}.pf-pw-error,.pf-pw-wrap{align-items:center;display:flex}.pf-pw-wrap{position:relative}.pf-pw-wrap input{padding-right:42px;width:100%}.pf-pw-eye{align-items:center;background:none;border:none;color:#8b7355;color:var(--text-muted,#8b7355);cursor:pointer;display:flex;font-size:1rem;padding:0;position:absolute;right:12px;transition:color .2s}.pf-pw-eye:hover{color:#c9a84c}.pf-pw-actions{border-top:1px solid #c9a84c24;border-top:1px solid var(--border-soft,#c9a84c24);display:flex;gap:10px;justify-content:flex-end;margin-top:16px;padding-top:16px}.pf-pref-list{display:flex;flex-direction:column;padding:4px 18px 12px}.pf-pref-row{align-items:center;border-bottom:1px solid #c9a84c14;border-bottom:1px solid var(--border-soft,#c9a84c14);display:flex;gap:16px;justify-content:space-between;padding:10px 0}.pf-pref-row:last-child{border-bottom:none}.pf-pref-row-select{align-items:center}.pf-pref-info{align-items:flex-start;display:flex;flex:1 1;gap:10px;min-width:0}.pf-pref-sound-icon{color:#c9a84c;flex-shrink:0;font-size:1rem;margin-top:2px}.pf-pref-muted{color:#8b7355;color:var(--text-muted,#8b7355)}.pf-pref-label{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-size:.87rem;font-weight:600;margin-bottom:2px}.pf-pref-desc,.pf-pref-label{display:block;font-family:Inter,sans-serif}.pf-pref-desc{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.75rem;line-height:1.4}.pf-toggle{align-items:center;border:none;border-radius:13px;cursor:pointer;display:flex;flex-shrink:0;font-size:1.4rem;height:26px;justify-content:center;padding:0;transition:all .2s ease;width:44px}.pf-toggle-on{background:#c9a84c26;color:#c9a84c}.pf-toggle-off{background:#8b73551a;color:#b8a898;color:var(--text-faint,#b8a898)}.pf-toggle:hover{transform:scale(1.05)}.pf-pref-select{-webkit-appearance:none;appearance:none;background:#fdfaf7;background:var(--card-bg,#fdfaf7);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23C9A84C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;border:1.5px solid #ead8b8;border:1.5px solid var(--border-line,#ead8b8);border-radius:8px;color:#3d1f0d;color:var(--text-primary,#3d1f0d);cursor:pointer;flex-shrink:0;font-family:Inter,sans-serif;font-size:.82rem;outline:none;padding:8px 32px 8px 12px}.pf-pref-select:focus{border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c1a}.pf-privacy-note{align-items:flex-start;background:#c9a84c0f;border:1px solid #c9a84c2e;border-radius:8px;color:#8b7355;color:var(--text-muted,#8b7355);display:flex;font-family:Inter,sans-serif;font-size:.78rem;gap:8px;line-height:1.5;margin-top:12px;padding:12px 14px}.pf-privacy-note svg{color:#c9a84c;flex-shrink:0;margin-top:1px}@media (max-width:900px){.pf-layout{grid-template-columns:1fr}.pf-sidebar{position:static}.pf-identity-card{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:14px;padding:14px 16px;text-align:left}.pf-avatar{flex-shrink:0;margin-bottom:0}.pf-stats-grid{grid-template-columns:repeat(3,1fr);width:100%}.pf-stat-wide{grid-column:auto}}@media (max-width:640px){.pf-container{padding:12px}.pf-page-header{align-items:flex-start;flex-direction:column;padding:12px 14px}.pf-form-grid{grid-template-columns:1fr}.pf-field-full{grid-column:1}.pf-form-subgrid{grid-template-columns:1fr}.pf-info-row{grid-template-columns:18px 1fr}.pf-info-value{grid-column:2;text-align:left}.pf-security-row{align-items:flex-start;flex-direction:column}.pf-identity-card{align-items:center;flex-direction:column;text-align:center}.pf-meta-list{text-align:left}}@media (max-width:480px){.pf-container{padding:10px}}[data-theme=dark] .pf-pw-error{background:#8b1a2a2e;border-color:#8b1a2a59;color:#fca5a5}.nb-btn,.nb-wrap{position:relative}.nb-btn{align-items:center;background:#0000;border:1px solid var(--nav-border);border-radius:8px;color:var(--nav-link-color);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.nb-btn:hover{background:var(--nav-link-hover-bg);border-color:#c9a84c66;color:#c9a84c}.nb-badge{align-items:center;background:#ef4444;border:1.5px solid #fff;border:1.5px solid var(--nav-bg,#fff);border-radius:8px;color:#fff;font-family:Inter,sans-serif;font-size:.6rem;font-weight:700;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 3px;right:4px;top:4px}.nb-badge,.nb-panel{display:flex;position:absolute}.nb-panel{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c40;border-radius:14px;box-shadow:0 12px 40px #1a120826;flex-direction:column;max-height:480px;overflow:hidden;right:0;top:calc(100% + 10px);width:340px;z-index:2000}.nb-panel-header{align-items:center;background:linear-gradient(135deg,#f5f0e8,#fdf8f0);border-bottom:1px solid #c9a84c26;display:flex;flex-shrink:0;justify-content:space-between;padding:14px 16px 12px}.nb-panel-title{color:#7a5c1e;font-family:Playfair Display,serif;font-size:.9rem;font-weight:700}.nb-panel-actions{gap:6px}.nb-mark-all,.nb-panel-actions{align-items:center;display:flex}.nb-mark-all{background:none;border:1px solid #c9a84c66;border-radius:6px;color:#8b7355;cursor:pointer;font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;gap:4px;padding:4px 8px;transition:all .2s}.nb-mark-all:hover{background:#c9a84c1f;color:#7a5c1e}.nb-view-all{background:none;border:none;color:#c9a84c;cursor:pointer;font-family:Inter,sans-serif;font-size:.72rem;font-weight:600;padding:2px 0;text-decoration:underline}.nb-view-all:hover{color:#a8892a}.nb-close{align-items:center;background:none;border:none;border-radius:4px;color:#8b7355;cursor:pointer;display:flex;font-size:1rem;padding:2px;transition:color .2s}.nb-close:hover{color:#5c3d28;color:var(--text-secondary,#5c3d28)}.nb-filters{align-items:center;border-bottom:1px solid #c9a84c1a;display:flex;flex-shrink:0;gap:5px;overflow-x:auto;padding:8px 12px;scrollbar-width:none}.nb-filters::-webkit-scrollbar{display:none}.nb-filter-chip{align-items:center;background:#0000;border:1.5px solid #c9a84c4d;border-radius:20px;color:#8b7355;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Inter,sans-serif;font-size:.68rem;font-weight:500;gap:4px;padding:3px 10px;transition:all .15s ease;white-space:nowrap}.nb-filter-chip:hover{opacity:.8}.nb-chip-base{border-color:#c9a84c59;color:#8b7355}.nb-chip-base:hover{background:#c9a84c1a;color:#7a5c1e}.nb-chip-base.active{background:linear-gradient(135deg,#a8892a,#c9a84c);border-color:#0000;color:#3d1f0d;font-weight:700}.nb-filter-chip:not(.nb-chip-base).active{box-shadow:0 1px 6px #1a0e062e;font-weight:700}.nb-list{flex:1 1;overflow-y:auto}.nb-list::-webkit-scrollbar{width:4px}.nb-list::-webkit-scrollbar-track{background:#0000}.nb-list::-webkit-scrollbar-thumb{background:#c9a84c4d;border-radius:4px}.nb-empty{align-items:center;color:#8b7355;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:.83rem;gap:8px;padding:32px 16px}.nb-empty p{margin:0}.nb-item{align-items:flex-start;border-bottom:1px solid #c9a84c14;display:flex;gap:12px;padding:12px 16px;position:relative;transition:background .15s}.nb-item:last-child{border-bottom:none}.nb-unread{background:#c9a84c0d}.nb-read{background:#0000}.nb-clickable{cursor:pointer}.nb-clickable:hover,.nb-item-icon{background:#c9a84c1a}.nb-item-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.9rem;height:32px;justify-content:center;margin-top:2px;width:32px}.nb-item-body{flex:1 1;min-width:0}.nb-item-top{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:2px}.nb-target-badge{align-items:center;border:1px solid #0000;border-radius:8px;display:inline-flex;flex-shrink:0;font-size:.6rem;gap:3px;padding:1px 6px;text-transform:capitalize;white-space:nowrap}.nb-item-title,.nb-target-badge{font-family:Inter,sans-serif;font-weight:600}.nb-item-title{color:#5c3d28;color:var(--text-secondary,#5c3d28);flex:1 1;font-size:.82rem;margin:0;min-width:0}.nb-unread .nb-item-title{color:#3d1f0d;color:var(--text-primary,#3d1f0d)}.nb-item-msg{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#8b7355;display:-webkit-box;font-size:.76rem;line-height:1.4;margin:0 0 4px;overflow:hidden}.nb-item-msg,.nb-item-time{font-family:Inter,sans-serif}.nb-item-time{color:#b8a882;font-size:.68rem}.nb-dot{background:#c9a84c;border-radius:50%;flex-shrink:0;height:7px;margin-top:6px;width:7px}@media (max-width:480px){.nb-panel{right:-60px;width:calc(100vw - 24px)}}.navbar{background:var(--nav-bg);border-bottom:1px solid var(--nav-border);box-shadow:var(--nav-shadow);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar:before{background:linear-gradient(90deg,#0000,#a8892a 20%,#c9a84c 40%,#e8c96a 50%,#c9a84c 60%,#a8892a 80%,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.nav-container{gap:1rem;height:62px;margin:0 auto;max-width:1400px;padding:0 1.5rem}.nav-brand,.nav-container{align-items:center;display:flex}.nav-brand{cursor:pointer;flex-shrink:0;gap:.45rem;text-decoration:none}.brand-icon{color:#c9a84c;flex-shrink:0;font-size:1.5rem}.nav-brand-logo{border-radius:4px;flex-shrink:0;height:32px;max-width:120px;object-fit:contain;width:auto}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a8892a,#c9a84c 40%,#e8c96a 60%,#a8892a);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-family:Cormorant Garamond,Playfair Display,serif;font-size:1.4rem;font-weight:700;letter-spacing:.05em;white-space:nowrap}.super-badge{background:#f59e0b;border-radius:4px;color:#1a1208;flex-shrink:0;font-size:.6rem;font-weight:800;letter-spacing:.05em;margin-left:4px;padding:2px 6px}.nav-sidebar-toggle{align-items:center;background:#0000;border:1px solid var(--nav-border);border-radius:8px;color:var(--nav-link-color);cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.nav-sidebar-toggle:hover{background:var(--nav-link-hover-bg);border-color:#c9a84c66;color:#c9a84c}.nav-links{display:none}.nav-link{align-items:center;border-radius:8px;color:var(--nav-link-color);display:flex;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;gap:.35rem;letter-spacing:.01em;padding:.45rem .85rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.nav-link:hover{background:var(--nav-link-hover-bg);color:var(--nav-link-hover-color);text-decoration:none}.nav-link.active{background:var(--nav-link-active-bg);color:var(--nav-link-active-color);font-weight:600}.nav-link-icon{align-items:center;display:flex;font-size:.95rem;opacity:.85}.nav-right{gap:.5rem;margin-left:auto}.nav-right,.theme-toggle{align-items:center;display:flex;flex-shrink:0}.theme-toggle{background:#0000;border:1px solid var(--nav-border);border-radius:8px;color:var(--nav-link-color);cursor:pointer;font-size:1rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.theme-toggle:hover{background:var(--nav-link-hover-bg);border-color:#c9a84c66;color:#c9a84c}.nav-auth-links{align-items:center;display:flex;gap:.5rem}.nav-auth-link{border-radius:8px;color:var(--nav-link-color);font-family:Inter,sans-serif;font-size:.88rem;font-weight:500;padding:.45rem 1rem;text-decoration:none;transition:all .2s ease}.nav-auth-link:hover{background:var(--nav-link-hover-bg);color:#e8c96a}.nav-auth-register{background:linear-gradient(135deg,#a8892a,#c9a84c);border-radius:50px;color:#1a1208!important;font-weight:600;padding:.45rem 1.2rem}.nav-auth-register:hover{background:var(--nav-link-hover-bg)!important;box-shadow:0 4px 14px #c9a84c59;color:var(--nav-link-hover-color)!important}.nav-user-menu{position:relative}.nav-profile-btn{align-items:center;background:#0000;border:1px solid var(--nav-border);border-radius:50px;cursor:pointer;display:flex;gap:.45rem;padding:.3rem .75rem .3rem .3rem;transition:all .2s ease}.nav-profile-btn:hover{background:var(--nav-link-hover-bg);border-color:#c9a84c80}.nav-avatar-circle{align-items:center;background:linear-gradient(135deg,#a8892a,#e8c96a);border-radius:50%;color:#1a1208;display:flex;flex-shrink:0;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;height:32px;justify-content:center;letter-spacing:.03em;width:32px}.nav-username{color:var(--nav-link-color);font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-chevron{color:#c9a84c;flex-shrink:0;font-size:.85rem;transition:transform .2s ease}.nav-chevron.open{transform:rotate(180deg)}.nav-dropdown{animation:dropdownIn .18s ease;background:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:12px;box-shadow:var(--dropdown-shadow);min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1100}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;display:flex;gap:.75rem;padding:.85rem 1rem}.dropdown-avatar{align-items:center;background:linear-gradient(135deg,#a8892a,#e8c96a);border-radius:50%;color:#1a1208;display:flex;flex-shrink:0;font-size:.78rem;font-weight:700;height:38px;justify-content:center;width:38px}.dropdown-info{min-width:0}.dropdown-name{color:var(--dropdown-name-color);font-family:Playfair Display,serif;font-size:.92rem;font-weight:600;margin:0 0 1px}.dropdown-email,.dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-email{color:var(--dropdown-email-color);font-family:Inter,sans-serif;font-size:.75rem;margin:0 0 4px}.dropdown-role-badge{background:#c9a84c1f;border:1px solid #c9a84c40;border-radius:4px;color:#c9a84c;font-size:.65rem;font-weight:700;letter-spacing:.06em;padding:1px 6px;text-transform:capitalize}.dropdown-shop-code{color:#8b7355;color:var(--text-muted,#8b7355);display:block;font-family:Inter,monospace;font-size:.62rem;font-weight:500;letter-spacing:.04em;margin-top:3px}.dropdown-divider{background:var(--dropdown-divider);height:1px}.dropdown-item{align-items:center;background:none;border:none;color:var(--dropdown-item-color);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.86rem;font-weight:500;gap:.6rem;padding:.72rem 1rem;text-align:left;transition:all .15s ease;width:100%}.dropdown-item:hover{background:var(--dropdown-item-hover-bg);color:var(--dropdown-item-hover-color)}.dropdown-icon{flex-shrink:0;font-size:.95rem;opacity:.8}.dropdown-logout{color:var(--dropdown-logout-color)}.dropdown-logout:hover{background:var(--dropdown-logout-hover-bg);color:var(--dropdown-logout-hover-color)}.nav-hamburger{align-items:center;background:#0000;border:1px solid var(--nav-border);border-radius:8px;color:var(--nav-link-color);cursor:pointer;display:none;font-size:1.1rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.nav-hamburger:hover{background:var(--nav-link-hover-bg);color:#c9a84c}.nav-mobile-menu{background:var(--nav-bg);border-top:1px solid var(--nav-border);display:none;flex-direction:column;gap:.25rem;padding:.5rem 1rem 1rem}.nav-mobile-link{align-items:center;border-radius:8px;color:var(--nav-link-color);display:flex;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;gap:.6rem;padding:.7rem 1rem;text-decoration:none;transition:all .2s ease}.nav-mobile-link.active,.nav-mobile-link:hover{background:var(--nav-link-active-bg);color:var(--nav-link-active-color)}@media (max-width:900px){.nav-links{display:none}.nav-hamburger,.nav-mobile-menu{display:flex}.nav-username{display:none}}@media (max-width:600px){.nav-container{height:56px;padding:0 1rem}.brand-name{font-size:1.2rem}.super-badge{display:none}}[data-theme=dark] .navbar{background-image:radial-gradient(circle,rgba(201,168,76,.055) 1px,#0000 0);background-size:18px 18px}[data-theme=dark] .nav-dropdown{background-image:radial-gradient(circle,#c9a84c0d 1px,#0000 0);background-size:16px 16px}.sidebar{background:#1b2f4e;background:var(--nav-bg,#1b2f4e);border-right:1px solid #c9a84c2e;border-right:1px solid var(--nav-border,#c9a84c2e);bottom:0;display:flex;flex-direction:column;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;scrollbar-color:#c9a84c40 #0000;scrollbar-width:thin;top:62px;transition:width .25s cubic-bezier(.4,0,.2,1);width:62px;z-index:900}.sidebar:before{background:linear-gradient(90deg,#0000,#c9a84c80,#0000);content:"";display:block;flex-shrink:0;height:2px}.sidebar--open{box-shadow:2px 0 24px #0000002e;width:230px}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1a0e068c;inset:0;position:fixed;z-index:899}@media (min-width:901px){.sidebar-overlay{display:none!important}}.sidebar-close-row{display:none}@media (max-width:900px){.sidebar-close-row{display:flex;justify-content:flex-end;padding:8px 10px 0}}.sidebar-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#c8b89a;color:var(--nav-link-color,#c8b89a);cursor:pointer;display:flex;font-size:1.1rem;padding:6px;transition:color .15s,background .15s}.sidebar-close-btn:hover{background:#c9a84c1a;background:var(--nav-link-hover-bg,#c9a84c1a);color:#e8c96a;color:var(--nav-link-hover-color,#e8c96a)}.sidebar-nav{flex:1 1;padding:8px 0 12px}.sidebar-section{margin-bottom:2px}.sidebar-section-label{color:#c9a84c73;display:block;font-size:.62rem;font-weight:700;letter-spacing:.13em;opacity:1;overflow:hidden;padding:10px 16px 3px;text-transform:uppercase;transition:opacity .15s ease,padding .2s ease;-webkit-user-select:none;user-select:none}.sidebar-link,.sidebar-section-label{font-family:Inter,sans-serif;white-space:nowrap}.sidebar-link{align-items:center;border-left:3px solid #0000;border-radius:0 8px 8px 0;color:#c8b89a;color:var(--nav-link-color,#c8b89a);display:flex;font-size:.845rem;font-weight:500;gap:9px;margin:1px 6px 1px 0;padding:8px 14px 8px 16px;text-decoration:none;transition:background .17s ease,color .17s ease,border-color .17s ease,padding .25s cubic-bezier(.4,0,.2,1),justify-content .25s cubic-bezier(.4,0,.2,1)}.sidebar-link:hover{background:#c9a84c14;background:var(--nav-link-hover-bg,#c9a84c14);border-left-color:#c9a84c59;color:#e8c96a;color:var(--nav-link-hover-color,#e8c96a)}.sidebar-link--active{background:#c9a84c21;background:var(--nav-link-active-bg,#c9a84c21);border-left-color:#c9a84c;border-left-color:var(--primary-gold,#c9a84c);color:#e8c96a;color:var(--nav-link-active-color,#e8c96a);font-weight:600}.sidebar-link-icon{flex-shrink:0;font-size:1rem;opacity:.8;transition:opacity .15s}.sidebar-link--active .sidebar-link-icon,.sidebar-link:hover .sidebar-link-icon{opacity:1}.sidebar-link-label{opacity:1;overflow:hidden;transition:opacity .15s ease;white-space:nowrap}.sidebar-footer{background:#1b2f4e;background:var(--nav-bg,#1b2f4e);border-top:1px solid #c9a84c2e;border-top:1px solid var(--nav-border,#c9a84c2e);bottom:0;display:flex;flex-direction:column;flex-shrink:0;padding:6px 0 8px;position:-webkit-sticky;position:sticky}.sidebar-footer-profile{border-radius:0 8px 8px 0;margin:1px 6px 1px 0}.sidebar-logout-btn{align-items:center;background:none;border:none;border-left:3px solid #0000;border-radius:0 8px 8px 0;color:#d4928a;color:var(--dropdown-logout-color,#d4928a);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.845rem;font-weight:500;gap:9px;margin:0 6px 0 0;padding:9px 14px 9px 16px;text-align:left;transition:background .17s ease,color .17s ease,border-color .17s ease;white-space:nowrap;width:100%}.sidebar-logout-btn:hover{background:#be123c1f;background:var(--dropdown-logout-hover-bg,#be123c1f);border-left-color:#d4928a;border-left-color:var(--dropdown-logout-color,#d4928a);color:#e8a090;color:var(--dropdown-logout-hover-color,#e8a090)}.sidebar-logout-confirm{align-items:center;animation:logoutConfirmIn .15s ease;display:flex;gap:8px;padding:8px 12px}@keyframes logoutConfirmIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sidebar-logout-confirm-text{color:#d4928a;color:var(--dropdown-logout-color,#d4928a);flex:1 1;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;overflow:hidden;white-space:nowrap}.sidebar-logout-confirm-actions{display:flex;flex-shrink:0;gap:5px}.sidebar-logout-no,.sidebar-logout-yes{border:none;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;padding:4px 10px;transition:all .15s}.sidebar-logout-yes{background:#d4928a;background:var(--dropdown-logout-color,#d4928a);color:#fff}.sidebar-logout-yes:hover{background:#e8a090;background:var(--dropdown-logout-hover-color,#e8a090)}.sidebar-logout-no{background:#c9a84c1f;color:#c9a84c;color:var(--primary-gold,#c9a84c)}.sidebar-logout-no:hover{background:#c9a84c38;color:#e8c96a;color:var(--primary-gold-light,#e8c96a)}.logout-modal-overlay{align-items:center;animation:fadeIn .18s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e0a04a6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.logout-modal{animation:modalPop .22s cubic-bezier(.34,1.56,.64,1);background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c40;border-radius:18px;box-shadow:0 24px 64px #0e0a0459,0 4px 16px #c9a84c1f;max-width:380px;overflow:hidden;padding:36px 32px 28px;position:relative;text-align:center;width:100%}.logout-modal:before{background:linear-gradient(90deg,#0000,#c9a84c,#e8c96a,#c9a84c,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes modalPop{0%{opacity:0;transform:scale(.88) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.logout-modal-icon{align-items:center;background:linear-gradient(135deg,#be123c1a,#be123c26);border:2px solid #be123c33;border-radius:50%;color:#be123c;display:flex;font-size:1.5rem;height:58px;justify-content:center;margin:0 auto 18px;width:58px}.logout-modal-title{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700;margin:0 0 10px}.logout-modal-message{color:#8b7355;color:var(--text-muted,#8b7355);font-family:Inter,sans-serif;font-size:.9rem;line-height:1.55;margin:0 0 26px}.logout-modal-actions{display:flex;gap:12px;justify-content:center}.logout-btn-cancel{background:#0000;border:1.5px solid #c9a84c4d;border:1.5px solid var(--border-soft,#c9a84c4d);border-radius:10px;color:#8b7355;color:var(--text-muted,#8b7355);cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;padding:11px 18px;transition:all .18s}.logout-btn-cancel:hover{background:#c9a84c14;background:var(--nav-link-hover-bg,#c9a84c14);border-color:#c9a84c80;color:#7a5c1e}.logout-btn-confirm{align-items:center;background:linear-gradient(135deg,#9f1239,#be123c);border:none;border-radius:10px;box-shadow:0 3px 12px #be123c47;color:#ffe4e6;cursor:pointer;display:inline-flex;flex:1 1;font-family:Inter,sans-serif;font-size:.875rem;font-weight:700;justify-content:center;padding:11px 18px;transition:all .18s}.logout-btn-confirm:hover{background:linear-gradient(135deg,#881337,#9f1239);box-shadow:0 5px 18px #be123c61;transform:translateY(-1px)}@media (min-width:901px){.sidebar:not(.sidebar--open) .sidebar-section-label{border-top:1px solid #c9a84c1a;margin-top:6px;opacity:0;padding-bottom:2px;padding-top:4px;pointer-events:none}.sidebar:not(.sidebar--open) .sidebar-section:first-child .sidebar-section-label{border-top:none;margin-top:0}.sidebar:not(.sidebar--open) .sidebar-link{border-left:3px solid #0000;border-radius:8px;justify-content:center;margin:2px 8px;padding:10px 0}.sidebar:not(.sidebar--open) .sidebar-link--active,.sidebar:not(.sidebar--open) .sidebar-link:hover{border-left-color:#0000;border-radius:8px}.sidebar:not(.sidebar--open) .sidebar-link-label{opacity:0;overflow:hidden;width:0}.sidebar:not(.sidebar--open) .sidebar-link-icon{font-size:1.15rem}.sidebar:not(.sidebar--open) .sidebar-footer-profile{border-left:3px solid #0000;border-radius:8px;justify-content:center;margin:0 8px;padding:10px 0}.sidebar:not(.sidebar--open) .sidebar-footer-profile:hover{border-left-color:#0000}.sidebar:not(.sidebar--open) .sidebar-footer-profile.sidebar-link--active{border-left-color:#0000;border-radius:8px}.sidebar:not(.sidebar--open) .sidebar-logout-btn{border-left:3px solid #0000;border-radius:8px;justify-content:center;margin:0 8px;padding:10px 0}.sidebar:not(.sidebar--open) .sidebar-logout-btn:hover{border-left-color:#0000}.sidebar:not(.sidebar--open) .sidebar-logout-confirm{align-items:center;flex-direction:column;gap:4px;padding:6px 4px}.sidebar:not(.sidebar--open) .sidebar-logout-confirm-text{display:none}.sidebar:not(.sidebar--open) .sidebar-logout-confirm-actions{flex-direction:column;padding:0 8px;width:100%}.sidebar:not(.sidebar--open) .sidebar-logout-no,.sidebar:not(.sidebar--open) .sidebar-logout-yes{font-size:.65rem;padding:4px 0;text-align:center;width:100%}}@media (max-width:900px){.sidebar{transition:width .25s cubic-bezier(.4,0,.2,1);width:62px}.sidebar--open{box-shadow:4px 0 28px #00000038;width:230px}.sidebar:not(.sidebar--open) .sidebar-section-label{opacity:0;padding-bottom:2px;padding-top:4px;pointer-events:none}.sidebar:not(.sidebar--open) .sidebar-link{border-left:3px solid #0000;border-radius:8px;justify-content:center;margin:2px 8px;padding:10px 0}.sidebar:not(.sidebar--open) .sidebar-link--active,.sidebar:not(.sidebar--open) .sidebar-link:hover{border-left-color:#0000;border-radius:8px}.sidebar:not(.sidebar--open) .sidebar-link-label{opacity:0;overflow:hidden;width:0}.sidebar:not(.sidebar--open) .sidebar-link-icon{font-size:1.15rem}.sidebar:not(.sidebar--open) .sidebar-footer-profile{border-left:3px solid #0000;border-radius:8px;justify-content:center;margin:0 8px;padding:10px 0}.sidebar:not(.sidebar--open) .sidebar-footer-profile.sidebar-link--active,.sidebar:not(.sidebar--open) .sidebar-footer-profile:hover{border-left-color:#0000;border-radius:8px}.sidebar:not(.sidebar--open) .sidebar-logout-btn{border-left:3px solid #0000;border-radius:8px;justify-content:center;margin:0 8px;padding:10px 0}.sidebar:not(.sidebar--open) .sidebar-logout-btn:hover{border-left-color:#0000}.sidebar:not(.sidebar--open) .sidebar-close-row{display:none}.sidebar:not(.sidebar--open) .sidebar-logout-confirm{align-items:center;flex-direction:column;gap:4px;padding:6px 4px}.sidebar:not(.sidebar--open) .sidebar-logout-confirm-text{display:none}.sidebar:not(.sidebar--open) .sidebar-logout-confirm-actions{flex-direction:column;padding:0 8px;width:100%}.sidebar:not(.sidebar--open) .sidebar-logout-no,.sidebar:not(.sidebar--open) .sidebar-logout-yes{font-size:.65rem;padding:4px 0;text-align:center;width:100%}}[data-theme=dark] .sidebar{background-image:radial-gradient(circle,#c9a84c0f 1px,#0000 0);background-size:18px 18px}[data-theme=dark] .logout-modal{background-image:radial-gradient(circle,rgba(201,168,76,.055) 1px,#0000 0);background-size:18px 18px}.dp-overlay{align-items:center;animation:dp-fade .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a080599;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.dp-dialog{animation:dp-up .25s ease;background:#faf6f0;border-radius:16px;box-shadow:0 24px 60px #0000002e,0 0 0 1px #c9a84c33;max-width:680px;overflow:hidden;width:100%}.dp-header{align-items:flex-start;background:linear-gradient(135deg,#1b3a5c,#2d5a8c);border-bottom:1px solid #c9a84c33;display:flex;justify-content:space-between;padding:18px 22px 16px}.dp-header-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a8892a,#e8c96a);-webkit-background-clip:text;background-clip:text;font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:700;margin:0 0 3px}.dp-header-text p{color:#8b7355;font-family:Inter,sans-serif;font-size:.82rem;margin:0}.dp-close{align-items:center;background:#c9a84c1a;border:1px solid #c9a84c40;border-radius:50%;color:#c9a84c;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;transition:all .15s;width:32px}.dp-close:hover{background:#c9a84c38;color:#e8c96a}.dp-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding:20px 24px 24px}.dp-card{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:2px solid #0000;border-radius:12px;box-shadow:0 1px 4px #3d1f0d0d;cursor:pointer;display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:6px;padding:16px 14px;text-align:left;transition:all .18s ease}.dp-card:hover{border-color:var(--c);box-shadow:0 4px 16px color-mix(in srgb,var(--c) 20%,#0000);transform:translateY(-2px)}.dp-card:active{transform:translateY(0)}.dp-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.dp-icon{font-size:1.5rem;line-height:1}.dp-badge{background:var(--bg);border-radius:20px;color:var(--c);font-size:.65rem;font-weight:700;letter-spacing:.06em;padding:3px 8px;text-transform:uppercase}.dp-card-name{color:#3d1f0d;font-size:.95rem;font-weight:700}.dp-card-desc{color:#6b5a45;font-size:.75rem;line-height:1.4}.dp-card-creds{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.dp-cred{background:#f5f0e8;border-radius:4px;color:#4a3728;font-family:monospace;font-size:.72rem;padding:2px 6px}.dp-dot{color:#b8a898;font-size:.8rem}.dp-login-hint{color:var(--c);font-size:.72rem;font-weight:600;margin-top:4px;opacity:0;transition:opacity .15s}.dp-card:hover .dp-login-hint{opacity:1}@keyframes dp-fade{0%{opacity:0}to{opacity:1}}@keyframes dp-up{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:600px){.dp-grid{grid-template-columns:1fr 1fr}.dp-dialog{border-radius:16px 16px 0 0;max-width:100%}.dp-overlay{align-items:flex-end}}[data-theme=dark] .dp-card-name{color:#f5edd8;color:var(--text-primary,#f5edd8)}[data-theme=dark] .dp-card-desc{color:#c8b89a;color:var(--text-secondary,#c8b89a)}[data-theme=dark] .dp-cred{background:#c9a84c1f;color:#c8b89a}.payment-page{align-items:flex-start;background:#faf6f0;background:var(--page-bg,#faf6f0);display:flex;justify-content:center;min-height:100vh;padding:24px 20px}.payment-container{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c2e;border:1px solid var(--border-soft,#c9a84c2e);border-radius:16px;box-shadow:0 4px 20px #1a120814;box-shadow:var(--shadow-card,0 4px 20px #1a120814);max-width:800px;overflow:hidden;padding:28px 32px;position:relative;width:100%}.payment-container:before{background:linear-gradient(90deg,#0000,#c9a84c,#e8c96a,#c9a84c,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.demo-notice{align-items:center;background:#05966912;border:1px solid #05966933;border-radius:8px;display:flex;padding:10px 16px}.demo-badge{background:#05966926;border:1px solid #0596694d;border-radius:6px;color:#065f46;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.05em;padding:3px 10px;text-transform:uppercase}.payment-header{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:22px}.payment-header h1{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;margin:0}.btn-schedule{background:linear-gradient(135deg,#1b5c8e,#2e86c1);border:none;border-radius:8px;box-shadow:0 2px 10px #1b5c8e33;color:#e8f4fd;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;padding:9px 20px;transition:all .2s}.btn-schedule:hover{background:linear-gradient(135deg,#0f3a5c,#1b5c8e);transform:translateY(-1px)}.detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.detail-item{align-items:center;border-bottom:1px solid #c9a84c1f;border-bottom:1px solid var(--border-soft,#c9a84c1f);display:flex;font-family:Inter,sans-serif;font-size:.875rem;justify-content:space-between;padding:9px 0}.quick-schedule{background:#faf6f0;background:var(--page-bg,#faf6f0);border:1px solid #c9a84c26;border:1px solid var(--border-soft,#c9a84c26);border-radius:10px;margin:18px 0;padding:16px 18px}.quick-schedule h4{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Playfair Display,serif;font-size:1rem;font-weight:600;margin:0 0 10px}.upcoming-list{display:flex;flex-direction:column;gap:7px}.upcoming-item{align-items:center;background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c1f;border:1px solid var(--border-soft,#c9a84c1f);border-radius:8px;display:flex;font-family:Inter,sans-serif;font-size:.875rem;justify-content:space-between;padding:8px 12px}.status-small{border-radius:12px;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:2px 10px;text-transform:uppercase}.status-small.pending{background:#c9a84c1f;color:#7a5f1a}.status-small.paid{background:#0596691f;color:#065f46}.schedule-view{max-width:1000px}.schedule-header{flex-wrap:wrap;gap:14px;margin-bottom:20px}.schedule-header h1{font-size:1.45rem}.btn-back{padding:9px 20px}.scheme-summary{background:#4169e112;border:1px solid #4169e126;border-left:4px solid #4169e1;border-radius:10px;margin-bottom:20px;padding:18px 20px}.scheme-summary h3{color:#1b3a5c;font-family:Playfair Display,serif;font-size:1.05rem;font-weight:700;margin:0 0 14px}.summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{color:#5c3d28;color:var(--text-secondary,#5c3d28);font-family:Inter,sans-serif;font-size:.875rem;padding:7px 0}.installments-table-container{border:1px solid var(--border-soft);border-radius:12px;box-shadow:var(--shadow-card);margin:18px 0;overflow-x:auto;scrollbar-color:#c9a84c33 #0000;scrollbar-width:thin}.installments-table{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border-collapse:collapse;min-width:600px;width:100%}.installments-table th{background:linear-gradient(135deg,#1b3a5c,#2d5a8c);color:#e8c96a;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-align:left;text-transform:uppercase}.installments-table td,.installments-table th{font-family:Inter,sans-serif;padding:11px 14px}.installments-table td{border-bottom:1px solid #c9a84c1f;border-bottom:1px solid var(--border-soft,#c9a84c1f);color:#5c3d28;color:var(--text-secondary,#5c3d28);font-size:.875rem}.installments-table tr:hover{background:#f5edd873}.installments-table tr.paid{background:#0596690a}[data-theme=dark] .installments-table tr:hover{background:#c9a84c12}[data-theme=dark] .installments-table tr.paid{background:#05966914}.installments-table tr.pending{background:#c9a84c0a}.status-badge{padding:3px 12px}.btn-pay-small{background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.78rem;font-weight:700;padding:5px 14px;transition:all .18s}.btn-pay-small:hover{background:linear-gradient(135deg,#047857,#059669)}.paid-text{font-size:.78rem;font-weight:700}.schedule-actions{display:flex;gap:14px;justify-content:space-between;margin-top:20px}.error-banner{margin-bottom:18px;padding:11px 15px}.retry-btn{padding:5px 13px}.payment-details{background:#faf6f0;background:var(--page-bg,#faf6f0);border:1px solid #c9a84c26;border:1px solid var(--border-soft,#c9a84c26);border-radius:10px;margin-bottom:18px;padding:18px 20px}.payment-details h3{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Playfair Display,serif;font-size:1.05rem;font-weight:700;margin-top:0}.amount{font-size:1.2rem}.payment-method{margin-bottom:20px}.payment-method h3{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Playfair Display,serif;font-size:1.05rem;font-weight:700;margin-bottom:14px}.method-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.method-option{align-items:center;background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:2px solid #c9a84c33;border:2px solid var(--border-soft,#c9a84c33);border-radius:8px;color:#5c3d28;color:var(--text-secondary,#5c3d28);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.875rem;padding:11px 14px;transition:all .18s}.method-option:hover{background:#c9a84c0d;border-color:#c9a84c}.method-option input{accent-color:#c9a84c;margin-right:8px}.payment-actions{display:flex;gap:14px;justify-content:space-between}.btn-cancel,.btn-pay,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-size:.925rem;font-weight:700;gap:8px;justify-content:center;padding:11px 22px;transition:all .25s}.btn-cancel,.btn-secondary{background:#faf6f0;background:var(--page-bg,#faf6f0);border:1px solid #c9a84c40;border:1px solid var(--border-soft,#c9a84c40);color:#8b7355;color:var(--text-muted,#8b7355)}.btn-cancel:hover,.btn-secondary:hover{background:#be123c12;border-color:#be123c33;color:#881337}.btn-pay,.btn-primary{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 3px 12px #05966940;color:#fff}.btn-pay:hover:not(:disabled),.btn-primary:hover{background:linear-gradient(135deg,#047857,#059669);box-shadow:0 6px 18px #05966959;transform:translateY(-1px)}.btn-pay:disabled{background:#8b735526;box-shadow:none;color:#8b7355;color:var(--text-muted,#8b7355);cursor:not-allowed;transform:none}.loading-container{padding:48px 20px}.loading-spinner,.spinner-small{animation:spin .9s linear infinite;border:3px solid #c9a84c26;border-radius:50%;border-top-color:#c9a84c;height:40px;margin:0 auto 18px;width:40px}.spinner-small{border-width:2px;height:16px;margin:0;width:16px}@media (max-width:768px){.payment-container{margin:10px;padding:20px 16px}.payment-header,.schedule-header{align-items:stretch;flex-direction:column}.detail-grid,.summary-grid{grid-template-columns:1fr}.schedule-actions{flex-direction:column}.installments-table{font-size:.82rem}.installments-table td,.installments-table th{padding:8px 10px}}@media (max-width:480px){.payment-page{padding:8px}.payment-container{border-radius:10px;margin:6px;padding:14px 12px}.payment-header h1{font-size:1.2rem}.detail-section,.summary-section{padding:14px}.installments-table-wrap{overflow-x:auto}.installments-table{font-size:.78rem;min-width:480px}.btn-back,.btn-pay{font-size:.85rem;justify-content:center;width:100%}}.create-scheme{box-sizing:border-box;margin:0 auto;max-width:900px;min-height:100vh;padding:18px 20px 28px;width:100%}.cs-page-header{gap:1rem;margin-bottom:28px}.cs-back-btn,.cs-page-header{align-items:center;display:flex}.cs-back-btn{background:#0000;border:1px solid #c9a84c40;border:1px solid var(--border-soft,#c9a84c40);border-radius:8px;color:#c8b89a;color:var(--text-secondary,#c8b89a);cursor:pointer;flex-shrink:0;font-family:Inter,sans-serif;font-size:.88rem;font-weight:500;gap:6px;padding:8px 14px;transition:all .18s ease}.cs-back-btn:hover{background:#c9a84c14;background:var(--nav-link-hover-bg,#c9a84c14);border-color:#c9a84c66;color:#c9a84c}.cs-page-title{color:#f5ecd7;color:var(--text-primary,#f5ecd7);font-family:Playfair Display,serif;font-size:1.55rem;font-weight:700;margin:0 0 2px}.cs-page-subtitle{color:#c8b89a;color:var(--text-secondary,#c8b89a);font-size:.84rem;margin:0}.cs-page-subtitle,.message{font-family:Inter,sans-serif}.message{animation:slideIn .3s ease-out;border-radius:10px;font-size:.9rem;font-weight:500;margin-bottom:20px;padding:13px 18px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message.success{background:#10b9811f;border:1px solid #10b9814d;color:#10b981}.message.error{background:#ef44441a;border:1px solid #ef444440;color:#f87171}.scheme-form{background:#1e1409;background:var(--card-bg,#1e1409);border:1px solid #c9a84c2e;border:1px solid var(--border-soft,#c9a84c2e);border-radius:16px;padding:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:0}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{align-items:center;color:#f5ecd7;color:var(--text-primary,#f5ecd7);display:flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;gap:6px;margin-bottom:7px}.optional-label{color:#c8b89a;color:var(--text-secondary,#c8b89a);font-size:.75rem;font-weight:400}.form-group input,.form-group select,.form-group textarea{background:#ffffff0a;background:var(--input-bg,#ffffff0a);border:1px solid #c9a84c33;border:1px solid var(--border-soft,#c9a84c33);border-radius:10px;color:#f5ecd7;color:var(--text-primary,#f5ecd7);font-family:Inter,sans-serif;font-size:.9rem;padding:11px 14px;transition:border-color .18s ease,box-shadow .18s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#c8b89a;color:var(--text-secondary,#c8b89a);opacity:.55}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#c9a84c66}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c1f;outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.5}.form-group textarea{line-height:1.55;min-height:108px;resize:vertical}.calculated-field{background:#c9a84c0f!important;border-color:#c9a84c4d!important;color:#c9a84c!important;cursor:default;font-weight:600}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 8%27><path fill=%27%23C9A84C%27 d=%27M6 8L0 0h12z%27/></svg>");background-position:right 13px center;background-repeat:no-repeat;background-size:10px;padding-right:36px}.char-count{color:#c8b89a;color:var(--text-secondary,#c8b89a);font-family:Inter,sans-serif;font-size:.8rem;margin-top:5px;text-align:right}.char-count.error{color:#f87171}.char-warning{font-weight:600;margin-left:4px}.form-group textarea.error{border-color:#ef444480}.upload-container{background:#ffffff08;background:var(--input-bg,#ffffff08);border:2px dashed #c9a84c40;border:2px dashed var(--border-soft,#c9a84c40);border-radius:12px;margin-bottom:8px;padding:28px 20px;position:relative;text-align:center;transition:all .2s ease}.upload-container:hover{background:#c9a84c0a;border-color:#c9a84c80}.upload-container.drag-over{background:#c9a84c14;border-color:#c9a84c}.upload-icon{color:#c9a84c;display:flex;font-size:2rem;justify-content:center;margin-bottom:8px}.upload-label{color:#f5ecd7;color:var(--text-primary,#f5ecd7);font-size:.95rem;font-weight:600;margin-bottom:4px}.upload-label,.upload-text{font-family:Inter,sans-serif}.upload-text{color:#c8b89a;color:var(--text-secondary,#c8b89a);font-size:.82rem;margin-bottom:14px}.browse-button{background:linear-gradient(135deg,#a8892a,#c9a84c);border:none;border-radius:8px;color:#3d1f0d;cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;padding:9px 20px;transition:all .18s ease}.browse-button:hover{box-shadow:0 4px 12px #c9a84c59;transform:translateY(-1px)}.browse-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.file-input{display:none}.form-text{color:#c8b89a;color:var(--text-secondary,#c8b89a);font-size:.78rem;margin-top:4px}.form-text,.submit-btn{font-family:Inter,sans-serif}.submit-btn{background:linear-gradient(135deg,#a8892a,#c9a84c);border:none;border-radius:10px;box-shadow:0 4px 14px #c9a84c40;color:#3d1f0d;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.03em;margin-top:8px;padding:14px 28px;transition:all .2s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 8px 24px #c9a84c66;transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{background:#c9a84c33;background:var(--border-soft,#c9a84c33);box-shadow:none;color:#c8b89a;color:var(--text-secondary,#c8b89a);cursor:not-allowed}@media (max-width:768px){.create-scheme{padding:20px 16px 40px}.scheme-form{padding:22px 18px}.form-row{gap:0;grid-template-columns:1fr}.cs-page-title{font-size:1.3rem}}@media (max-width:480px){.create-scheme{padding:16px 12px 32px}.scheme-form{padding:18px 14px}.cs-page-header{flex-wrap:wrap}}@media (max-width:600px){.form-row{grid-template-columns:1fr}.create-scheme{padding:12px 10px 24px}}.mu-root{display:flex;font-family:Inter,sans-serif;gap:1.5rem;height:calc(100vh - 116px);min-height:600px;position:relative}.mu-toast{align-items:center;animation:toastIn .25s ease;border-radius:10px;box-shadow:0 8px 28px #1a120838;display:flex;font-size:.875rem;font-weight:500;gap:.6rem;padding:.75rem 1.25rem;position:fixed;right:24px;top:80px;z-index:3000}.mu-toast-success{background:#065f46;border:1px solid #05966959;color:#d1fae5}.mu-toast-error{background:#881337;border:1px solid #be123c59;color:#ffe4e6}@keyframes toastIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.mu-sidebar{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c33;border-radius:16px;box-shadow:0 4px 20px #1a12080f;box-shadow:var(--shadow-card,0 4px 20px #1a12080f);display:flex;flex-direction:column;flex-shrink:0;min-height:0;overflow:hidden;width:320px}.mu-sidebar-head{align-items:center;background:#faf6f0;background:var(--page-bg,#faf6f0);border-bottom:1px solid #c9a84c26;display:flex;justify-content:space-between;padding:1.1rem 1.25rem .75rem}.mu-sidebar-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a8892a,#c9a84c,#e8c96a);-webkit-background-clip:text;background-clip:text;font-family:Cormorant Garamond,serif;font-size:1.3rem;font-weight:700;margin:0}.mu-icon-btn{align-items:center;background:none;border:1px solid #c9a84c4d;border-radius:6px;color:#c9a84c;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s;width:30px}.mu-icon-btn:hover{background:#c9a84c1a}.mu-search-wrap{align-items:center;background:#faf6f0;background:var(--page-bg,#faf6f0);border:1.5px solid #ead8b8;border:1.5px solid var(--border-line,#ead8b8);border-radius:8px;display:flex;gap:0;margin:.75rem 1rem 0;overflow:hidden}.mu-search-icon{color:#b8a898;flex-shrink:0;font-size:.9rem;margin-left:10px}.mu-search-input{background:#0000;border:none;color:#3d1f0d;color:var(--text-primary,#3d1f0d);flex:1 1;font-family:Inter,sans-serif;font-size:.875rem;outline:none;padding:9px 12px}.mu-search-input::placeholder{color:#b8a898}.mu-filter-pills{display:flex;gap:6px;padding:.65rem 1rem}.mu-pill{background:none;border:1.5px solid #c9a84c40;border-radius:20px;color:#8b7355;color:var(--text-muted,#8b7355);cursor:pointer;font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;padding:4px 12px;transition:all .2s}.mu-pill:hover{border-color:#c9a84c80;color:#4a3728}.mu-pill.active{background:linear-gradient(135deg,#a8892a,#c9a84c);border-color:#0000;color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-weight:600}.mu-error-bar{background:#8b1a2a14;border:1px solid #8b1a2a33;border-radius:6px;color:#6e1220;font-size:.8rem;margin:0 1rem .5rem;padding:.6rem .9rem}.mu-user-list{flex:1 1;min-height:0;overflow-y:auto;padding:.25rem .5rem;scrollbar-color:#c9a84c4d #0000;scrollbar-width:thin}.mu-user-list::-webkit-scrollbar{width:5px}.mu-user-list::-webkit-scrollbar-track{background:#0000}.mu-user-list::-webkit-scrollbar-thumb{background:#c9a84c4d;border-radius:4px}.mu-user-list::-webkit-scrollbar-thumb:hover{background:#c9a84c80}.mu-list-empty{color:#b8a898;font-size:.875rem;padding:2rem;text-align:center}.mu-user-row{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;margin-bottom:2px;padding:.75rem;transition:background .15s}.mu-user-row:hover{background:#c9a84c12}.mu-user-row.active{background:#c9a84c24}.mu-avatar-wrap{flex-shrink:0;position:relative}.mu-login-dot{border:2px solid #fdfaf7;border:2px solid var(--card-bg,#fdfaf7);border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.mu-login-dot--online{background:#059669}.mu-login-dot--today{background:#34d399}.mu-login-dot--recent{background:#c9a84c}.mu-login-dot--away{background:#b8a898}.mu-login-dot--never{background:#b8a89880}@keyframes mu-pulse{0%,to{box-shadow:0 0 0 0 #05966980}50%{box-shadow:0 0 0 4px #05966900}}.mu-login-dot--online{animation:mu-pulse 1.8s ease-in-out infinite}.mu-last-login{align-items:center;display:inline-flex;font-size:.8rem!important;gap:5px}.mu-last-login .mu-login-dot{border:none;flex-shrink:0;height:8px;position:static;width:8px}.mu-last-login--online{color:#059669}.mu-last-login--today{color:#065f46}.mu-last-login--recent{color:#7a5f1a}.mu-last-login--away{color:#8b7355;color:var(--text-muted,#8b7355)}.mu-last-login--never{color:#b8a898}.mu-avatar{align-items:center;border-radius:50%;color:#3d1f0d;color:var(--text-primary,#3d1f0d);display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:36px;justify-content:center;width:36px}.mu-row-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.mu-row-name{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-size:.875rem;font-weight:600}.mu-row-email,.mu-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mu-row-email{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.75rem}.mu-row-badges{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:3px}.mu-badge-role{font-size:.7rem;font-weight:600;text-transform:capitalize}.mu-badge-status{border-radius:10px;font-size:.68rem;font-weight:500;padding:1px 7px;text-transform:capitalize}.mu-badge-status.active{background:#0596691f;color:#065f46}.mu-badge-status.inactive{background:#be123c1a;color:#881337}.mu-badge-status.suspended{background:#8b73551a;color:#6b4f38}.mu-sidebar-footer{align-items:center;border-top:1px solid #c9a84c1f;color:#b8a898;display:flex;font-size:.75rem;gap:.5rem;justify-content:space-between;padding:.6rem 1.25rem}.mu-footer-active{align-items:center;color:#059669;display:flex;font-weight:500;gap:4px}.mu-editor{display:flex;flex:1 1;flex-direction:column;gap:1.25rem;min-height:0;min-width:0;overflow-y:auto;padding-bottom:1rem;scrollbar-color:#c9a84c4d #0000;scrollbar-width:thin}.mu-editor::-webkit-scrollbar{width:5px}.mu-editor::-webkit-scrollbar-track{background:#0000}.mu-editor::-webkit-scrollbar-thumb{background:#c9a84c4d;border-radius:4px}.mu-editor::-webkit-scrollbar-thumb:hover{background:#c9a84c80}.mu-editor-empty{align-items:center;color:#b8a898;display:flex;flex:1 1;flex-direction:column;gap:1rem;justify-content:center}.mu-editor-empty-icon{color:#c9a84c40;font-size:3rem}.mu-editor-empty p{font-size:.9rem;line-height:1.6;max-width:240px;text-align:center}.mu-self-warning{align-items:center;background:#c9a84c1a;border:1px solid #c9a84c4d;border-radius:10px;color:#7a5f1a;display:flex;font-size:.82rem;font-weight:500;gap:.6rem;padding:.75rem 1rem}.mu-user-header{align-items:flex-start;background:linear-gradient(135deg,#1b2f4e,#0f2744);border:1px solid #c9a84c33;border-radius:16px;display:flex;gap:1.25rem;padding:1.5rem 1.5rem 1.25rem;position:relative}.mu-user-header:before{background:linear-gradient(90deg,#0000,#c9a84c 30%,#e8c96a 50%,#c9a84c 70%,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.mu-user-avatar-lg{align-items:center;border-radius:50%;box-shadow:0 4px 16px #c9a84c4d;color:#3d1f0d;color:var(--text-primary,#3d1f0d);display:flex;flex-shrink:0;font-size:1.4rem;font-weight:700;height:60px;justify-content:center;margin-top:2px;width:60px}.mu-user-meta{display:flex;flex-direction:column;gap:4px}.mu-user-name{color:#e8c96a;font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:700;margin:0}.mu-user-detail{align-items:center;color:#e8c96abf;display:flex;flex-wrap:wrap;font-size:.8rem;gap:5px}.mu-controls-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.mu-control-card{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c33;border-radius:14px;display:flex;flex-direction:column;gap:.75rem;padding:1.1rem 1.25rem}.mu-control-label{align-items:center;color:#4a3728;color:var(--text-secondary,#4a3728);display:flex;font-size:.72rem;font-weight:700;gap:.4rem;letter-spacing:.08em;text-transform:uppercase}.mu-role-dropdown-wrap{position:relative}.mu-role-trigger{align-items:center;background:#faf6f0;background:var(--page-bg,#faf6f0);border:1.5px solid #c9a84c59;border-radius:8px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;justify-content:space-between;padding:9px 14px;transition:all .2s;width:100%}.mu-role-trigger:hover{border-color:#c9a84c99}.mu-role-trigger svg.rotated{transform:rotate(180deg)}.mu-role-menu{animation:dropIn .15s ease;background:#1e1710;background:var(--surface-bg,#1e1710);border:1px solid #c9a84c40;border-radius:10px;box-shadow:0 12px 32px #1a120873;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:500}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mu-role-option{align-items:center;background:none;border:none;color:#c8b89a;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.875rem;gap:.6rem;padding:10px 14px;text-align:left;transition:background .15s;width:100%}.mu-role-option:hover{background:#c9a84c1a;color:#e8c96a}.mu-role-option.active{color:#e8c96a;font-weight:600}.mu-role-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.mu-role-check{color:#c9a84c;margin-left:auto}.mu-status-toggle-wrap{align-items:center;display:flex;gap:.85rem}.mu-status-toggle{border:none;border-radius:14px;cursor:pointer;flex-shrink:0;height:28px;position:relative;transition:background .3s;width:52px}.mu-status-toggle.on{background:linear-gradient(135deg,#27ae60,#2ecc71)}.mu-status-toggle.off{background:#5c3030}.mu-status-toggle:disabled{cursor:not-allowed;opacity:.6}.mu-toggle-thumb{background:#fdfaf7;background:var(--surface-bg,#fdfaf7);border-radius:50%;box-shadow:0 2px 6px #3d1f0d2e;height:22px;position:absolute;top:3px;transition:left .3s;width:22px}.mu-status-toggle.on .mu-toggle-thumb{left:27px}.mu-status-toggle.off .mu-toggle-thumb{left:3px}.mu-status-label{font-size:.9rem;font-weight:600}.mu-status-label.active{color:#27ae60}.mu-status-label.inactive{color:#c0392b}.mu-status-label.suspended{color:#8b7355}.mu-perms-card{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c33;border-radius:16px;box-shadow:0 4px 16px #1a12080d;box-shadow:var(--shadow-card,0 4px 16px #1a12080d);overflow:visible}.mu-perms-header{align-items:center;background:#faf6f0;background:var(--page-bg,#faf6f0);border-bottom:1px solid #c9a84c26;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:.85rem 1.25rem}.mu-perms-title{align-items:center;color:#4a3728;color:var(--text-secondary,#4a3728);display:flex;font-size:.78rem;font-weight:700;gap:.5rem;letter-spacing:.08em;text-transform:uppercase}.mu-apply-defaults-btn{background:none;border:1.5px solid #c9a84c66;border-radius:6px;color:#a8892a;cursor:pointer;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;padding:6px 14px;transition:all .2s}.mu-apply-defaults-btn:hover{background:#c9a84c1a;border-color:#c9a84c}.mu-perms-table-wrap{overflow-x:auto;scrollbar-color:#c9a84c4d #0000;scrollbar-width:thin}.mu-perms-table-wrap::-webkit-scrollbar{height:5px}.mu-perms-table-wrap::-webkit-scrollbar-track{background:#0000}.mu-perms-table-wrap::-webkit-scrollbar-thumb{background:#c9a84c4d;border-radius:4px}.mu-perms-table-wrap::-webkit-scrollbar-thumb:hover{background:#c9a84c80}.mu-perms-table{border-collapse:collapse;width:100%}.mu-th-action,.mu-th-module{background:#f5edd899;border-bottom:1px solid #c9a84c33;font-family:Inter,sans-serif;font-size:.72rem;padding:.65rem .5rem;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:1}.mu-th-module{padding-left:1rem;text-align:left;width:185px}.mu-col-toggle{align-items:center;background:none;border:none;border-radius:6px;color:#8b7355;color:var(--text-muted,#8b7355);cursor:pointer;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:.72rem;font-weight:600;gap:4px;letter-spacing:.06em;padding:4px 8px;text-transform:uppercase;transition:all .2s}.mu-col-toggle:hover{background:#c9a84c14;color:#c9a84c}.mu-perm-row{transition:background .15s}.mu-perm-row:hover{background:#c9a84c0a}.mu-perm-row:not(:last-child) td{border-bottom:1px solid #c9a84c1a}.mu-td-module{padding:.7rem .5rem .7rem 1.25rem}.mu-row-toggle{align-items:center;background:none;border:none;color:#4a3728;color:var(--text-secondary,#4a3728);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;gap:.6rem;padding:0;transition:color .2s}.mu-mod-icon,.mu-row-toggle:hover{color:#c9a84c}.mu-mod-icon,.mu-row-dot{flex-shrink:0}.mu-row-dot{background:#ead8b8;border-radius:50%;height:7px;margin-left:4px;transition:background .2s;width:7px}.mu-row-dot.all-on{background:#27ae60}.mu-td-check{padding:.7rem .5rem;text-align:center}.mu-checkbox-label{align-items:center;cursor:pointer;display:inline-flex}.mu-checkbox-input{height:0;opacity:0;position:absolute;width:0}.mu-checkbox-custom{background:#faf6f0;background:var(--page-bg,#faf6f0);border:1.5px solid #ead8b8;border:1.5px solid var(--border-line,#ead8b8);border-radius:5px;display:block;flex-shrink:0;height:20px;position:relative;transition:all .18s;width:20px}.mu-checkbox-input:checked+.mu-checkbox-custom{background:linear-gradient(135deg,#a8892a,#c9a84c);border-color:#0000}.mu-checkbox-input:checked+.mu-checkbox-custom:after{border:2px solid #3d1f0d;border-left:none;border-top:none;content:"";height:9px;left:6px;position:absolute;top:3px;transform:rotate(45deg);width:5px}.mu-checkbox-label:hover .mu-checkbox-custom{border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c1f}.mu-perms-footer{align-items:center;background:#faf6f0;background:var(--page-bg,#faf6f0);border-radius:0 0 16px 16px;border-top:1px solid #c9a84c26;display:flex;gap:1rem;justify-content:space-between;padding:.85rem 1.25rem}.mu-perms-hint{color:#b8a898;font-size:.75rem;font-style:italic}.mu-save-btn{align-items:center;background:linear-gradient(135deg,#a8892a,#c9a84c 50%,#e8c96a);border:none;border-radius:8px;box-shadow:0 3px 12px #c9a84c47;color:#3d1f0d;color:var(--text-primary,#3d1f0d);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:700;gap:.5rem;padding:9px 22px;transition:all .25s;white-space:nowrap}.mu-save-btn:hover:not(:disabled){box-shadow:0 6px 20px #c9a84c66;transform:translateY(-1px)}.mu-save-btn:disabled{cursor:not-allowed;opacity:.6}.mu-dropdown-backdrop{inset:0;position:fixed;z-index:400}@media (max-width:900px){.mu-root{flex-direction:column;height:auto}.mu-sidebar{max-height:320px;width:100%}.mu-controls-row{grid-template-columns:1fr}}@media (max-width:600px){.mu-perms-hint{display:none}.mu-perms-footer{justify-content:flex-end}.mu-save-btn{justify-content:center;width:100%}}.cm-root{display:flex;font-family:Inter,sans-serif;gap:1.5rem;height:calc(100vh - 116px);min-height:600px;position:relative}.cm-toast{align-items:center;animation:cmToastIn .25s ease;border-radius:10px;box-shadow:0 8px 28px #1a120838;display:flex;font-size:.875rem;font-weight:500;gap:.6rem;padding:.75rem 1.25rem;position:fixed;right:24px;top:80px;z-index:3000}.cm-toast-success{background:#065f46;border:1px solid #05966959;color:#d1fae5}.cm-toast-error{background:#881337;border:1px solid #be123c59;color:#ffe4e6}@keyframes cmToastIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.cm-sidebar{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c33;border-radius:16px;box-shadow:0 4px 20px #1a12080f;box-shadow:var(--shadow-card,0 4px 20px #1a12080f);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:300px}.cm-sidebar-head{align-items:center;background:#faf6f0;background:var(--page-bg,#faf6f0);border-bottom:1px solid #c9a84c26;display:flex;justify-content:space-between;padding:1.1rem 1.25rem .75rem}.cm-sidebar-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a8892a,#c9a84c,#e8c96a);-webkit-background-clip:text;background-clip:text;font-family:Cormorant Garamond,serif;font-size:1.3rem;font-weight:700;margin:0}.cm-icon-btn{align-items:center;background:none;border:1px solid #c9a84c4d;border-radius:6px;color:#c9a84c;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s;width:30px}.cm-icon-btn:hover{background:#c9a84c1a}.cm-search-wrap{align-items:center;background:#faf6f0;background:var(--page-bg,#faf6f0);border:1.5px solid #ead8b8;border:1.5px solid var(--border-line,#ead8b8);border-radius:8px;display:flex;margin:.75rem 1rem 0;overflow:hidden}.cm-search-icon{color:#b8a898;flex-shrink:0;font-size:.9rem;margin-left:10px}.cm-search-input{background:#0000;border:none;color:#3d1f0d;color:var(--text-primary,#3d1f0d);flex:1 1;font-family:Inter,sans-serif;font-size:.875rem;outline:none;padding:9px 12px}.cm-search-input::placeholder{color:#b8a898}.cm-filter-pills{display:flex;gap:6px;padding:.65rem 1rem}.cm-pill{background:none;border:1.5px solid #c9a84c40;border-radius:20px;color:#8b7355;color:var(--text-muted,#8b7355);cursor:pointer;font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;padding:4px 12px;transition:all .2s}.cm-pill:hover{border-color:#c9a84c80;color:#4a3728}.cm-pill.active{background:linear-gradient(135deg,#a8892a,#c9a84c);border-color:#0000;color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-weight:600}.cm-error-bar{background:#8b1a2a14;border:1px solid #8b1a2a33;border-radius:6px;color:#6e1220;font-size:.8rem;margin:0 1rem .5rem;padding:.6rem .9rem}.cm-list{flex:1 1;overflow-y:auto;padding:.25rem .5rem;scrollbar-color:#c9a84c33 #0000;scrollbar-width:thin}.cm-list::-webkit-scrollbar{width:4px}.cm-list::-webkit-scrollbar-thumb{background:#c9a84c33;border-radius:4px}.cm-list-empty{color:#b8a898;font-size:.875rem;padding:2rem;text-align:center}.cm-row{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;margin-bottom:2px;padding:.75rem;transition:background .15s}.cm-row:hover{background:#c9a84c12}.cm-row.active{background:#c9a84c24}.cm-avatar-wrap{flex-shrink:0;position:relative}.cm-login-dot{border:2px solid #fdfaf7;border:2px solid var(--card-bg,#fdfaf7);border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.cm-login-dot--online{background:#059669}.cm-login-dot--today{background:#34d399}.cm-login-dot--recent{background:#c9a84c}.cm-login-dot--away{background:#b8a898}.cm-login-dot--never{background:#b8a89880}@keyframes cm-pulse{0%,to{box-shadow:0 0 0 0 #05966980}50%{box-shadow:0 0 0 4px #05966900}}.cm-login-dot--online{animation:cm-pulse 1.8s ease-in-out infinite}.cm-last-login{align-items:center;display:inline-flex!important;font-size:.8rem!important;gap:5px}.cm-last-login--online{color:#059669}.cm-last-login--today{color:#065f46}.cm-last-login--recent{color:#7a5f1a}.cm-last-login--away{color:#8b7355;color:var(--text-muted,#8b7355)}.cm-last-login--never{color:#b8a898}.cm-avatar{align-items:center;background:linear-gradient(135deg,#059669,#e8c96a);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:36px;justify-content:center;width:36px}.cm-row-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.cm-row-name{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-size:.875rem;font-weight:600}.cm-row-email,.cm-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-row-email{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.75rem}.cm-status-badge{border-radius:10px;flex-shrink:0;font-size:.68rem;font-weight:500;padding:2px 8px;text-transform:capitalize}.cm-status-badge.active{background:#27ae601f;color:#1a5c36}.cm-status-badge.inactive{background:#8b1a2a1a;color:#6e1220}.cm-status-badge.suspended{background:#8b73551a;color:#6b4f38}.cm-sidebar-footer{align-items:center;border-top:1px solid #c9a84c1f;color:#b8a898;display:flex;font-size:.75rem;gap:.5rem;justify-content:space-between;padding:.6rem 1.25rem}.cm-footer-active{align-items:center;color:#059669;display:flex;font-weight:500;gap:4px}.cm-detail{display:flex;flex:1 1;flex-direction:column;gap:1.25rem;overflow-y:auto;scrollbar-color:#c9a84c33 #0000;scrollbar-width:thin}.cm-detail::-webkit-scrollbar{width:4px}.cm-detail::-webkit-scrollbar-thumb{background:#c9a84c33;border-radius:4px}.cm-detail-empty{align-items:center;color:#b8a898;display:flex;flex:1 1;flex-direction:column;gap:1rem;justify-content:center}.cm-detail-empty-icon{color:#c9a84c40;font-size:3rem}.cm-detail-empty p{font-size:.9rem;line-height:1.6;margin:0;max-width:240px;text-align:center}.cm-cust-header{align-items:flex-start;background:linear-gradient(135deg,#1b2f4e,#0f2744);border:1px solid #c9a84c33;border-radius:16px;display:flex;gap:1.25rem;overflow:hidden;padding:1.5rem;position:relative}.cm-cust-header:before{background:linear-gradient(90deg,#0000,#059669 20%,#c9a84c 50%,#059669 80%,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.cm-cust-avatar-lg{align-items:center;background:linear-gradient(135deg,#059669,#e8c96a);border-radius:50%;box-shadow:0 4px 16px #0596694d;color:#fff;display:flex;flex-shrink:0;font-size:1.4rem;font-weight:700;height:60px;justify-content:center;width:60px}.cm-cust-meta{display:flex;flex:1 1;flex-direction:column;gap:4px}.cm-cust-name{color:#e8c96a;font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:700;margin:0}.cm-cust-info{align-items:center;color:#8b7355;display:flex;font-size:.8rem;gap:5px}.cm-cust-status-wrap{display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.cm-control-label{color:#8b7355;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.cm-status-toggle-wrap{align-items:center;display:flex;gap:.75rem}.cm-status-toggle{border:none;border-radius:14px;cursor:pointer;flex-shrink:0;height:28px;position:relative;transition:background .3s;width:52px}.cm-status-toggle.on{background:linear-gradient(135deg,#27ae60,#2ecc71)}.cm-status-toggle.off{background:#5c3030}.cm-status-toggle:disabled{cursor:not-allowed;opacity:.6}.cm-toggle-thumb{background:#fdfaf7;background:var(--surface-bg,#fdfaf7);border-radius:50%;box-shadow:0 2px 6px #3d1f0d2e;height:22px;position:absolute;top:3px;transition:left .3s;width:22px}.cm-status-toggle.on .cm-toggle-thumb{left:27px}.cm-status-toggle.off .cm-toggle-thumb{left:3px}.cm-status-label{font-size:.9rem;font-weight:600}.cm-status-label.active{color:#27ae60}.cm-status-label.inactive{color:#c0392b}.cm-info-card{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c33;border-radius:14px;padding:1.1rem 1.25rem}.cm-card-title{color:#4a3728;color:var(--text-secondary,#4a3728);font-size:.72rem;font-weight:700;letter-spacing:.08em;margin-bottom:.85rem;text-transform:uppercase}.cm-info-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.cm-info-field{display:flex;flex-direction:column;gap:3px}.cm-field-label{color:#b8a898;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.cm-field-value{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-size:.875rem;font-weight:500}.cm-stats-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.cm-stat-card{align-items:center;background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c33;border-radius:14px;display:flex;flex-direction:column;gap:.4rem;padding:1.1rem;text-align:center}.cm-stat-icon{color:#c9a84c;font-size:1.4rem}.cm-stat-value{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Cormorant Garamond,serif;font-size:1.3rem;font-weight:700}.cm-stat-label{color:#8b7355;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.cm-schemes-card{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c33;border-radius:14px;padding:1.1rem 1.25rem}.cm-schemes-list{display:flex;flex-direction:column;gap:.5rem}.cm-scheme-row{align-items:center;background:#faf6f0;background:var(--page-bg,#faf6f0);border:1px solid #c9a84c1f;border-radius:8px;display:flex;gap:.75rem;padding:.65rem .75rem}.cm-scheme-icon{color:#c9a84c;flex-shrink:0;font-size:1rem}.cm-scheme-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.cm-scheme-name{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-size:.875rem;font-weight:600}.cm-scheme-sub{color:#8b7355;font-size:.75rem}.cm-scheme-status{border-radius:10px;flex-shrink:0;font-size:.68rem;font-weight:500;padding:2px 8px;text-transform:capitalize}.cm-scheme-status.active{background:#27ae601f;color:#1a5c36}.cm-scheme-status.completed{background:#6366f11f;color:#4338ca}.cm-scheme-status.pending{background:#d977061f;color:#92400e}@media (max-width:900px){.cm-root{flex-direction:column;height:auto}.cm-sidebar{max-height:320px;width:100%}.cm-stats-row{grid-template-columns:repeat(3,1fr)}.cm-cust-header{flex-wrap:wrap}}@media (max-width:600px){.cm-stats-row{grid-template-columns:1fr 1fr}.cm-info-grid{grid-template-columns:1fr}}@media (max-width:480px){.cm-sidebar{max-height:260px;padding:12px}.cm-stats-row{grid-template-columns:1fr}.cm-sidebar-footer{align-items:flex-start;flex-direction:column;gap:4px}.cm-search input{font-size:.82rem}.cm-filter-pills{gap:6px}.cm-pill{font-size:.78rem;padding:5px 12px}.cm-cust-name{font-size:.9rem}.cm-cust-email{font-size:.75rem}.cm-cust-header{padding:12px}}.reports{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:24px;width:100%}.filters{margin-bottom:24px}.filters select{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1.5px solid #c9a84c40;border:1.5px solid var(--border-soft,#c9a84c40);border-radius:8px;color:#3d1f0d;color:var(--text-primary,#3d1f0d);cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;min-width:200px;padding:10px 18px;transition:border-color .18s}.filters select:focus{border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c1a;outline:none}.reports-summary{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.summary-card{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c2e;border:1px solid var(--border-soft,#c9a84c2e);border-radius:14px;box-shadow:0 4px 20px #1a12080f;box-shadow:var(--shadow-card,0 4px 20px #1a12080f);overflow:hidden;padding:22px 20px;position:relative}.summary-card:before{background:linear-gradient(90deg,#0000,#c9a84c80,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.summary-card h3{color:#8b7355;color:var(--text-muted,#8b7355);font-family:Inter,sans-serif;font-size:.78rem;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}.summary-number{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Cormorant Garamond,Playfair Display,serif;font-size:1.9rem}.reports-table{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid var(--border-soft);border-radius:14px;box-shadow:var(--shadow-card);overflow:hidden}.reports-table table{border-collapse:collapse;width:100%}.reports-table th{background:linear-gradient(135deg,#1b3a5c,#2d5a8c);border-bottom:1px solid #c9a84c33;color:#e8c96a;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.08em;padding:12px 18px;text-align:left;text-transform:uppercase}.reports-table td{border-bottom:1px solid #c9a84c1a;border-bottom:1px solid var(--border-soft,#c9a84c1a);color:#5c3d28;color:var(--text-secondary,#5c3d28);font-family:Inter,sans-serif;font-size:.875rem;padding:13px 18px}.reports-table tr:hover{background:#f5edd859}[data-theme=dark] .reports-table tr:hover{background:#c9a84c12}.reports-table tr:last-child td{border-bottom:none}.scheme-info,.user-info{display:flex;flex-direction:column}.scheme-info strong,.user-info strong{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Inter,sans-serif;font-size:.875rem;margin-bottom:3px}.scheme-info span,.user-info span{color:#8b7355;color:var(--text-muted,#8b7355);font-family:Inter,sans-serif;font-size:.78rem}.amount{color:#065f46;font-family:Inter,sans-serif;font-weight:700}.no-data{font-size:.95rem;padding:52px 20px}.loading{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.95rem;padding:22px}@media (max-width:768px){.reports{padding:16px}.reports-summary{gap:12px;grid-template-columns:1fr 1fr}.reports-table{overflow-x:auto}.reports-table table{min-width:600px}.filters{flex-wrap:wrap;gap:10px}.filters select{min-width:auto;width:100%}.reports-header{align-items:flex-start;flex-direction:column;gap:10px}}@media (max-width:480px){.reports{padding:10px}.reports-summary{gap:10px;grid-template-columns:1fr}.summary-card{padding:14px}.filters select{font-size:.82rem}.reports-table table{font-size:.82rem;min-width:480px}.reports-table td,.reports-table th{padding:8px 10px}}@media (max-width:900px){.reports-summary{grid-template-columns:repeat(2,1fr)}}.breadcrumb-container{background:linear-gradient(135deg,#faf6f0,#f5edd8);border-bottom:1px solid #c9a84c33;margin-bottom:0;padding:13px 30px}.breadcrumb{flex-wrap:wrap;list-style:none;margin:0;padding:0}.breadcrumb,.breadcrumb-item{align-items:center;display:flex}.breadcrumb-item{margin:2px 0}.breadcrumb-separator{color:#8b7355;color:var(--text-muted,#8b7355);margin:0 12px}.breadcrumb-link{background:none;border:none;border-radius:4px;color:#c9a84c;cursor:pointer;font-family:Inter,sans-serif;font-size:.88rem;font-weight:500;letter-spacing:.02em;padding:4px 8px;text-decoration:none;transition:all .3s ease}.breadcrumb-link:hover{background:#c9a84c1a;color:#a8892a;transform:translateY(-1px)}.breadcrumb-separator{color:#b8a898;font-weight:300;margin:0 10px}.breadcrumb-current{background:#c9a84c14;border-radius:4px;color:#4a3728;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;padding:4px 8px}@media (max-width:768px){.breadcrumb-container{padding:12px 15px}.breadcrumb{font-size:.85rem}.breadcrumb-separator{margin:0 8px}.breadcrumb-current,.breadcrumb-link{font-size:.85rem;padding:4px 6px}}@media (max-width:480px){.breadcrumb-container{padding:10px 12px}.breadcrumb{font-size:.8rem}.breadcrumb-separator{margin:0 6px}}.transactions-container{box-sizing:border-box;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px;width:100%}.transactions-header{align-items:center;background:var(--card-bg);border:1px solid var(--border-soft);border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:22px;padding:18px 22px}.transactions-header h1{color:var(--text-primary);font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;margin:0}.demo-toggle{background:#c9a84c0f;border-left:3px solid #c9a84c;border-radius:8px;padding:8px 12px}.demo-toggle label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;gap:8px}.demo-toggle input{accent-color:#c9a84c;transform:scale(1.15)}.filters-section{grid-gap:16px;background:var(--card-bg);border:1px solid var(--border-soft);border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:22px;padding:18px 20px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.filter-group input,.filter-group select{background:var(--page-bg);border:1px solid var(--border-soft);border-radius:8px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:.875rem;padding:9px 12px;transition:border-color .18s}.filter-group input::placeholder{color:var(--text-secondary);opacity:.55}.filter-group input:focus,.filter-group select:focus{border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c1a;outline:none}.search-group{grid-column:1/-1}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper input{flex:1 1;padding-right:44px}.search-btn{align-items:center;background:linear-gradient(135deg,#a8892a,#c9a84c);border:none;border-radius:6px;color:#3d1f0d;cursor:pointer;display:flex;justify-content:center;padding:6px 10px;position:absolute;right:5px;transition:box-shadow .18s}.search-btn:hover{box-shadow:0 3px 10px #c9a84c4d}.search-icon{font-size:14px}.transactions-table-container{background:var(--card-bg);border:1px solid var(--border-soft);border-radius:12px;margin-bottom:22px;overflow:hidden}.table-header{align-items:center;background:var(--page-bg);border-bottom:1px solid var(--border-soft);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.table-header h3{color:var(--text-primary);font-family:Playfair Display,serif;font-size:1rem;font-weight:600;margin:0}.table-info{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.82rem}.transactions-table{border-collapse:collapse;width:100%}.transactions-table th{background:var(--page-bg);color:var(--text-secondary);font-size:.72rem;font-weight:600;letter-spacing:.07em;padding:12px 14px;text-align:left;text-transform:uppercase}.transactions-table td,.transactions-table th{border-bottom:1px solid var(--border-soft);font-family:Inter,sans-serif}.transactions-table td{color:var(--text-primary);font-size:.875rem;padding:13px 14px}.transactions-table tr:last-child td{border-bottom:none}.transactions-table tr:hover td{background:var(--page-bg)}.user-cell{min-width:170px}.user-name{color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:2px}.user-email{color:var(--text-secondary);font-size:.75rem}.scheme-cell{color:var(--text-primary);font-weight:500;min-width:160px}.amount-cell{color:#10b981;font-size:.9rem;font-weight:700;min-width:110px}.date-cell{color:var(--text-secondary);font-size:.82rem;min-width:100px}.payment-method{min-width:110px}.payment-badge{background:var(--page-bg);border:1px solid var(--border-soft);border-radius:6px;color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:3px 8px}.status-badge{border-radius:14px;font-weight:600;letter-spacing:.05em;padding:4px 10px}.status-paid{background:#10b9811f;border:1px solid #10b98133;color:#10b981}.status-pending{background:#f59e0b1f;border:1px solid #f59e0b33;color:#f59e0b}.status-failed{background:#ef44441a;border:1px solid #ef444433;color:#f87171}.actions-cell{min-width:120px}.btn-view{background:#c9a84c1f;border:1px solid #c9a84c4d;border-radius:6px;color:#c9a84c;cursor:pointer;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;padding:7px 12px;transition:all .18s ease}.btn-view:hover{background:#c9a84c33;transform:translateY(-1px)}.pagination{align-items:center;background:var(--card-bg);border:1px solid var(--border-soft);border-radius:12px;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:20px 0;padding:14px}.pagination-btn{background:#0000;border:1px solid var(--border-soft);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;padding:8px 18px;transition:all .18s ease}.pagination-btn:hover:not(:disabled){background:#c9a84c1a;border-color:#c9a84c;color:#c9a84c}.pagination-btn:disabled{cursor:not-allowed;opacity:.35}.pagination-info{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.85rem;font-weight:600}.transactions-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:22px}.summary-card{background:var(--card-bg);border:1px solid var(--border-soft);padding:18px;text-align:center}.summary-card h4{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.07em;margin:0 0 10px;text-transform:uppercase}.summary-number{color:var(--text-primary);font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;margin:0}.loading{border:1px solid var(--border-soft);border-radius:12px;font-size:.9rem}.loading,.no-transactions{background:var(--card-bg);color:var(--text-secondary);font-family:Inter,sans-serif;padding:56px 20px;text-align:center}.no-transactions{font-style:italic}.tx-export-btn{background:#c9a84c1a;border:1px solid #c9a84c59;border-radius:7px;color:#a8892a;cursor:pointer;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;padding:7px 14px;transition:all .18s}.tx-export-btn:hover{background:#c9a84c33}.tx-modal-overlay{align-items:center;background:#1a0e06a6;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1100}.tx-modal{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c40;border-radius:14px;display:flex;flex-direction:column;gap:16px;max-height:90vh;max-width:540px;overflow-y:auto;padding:24px;width:100%}.tx-modal-header{align-items:flex-start;display:flex;justify-content:space-between}.tx-modal-header h2{color:var(--text-primary);font-family:Playfair Display,serif;font-size:1.15rem;margin:0}.tx-modal-txid{color:var(--text-secondary);font-family:Inter,monospace;font-size:.75rem;margin:3px 0 0}.tx-modal-close{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:1.1rem;padding:4px 8px}.tx-modal-close:hover{background:#c9a84c1a}.tx-status-banner{align-items:center;border-radius:8px;display:flex;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;gap:8px;padding:10px 14px}.tx-status-banner-paid{background:#10b9811a;border:1px solid #10b98133;color:#059669}.tx-status-banner-pending{background:#f59e0b1a;border:1px solid #f59e0b33;color:#d97706}.tx-status-banner-failed{background:#dc262614;border:1px solid #dc26262e;color:#dc2626}.tx-status-dot{background:currentColor;border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.tx-detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.tx-detail-item label{color:var(--text-secondary);display:block;font-family:Inter,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.05em;margin-bottom:3px;text-transform:uppercase}.tx-detail-item p{color:var(--text-primary);font-family:Inter,sans-serif;font-size:.88rem;font-weight:500;margin:0}.tx-amount-block{background:#c9a84c0f;border:1px solid #c9a84c2e;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:14px 16px}.tx-amount-row{color:var(--text-secondary);display:flex;font-family:Inter,sans-serif;font-size:.875rem;justify-content:space-between}.tx-amount-total{border-top:1px solid #c9a84c33;color:var(--text-primary);font-size:1rem;font-weight:700;margin-top:4px;padding-top:8px}.tx-amount-total span:last-child{color:#c9a84c}.tx-process-title{color:#c9a84c;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.tx-steps{display:flex;flex-direction:column;gap:0}.tx-step{align-items:flex-start;border-bottom:1px solid var(--border-soft);display:flex;font-family:Inter,sans-serif;gap:12px;padding:10px 0}.tx-step:last-child{border-bottom:none}.tx-step-dot{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.78rem;font-weight:700;height:28px;justify-content:center;width:28px}.tx-step-done .tx-step-dot{background:#10b98126;color:#059669}.tx-step-fail .tx-step-dot{background:#dc26261a;color:#dc2626}.tx-step-pending .tx-step-dot{background:#f59e0b1f;color:#d97706}.tx-step-label{color:var(--text-primary);font-size:.86rem;font-weight:600;margin:0 0 2px}.tx-step-desc{color:var(--text-secondary);font-size:.75rem;margin:0}.tx-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.tx-print-btn{background:#0000;border:1px solid #c9a84c4d;border-radius:7px;color:#a8892a;cursor:pointer;font-family:Inter,sans-serif;font-size:.84rem;font-weight:600;padding:8px 16px;transition:all .18s}.tx-print-btn:hover{background:#c9a84c14}.tx-close-btn{background:linear-gradient(135deg,#a8892a,#c9a84c);border:none;border-radius:7px;color:#3d1f0d;cursor:pointer;font-family:Inter,sans-serif;font-size:.84rem;font-weight:700;padding:8px 20px}@media (max-width:1024px){.user-cell{min-width:140px}.scheme-cell{min-width:130px}.amount-cell{min-width:90px}.date-cell{min-width:80px}.payment-method{min-width:90px}.actions-cell{min-width:100px}}@media (max-width:768px){.transactions-container{padding:16px}.transactions-header{align-items:flex-start;flex-direction:column;gap:10px}.filters-section{grid-template-columns:1fr;padding:14px}.table-header{align-items:flex-start;flex-direction:column}.transactions-table td,.transactions-table th{font-size:.82rem;padding:10px}.pagination{align-items:center;flex-direction:column;gap:10px}.transactions-table-container{overflow-x:auto}.transactions-table{min-width:640px}.user-cell{min-width:120px}.scheme-cell{min-width:110px}.amount-cell,.date-cell,.payment-method{min-width:80px}.actions-cell{min-width:90px}.tx-detail-grid{grid-template-columns:1fr}.tx-modal-overlay{padding:10px}.tx-modal{max-height:92vh;overflow-y:auto}}@media (max-width:480px){.transactions-container{padding:10px}.transactions-table{min-width:520px}.transactions-table td,.transactions-table th{font-size:.78rem;padding:8px}.pagination-btn{font-size:.78rem;padding:6px 10px}.header-actions{flex-direction:column;gap:8px;width:100%}.export-btn,.header-actions button,.refresh-btn{justify-content:center;width:100%}}@media (max-width:600px){.filters-section{gap:10px;grid-template-columns:1fr 1fr}}@media (max-width:480px){.filters-section{grid-template-columns:1fr}.transactions-container{padding:10px}}.schedule-page{align-items:flex-start;background:#faf6f0;display:flex;justify-content:center;min-height:100vh;padding:24px 20px}[data-theme=dark] .schedule-page{background:#1c1208;background:var(--page-bg,#1c1208)}.schedule-container{background:#fff;border:1px solid #c9a84c33;border-radius:16px;box-shadow:0 4px 24px #1a120814,0 1px 4px #1a12080a;margin:16px auto;max-width:1200px;overflow:hidden;padding:28px 32px;position:relative;width:100%}[data-theme=dark] .schedule-container{background:#261a0e;background:var(--card-bg,#261a0e);border-color:#c9a84c26}.schedule-container:before{background:linear-gradient(90deg,#0000,#c9a84c,#e8c96a,#c9a84c,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.schedule-header{align-items:center;border-bottom:1px solid #c9a84c2e;border-bottom:1px solid var(--border-soft,#c9a84c2e);display:flex;justify-content:space-between;margin-bottom:28px;padding-bottom:18px}.schedule-header h1{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Playfair Display,serif;font-size:1.75rem;font-weight:700;letter-spacing:.01em;margin:0}.btn-back{align-items:center;background:linear-gradient(135deg,#1b3a5c,#2d5a8c);border:none;border-radius:8px;box-shadow:0 2px 10px #1b3a5c33;color:#e8c96a;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;gap:8px;padding:10px 22px;transition:all .2s}.btn-back:hover{background:linear-gradient(135deg,#0f2744,#1b3a5c);box-shadow:0 4px 14px #1b3a5c4d;transform:translateY(-1px)}.error-banner{align-items:center;background:#be123c12;border:1px solid #be123c33;border-radius:8px;color:#881337;color:var(--error-text,#881337);display:flex;font-family:Inter,sans-serif;font-size:.875rem;justify-content:space-between;margin-bottom:20px;padding:12px 16px}[data-theme=dark] .error-banner{background:#be123c1f;color:#f87171}.retry-btn{background:#881337;border:none;border-radius:6px;color:#ffe4e6;cursor:pointer;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;padding:6px 14px;transition:background .18s}.retry-btn:hover{background:#be123c}.scheme-summary{margin-bottom:28px}.summary-card{background:#c9a84c0f;border:1px solid #c9a84c38;border-left:4px solid #c9a84c;border-radius:12px;box-shadow:0 2px 12px #1a12080f;padding:22px 24px}[data-theme=dark] .summary-card{background:#c9a84c14}.summary-card h3{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700;margin:0 0 18px}.summary-details{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.summary-item{align-items:center;border-bottom:1px solid #c9a84c1f;border-bottom:1px solid var(--border-soft,#c9a84c1f);display:flex;justify-content:space-between;padding:10px 0}.summary-item:last-child{border-bottom:none}.summary-item span{color:#8b7355;color:var(--text-muted,#8b7355);font-family:Inter,sans-serif;font-size:.875rem;font-weight:500}.summary-item strong{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Inter,sans-serif;font-size:1rem;font-weight:700}.payment-schedule{margin-bottom:28px}.payment-schedule h3{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Playfair Display,serif;font-size:1.35rem;font-weight:700;margin:0 0 18px}.table-container{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c2e;border:1px solid var(--border-soft,#c9a84c2e);border-radius:12px;box-shadow:var(--shadow-card);overflow-x:auto;scrollbar-color:#c9a84c33 #0000;scrollbar-width:thin}.table-container::-webkit-scrollbar{height:6px}.table-container::-webkit-scrollbar-track{background:#c9a84c0d;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#c9a84c40;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#c9a84c73}.schedule-table{border-collapse:collapse;min-width:800px;width:100%}.schedule-table th{background:linear-gradient(135deg,#1b3a5c,#2d5a8c);border:none;color:#e8c96a;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.08em;padding:13px 18px;text-align:left;text-transform:uppercase}.schedule-table th:first-child{border-top-left-radius:10px}.schedule-table th:last-child{border-top-right-radius:10px}.schedule-table td{border-bottom:1px solid #c9a84c1f;border-bottom:1px solid var(--border-soft,#c9a84c1f);color:#5c3d28;color:var(--text-secondary,#5c3d28);font-family:Inter,sans-serif;font-size:.875rem;padding:13px 18px}.schedule-table tr:last-child td{border-bottom:none}.schedule-table tr:hover{background:#c9a84c12;transition:background .18s ease}.no-data{color:#8b7355;color:var(--text-muted,#8b7355);font-family:Inter,sans-serif;font-style:italic;padding:36px!important;text-align:center}.schedule-table tr.paid{background:#0596690a}.schedule-table tr.pending{background:#c9a84c0a}.schedule-table tr.inactive{background:#8b73550a}.status-badge{border-radius:20px;display:inline-block;font-size:.72rem;letter-spacing:.06em}.status-badge.paid{background:#0596691f;border:1px solid #05966940;color:#065f46}.status-badge.pending{background:#c9a84c1f;border:1px solid #c9a84c4d;color:#7a5f1a}.status-badge.inactive{background:#8b73551a;border:1px solid #8b735533;color:#6b4f38}.status-badge.shop-credit{align-items:center;background:linear-gradient(135deg,#a8892a26,#c9a84c33);border:1px solid #c9a84c66;color:#7a5c1e;display:inline-flex}[data-theme=dark] .status-badge.paid{background:#0596692e;color:#6ee7b7}[data-theme=dark] .status-badge.pending{background:#c9a84c26;color:#e8c96a}[data-theme=dark] .status-badge.inactive{background:#8b735526;color:#c8b89a}[data-theme=dark] .status-badge.shop-credit{color:#e8c96a}.btn-pay-now{background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:7px;box-shadow:0 2px 8px #05966938;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.84rem;font-weight:600;padding:8px 18px;transition:all .2s}.btn-pay-now:hover:not(:disabled){background:linear-gradient(135deg,#047857,#059669);box-shadow:0 4px 14px #0596694d;transform:translateY(-1px)}.btn-pay-now.disabled,.btn-pay-now:disabled{align-items:center;background:#8b735524;box-shadow:none;color:#8b7355;color:var(--text-muted,#8b7355);cursor:not-allowed;display:inline-flex;transform:none}.btn-pay-now:active{transform:translateY(0)}.paid-text{background:#0596691a;border-radius:20px;color:#065f46;display:inline-block;font-family:Inter,sans-serif;font-size:.84rem;font-weight:600;padding:6px 14px}[data-theme=dark] .paid-text{background:#0596692e;color:#6ee7b7}.schedule-notes{background:#1b3a5c0f;border-left:4px solid #1b3a5c;border-radius:10px;margin-top:20px;padding:16px 20px}.schedule-notes p{color:#1b3a5c;color:var(--text-secondary,#1b3a5c);font-family:Inter,sans-serif;font-size:.875rem;line-height:1.55;margin:0}[data-theme=dark] .schedule-notes{background:#c9a84c12;border-left-color:#c9a84c}.loading-container{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid var(--border-soft);border-radius:14px;box-shadow:var(--shadow-card);padding:56px 20px;text-align:center}.loading-spinner{animation:spin .9s linear infinite;border:3px solid #c9a84c26;border-radius:50%;border-top-color:#c9a84c;height:40px;margin:0 auto 18px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid var(--border-soft);border-radius:14px;box-shadow:var(--shadow-card);padding:40px;text-align:center}.error-icon{font-size:48px;margin-bottom:18px}.error-message{color:#881337;font-family:Inter,sans-serif;font-size:1rem;margin-bottom:18px}.error-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}.btn-primary{background:linear-gradient(135deg,#a8892a,#c9a84c,#e8c96a);border:none;border-radius:8px;box-shadow:0 3px 12px #c9a84c40;color:#3d1f0d;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:700;padding:11px 24px;transition:all .25s}.btn-primary:hover{box-shadow:0 6px 20px #c9a84c61}.btn-secondary{background:linear-gradient(135deg,#1b3a5c,#2d5a8c);border:none;border-radius:8px;box-shadow:0 2px 10px #1b3a5c33;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;padding:11px 24px;transition:all .2s}.btn-secondary:hover{background:linear-gradient(135deg,#0f2744,#1b3a5c);transform:translateY(-1px)}.debug-info{background:#faf6f0;background:var(--page-bg,#faf6f0);border:1px solid var(--border-soft);border-left:4px solid #c9a84c;border-radius:8px;margin:12px 0;padding:14px}.debug-info p{color:#8b7355;color:var(--text-muted,#8b7355);margin:4px 0}.debug-info p,.demo-note{font-family:Inter,sans-serif;font-size:.84rem}.demo-note{background:#c9a84c1a;border-left:4px solid #c9a84c;border-radius:6px;color:#7a5f1a;color:var(--text-secondary,#7a5f1a);margin-top:10px;padding:10px 14px}[data-theme=dark] .demo-note{color:#e8c96a}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.schedule-table tbody tr{animation:fadeIn .25s ease-out}.schedule-table tbody tr:nth-child(2n){animation-delay:.06s}@media (max-width:768px){.schedule-page{padding:12px}.schedule-container{margin:8px 0;padding:20px 18px}.schedule-header{flex-direction:column;gap:14px;text-align:center}.schedule-header h1{font-size:1.45rem}.summary-details{gap:12px;grid-template-columns:1fr}.summary-card{padding:18px}.schedule-table td,.schedule-table th{font-size:.82rem;padding:11px 14px}.btn-pay-now{font-size:.78rem;padding:7px 14px}.status-badge{font-size:.68rem;padding:3px 10px}.error-actions{flex-direction:column}}@media (max-width:480px){.schedule-container{padding:14px}.schedule-header h1{font-size:1.25rem}.summary-card h3{font-size:1.05rem}.payment-schedule h3{font-size:1.15rem}.schedule-table td,.schedule-table th{font-size:.78rem;padding:9px 10px}.btn-back{justify-content:center;width:100%}}@media (max-width:768px){.error-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.schedule-page{padding:8px}.schedule-container{padding:12px}}.rt-form-card{margin:20px auto;max-width:440px!important}.rt-back-btn{align-items:center;background:none;border:none;color:#8b7355;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:.82rem;gap:6px;margin-bottom:20px;padding:0;transition:color .2s}.rt-back-btn:hover{color:#c9a84c}.rt-section-label{border-bottom:1px solid #c9a84c26;color:#c9a84c;font-size:.7rem;font-weight:700;letter-spacing:.12em;margin-bottom:-4px;padding-bottom:6px;text-transform:uppercase}.rt-trial-note{background:#c9a84c14;border:1px solid #c9a84c33;border-radius:8px;color:#8b7355;font-family:Inter,sans-serif;font-size:.82rem;padding:10px 14px;text-align:center}.rt-success-wrap{align-items:center;background:#faf6f0;display:flex;justify-content:center;min-height:calc(100vh - 68px);padding:24px}.rt-success-card{background:#fdfaf7;border:1px solid #c9a84c33;border-radius:20px;box-shadow:0 12px 40px #1a120814;max-width:400px;padding:48px 40px;text-align:center;width:100%}.rt-success-icon{color:#1b6b4a;font-size:3.5rem;margin-bottom:16px}.rt-success-card h2{color:#3d1f0d;font-family:Playfair Display,serif;font-size:1.6rem;margin-bottom:12px}.rt-success-card p{color:#8b7355;font-family:Inter,sans-serif;font-size:.9rem}.sa-dashboard{box-sizing:border-box;margin:0;max-width:100%;padding:16px;width:100%}.sa-dashboard,.sa-loading{color:#2c1810;color:var(--text-primary,#2c1810)}.sa-loading{align-items:center;display:flex;font-size:1.1rem;height:300px;justify-content:center}.sa-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.sa-header h1{font-size:1.7rem;margin:0 0 4px}.sa-header p{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.9rem;margin:0}.sa-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.sa-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:28px}.sa-stat-card{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c2e;border-radius:12px;gap:14px;padding:18px}.sa-stat-card,.sa-stat-icon{align-items:center;display:flex}.sa-stat-icon{border-radius:10px;flex-shrink:0;font-size:1.3rem;height:44px;justify-content:center;width:44px}.sa-icon-blue{background:#3b82f626;color:#3b82f6}.sa-icon-green{background:#10b98126;color:#059669}.sa-icon-yellow{background:#c9a84c26;color:#a8892a}.sa-icon-red{background:#dc26261f;color:#b91c1c}.sa-icon-purple{background:#6d28d91f;color:#7c3aed}.sa-stat-label{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.8rem;margin:0 0 2px}.sa-stat-value{font-size:1.4rem;font-weight:700;margin:0}.sa-stat-sub{color:#c9a84c;font-size:.72rem;font-weight:500;margin:2px 0 0}.sa-section{margin-bottom:28px}.sa-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.sa-section-header h2{font-size:1.15rem;margin:0}.sa-table-wrap{border:1px solid #c9a84c33;border-radius:12px;overflow-x:auto}.sa-table{border-collapse:collapse;font-size:.9rem;width:100%}.sa-table thead{background:linear-gradient(135deg,#1b3a5c,#2d5a8c)}[data-theme=dark] .sa-table thead{background:linear-gradient(135deg,#1e1208,#2e1a0e)}.sa-table th{color:#e8c96a;font-size:.8rem;font-weight:600;letter-spacing:.04em;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}[data-theme=dark] .sa-table th{color:#c9a84c}.sa-table td{border-top:1px solid #c9a84c1a;padding:10px 14px;vertical-align:middle}.sa-table tbody tr:hover{background:#c9a84c0d}.sa-empty{padding:32px!important;text-align:center}.sa-empty,.sa-muted{color:#7a6550;color:var(--text-faint,#7a6550)}.sa-muted{font-size:.8rem;margin:0}.sa-badge{border-radius:20px;display:inline-block;font-size:.78rem;font-weight:600;padding:3px 10px;text-transform:capitalize}.sa-badge-active{background:#0596691f;color:#065f46}.sa-badge-warning{background:#c9a84c26;color:#a8892a}.sa-badge-expired{background:#dc26261f;color:#b91c1c}.sa-badge-suspended{background:#6b72801f;color:#6b7280}.sa-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.sa-btn-primary{background:linear-gradient(135deg,#a8892a,#c9a84c,#e8c96a);background:var(--btn-gradient,linear-gradient(135deg,#a8892a,#c9a84c,#e8c96a));color:#3d1f0d;color:var(--text-dark,#3d1f0d)}.sa-btn-primary:hover{box-shadow:0 4px 14px #c9a84c59;filter:brightness(1.08)}.sa-btn-outline{background:#0000;border:1px solid #c9a84c73;color:#2c1810;color:var(--text-primary,#2c1810)}.sa-btn-outline:hover{background:#c9a84c14;border-color:#c9a84cb3}.sa-btn-green{background:#047857;color:#fff}.sa-btn-green:hover{background:#065f46}.sa-btn-icon{border:1px solid #c9a84c4d;border-radius:8px;color:#2c1810;color:var(--text-primary,#2c1810);font-size:1rem;padding:8px}.sa-btn-icon,.sa-btn-link{background:#0000;cursor:pointer}.sa-btn-link{align-items:center;border:none;color:#c9a84c;color:var(--primary-gold,#c9a84c);display:inline-flex;font-size:.88rem;gap:4px;padding:4px}.sa-btn-link:hover{text-decoration:underline}.sa-btn-link-danger{color:#b91c1c}.sa-search-bar{align-items:center;background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c38;border-radius:8px;color:#8b7355;color:var(--text-muted,#8b7355);display:flex;gap:10px;margin-bottom:16px;padding:8px 14px}.sa-search-bar input{background:#0000;border:none;color:#2c1810;color:var(--text-primary,#2c1810);font-size:.9rem;outline:none;width:100%}.sa-color-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.sa-modal-overlay{align-items:flex-start;background:#2c1808b8;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:1000}.sa-modal{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c40;border-radius:14px;margin:auto;max-width:720px;padding:20px 22px;width:100%}.sa-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.sa-modal-header h2{font-size:1.3rem;margin:0}.sa-modal-close{background:#0000;border:none;color:#8b7355;color:var(--text-muted,#8b7355);cursor:pointer;font-size:1.2rem;padding:4px}.sa-modal-close:hover{color:#2c1810;color:var(--text-primary,#2c1810)}.sa-form{display:flex;flex-direction:column;gap:14px}.sa-form-section{color:#c9a84c;color:var(--primary-gold,#c9a84c);font-size:.8rem;letter-spacing:.08em;margin:8px 0 2px;text-transform:uppercase}.sa-form-group{display:flex;flex:1 1;flex-direction:column;gap:5px}.sa-form-group label{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.82rem;font-weight:500}.sa-form-group input,.sa-form-group select,.sa-form-group textarea{background:#fff;background:var(--surface-bg,#fff);border:1px solid #c9a84c40;border-radius:7px;color:#2c1810;color:var(--text-primary,#2c1810);font-size:.9rem;outline:none;padding:8px 12px}.sa-form-group input:focus,.sa-form-group select:focus,.sa-form-group textarea:focus{border-color:#c9a84c;border-color:var(--primary-gold,#c9a84c);box-shadow:0 0 0 3px #c9a84c1a}.sa-form-row{display:flex;flex-wrap:wrap;gap:14px}.sa-form-row>*{flex:1 1;min-width:180px}.sa-form-row-colors{gap:12px}.sa-color-picker{align-items:center;display:flex;flex-direction:column;gap:4px;min-width:80px}.sa-color-picker label{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.75rem}.sa-color-picker input[type=color]{background:#0000;border:1px solid #c9a84c40;border-radius:6px;cursor:pointer;height:36px;padding:2px;width:44px}.sa-color-picker span{color:#7a6550;color:var(--text-faint,#7a6550);font-size:.7rem}.sa-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.sa-error{background:#dc262614;border:1px solid #dc262640;border-radius:8px;color:#b91c1c;font-size:.88rem;padding:10px 14px}.sa-two-col{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:900px){.sa-two-col{grid-template-columns:1fr}}.sa-card{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c2e;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px 18px}.sa-card h2{font-size:1.05rem;margin:0}.sa-card h3{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.92rem;margin:0}.sa-divider{border:none;border-top:1px solid #c9a84c26;margin:4px 0}.sa-toggle-row{border-bottom:1px solid #c9a84c1a;padding:6px 0}.sa-toggle{border-radius:20px;font-size:.8rem}.sa-toggle-on{color:#065f46}.sa-toggle-off{background:#6b72801f;color:#6b7280}.sa-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.sa-info-grid label{color:#8b7355;color:var(--text-muted,#8b7355);display:block;font-size:.78rem;margin-bottom:2px}.sa-info-grid p{font-size:.92rem;margin:0}.sa-inline-msg{border-radius:6px;color:#065f46;font-size:.85rem;padding:6px 12px}.sa-billing-summary{background:#c9a84c0f;border:1px solid #c9a84c33;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:14px 16px}.sa-billing-row{align-items:center;display:flex;font-size:.88rem;justify-content:space-between}.sa-billing-label{align-items:center;color:#8b7355;color:var(--text-muted,#8b7355);display:flex;gap:5px}.sa-billing-value{color:#2c1810;color:var(--text-primary,#2c1810);font-weight:600}.sa-billing-live{color:#047857}.sa-billing-divider{background:#c9a84c2e;height:1px;margin:4px 0}.sa-billing-total{font-size:.92rem}.sa-billing-amount{color:#2c1810;color:var(--text-primary,#2c1810)}.sa-billing-amount strong{color:#a8892a;font-size:1.05rem}.sa-input-hint{background:#05966914;border-radius:5px;color:#047857;font-size:.78rem;margin:4px 0 0;padding:4px 8px}.sa-user-bar-wrap{align-items:center;display:flex;gap:8px;min-width:100px}.sa-user-bar{background:linear-gradient(90deg,#059669,#34d399);border-radius:3px;height:6px;min-width:2px;transition:width .4s ease}.sa-user-bar-label{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.78rem;white-space:nowrap}.sa-totals-row td{background:#c9a84c12;border-top:2px solid #c9a84c40!important;font-size:.9rem}.sa-billing-chip{background:#c9a84c1a;border-radius:4px;color:#a8892a;display:inline-block;font-size:.72rem;margin-top:3px;padding:2px 6px;white-space:nowrap}.sa-form-hint{color:#b8a898;color:var(--text-faint,#b8a898);font-size:.72rem;font-weight:400;margin-left:4px}.sa-icon-rose{background:#c9847a26;color:#c9847a}.sa-active-count{color:#047857;font-size:1.4rem;font-weight:700}.sa-check-result{align-items:center;background:#05966912;border:1px solid #05966938;border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:12px 16px}.sa-check-summary{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-size:.88rem;font-weight:600}.sa-check-details{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.sa-check-chip{border-radius:12px;font-size:.78rem;font-weight:600;padding:3px 10px}.sa-check-warn{background:#c9a84c26;color:#a8892a}.sa-check-exp{background:#be123c1a;color:#9b1235}.sa-check-ok{background:#0596691f;color:#047857}.sa-check-close{background:#0000;border:none;border-radius:4px;color:#8b7355;color:var(--text-muted,#8b7355);cursor:pointer;font-size:.9rem;margin-left:auto;padding:2px 6px}.sa-check-close:hover{background:#3d1f0d14}.sa-inline-msg{background:#0596691a;border:1px solid #05966933;border-radius:7px;color:#047857;font-size:.82rem;padding:4px 12px}.sa-feature-section-label{border-bottom:1px solid #c9a84c2e;color:#c9a84c;color:var(--primary-gold,#c9a84c);font-size:.72rem;font-weight:700;letter-spacing:.08em;margin:14px 0 6px;padding-bottom:4px;text-transform:uppercase}.sa-feature-premium{border-color:#8b1a2a2e!important;color:#8b1a2a!important}.sa-toggle-row{align-items:center;border-bottom:1px solid #c9a84c14;display:flex;justify-content:space-between;padding:8px 0}.sa-toggle-row:last-of-type{border-bottom:none}.sa-toggle-premium{background:#8b1a2a05;border-bottom:none!important;border-radius:6px;margin:1px 0;padding:8px 6px}.sa-toggle-label{color:#3d1f0d;color:var(--text-primary,#3d1f0d);display:block;font-size:.86rem;font-weight:600}.sa-toggle-desc{color:#8b7355;color:var(--text-muted,#8b7355);display:block;font-size:.74rem}.sa-toggle{align-items:center;border:none;border-radius:7px;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;gap:5px;padding:4px 10px;transition:all .2s;white-space:nowrap}.sa-toggle-on{background:#0596691f;color:#047857}.sa-toggle-off{background:#a890701f;color:#8b7355;color:var(--text-muted,#8b7355)}.sa-btn-full{justify-content:center;width:100%}.sa-logo-tabs{display:flex;gap:6px;margin-bottom:8px}.sa-logo-tab{align-items:center;background:#0000;border:1px solid #c9a84c4d;border-radius:6px;color:#8b7355;color:var(--text-muted,#8b7355);cursor:pointer;display:inline-flex;font-size:.8rem;gap:5px;padding:5px 12px;transition:all .18s}.sa-logo-tab-active{background:#c9a84c1a;border-color:#c9a84c;color:#a8892a;font-weight:600}.sa-file-upload-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.sa-file-input{display:none}.sa-file-btn{align-items:center;background:#c9a84c1a;border:1px solid #c9a84c59;border-radius:7px;color:#a8892a;cursor:pointer;display:inline-flex;font-size:.84rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s}.sa-file-btn:hover{background:#c9a84c2e}.sa-file-hint{color:#b8a898;color:var(--text-faint,#b8a898);font-size:.73rem}.sa-logo-preview{margin-top:8px}.sa-logo-preview img{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c33;border-radius:6px;max-height:60px;max-width:140px;object-fit:contain;padding:4px}.sa-logo-upload-area{align-items:center;background:#faf6f0;background:var(--page-bg,#faf6f0);border:1.5px dashed #c9a84c66;border-radius:10px;cursor:pointer;display:flex;height:120px;justify-content:center;margin-bottom:8px;overflow:hidden;position:relative;transition:border-color .18s;width:100%}.sa-logo-upload-area:hover{border-color:#c9a84c}.sa-logo-upload-area:hover .sa-logo-upload-overlay{opacity:1}.sa-logo-upload-preview{border-radius:6px;max-height:100px;max-width:90%;object-fit:contain}.sa-logo-upload-placeholder{color:#c9a84c80;gap:8px}.sa-logo-upload-overlay,.sa-logo-upload-placeholder{align-items:center;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:.8rem}.sa-logo-upload-overlay{background:#0e0a0494;color:#e8c96a;font-weight:600;gap:6px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.sa-logo-url-row{align-items:center;display:flex;gap:8px;margin-top:4px}.sa-logo-url-input{background:#fff;background:var(--surface-bg,#fff);border:1px solid #ead8b8;border:1px solid var(--border-line,#ead8b8);border-radius:7px;color:#3d1f0d;color:var(--text-primary,#3d1f0d);flex:1 1;font-family:Inter,sans-serif;font-size:.82rem;outline:none;padding:8px 10px;transition:border-color .18s}.sa-logo-url-input:focus{border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c1a}.sa-logo-url-input::placeholder{color:#b8a898;color:var(--text-faint,#b8a898);font-size:.78rem}@media (max-width:640px){.sa-dashboard{padding:10px}.sa-stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.sa-two-col{grid-template-columns:1fr}.sa-info-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.sa-stats-grid{gap:8px;grid-template-columns:1fr 1fr}.sa-info-grid{grid-template-columns:1fr}}.pm-container{background:#faf6f0;background:var(--page-bg,#faf6f0);box-sizing:border-box;margin:0 auto;max-width:1200px;min-height:100vh;padding:24px;position:relative;width:100%}.pm-toast{align-items:center;animation:pm-toast-in .3s ease;border-radius:10px;box-shadow:0 8px 24px #3d1f0d1a;display:flex;font-family:Inter,sans-serif;font-size:.86rem;font-weight:600;gap:8px;padding:12px 18px;position:fixed;right:24px;top:20px;z-index:1100}.pm-toast-success{background:#ecfdf5;border:1px solid #6ee7b7;color:#065f46}.pm-toast-error{background:#8b1a2a14;border:1px solid #8b1a2a40;color:#8b1a2a}[data-theme=dark] .pm-toast-success{background:#05966926;border-color:#05966959;color:#6ee7b7}[data-theme=dark] .pm-toast-error{background:#8b1a2a33;border-color:#be123c59;color:#f87171}@keyframes pm-toast-in{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}.pm-header{align-items:flex-start;background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c2e;border:1px solid var(--border-soft,#c9a84c2e);border-radius:16px;box-shadow:0 2px 10px #1a12080d;box-shadow:var(--shadow-card,0 2px 10px #1a12080d);display:flex;gap:16px;justify-content:space-between;margin-bottom:28px;padding:22px 26px}.pm-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a8892a,#c9a84c,#e8c96a);-webkit-background-clip:text;background-clip:text;font-family:Cormorant Garamond,Playfair Display,serif;font-size:1.8rem;font-weight:700;margin:0 0 4px}.pm-subtitle{color:#8b7355;color:var(--text-muted,#8b7355);margin:0}.pm-create-btn,.pm-subtitle{font-family:Inter,sans-serif;font-size:.85rem}.pm-create-btn{align-items:center;background:linear-gradient(135deg,#a8892a,#c9a84c);border:none;border-radius:8px;color:#3d1f0d;cursor:pointer;display:flex;font-weight:700;gap:7px;padding:10px 20px;transition:all .2s;white-space:nowrap}.pm-create-btn:hover{box-shadow:0 6px 18px #c9a84c66;transform:translateY(-1px)}.pm-loading{padding:60px;text-align:center}.pm-empty,.pm-loading{color:#8b7355;color:var(--text-muted,#8b7355);font-family:Inter,sans-serif}.pm-empty{align-items:center;display:flex;flex-direction:column;gap:16px;padding:80px 20px}.pm-empty-icon{color:#c9a84c66;font-size:3rem}.pm-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.pm-card{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c33;border:1px solid var(--border-soft,#c9a84c33);border-radius:14px;box-shadow:0 2px 10px #1a12080d;display:flex;flex-direction:column;gap:14px;padding:22px;transition:box-shadow .2s}.pm-card:hover{box-shadow:0 6px 22px #c9a84c26}.pm-card-inactive{opacity:.6}.pm-card-top{display:flex;flex-direction:column;gap:4px}.pm-card-name-row{align-items:center;display:flex;justify-content:space-between}.pm-card-name{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Cormorant Garamond,serif;font-size:1.25rem;font-weight:700;margin:0}.pm-card-desc{color:#8b7355;color:var(--text-muted,#8b7355);font-family:Inter,sans-serif;font-size:.82rem;margin:0}.pm-toggle-btn{background:none;border:none;cursor:pointer;display:flex;font-size:1.4rem;padding:0}.pm-toggle-on{color:#10b981}.pm-toggle-off{color:#b8a898;color:var(--text-faint,#b8a898)}.pm-card-price{align-items:baseline;display:flex;flex-wrap:wrap;gap:4px}.pm-price-free{color:#10b981;font-family:Inter,sans-serif;font-size:1.4rem;font-weight:800}.pm-price-amount{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Cormorant Garamond,serif;font-size:1.8rem;font-weight:700}.pm-price-cycle{font-size:.8rem}.pm-price-cycle,.pm-setup-fee{color:#8b7355;color:var(--text-muted,#8b7355);font-family:Inter,sans-serif}.pm-setup-fee{font-size:.78rem;margin-left:6px}.pm-coupon-tag{align-items:center;background:#c9a84c1a;border:1px solid #c9a84c4d;border-radius:20px;color:#a8892a;display:inline-flex;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;gap:5px;padding:4px 10px}.pm-modules{display:flex;flex-direction:column;gap:6px}.pm-module-chip{align-items:center;border:1px solid #0000;border-radius:8px;display:flex;font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;gap:7px;padding:6px 10px}.pm-module-on{background:#10b9810d}.pm-module-off{background:#faf6f0;background:var(--page-bg,#faf6f0);border-color:#3d1f0d0d!important;opacity:.5;text-decoration:line-through}.pm-card-meta,.pm-module-off{color:#8b7355;color:var(--text-muted,#8b7355)}.pm-card-meta{align-items:center;border-top:1px solid #c9a84c1f;border-top:1px solid var(--border-soft,#c9a84c1f);display:flex;font-family:Inter,sans-serif;font-size:.78rem;justify-content:space-between;padding-top:8px}.pm-card-meta span{align-items:center;display:flex;gap:5px}.pm-status-pill{border-radius:10px;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:3px 10px;text-transform:uppercase}.pm-status-active{background:#10b9811f;color:#059669}.pm-status-inactive{background:#9ca3af26;color:#6b7280}.pm-card-actions{display:flex;gap:8px}.pm-action-delete,.pm-action-edit{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;gap:5px;justify-content:center;padding:8px;transition:all .2s}.pm-action-edit{background:#c9a84c1a;color:#a8892a}.pm-action-delete{background:#ef444414;color:#dc2626}.pm-action-edit:hover{background:#c9a84c33}.pm-action-delete:hover{background:#ef444426}.pm-overlay{align-items:center;background:#1a120880;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:900}.pm-modal{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border-radius:16px;box-shadow:0 20px 60px #3d1f0d2e;display:flex;flex-direction:column;max-height:90vh;max-width:620px;width:100%}.pm-modal-hdr{align-items:center;border-bottom:1px solid #c9a84c2e;border-bottom:1px solid var(--border-soft,#c9a84c2e);display:flex;justify-content:space-between;padding:20px 24px}.pm-modal-hdr h2{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Cormorant Garamond,serif;font-size:1.3rem;font-weight:700;margin:0}.pm-modal-close{background:none;border:none;border-radius:6px;color:#8b7355;color:var(--text-muted,#8b7355);cursor:pointer;display:flex;font-size:1.1rem;padding:4px}.pm-modal-close:hover{background:#faf6f0;background:var(--page-bg,#faf6f0)}.pm-modal-body{display:flex;flex:1 1;flex-direction:column;gap:18px;overflow-y:auto;padding:22px 24px}.pm-form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.pm-field{display:flex;flex-direction:column;gap:5px}.pm-field-full{grid-column:1/-1}.pm-field label{align-items:center;color:#4a3728;color:var(--text-secondary,#4a3728);display:flex;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;gap:6px;letter-spacing:.07em;text-transform:uppercase}.pm-req{color:#c9a84c}.pm-field input,.pm-field select,.pm-field textarea{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1.5px solid #ead8b8;border:1.5px solid var(--border-line,#ead8b8);border-radius:8px;color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Inter,sans-serif;font-size:.87rem;outline:none;padding:9px 12px;resize:vertical;transition:border-color .2s}.pm-field input:focus,.pm-field select:focus,.pm-field textarea:focus{border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c1a}.pm-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23C9A84C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;padding-right:32px}.pm-modules-section{display:flex;flex-direction:column;gap:10px}.pm-modules-label{color:#4a3728;color:var(--text-secondary,#4a3728);font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.07em;margin:0;text-transform:uppercase}.pm-modules-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.pm-module-toggle{align-items:center;border:1.5px solid #ead8b8;border:1.5px solid var(--border-line,#ead8b8);border-radius:8px;color:#4a3728;color:var(--text-secondary,#4a3728);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.82rem;font-weight:500;gap:8px;padding:10px 12px;transition:all .15s;-webkit-user-select:none;user-select:none}.pm-module-toggle input{accent-color:#c9a84c;cursor:pointer;height:14px;width:14px}.pm-module-toggle:hover{border-color:#c9a84c66}.pm-module-toggle-on{font-weight:600}.pm-future-modules-section{background:#c9a84c0a;border:1.5px dashed #c9a84c59;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:14px 16px}.pm-future-hint{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.72rem;font-weight:400;letter-spacing:0;margin-left:8px;text-transform:none}.pm-future-input-row{display:flex;gap:8px}.pm-future-input{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1.5px solid #ead8b8;border:1.5px solid var(--border-line,#ead8b8);border-radius:8px;color:#3d1f0d;color:var(--text-primary,#3d1f0d);flex:1 1;font-family:Inter,sans-serif;font-size:.85rem;outline:none;padding:8px 12px;transition:border-color .15s}.pm-future-input:focus{border-color:#c9a84c}.pm-future-input::placeholder{color:#8b7355;color:var(--text-muted,#8b7355)}.pm-future-add-btn{align-items:center;background:#c9a84c1f;border:1.5px solid #c9a84c66;border-radius:8px;color:#a8892a;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;gap:5px;padding:8px 14px;transition:all .15s;white-space:nowrap}.pm-future-add-btn:hover{background:#c9a84c38}.pm-future-tags{display:flex;flex-wrap:wrap;gap:7px}.pm-future-tag{align-items:center;background:#c9a84c1a;border:1px solid #c9a84c59;border-radius:20px;color:#7a6020;display:inline-flex;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;gap:5px;padding:4px 10px 4px 12px}.pm-future-tag button{align-items:center;background:none;border:none;color:#a8892a;cursor:pointer;display:flex;font-size:.75rem;line-height:1;opacity:.7;padding:0;transition:opacity .15s}.pm-future-tag button:hover{opacity:1}.pm-active-toggle{align-items:center;color:#3d1f0d;color:var(--text-primary,#3d1f0d);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;gap:8px}.pm-active-toggle input{accent-color:#c9a84c;cursor:pointer;height:16px;width:16px}.pm-modal-footer{border-top:1px solid #c9a84c26;border-top:1px solid var(--border-soft,#c9a84c26);display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.pm-btn-cancel{background:#0000;border:1.5px solid #c9a84c40;border:1.5px solid var(--border-soft,#c9a84c40);border-radius:8px;color:#4a3728;color:var(--text-secondary,#4a3728);cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;padding:9px 18px}.pm-btn-cancel:hover{background:#faf6f0;background:var(--page-bg,#faf6f0)}.pm-btn-save{background:linear-gradient(135deg,#a8892a,#c9a84c);border:none;border-radius:8px;color:#3d1f0d;cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;padding:9px 22px;transition:all .2s}.pm-btn-save:hover:not(:disabled){box-shadow:0 5px 16px #c9a84c66;transform:translateY(-1px)}.pm-btn-save:disabled{cursor:not-allowed;opacity:.6}.pm-btn-delete{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#dc2626;cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;padding:9px 18px}.pm-btn-delete:hover{background:#ef44442e}.pm-confirm{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border-radius:14px;box-shadow:0 20px 50px #3d1f0d24;max-width:380px;padding:28px;width:100%}.pm-confirm h3{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Cormorant Garamond,serif;font-size:1.2rem;margin:0 0 10px}.pm-confirm p{color:#4a3728;color:var(--text-secondary,#4a3728);font-family:Inter,sans-serif;font-size:.88rem;margin:0 0 20px}.pm-confirm-actions{display:flex;gap:10px;justify-content:flex-end}@media (max-width:600px){.pm-form-grid,.pm-grid,.pm-modules-grid{grid-template-columns:1fr}}.pm-coupon-input-row{display:flex;gap:8px}.pm-coupon-input{flex:1 1}.pm-coupon-gen{background:linear-gradient(135deg,#a8892a,#c9a84c);border:none;border-radius:7px;color:#3d1f0d;cursor:pointer;font-size:.82rem;font-weight:700;padding:8px 12px;transition:filter .2s;white-space:nowrap}.pm-coupon-gen:hover{filter:brightness(1.08)}.pm-module-future{background:#c9a84c12!important;border-color:#c9a84c66!important;color:#a8892a!important;opacity:1!important;text-decoration:none!important}@media (max-width:900px){.pm-grid{grid-template-columns:repeat(2,1fr)}.pm-form-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.pm-container{padding:10px}.pm-grid{grid-template-columns:1fr}}.sp-container{background:#faf6f0;background:var(--page-bg,#faf6f0);box-sizing:border-box;margin:0 auto;max-width:1300px;min-height:100vh;padding:24px;position:relative;width:100%}.sp-toast{align-items:center;animation:sp-toast-in .3s ease;border-radius:10px;box-shadow:0 8px 24px #3d1f0d1a;display:flex;font-family:Inter,sans-serif;font-size:.86rem;font-weight:600;gap:8px;padding:12px 18px;position:fixed;right:24px;top:20px;z-index:1100}.sp-toast-success{background:#ecfdf5;border:1px solid #6ee7b7;color:#065f46}.sp-toast-error{background:#8b1a2a14;border:1px solid #8b1a2a40;color:#8b1a2a}[data-theme=dark] .sp-toast-success{background:#05966926;border-color:#05966959;color:#6ee7b7}[data-theme=dark] .sp-toast-error{background:#8b1a2a33;border-color:#be123c59;color:#f87171}@keyframes sp-toast-in{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}.sp-header{align-items:flex-start;background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c2e;border:1px solid var(--border-soft,#c9a84c2e);border-radius:16px;box-shadow:0 2px 10px #1a12080d;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:22px 26px}.sp-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a8892a,#c9a84c,#e8c96a);-webkit-background-clip:text;background-clip:text;font-family:Cormorant Garamond,Playfair Display,serif;font-size:1.8rem;font-weight:700;margin:0 0 4px}.sp-subtitle{color:#8b7355;color:var(--text-muted,#8b7355);margin:0}.sp-record-btn,.sp-subtitle{font-family:Inter,sans-serif;font-size:.85rem}.sp-record-btn{align-items:center;background:linear-gradient(135deg,#a8892a,#c9a84c);border:none;border-radius:8px;color:#3d1f0d;cursor:pointer;display:flex;font-weight:700;gap:7px;padding:10px 20px;transition:all .2s;white-space:nowrap}.sp-record-btn:hover{box-shadow:0 6px 18px #c9a84c66;transform:translateY(-1px)}.sp-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:22px}.sp-stat{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c2e;border:1px solid var(--border-soft,#c9a84c2e);border-radius:12px;box-shadow:0 2px 8px #1a12080a;gap:14px;padding:16px}.sp-stat,.sp-stat-icon{align-items:center;display:flex}.sp-stat-icon{border-radius:10px;flex-shrink:0;font-size:1.2rem;height:42px;justify-content:center;width:42px}.sp-stat-label{color:#8b7355;color:var(--text-muted,#8b7355);font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;margin:0 0 2px}.sp-stat-val{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:700;margin:0}.sp-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.sp-search-wrap{flex:1 1;min-width:200px;position:relative}.sp-search-icon{color:#c9a84c;font-size:.95rem;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.sp-search{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1.5px solid #ead8b8;border:1.5px solid var(--border-line,#ead8b8);border-radius:8px;color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Inter,sans-serif;font-size:.85rem;outline:none;padding:9px 12px 9px 36px;transition:border-color .2s;width:100%}.sp-search:focus{border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c1a}.sp-filter-select{-webkit-appearance:none;appearance:none;background:#fdfaf7;background:var(--card-bg,#fdfaf7);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23C9A84C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:14px;border:1.5px solid #ead8b8;border:1.5px solid var(--border-line,#ead8b8);border-radius:8px;color:#3d1f0d;color:var(--text-primary,#3d1f0d);cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;outline:none;padding:9px 32px 9px 12px;transition:border-color .2s}.sp-filter-select:focus{border-color:#c9a84c}.sp-clear-btn{align-items:center;background:#0000;border:1.5px solid #dc26264d;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;gap:5px;padding:9px 14px}.sp-table-wrap{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c2e;border:1px solid var(--border-soft,#c9a84c2e);border-radius:14px;box-shadow:0 2px 10px #1a12080d;overflow:hidden}.sp-empty,.sp-loading{color:#8b7355;color:var(--text-muted,#8b7355);font-family:Inter,sans-serif;font-size:.9rem;padding:60px 20px;text-align:center}.sp-table{border-collapse:collapse;font-family:Inter,sans-serif;width:100%}.sp-table th{background:#faf6f0;background:var(--page-bg,#faf6f0);border-bottom:1px solid #c9a84c26;border-bottom:1px solid var(--border-soft,#c9a84c26);color:#8b7355;color:var(--text-muted,#8b7355);font-size:.7rem;font-weight:700;letter-spacing:.07em;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.sp-row{border-bottom:1px solid #c9a84c14;border-bottom:1px solid var(--border-soft,#c9a84c14);cursor:pointer;transition:background .15s}.sp-row:hover{background:#c9a84c0a}.sp-row td{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-size:.83rem;padding:12px 14px;vertical-align:middle}.sp-invoice-num{color:#a8892a;font-family:monospace;font-size:.8rem;font-weight:700}.sp-txn-id{color:#8b7355;color:var(--text-muted,#8b7355);font-family:monospace;font-size:.78rem}.sp-tenant-cell{display:flex;flex-direction:column;gap:1px}.sp-tenant-name{font-weight:600}.sp-tenant-slug{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.72rem}.sp-amount{font-family:Cormorant Garamond,serif;font-size:1rem;font-weight:700}.sp-period{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.75rem;white-space:nowrap}.sp-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.72rem;font-weight:700;gap:5px;padding:4px 10px;white-space:nowrap}.sp-chevron{color:#8b7355;color:var(--text-muted,#8b7355);transition:transform .2s}.sp-chevron-up{transform:rotate(180deg)}.sp-detail-row td{padding:0}.sp-detail{background:#c9a84c08;border-bottom:1px solid #c9a84c1f;border-bottom:1px solid var(--border-soft,#c9a84c1f);padding:16px 20px}.sp-detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:12px}.sp-detail-grid>div{display:flex;flex-direction:column;gap:2px}.sp-detail-grid span{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.72rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.sp-detail-grid strong{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-size:.85rem;font-weight:600}.sp-notes{color:#4a3728;color:var(--text-secondary,#4a3728);font-family:Inter,sans-serif;font-size:.82rem;margin:8px 0 0}.sp-detail-actions{display:flex;gap:8px;margin-top:12px}.sp-approve-btn{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:7px;color:#059669;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.8rem;font-weight:700;gap:6px;padding:7px 14px}.sp-approve-btn:hover{background:#10b9812e}.sp-fail-btn{align-items:center;background:#dc262614;border:1px solid #dc262640;border-radius:7px;color:#dc2626;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.8rem;font-weight:700;gap:6px;padding:7px 14px}.sp-fail-btn:hover{background:#dc262626}.sp-overlay{align-items:center;background:#1a120880;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:900}.sp-modal{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border-radius:16px;box-shadow:0 20px 60px #3d1f0d2e;display:flex;flex-direction:column;max-height:90vh;max-width:640px;width:100%}.sp-modal-hdr{align-items:center;border-bottom:1px solid #c9a84c2e;border-bottom:1px solid var(--border-soft,#c9a84c2e);display:flex;justify-content:space-between;padding:20px 24px}.sp-modal-hdr h2{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Cormorant Garamond,serif;font-size:1.25rem;font-weight:700;margin:0}.sp-modal-close{background:none;border:none;color:#8b7355;color:var(--text-muted,#8b7355);cursor:pointer;display:flex;font-size:1.1rem}.sp-modal-body{flex:1 1;overflow-y:auto;padding:22px 24px}.sp-form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.sp-field{display:flex;flex-direction:column;gap:5px}.sp-field-full{grid-column:1/-1}.sp-field label{color:#4a3728;color:var(--text-secondary,#4a3728);font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.sp-req{color:#c9a84c}.sp-field input,.sp-field select,.sp-field textarea{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1.5px solid #ead8b8;border:1.5px solid var(--border-line,#ead8b8);border-radius:8px;color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Inter,sans-serif;font-size:.87rem;outline:none;padding:9px 12px;resize:vertical;transition:border-color .2s}.sp-field input:focus,.sp-field select:focus,.sp-field textarea:focus{border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c1a}.sp-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23C9A84C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;cursor:pointer;padding-right:32px}.sp-field-hint{color:#8b7355;color:var(--text-muted,#8b7355);font-family:Inter,sans-serif;font-size:.72rem}.sp-modal-footer{border-top:1px solid #c9a84c26;border-top:1px solid var(--border-soft,#c9a84c26);display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.sp-btn-cancel{background:#0000;border:1.5px solid #c9a84c40;border:1.5px solid var(--border-soft,#c9a84c40);border-radius:8px;color:#4a3728;color:var(--text-secondary,#4a3728);cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;padding:9px 18px}.sp-btn-cancel:hover{background:#faf6f0;background:var(--page-bg,#faf6f0)}.sp-btn-save{background:linear-gradient(135deg,#a8892a,#c9a84c);border:none;border-radius:8px;color:#3d1f0d;cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;padding:9px 22px;transition:all .2s}.sp-btn-save:hover:not(:disabled){box-shadow:0 5px 16px #c9a84c66;transform:translateY(-1px)}.sp-btn-save:disabled{cursor:not-allowed;opacity:.6}@media (max-width:900px){.sp-table{font-size:.78rem}}@media (max-width:600px){.sp-form-grid{grid-template-columns:1fr}.sp-field-full{grid-column:1}.sp-filters{flex-direction:column}.sp-search-wrap{width:100%}}@media (max-width:1024px){.sp-stats{grid-template-columns:repeat(3,1fr)}.sp-detail-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.sp-container{padding:10px}.sp-stats{grid-template-columns:repeat(2,1fr)}.sp-detail-grid{grid-template-columns:1fr}}.sap-page{margin:0;max-width:1060px;padding:20px 24px;position:relative}.sap-loading{align-items:center;color:#8b7355;color:var(--text-muted,#8b7355);display:flex;font-size:1rem;height:300px;justify-content:center}.sap-header{margin-bottom:22px}.sap-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a8892a,#c9a84c 50%,#e8c96a);-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,Cormorant Garamond,serif;font-size:1.65rem;margin:0 0 4px}.sap-header p{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.88rem;margin:0}.sap-toast{align-items:center;animation:sap-slide-in .3s ease;border-radius:10px;box-shadow:0 8px 24px #3d1f0d2e;display:flex;font-size:.88rem;font-weight:500;gap:9px;padding:12px 18px;position:fixed;right:24px;top:80px;z-index:9999}.sap-toast-success{background:#0596691a;border:1px solid #05966947;color:#065f46}.sap-toast-error{background:#be123c14;border:1px solid #be123c47;color:#9b1235}@keyframes sap-slide-in{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}.sap-layout{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:248px 1fr}.sap-identity{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c33;border-radius:16px;box-shadow:var(--shadow-card);padding:26px 18px;position:-webkit-sticky;position:sticky;text-align:center;top:80px}.sap-avatar{align-items:center;background:linear-gradient(135deg,#a8892a,#c9a84c,#e8c96a);border-radius:50%;box-shadow:0 4px 16px #c9a84c47;display:flex;font-family:Cormorant Garamond,serif;font-size:1.55rem;height:78px;justify-content:center;margin:0 auto 13px;width:78px}.sap-avatar,.sap-name{color:#3d1f0d;font-weight:700}.sap-name{color:var(--text-primary,#3d1f0d);font-size:1.1rem;margin:0 0 8px}.sap-role-badge{background:#8b1a2a1a;border:1px solid #8b1a2a38;border-radius:20px;color:#8b1a2a;display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.03em;margin-bottom:18px;padding:3px 13px}.sap-identity-rows{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.sap-id-row{align-items:center;color:#8b7355;color:var(--text-muted,#8b7355);display:flex;font-size:.8rem;gap:7px;justify-content:center;word-break:break-all}.sap-since{color:#b8a898;color:var(--text-faint,#b8a898);font-size:.73rem}.sap-card{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c29;border-radius:14px;box-shadow:var(--shadow-card);margin-bottom:14px;padding:20px 22px}.sap-card-header{align-items:center;border-bottom:1px solid #c9a84c1f;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.sap-card-header h3{align-items:center;color:#3d1f0d;color:var(--text-primary,#3d1f0d);display:flex;font-size:.98rem;font-weight:700;gap:8px;margin:0}.sap-edit-btn{background:#0000;border:1px solid #c9a84c61;border-radius:7px;color:#c9a84c;color:var(--primary-gold,#c9a84c);cursor:pointer;font-size:.8rem;font-weight:600;padding:5px 14px;transition:all .2s}.sap-edit-btn:hover{background:#c9a84c14;border-color:#c9a84c}.sap-info-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.sap-info-item{display:flex;flex-direction:column;gap:3px}.sap-info-label{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.sap-info-value{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-size:.9rem;font-weight:500}.sap-form{display:flex;flex-direction:column;gap:13px}.sap-form-row{display:flex;flex-wrap:wrap;gap:13px}.sap-form-row>*{flex:1 1;min-width:180px}.sap-form-group{display:flex;flex-direction:column;gap:5px}.sap-form-group label{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.78rem;font-weight:500}.sap-form-group input{background:#fff;background:var(--surface-bg,#fff);border:1px solid #c9a84c3d;border-radius:7px;box-sizing:border-box;color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-size:.88rem;outline:none;padding:9px 12px;transition:border-color .18s,box-shadow .18s;width:100%}.sap-form-group input:focus{border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c1a}.sap-input-disabled{cursor:not-allowed!important;opacity:.5}.sap-form-group small{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.73rem}.sap-form-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:2px}.sap-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.86rem;font-weight:600;gap:6px;padding:9px 20px;transition:all .2s}.sap-btn-primary{background:linear-gradient(135deg,#a8892a,#c9a84c,#e8c96a);color:#3d1f0d}.sap-btn-primary:hover{box-shadow:0 4px 14px #c9a84c4d;filter:brightness(1.07)}.sap-btn-primary:disabled{cursor:not-allowed;opacity:.55}.sap-btn-outline{background:#0000;border:1px solid #c9a84c61;color:#3d1f0d;color:var(--text-primary,#3d1f0d)}.sap-btn-outline:hover{background:#c9a84c12}.sap-pw-wrap{display:flex;position:relative}.sap-pw-wrap input{flex:1 1;padding-right:40px}.sap-pw-toggle{background:#0000;border:none;color:#8b7355;color:var(--text-muted,#8b7355);cursor:pointer;font-size:.92rem;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.sap-error-msg{background:#be123c12;border:1px solid #be123c38;border-radius:8px;color:#9b1235;font-size:.83rem;padding:9px 13px}.sap-security-rows{display:flex;flex-direction:column}.sap-sec-row{align-items:center;border-bottom:1px solid #c9a84c1a;display:flex;justify-content:space-between;padding:11px 0}.sap-sec-row:last-child{border-bottom:none}.sap-sec-info{align-items:center;color:#8b7355;color:var(--text-muted,#8b7355);display:flex;gap:12px}.sap-sec-info>div{display:flex;flex-direction:column}.sap-sec-title{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-size:.86rem;font-weight:600}.sap-sec-sub{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.76rem}.sap-sec-status{border-radius:14px;font-size:.75rem;font-weight:600;padding:3px 11px}.sap-sec-ok{background:#0596691a;color:#047857}.sap-sec-admin{background:#8b1a2a1a;color:#8b1a2a}.sap-privacy-list{display:flex;flex-direction:column}.sap-privacy-row{align-items:center;border-bottom:1px solid #c9a84c1a;display:flex;justify-content:space-between;padding:11px 0}.sap-privacy-row:last-child{border-bottom:none}.sap-privacy-info{display:flex;flex-direction:column;gap:2px}.sap-privacy-title{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-size:.86rem;font-weight:600}.sap-privacy-sub{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.76rem}.sap-toggle{background:#a8907033;border:1px solid #a8907040;border-radius:12px;cursor:pointer;flex-shrink:0;height:23px;padding:0;position:relative;transition:all .25s;width:42px}.sap-toggle-on{background:linear-gradient(135deg,#a8892a,#c9a84c);border-color:#c9a84c}.sap-toggle-knob{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border-radius:50%;box-shadow:0 1px 4px #3d1f0d2e;display:block;height:17px;left:2px;position:absolute;top:2px;transition:left .25s;width:17px}.sap-toggle-on .sap-toggle-knob{left:calc(100% - 19px)}.sap-select{background:#fff;background:var(--surface-bg,#fff);border:1px solid #c9a84c3d;border-radius:7px;color:#3d1f0d;color:var(--text-primary,#3d1f0d);cursor:pointer;flex-shrink:0;font-size:.85rem;min-width:130px;outline:none;padding:7px 10px}.sap-select:focus{border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c1a}@media (max-width:768px){.sap-layout{grid-template-columns:1fr}.sap-identity{position:static}.sap-info-grid{grid-template-columns:1fr}.sap-page{padding:14px}}.si-container{background:#faf6f0;background:var(--page-bg,#faf6f0);margin:0;max-width:100%;min-height:100vh;padding:24px;position:relative}.si-toast{align-items:center;animation:si-toast-in .3s ease;border-radius:10px;box-shadow:0 8px 24px #3d1f0d1a;display:flex;font-family:Inter,sans-serif;font-size:.86rem;font-weight:600;gap:8px;padding:12px 18px;position:fixed;right:24px;top:20px;z-index:1100}.si-toast-success{background:#ecfdf5;border:1px solid #6ee7b7;color:#065f46}.si-toast-error{background:#8b1a2a14;border:1px solid #8b1a2a40;color:#8b1a2a}[data-theme=dark] .si-toast-success{background:#05966926;border-color:#0596694d;color:#6ee7b7}[data-theme=dark] .si-toast-error{background:#8b1a2a26;color:#f87171}@keyframes si-toast-in{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}.si-loading{align-items:center;color:#8b7355;color:var(--text-muted,#8b7355);display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:16px;justify-content:center;padding:80px}.si-loading-icon{animation:si-pulse 1.5s ease-in-out infinite;color:#c9a84c;font-size:2.5rem}@keyframes si-pulse{0%,to{opacity:1}50%{opacity:.3}}.si-page-header{align-items:flex-start;background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c2e;border:1px solid var(--border-soft,#c9a84c2e);border-radius:16px;box-shadow:0 2px 10px #1a12080d;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:22px 26px}.si-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a8892a,#c9a84c,#e8c96a);-webkit-background-clip:text;background-clip:text;font-family:Cormorant Garamond,Playfair Display,serif;font-size:1.8rem;font-weight:700;margin:0 0 4px}.si-page-subtitle{color:#8b7355;color:var(--text-muted,#8b7355);font-family:Inter,sans-serif;font-size:.85rem;margin:0}.si-pay-btn{align-items:center;background:linear-gradient(135deg,#a8892a,#c9a84c,#e8c96a);border:none;border-radius:50px;box-shadow:0 4px 16px #c9a84c4d;color:#1a1208;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.88rem;font-weight:700;gap:7px;letter-spacing:.04em;padding:11px 22px;transition:all .25s;white-space:nowrap}.si-pay-btn:hover{box-shadow:0 8px 24px #c9a84c73;transform:translateY(-2px)}.si-alert{align-items:flex-start;border:1px solid;border-radius:12px;display:flex;font-family:Inter,sans-serif;gap:14px;margin-bottom:20px;padding:16px 20px}.si-alert-expired{background:#dc26260f;border-color:#dc262640}.si-alert-warning{background:#d9770612;border-color:#d9770640}.si-alert-icon{flex-shrink:0;font-size:1.3rem;margin-top:1px}.si-alert-expired .si-alert-icon{color:#dc2626}.si-alert-warning .si-alert-icon{color:#d97706}.si-alert-title{font-size:.92rem;font-weight:700;margin:0 0 3px}.si-alert-expired .si-alert-title{color:#dc2626}.si-alert-warning .si-alert-title{color:#d97706}.si-alert-body{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.83rem;margin:0}.si-layout{display:flex;flex-direction:column;gap:18px}.si-section{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c2e;border:1px solid var(--border-soft,#c9a84c2e);border-radius:14px;box-shadow:0 2px 10px #1a12080d;overflow:hidden}.si-section-hdr{align-items:center;background:#faf6f0;background:var(--page-bg,#faf6f0);border-bottom:1px solid #c9a84c24;border-bottom:1px solid var(--border-soft,#c9a84c24);display:flex;gap:10px;padding:16px 22px}.si-section-hdr h2{color:#1a1208;color:var(--text-primary,#1a1208);font-family:Cormorant Garamond,Playfair Display,serif;font-size:1.1rem;font-weight:700;margin:0}.si-sec-icon{color:#c9a84c;flex-shrink:0;font-size:1rem}.si-plan-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:20px 22px}.si-plan-item{display:flex;flex-direction:column;gap:4px}.si-plan-label{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.72rem;letter-spacing:.07em;text-transform:uppercase}.si-plan-label,.si-plan-val{font-family:Inter,sans-serif;font-weight:600}.si-plan-val{align-items:center;color:#1a1208;color:var(--text-primary,#1a1208);display:flex;font-size:.92rem}.si-plan-amount{font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:700}.si-sub-status{align-items:center;border-radius:20px;display:inline-flex;font-family:Inter,sans-serif;font-size:.78rem;font-weight:700;gap:6px;padding:4px 12px}.si-sub-status-active{background:#10b9811a;color:#059669}.si-sub-status-warning{background:#d977061a;color:#d97706}.si-sub-status-expired{background:#dc26261a;color:#dc2626}.si-modules-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:20px 22px}.si-module{align-items:center;border:1.5px solid #c9a84c26;border:1.5px solid var(--border-soft,#c9a84c26);border-radius:10px;display:flex;gap:12px;padding:14px 16px;transition:border-color .2s}.si-module-on{background:#fdfaf7;background:var(--card-bg,#fdfaf7)}.si-module-off{opacity:.7}.si-module-icon,.si-module-off{background:#faf6f0;background:var(--page-bg,#faf6f0)}.si-module-icon{align-items:center;border-radius:8px;color:#8b7355;color:var(--text-muted,#8b7355);display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;width:36px}.si-module-label{color:#1a1208;color:var(--text-primary,#1a1208);font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;margin:0 0 2px}.si-module-status{font-family:Inter,sans-serif;font-size:.72rem;font-weight:500;margin:0}.si-module-check{flex-shrink:0;font-size:1rem;margin-left:auto}.si-no-package{font-size:.83rem;font-style:italic;margin:0;padding:0 22px 18px}.si-no-package,.si-no-payments{color:#8b7355;color:var(--text-muted,#8b7355);font-family:Inter,sans-serif}.si-no-payments{font-size:.88rem;padding:40px 22px;text-align:center}.si-pay-table-wrap{overflow-x:auto}.si-pay-table{border-collapse:collapse;font-family:Inter,sans-serif;width:100%}.si-pay-table th{background:#faf6f0;background:var(--page-bg,#faf6f0);border-bottom:1px solid #c9a84c26;border-bottom:1px solid var(--border-soft,#c9a84c26);color:#8b7355;color:var(--text-muted,#8b7355);font-size:.7rem;font-weight:700;letter-spacing:.07em;padding:11px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.si-pay-row{border-bottom:1px solid #c9a84c14;border-bottom:1px solid var(--border-soft,#c9a84c14)}.si-pay-row:hover{background:#c9a84c0a}.si-pay-row td{color:#1a1208;color:var(--text-primary,#1a1208);font-size:.82rem;padding:11px 14px}.si-inv-num{color:#a8892a;font-family:monospace;font-weight:700}.si-txn-id{color:#8b7355;color:var(--text-muted,#8b7355);font-family:monospace;font-size:.78rem}.si-pay-amount{font-family:Cormorant Garamond,serif;font-size:1rem;font-weight:700}.si-period{color:#8b7355;color:var(--text-muted,#8b7355);font-size:.75rem;white-space:nowrap}.si-pay-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.72rem;font-weight:700;gap:5px;padding:3px 9px}.si-overlay{align-items:center;background:#1a120880;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:900}.si-modal{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border-radius:16px;box-shadow:0 20px 60px #3d1f0d2e;display:flex;flex-direction:column;max-height:90vh;max-width:520px;width:100%}.si-modal-hdr{align-items:flex-start;border-bottom:1px solid #c9a84c2e;border-bottom:1px solid var(--border-soft,#c9a84c2e);display:flex;gap:12px;justify-content:space-between;padding:20px 24px}.si-modal-hdr h2{color:#1a1208;color:var(--text-primary,#1a1208);font-family:Cormorant Garamond,serif;font-size:1.25rem;font-weight:700;margin:0 0 3px}.si-modal-hdr p{font-family:Inter,sans-serif;font-size:.82rem;margin:0}.si-modal-close,.si-modal-hdr p{color:#8b7355;color:var(--text-muted,#8b7355)}.si-modal-close{background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem}.si-modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.si-pay-summary{background:linear-gradient(135deg,#1a1208,#2d2010);border-radius:12px;margin-bottom:20px;padding:18px 20px}.si-pay-summary-row{align-items:center;border-bottom:1px solid #c9a84c1a;display:flex;font-family:Inter,sans-serif;font-size:.85rem;justify-content:space-between;padding:6px 0}.si-pay-summary-row:last-child{border-bottom:none}.si-pay-summary-row span{color:#8b7355}.si-pay-summary-row strong{color:#e8c96a;font-weight:700}.si-modal-fields{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:14px}.si-field{display:flex;flex-direction:column;gap:5px}.si-field-full{grid-column:1/-1}.si-field label{color:#4a3728;color:var(--text-secondary,#4a3728);font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.si-req{color:#c9a84c}.si-field input,.si-field select,.si-field textarea{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1.5px solid #ead8b8;border:1.5px solid var(--border-line,#ead8b8);border-radius:8px;color:#1a1208;color:var(--text-primary,#1a1208);font-family:Inter,sans-serif;font-size:.87rem;outline:none;padding:10px 12px;resize:vertical;transition:border-color .2s}.si-field input:focus,.si-field select:focus,.si-field textarea:focus{border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c1a}.si-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23C9A84C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;padding-right:32px}.si-pay-note{background:#c9a84c12;border-radius:8px;color:#8b7355;color:var(--text-muted,#8b7355);font-family:Inter,sans-serif;font-size:.78rem;margin:0;padding:10px 12px}.si-modal-footer{border-top:1px solid #c9a84c26;border-top:1px solid var(--border-soft,#c9a84c26);display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.si-btn-cancel{background:#0000;border:1.5px solid #c9a84c40;border:1.5px solid var(--border-soft,#c9a84c40);border-radius:8px;color:#4a3728;color:var(--text-secondary,#4a3728);cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;padding:10px 18px}.si-btn-cancel:hover{background:#faf6f0;background:var(--page-bg,#faf6f0)}.si-btn-pay{align-items:center;background:linear-gradient(135deg,#a8892a,#c9a84c);border:none;border-radius:8px;color:#1a1208;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;gap:7px;padding:10px 22px;transition:all .2s}.si-btn-pay:hover:not(:disabled){box-shadow:0 5px 16px #c9a84c66;transform:translateY(-1px)}.si-btn-pay:disabled{cursor:not-allowed;opacity:.6}.si-future-section{border-top:1px dashed #c9a84c33;padding:14px 22px 18px}.si-future-label{align-items:center;color:#a8892a;display:flex;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;gap:6px;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.si-future-grid{display:flex;flex-wrap:wrap;gap:8px}.si-future-chip{align-items:center;background:linear-gradient(135deg,#c9a84c14,#e8c96a0f);border:1.5px dashed #c9a84c59;border-radius:20px;color:#a8892a;display:inline-flex;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;gap:5px;padding:6px 12px}.si-future-icon{color:#c9a84c;font-size:.75rem}.si-coupon-section{background:#c9a84c0d;border:1.5px dashed #c9a84c4d;border-radius:10px;margin-bottom:16px;padding:14px 16px}.si-coupon-label{align-items:center;color:#a8892a;display:flex;font-family:Inter,sans-serif;font-size:.78rem;font-weight:700;gap:6px;letter-spacing:.07em;margin:0 0 10px;text-transform:uppercase}.si-coupon-row{display:flex;gap:8px}.si-coupon-input{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1.5px solid #ead8b8;border:1.5px solid var(--border-line,#ead8b8);border-radius:8px;color:#1a1208;color:var(--text-primary,#1a1208);flex:1 1;font-family:Inter,sans-serif;font-size:.87rem;letter-spacing:.05em;outline:none;padding:10px 12px}.si-coupon-input:focus{border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c1a}.si-coupon-apply{background:linear-gradient(135deg,#a8892a,#c9a84c);border:none;border-radius:8px;color:#1a1208;cursor:pointer;font-family:Inter,sans-serif;font-size:.83rem;font-weight:700;padding:10px 16px;transition:all .2s;white-space:nowrap}.si-coupon-apply:hover:not(:disabled){box-shadow:0 4px 12px #c9a84c66;transform:translateY(-1px)}.si-coupon-apply:disabled{cursor:not-allowed;opacity:.6}.si-coupon-applied{justify-content:space-between}.si-coupon-applied,.si-coupon-success{align-items:flex-start;display:flex;gap:10px}.si-coupon-ok-icon{color:#059669;flex-shrink:0;font-size:1.15rem;margin-top:2px}.si-coupon-ok-title{color:#1a1208;color:var(--text-primary,#1a1208);font-size:.85rem;margin:0 0 2px}.si-coupon-ok-detail,.si-coupon-ok-title{font-family:Inter,sans-serif;font-weight:600}.si-coupon-ok-detail{color:#059669;font-size:.78rem;margin:0}.si-coupon-remove{align-items:center;background:#0000;border:1px solid #dc26264d;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;gap:4px;padding:6px 10px;transition:all .2s}.si-coupon-remove:hover{background:#dc26260f}.si-coupon-error{align-items:center;color:#dc2626;display:flex;font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;gap:5px;margin:8px 0 0}.si-amount-breakdown{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:6px}.si-amount-original{color:#8b7355;color:var(--text-muted,#8b7355);font-family:Inter,sans-serif;font-size:.78rem;text-decoration:line-through}.si-amount-discount{font-size:.78rem}.si-amount-discount,.si-amount-final-note{color:#059669;font-family:Inter,sans-serif;font-weight:600}.si-amount-final-note{font-size:.72rem;margin:4px 0 0}@media (max-width:768px){.si-container{padding:16px}.si-page-header{flex-direction:column;gap:10px;padding:16px}.si-modules-grid,.si-plan-grid{padding:14px 16px}.si-pay-table-wrap{overflow-x:auto}}@media (max-width:640px){.si-page-header{flex-direction:column}.si-modal-fields{grid-template-columns:1fr}.si-field-full{grid-column:1}.si-plan-grid{grid-template-columns:1fr 1fr}.si-modules-grid{grid-template-columns:1fr}.si-modal-overlay{padding:10px}.si-modal{max-height:92vh;overflow-y:auto}}@media (max-width:480px){.si-container{padding:10px}.si-plan-grid{grid-template-columns:1fr}.si-page-header{padding:12px}.si-pay-row td,.si-pay-table th{font-size:.78rem;padding:8px 10px}.si-upgrade-btn{justify-content:center;width:100%}}.sub-banner{align-items:center;display:flex;font-size:.9rem;font-weight:500;gap:10px;padding:10px 20px;width:100%;z-index:999}.sub-banner--warning{background:linear-gradient(90deg,#92400e,#b45309);color:#fef3c7}.sub-banner--expired{background:linear-gradient(90deg,#7f1d1d,#991b1b);color:#fee2e2}.sub-banner-icon{flex-shrink:0;font-size:1.1rem}.sub-banner-btn{background:#0000;border:1px solid;border-radius:4px;color:inherit;cursor:pointer;font-size:.82rem;font-weight:600;margin-left:12px;padding:3px 12px;transition:background .2s}.sub-banner-btn:hover{background:#ffffff26}.np-page{margin:0 auto;max-width:760px;min-height:80vh;padding:24px}.np-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.np-header h1{align-items:center;color:#2c2010;color:var(--text-primary,#2c2010);display:flex;font-family:Playfair Display,serif;font-size:1.6rem;gap:10px;margin:0 0 4px}.np-subtitle{color:#8b7355;font-family:Inter,sans-serif;font-size:.82rem;margin:0}.np-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.np-send-btn{align-items:center;background:linear-gradient(135deg,#1b2f4e,#243d65);border:1px solid #c9a84c59;border-radius:8px;color:#e8c96a;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.8rem;font-weight:700;gap:6px;padding:9px 18px;transition:all .2s;white-space:nowrap}.np-send-btn:hover{background:linear-gradient(135deg,#243d65,#2e4f82);border-color:#c9a84c99;box-shadow:0 4px 14px #c9a84c33}.np-mark-all-btn{align-items:center;background:linear-gradient(135deg,#a8892a,#c9a84c);border:none;border-radius:8px;color:#1a1208;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.8rem;font-weight:700;gap:6px;padding:9px 16px;transition:all .2s;white-space:nowrap}.np-mark-all-btn:hover{background:linear-gradient(135deg,#c9a84c,#e8c96a)}.np-toast{align-items:center;animation:npToastIn .25s ease;border-radius:10px;box-shadow:0 8px 28px #1a120838;display:flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;gap:8px;padding:12px 20px;position:fixed;right:24px;top:80px;z-index:4000}@keyframes npToastIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.np-toast-success{background:#065f46;border:1px solid #05966959;color:#d1fae5}.np-toast-error{background:#881337;border:1px solid #be123c59;color:#ffe4e6}.np-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.np-filter-label{color:#8b7355;flex-shrink:0;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.np-filter-chips{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.np-chip{align-items:center;background:#0000;border:1.5px solid #c9a84c4d;border-radius:20px;color:#8b7355;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:.76rem;font-weight:500;gap:5px;padding:5px 13px;transition:all .18s ease;white-space:nowrap}.np-chip:hover{opacity:.85;transform:translateY(-1px)}.np-chip-base{border-color:#c9a84c59;color:#8b7355}.np-chip-base:hover{background:#c9a84c1a;color:#7a5c1e;transform:none}.np-chip-base.active{background:linear-gradient(135deg,#a8892a,#c9a84c);border-color:#0000;color:#1a1208;font-weight:700}.np-chip:not(.np-chip-base).active{box-shadow:0 2px 10px #00000026;font-weight:700}.np-list{background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c33;border-radius:14px;display:flex;flex-direction:column;gap:2px;overflow:hidden}.np-loading{font-size:.88rem;padding:40px;text-align:center}.np-empty,.np-loading{color:#8b7355;font-family:Inter,sans-serif}.np-empty{align-items:center;display:flex;flex-direction:column;gap:10px;padding:60px 24px}.np-empty h3{color:#5c4a1e;font-size:1rem;margin:0}.np-empty p{font-size:.83rem;margin:0}.np-item{align-items:flex-start;border-bottom:1px solid #c9a84c14;display:flex;gap:14px;padding:16px 20px;position:relative;transition:background .15s}.np-item:last-child{border-bottom:none}.np-unread{background:#c9a84c0d}.np-read{background:#0000}.np-clickable{cursor:pointer}.np-clickable:hover{background:#c9a84c17}.np-item-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1rem;height:38px;justify-content:center;margin-top:2px;width:38px}.np-item-body{flex:1 1;min-width:0}.np-item-top{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.np-item-title{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Inter,sans-serif;font-size:.88rem;font-weight:600}.np-read .np-item-title{color:#5c4a1e;font-weight:500}.np-target-badges{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.np-target-badge{align-items:center;border:1px solid #0000;border-radius:10px;display:inline-flex;font-family:Inter,sans-serif;font-size:.63rem;font-weight:600;gap:3px;letter-spacing:.02em;padding:2px 7px;text-transform:capitalize;white-space:nowrap}.np-item-msg{color:#8b7355;font-size:.8rem;line-height:1.5;margin:0 0 5px}.np-item-msg,.np-item-time{font-family:Inter,sans-serif}.np-item-time{color:#b8a882;font-size:.72rem}.np-dot{background:#c9a84c;border-radius:50%;flex-shrink:0;height:8px;margin-top:8px;width:8px}.np-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px}.np-page-btn{background:#0000;border:1px solid #c9a84c4d;border-radius:8px;color:#8b7355;cursor:pointer;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;padding:8px 18px;transition:all .2s}.np-page-btn:hover:not(:disabled){background:#c9a84c1f;color:#7a5c1e}.np-page-btn:disabled{cursor:not-allowed;opacity:.4}.np-page-info{color:#8b7355;font-family:Inter,sans-serif;font-size:.8rem}@media (max-width:768px){.np-page{max-width:100%;padding:16px}.np-header{align-items:flex-start;flex-direction:column;gap:12px}.np-header-actions{justify-content:flex-end;width:100%}.np-filters{flex-wrap:wrap;gap:8px}}@media (max-width:600px){.np-page{padding:14px}.np-item{padding:14px 16px}.np-chip{font-size:.78rem;padding:5px 10px}.np-header h1{font-size:1.3rem}}@media (max-width:480px){.np-page{padding:10px}.np-header{gap:8px}.np-header-actions{flex-direction:column;gap:6px}.np-header-actions button{justify-content:center;width:100%}.np-item{padding:12px}.np-page-btn{font-size:.78rem;padding:6px 12px}.np-modal-overlay{padding:8px}.np-modal{border-radius:10px;max-height:95vh;overflow-y:auto}}.np-modal-overlay{align-items:center;animation:npOverlayIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0703b8;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:3000}@keyframes npOverlayIn{0%{opacity:0}to{opacity:1}}.np-modal{animation:npModalIn .22s ease;background:#fdfaf7;background:var(--card-bg,#fdfaf7);border:1px solid #c9a84c40;border-radius:18px;box-shadow:0 24px 60px #0a070373;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}@keyframes npModalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.np-modal-header{align-items:center;background:linear-gradient(135deg,#1b2f4e,#0f2744);border-bottom:1px solid #c9a84c26;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 20px 14px;position:relative}.np-modal-header:after{background:linear-gradient(90deg,#0000,#c9a84c 30%,#e8c96a 50%,#c9a84c 70%,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.np-modal-title{align-items:center;color:#e8c96a;display:flex;font-family:Playfair Display,serif;font-size:1.05rem;font-weight:700;gap:9px}.np-modal-close{align-items:center;background:none;border:1px solid #c9a84c40;border-radius:6px;color:#8b7355;cursor:pointer;display:flex;font-size:1rem;height:30px;justify-content:center;transition:all .2s;width:30px}.np-modal-close:hover{background:#c9a84c1a;color:#e8c96a}.np-modal-body{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px;scrollbar-color:#c9a84c33 #0000;scrollbar-width:thin}.np-modal-body::-webkit-scrollbar{width:4px}.np-modal-body::-webkit-scrollbar-thumb{background:#c9a84c33;border-radius:4px}.np-field{display:flex;flex-direction:column;gap:6px;position:relative}.np-field-label{align-items:center;color:#4a3728;color:var(--text-secondary,#4a3728);display:flex;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;gap:5px;letter-spacing:.07em;text-transform:uppercase}.np-required{color:#ef4444}.np-optional{color:#b8a898;font-size:.7rem;font-weight:400;letter-spacing:0;text-transform:none}.np-field-input,.np-field-textarea{background:#faf6f0;background:var(--page-bg,#faf6f0);border:1.5px solid #c9a84c40;border-radius:8px;box-sizing:border-box;color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-family:Inter,sans-serif;font-size:.875rem;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.np-field-input:focus,.np-field-textarea:focus{border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c1a}.np-field-input::placeholder,.np-field-textarea::placeholder{color:#b8a898}.np-field-textarea{min-height:80px;resize:vertical}.np-char-count{align-self:flex-end;color:#b8a898;font-family:Inter,sans-serif;font-size:.68rem;margin-top:-2px}.np-type-grid{display:flex;flex-wrap:wrap;gap:6px}.np-type-btn{align-items:center;background:#0000;border:1.5px solid #c9a84c33;border-radius:20px;color:#8b7355;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:.76rem;font-weight:500;gap:5px;padding:6px 13px;transition:all .15s;white-space:nowrap}.np-type-btn:hover{opacity:.8}.np-type-btn.active{font-weight:700}.np-role-grid{display:flex;flex-wrap:wrap;gap:6px}.np-role-btn{align-items:center;background:#0000;border:1.5px solid #c9a84c33;border-radius:20px;color:#8b7355;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;gap:5px;padding:7px 14px;transition:all .15s;white-space:nowrap}.np-role-btn:hover{opacity:.8}.np-role-btn.active{font-weight:700}.np-role-check{flex-shrink:0;margin-left:2px}.np-preview{background:#faf6f0;background:var(--page-bg,#faf6f0);border:1px solid #c9a84c33;border-radius:10px;overflow:hidden}.np-preview-label{border-bottom:1px solid #c9a84c1f;color:#b8a898;font-family:Inter,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.08em;padding:7px 12px 5px;text-transform:uppercase}.np-preview-item{align-items:flex-start;display:flex;gap:10px;padding:10px 12px}.np-preview-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.np-preview-body{flex:1 1;min-width:0}.np-preview-top{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:3px}.np-preview-title{color:#3d1f0d;color:var(--text-primary,#3d1f0d);font-size:.82rem}.np-preview-badge,.np-preview-title{font-family:Inter,sans-serif;font-weight:600}.np-preview-badge{border-radius:8px;font-size:.6rem;padding:1px 7px}.np-preview-msg{color:#8b7355;font-family:Inter,sans-serif;font-size:.76rem;line-height:1.4;margin:0}.np-modal-error{align-items:center;background:#8b1a2a14;border:1px solid #8b1a2a33;border-radius:8px;color:#8b1a2a;display:flex;font-family:Inter,sans-serif;font-size:.8rem;gap:7px;padding:10px 14px}.np-modal-footer{align-items:center;background:#faf6f0;background:var(--page-bg,#faf6f0);border-top:1px solid #c9a84c26;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 20px}.np-modal-cancel{background:#0000;border:1.5px solid #c9a84c4d;border-radius:8px;color:#8b7355;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;padding:9px 20px;transition:all .2s}.np-modal-cancel:hover:not(:disabled){background:#c9a84c14;color:#4a3728}.np-modal-cancel:disabled{cursor:not-allowed;opacity:.5}.np-modal-send{align-items:center;background:linear-gradient(135deg,#a8892a,#c9a84c 50%,#e8c96a);border:none;border-radius:8px;box-shadow:0 3px 12px #c9a84c47;color:#1a1208;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:700;gap:7px;padding:9px 22px;transition:all .2s}.np-modal-send:hover:not(:disabled){box-shadow:0 6px 20px #c9a84c66;transform:translateY(-1px)}.np-modal-send:disabled{cursor:not-allowed;opacity:.6;transform:none}[data-theme=dark] .np-empty h3,[data-theme=dark] .np-read .np-item-title{color:#c8b89a;color:var(--text-secondary,#c8b89a)}[data-theme=dark] .np-modal-error{background:#8b1a2a2e;color:#fca5a5}[data-theme=dark] .np-modal-cancel:hover:not(:disabled){color:#c8b89a;color:var(--text-secondary,#c8b89a)}@media (max-width:600px){.np-modal{border-radius:14px;max-height:95vh}.np-modal-body{padding:16px}.np-modal-footer{padding:12px 16px}.np-role-grid,.np-type-grid{gap:5px}}:root,[data-theme=light]{--page-bg:#faf6f0;--page-bg-alt:#f5edd8;--card-bg:#fdfaf7;--surface-bg:#fff;--header-bg:#fdfaf7;--text-primary:#3d1f0d;--text-secondary:#5c3d28;--text-muted:#8b7355;--text-faint:#b8a898;--border-soft:#c9a84c2e;--border-gold:#c9a84c4d;--border-strong:#c9a84c8c;--border-line:#ead8b8;--shadow-card:0 4px 20px #1a12080f,0 1px 4px #1a12080a;--shadow-hover:0 12px 32px #1a12081a,0 4px 16px #c9a84c26;--shadow-gold:0 8px 28px #c9a84c33;--nav-bg:#1b2f4e;--nav-border:#c9a84c2e;--nav-shadow:0 2px 12px #1b2f4e59;--nav-link-color:#c8b89a;--nav-link-hover-bg:#c9a84c1a;--nav-link-hover-color:#e8c96a;--nav-link-active-bg:#c9a84c26;--nav-link-active-color:#e8c96a;--dropdown-bg:#1e3250;--dropdown-border:#c9a84c33;--dropdown-shadow:0 16px 40px #1b2f4e59;--dropdown-divider:#c9a84c1f;--dropdown-name-color:#e8c96a;--dropdown-email-color:#8b9bb0;--dropdown-item-color:#c8b89a;--dropdown-item-hover-bg:#c9a84c14;--dropdown-item-hover-color:#e8c96a;--dropdown-logout-color:#d4928a;--dropdown-logout-hover-bg:#be123c1f;--dropdown-logout-hover-color:#e8a090;--color-primary:#4169e1;--color-secondary:#3d1b6b;--color-accent:#c9a84c;--color-bg:#0f2744;--color-card:#1b3a5c;--color-text:#f5edd8}[data-theme=dark]{--page-bg:#1c1208;--page-bg-alt:#241608;--card-bg:#261a0e;--surface-bg:#2e2214;--header-bg:#261a0e;--text-primary:#f5edd8;--text-secondary:#c8b89a;--text-muted:#9a8570;--text-faint:#6b5a48;--border-soft:#c9a84c1f;--border-gold:#c9a84c40;--border-strong:#c9a84c73;--border-line:#c9a84c1f;--shadow-card:0 4px 20px #1a0e0647,0 1px 4px #1a0e062e;--shadow-hover:0 12px 32px #1a0e0659,0 4px 16px #c9a84c1f;--shadow-gold:0 8px 28px #c9a84c26;--nav-bg:#1e1208;--nav-border:#c9a84c2e;--nav-shadow:0 2px 16px #1a0e0680;--nav-link-color:#b8a080;--nav-link-hover-bg:#c9a84c14;--nav-link-hover-color:#e8c96a;--nav-link-active-bg:#c9a84c24;--nav-link-active-color:#e8c96a;--dropdown-bg:#1e1208;--dropdown-border:#c9a84c33;--dropdown-shadow:0 20px 50px #1a0e068c;--dropdown-divider:#c9a84c1a;--dropdown-name-color:#e8c96a;--dropdown-email-color:#7a6550;--dropdown-item-color:#b8a898;--dropdown-item-hover-bg:#c9a84c12;--dropdown-item-hover-color:#e8c96a;--dropdown-logout-color:#c08080;--dropdown-logout-hover-bg:#8b1a2a26;--dropdown-logout-hover-color:#e09090;--text-dark:#f0e6d0;--text-medium:#c8b89a;--text-light:#b8a898;--primary-dark:#e8c96a;--primary-mid:#c9a84c;--primary-light:#a8892a;--background-pearl:#261a0e;--background-ivory:#1c1208;--background-cream:#241608;--background-parchment:#1e1208;--background-white:#2e2214;--border-light:#c9a84c26;--border-parchment:#c9a84c1f;--btn-gradient:linear-gradient(135deg,#8b6a1a,#c9a84c,#e8c96a)}:root{--primary-gold:#c9a84c;--primary-gold-light:#e8c96a;--primary-gold-dark:#a8892a;--primary-gold-pale:#f5edd8;--gold-shimmer-start:#c9a84c;--gold-shimmer-end:#e8c96a;--primary-dark:#3d1f0d;--primary-mid:#5c2d14;--primary-light:#7a4a2a;--accent-ruby:#be123c;--accent-emerald:#059669;--accent-sapphire:#0f52ba;--accent-royal-blue:#4169e1;--accent-navy:#1b3a5c;--accent-dark-violet:#3d1b6b;--accent-rose-gold:#c9847a;--accent-silver:#a8b0bc;--accent-bronze:#cd7f32;--background-ivory:#faf6f0;--background-cream:#f5edd8;--background-parchment:#f0e6d0;--background-pearl:#fdfaf7;--background-white:#fff;--text-dark:#1a1208;--text-medium:#4a3728;--text-light:#8b7355;--text-muted:#b8a898;--border-gold:#c9a84c4d;--border-gold-strong:#c9a84c99;--border-light:#ead8b8;--border-parchment:#dfd0b0;--shadow-xs:0 2px 6px #1a12080f;--shadow-light:0 4px 12px #1a120814;--shadow-medium:0 10px 30px #1a12081f;--shadow-gold:0 8px 32px #c9a84c33;--shadow-gold-strong:0 12px 40px #c9a84c59;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-pill:50px;--primary-gold-old:#c9a84c;--secondary-gold:#e8c96a;--accent-red:#8b1a2a;--accent-green:#1b6b4a;--accent-blue:#1e4a7a;--background-light:#faf6f0;--text-light-old:#8b7355;--border-radius:12px;--border-radius-sm:6px;--shadow-medium-old:0 10px 30px #1a12081f}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#faf6f0;background-color:var(--page-bg,var(--background-ivory));color:#3d1f0d;color:var(--text-primary,var(--text-dark));font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}[data-theme=dark] .main-content,[data-theme=dark] body{background-color:#faf6f0;background-color:var(--page-bg);background-image:radial-gradient(circle,#c9a84c12 1px,#0000 0);background-size:20px 20px}[data-theme=dark] .card{background-image:radial-gradient(circle,rgba(201,168,76,.055) 1px,#0000 0);background-size:18px 18px}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{background:#faf6f0;background:var(--page-bg,var(--background-ivory));flex:1 1;min-height:calc(100vh - 62px);transition:background-color .3s ease}h1,h2,h3,h4,h5,h6{color:#1a1208;color:var(--text-dark);font-family:Playfair Display,Cormorant Garamond,serif;font-weight:600;line-height:1.25;margin-bottom:1rem}h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a8892a,#c9a84c 50%,#e8c96a);background:linear-gradient(135deg,var(--primary-gold-dark) 0,var(--primary-gold) 50%,var(--primary-gold-light) 100%);-webkit-background-clip:text;background-clip:text;font-family:Cormorant Garamond,Playfair Display,serif;font-size:2.75rem;font-weight:700;letter-spacing:.01em}h2{color:#3d1f0d;color:var(--primary-dark);font-size:2rem;letter-spacing:.005em}[data-theme=dark] h2{color:#3d1f0d;color:var(--text-primary)}h3{color:#1a1208;color:var(--text-dark);font-size:1.5rem}p{color:#8b7355;color:var(--text-light);margin-bottom:1rem}.container{margin:0 auto;max-width:1200px;padding:0 20px}.card{background:#fdfaf7;background:var(--background-pearl);border:1px solid #c9a84c4d;border:1px solid var(--border-gold);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #1a120814;box-shadow:var(--shadow-light);margin-bottom:1.5rem;overflow:hidden;padding:1.75rem;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1)}.card:before{background:linear-gradient(90deg,#0000,#c9a84c 40%,#e8c96a 60%,#0000);background:linear-gradient(90deg,#0000 0,var(--primary-gold) 40%,var(--primary-gold-light) 60%,#0000 100%);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .35s ease}.card:hover{border-color:#c9a84c99;border-color:var(--border-gold-strong);box-shadow:0 8px 32px #c9a84c33;box-shadow:var(--shadow-gold);transform:translateY(-3px)}.card:hover:before{opacity:1}.btn{align-items:center;border:none;border-radius:50px;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.06em;min-width:120px;overflow:hidden;padding:12px 28px;position:relative;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1)}.btn:after{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transform:skewX(-15deg);transition:left .55s ease;width:60%}.btn:hover:after{left:150%}.btn-primary{background:linear-gradient(135deg,#a8892a,#c9a84c 50%,#e8c96a);background:var(--btn-gradient,linear-gradient(135deg,var(--primary-gold-dark) 0,var(--primary-gold) 50%,var(--primary-gold-light) 100%));box-shadow:0 4px 18px #c9a84c4d;color:#1a1208;color:var(--text-dark,#3d1f0d)}.btn-primary:hover{box-shadow:0 8px 28px #c9a84c73;transform:translateY(-2px)}.btn-secondary{background:#3d1f0d;background:var(--primary-dark);border:1px solid #c9a84c4d;border:1px solid var(--border-gold);color:#e8c96a;color:var(--primary-gold-light)}.btn-secondary:hover{background:#5c2d14;background:var(--primary-mid);border-color:#c9a84c;border-color:var(--primary-gold);box-shadow:0 6px 20px #1a120840;transform:translateY(-2px)}.btn-outline{background:#0000;border:1.5px solid #c9a84c;border:1.5px solid var(--primary-gold);color:#a8892a;color:var(--primary-gold-dark)}.btn-outline:hover{background:linear-gradient(135deg,#a8892a,#c9a84c);background:linear-gradient(135deg,var(--primary-gold-dark),var(--primary-gold));border-color:#0000;box-shadow:0 6px 20px #c9a84c4d;color:#3d1f0d}.btn-success{background:#059669;background:var(--accent-emerald);box-shadow:0 4px 14px #1b6b4a40;color:#fff}.btn-success:hover{background:#155c3e;box-shadow:0 8px 20px #1b6b4a59;transform:translateY(-2px)}.btn-warning{background:#be123c;background:var(--accent-ruby);box-shadow:0 4px 14px #8b1a2a40;color:#fff}.btn-warning:hover{background:#6e1220;transform:translateY(-2px)}.form-group{margin-bottom:1.5rem}.form-label{color:#4a3728;color:var(--text-medium);display:block;font-size:.8rem;font-weight:600;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.form-control{background:#fdfaf7;background:var(--background-pearl);border:1.5px solid #ead8b8;border:1.5px solid var(--border-light);border-radius:6px;border-radius:var(--radius-sm);color:#1a1208;color:var(--text-dark);font-family:Inter,sans-serif;font-size:.95rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-control::placeholder{color:#b8a898;color:var(--text-muted)}.form-control:focus{background:#fff;border-color:#c9a84c;border-color:var(--primary-gold);box-shadow:0 0 0 3px #c9a84c1f;outline:none}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23C9A84C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.status-badge{align-items:center;border-radius:50px;border-radius:var(--radius-pill);display:inline-flex;font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;padding:4px 14px;text-transform:uppercase}.status-active{background:#1b6b4a1a;border:1px solid #1b6b4a40;color:#1b6b4a}.status-completed{background:#c9a84c1f;border:1px solid #c9a84c4d;border:1px solid var(--border-gold);color:#a8892a;color:var(--primary-gold-dark)}.status-pending{background:#a8892a1a;border:1px solid #a8892a40;color:#7a6020}.status-overdue{background:#8b1a2a1a;border:1px solid #8b1a2a40;color:#be123c;color:var(--accent-ruby)}.status-cancelled{background:#4a372814;border:1px solid #4a372826;color:#8b7355;color:var(--text-light)}.alert{border-left:3px solid;border-radius:6px;border-radius:var(--radius-sm);font-size:.9rem;margin-bottom:1rem;padding:1rem 1.5rem}.alert-success{background:#1b6b4a14;border-color:#059669;border-color:var(--accent-emerald);color:#155c3e}.alert-error{background:#8b1a2a14;border-color:#be123c;border-color:var(--accent-ruby);color:#6e1220}.alert-warning{background:#c9a84c1a;border-color:#c9a84c;border-color:var(--primary-gold);color:#a8892a;color:var(--primary-gold-dark)}.alert-info{background:#1e4a7a14;border-color:#0f52ba;border-color:var(--accent-sapphire);color:#1a3d66}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.table{background:#fdfaf7;background:var(--background-pearl);border:1px solid #c9a84c4d;border:1px solid var(--border-gold);border-collapse:collapse;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 12px #1a120814;box-shadow:var(--shadow-light);overflow:hidden;width:100%}.table td,.table th{border-bottom:1px solid #ead8b8;border-bottom:1px solid var(--border-light);padding:1rem 1.25rem;text-align:left}.table th{background:#3d1f0d;background:var(--primary-dark);color:#e8c96a;color:var(--primary-gold-light);font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.table tbody tr:hover{background:#f5edd8;background:var(--background-cream)}.table tbody tr:last-child td{border-bottom:none}.progress-bar{background:#dfd0b0;background:var(--border-parchment);border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#a8892a,#c9a84c,#e8c96a);background:linear-gradient(90deg,var(--primary-gold-dark),var(--primary-gold),var(--primary-gold-light));border-radius:3px;height:100%;position:relative;transition:width .5s ease}.progress-fill:after{animation:shimmerProgress 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff59 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmerProgress{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.not-found{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.not-found h1{font-size:4rem;margin-bottom:1rem}.not-found p{color:#8b7355;color:var(--text-light);font-size:1.2rem}@media (max-width:768px){.main-content{padding-top:60px}h1{font-size:2rem}h2{font-size:1.5rem}.container{padding:0 15px}.card{margin-bottom:1rem;padding:1.25rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.table{font-size:14px}.table td,.table th{padding:.75rem .5rem}}@media (max-width:480px){.btn{margin-bottom:.5rem;width:100%}.form-control{padding:10px 12px}}@media print{.btn,.navbar{display:none!important}.main-content{padding-top:0}.card{border:1px solid #ead8b8;border:1px solid var(--border-light);box-shadow:none}}
/*# sourceMappingURL=main.dc03f6ff.css.map*/