*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #1a1a2e;--primary-mid: #16213e;--accent: #6c5ce7;--accent-dark: #5f4dd8;--accent-soft: #a29bfe;--gold: #f5a623;--gold-light: #ffd166;--teal: #25d366;--teal-dark: #1aaa50;--bg: #f7f5f2;--bg-card: #ffffff;--bg-soft: #f0ede8;--text: #1a1a2e;--text-mid: #4a4a6a;--text-soft: #8888a8;--border: #e2ddd6;--danger: #d63031;--warning: #fdcb6e;--info: #74b9ff;--success: #25d366;--shadow-sm: 0 2px 8px rgba(26,26,46,.08);--shadow-md: 0 6px 24px rgba(26,26,46,.12);--shadow-lg: 0 16px 48px rgba(26,26,46,.18);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif}body{font-family:var(--font-body);background:var(--bg);min-height:100vh;min-height:100dvh;color:var(--text);display:flex;flex-direction:column;padding:20px;position:relative;overflow-x:hidden;overflow-y:scroll}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse 60% 40% at 20% 20%,rgba(108,92,231,.08) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 80% 80%,rgba(37,211,102,.06) 0%,transparent 60%),radial-gradient(ellipse 40% 60% at 60% 10%,rgba(245,166,35,.05) 0%,transparent 60%);pointer-events:none;z-index:0}.auth-wrapper{position:relative;z-index:1;width:100%;max-width:480px;margin:auto;align-self:center;padding:16px;animation:authReveal .6s cubic-bezier(.16,1,.3,1) both}@keyframes authReveal{0%{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--border);width:100%}.auth-slider-container{width:100%;overflow:hidden;transition:height .4s cubic-bezier(.76,0,.24,1)}.auth-slider{display:flex;width:200%;transition:transform .6s cubic-bezier(.76,0,.24,1);align-items:flex-start}.auth-slide{width:50%;flex-shrink:0;background:var(--bg-card)}.auth-wrapper.show-register .auth-slider{transform:translate(-50%)}.form-row-auth{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media (max-width: 480px){.form-row-auth{grid-template-columns:1fr;gap:0}}.auth-header{background:var(--primary);padding:40px 40px 32px;text-align:center;position:relative;overflow:hidden}.auth-header:before{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:50%;background:#6c5ce72e}.auth-header:after{content:"";position:absolute;bottom:-20px;left:-20px;width:80px;height:80px;border-radius:50%;background:#25d3661f}.auth-logo{font-size:2.8rem;margin-bottom:10px;position:relative;z-index:1}.auth-header h1{font-family:var(--font-display);font-size:1.8rem;color:#fff;font-weight:700;letter-spacing:-.5px;position:relative;z-index:1}.auth-header p{color:#fff9;font-size:.88rem;margin-top:6px;position:relative;z-index:1;font-weight:300;letter-spacing:.5px}.auth-body{padding:36px 40px 40px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:7px;font-weight:500;color:var(--text-mid);font-size:.82rem;letter-spacing:.3px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{width:100%;padding:13px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;font-family:var(--font-body);background:var(--bg);color:var(--text);transition:all .2s ease;-webkit-appearance:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #6c5ce71f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);letter-spacing:.2px;width:100%;margin-bottom:12px;position:relative;overflow:hidden}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 16px #6c5ce759}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 8px 24px #6c5ce773}.btn-secondary{background:var(--bg-soft);color:var(--text-mid);border:1.5px solid var(--border)}.btn-secondary:hover{background:var(--border);transform:translateY(-1px)}.toggle-form{text-align:center;margin-top:16px;color:var(--text-soft);font-size:.9rem}.toggle-form a{color:var(--accent);text-decoration:none;font-weight:600;cursor:pointer}.toggle-form a:hover{text-decoration:underline}.notification{position:fixed;top:24px;right:24px;background:var(--primary);color:#fff;padding:14px 20px;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:10000;animation:notifIn .4s cubic-bezier(.16,1,.3,1) both;max-width:360px;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:10px;border-left:3px solid var(--accent)}.notification.error{border-left-color:var(--danger);background:#2a1020}.notification.success{border-left-color:var(--teal);background:#0a2018}.notification.info{border-left-color:var(--info);background:#0a1825}@keyframes notifIn{0%{transform:translate(120%) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.container{display:none;width:100%;max-width:1240px;margin:auto;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;min-height:90vh;position:relative;z-index:1;animation:appReveal .5s cubic-bezier(.16,1,.3,1) both}@keyframes appReveal{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.header{background:var(--primary);color:#fff;padding:20px 32px;position:relative;overflow:hidden}.header:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:#6c5ce724}.header:after{content:"";position:absolute;bottom:-40px;left:40%;width:120px;height:120px;border-radius:50%;background:#25d36614}.header-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.header h1{font-family:var(--font-display);font-size:1.6rem;font-weight:700;letter-spacing:-.5px;margin-bottom:2px}.subtitle{color:#ffffff8c;font-size:.82rem;font-weight:300;letter-spacing:.5px}.header-owner{color:#ffffffb3;font-size:.82rem;margin-top:3px}.header-owner span{color:var(--gold-light);font-weight:600}.user-info{display:flex;align-items:center;gap:16px}#userWelcome{color:#ffffffb3;font-size:.88rem}.btn-logout{background:#ffffff1a;color:#ffffffd9;border:1px solid rgba(255,255,255,.2);width:auto;padding:9px 18px;font-size:.85rem;margin:0}.btn-logout:hover{background:#6c5ce74d;border-color:#6c5ce780;transform:translateY(-1px)}.tabs{display:flex;background:var(--bg-soft);border-bottom:1.5px solid var(--border);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab-btn{flex:1;min-width:120px;padding:16px 12px;background:none;border:none;cursor:pointer;font-size:.88rem;font-weight:500;font-family:var(--font-body);color:var(--text-soft);transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:7px;position:relative;white-space:nowrap}.tab-btn:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2.5px;background:var(--accent);border-radius:4px 4px 0 0;opacity:0;transition:all .25s ease}.tab-btn.active{color:var(--accent);background:var(--bg-card)}.tab-btn.active:after{opacity:1;left:10%;right:10%}.tab-btn:hover:not(.active){color:var(--text);background:#6c5ce70d}.tab-content{display:none;padding:32px;min-height:500px;animation:tabFade .3s ease both}@keyframes tabFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tab-content.active{display:block}.dashboard-actions{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.dashboard-actions .btn{width:auto;margin:0}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.stat-card{background:var(--bg-card);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:18px;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:1.5px solid var(--border);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent);border-radius:4px 0 0 4px}.stat-card:nth-child(2):before{background:var(--warning)}.stat-card:nth-child(3):before{background:var(--teal)}.stat-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-md);border-color:transparent}.stat-icon{font-size:2.2rem;background:var(--bg-soft);width:56px;height:56px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-info h3{font-size:2rem;font-weight:700;line-height:1;margin-bottom:4px;color:var(--text)}.stat-info p{color:var(--text-soft);font-size:.82rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.search-bar{margin-bottom:16px;position:relative}.search-bar:before{content:"🔍";position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:.9rem;z-index:1}.search-bar input{width:100%;padding:13px 16px 13px 44px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;font-family:var(--font-body);background:var(--bg);transition:all .2s}.search-bar input:focus{outline:none;border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #6c5ce71a}.filter-bar{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.filter-btn{padding:7px 16px;background:var(--bg-soft);border:1.5px solid var(--border);border-radius:20px;cursor:pointer;font-size:.83rem;font-weight:500;font-family:var(--font-body);color:var(--text-mid);transition:all .2s}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 3px 10px #6c5ce74d}.filter-btn:hover:not(.active){border-color:var(--accent);color:var(--accent)}.customers-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.customer-card{background:var(--bg-card);border-radius:var(--radius-md);padding:22px;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.34,1.56,.64,1);border:1.5px solid var(--border);position:relative;overflow:hidden}.customer-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--border);transition:background .3s}.customer-card.pending:before{background:linear-gradient(90deg,var(--warning),#ffba69)}.customer-card.in-progress:before{background:linear-gradient(90deg,var(--info),#7cd6f7)}.customer-card.completed:before{background:linear-gradient(90deg,var(--teal),#7df5d5)}.customer-card.delivered:before{background:linear-gradient(90deg,var(--accent),#a29bfe)}.customer-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent}.customer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.customer-name{font-size:1.1rem;font-weight:600;color:var(--text);font-family:var(--font-display);letter-spacing:-.3px}.status-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.3px}.status-badge.pending{background:#fdcb6e2e;color:#c47b00}.status-badge.in-progress{background:#74b9ff2e;color:#0e7ea8}.status-badge.completed{background:#25d3662e;color:#048060}.status-badge.delivered{background:#6c5ce726;color:#5046c8}.customer-info{margin-bottom:6px;font-size:.88rem;color:var(--text-mid)}.customer-measurements{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap}.measurement-item{background:var(--bg-soft);padding:4px 10px;border-radius:6px;font-size:.78rem;font-weight:500;color:var(--text-mid);border:1px solid var(--border)}.customer-actions{display:flex;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.customer-actions .btn{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:9px 10px;font-size:.8rem;margin:0;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.customer-actions .btn:active{transform:scale(.94)!important}.btn-details{background:#6c5ce714;color:var(--accent);font-weight:600}.btn-details:hover{background:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #6c5ce733}.btn-download{background:#25d36614;color:#048060}.btn-download:hover{background:#048060;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #25d36633}.btn-view-cloth{background:#8e44ad14;color:#8e44ad}.btn-view-cloth:hover{background:#8e44ad;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8e44ad33}.btn-edit-action{background:#f5a62314;color:#f5a623}.btn-edit-action:hover{background:#f5a623;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #f5a62333}.btn-delete-action{background:#d6303114;color:#d63031}.btn-delete-action:hover{background:#d63031;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #d6303133}.empty-state{text-align:center;padding:60px 20px;color:var(--text-soft);grid-column:1 / -1}.empty-state-icon{font-size:3.5rem;margin-bottom:16px;opacity:.5}.empty-state h3{font-family:var(--font-display);font-size:1.4rem;color:var(--text-mid);margin-bottom:8px}.customer-form{max-width:860px}.customer-form>h2{font-family:var(--font-display);font-size:1.8rem;color:var(--text);margin-bottom:28px;letter-spacing:-.5px}.form-section{margin:28px 0;padding:28px;background:var(--bg-soft);border-radius:var(--radius-md);border:1.5px solid var(--border)}.form-section h3{margin-bottom:22px;color:var(--text);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:8px}.form-section h3:before{content:"";display:inline-block;width:3px;height:18px;background:var(--accent);border-radius:3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.required{color:var(--danger)}.measurement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.measurement-grid .measurement-item{background:var(--bg-card);padding:12px;border-radius:var(--radius-sm);border:1.5px solid var(--border)}.measurement-grid .measurement-item label{display:block;margin-bottom:6px;font-weight:600;font-size:.82rem;color:var(--text-mid);text-transform:uppercase;letter-spacing:.3px}.measurement-grid .measurement-item input{width:100%;padding:10px;border:1.5px solid var(--border);border-radius:8px;font-size:.9rem;font-family:var(--font-body);background:var(--bg);transition:all .2s}.measurement-grid .measurement-item input:focus{outline:none;border-color:var(--accent);background:#fff}.pricing-container{background:var(--bg-soft);border-radius:var(--radius-md);overflow:hidden;margin-bottom:20px;border:1.5px solid var(--border)}.pricing-header{background:var(--primary);color:#fff;padding:12px 16px;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:8px}.pricing-header:before{content:"";display:inline-block;width:3px;height:14px;background:var(--accent);border-radius:3px}.pricing-table{width:100%;border-collapse:collapse}.pricing-table th,.pricing-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.pricing-table th{background:var(--primary-mid);color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pricing-table td{background:#fff;font-size:.95rem;font-weight:500;color:var(--text-mid)}.pricing-table tr:last-child td{border-bottom:none}.pricing-table input[type=number]{width:100%;max-width:90px;padding:8px;border:1.5px solid var(--border);border-radius:6px;font-size:.95rem;text-align:center;color:var(--text);font-weight:600;background:var(--bg);transition:all .2s}.pricing-table input[type=number]:focus{outline:none;border-color:var(--accent);background:#fff}.material-cost-container{background:var(--bg-soft);border-radius:var(--radius-md);overflow:hidden;margin-bottom:24px;border:1.5px solid var(--border)}.material-cost-content{background:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center}.material-cost-label{font-size:.95rem;font-weight:500;color:var(--text-mid)}.material-cost-input-group{display:flex;align-items:center;gap:10px}.material-cost-currency{color:var(--text-soft);font-weight:600;font-size:1.1rem}.material-cost-input{width:140px;padding:10px;border:1.5px solid var(--accent-soft);border-radius:6px;font-size:1rem;text-align:center;color:var(--text);font-weight:600;transition:all .2s}.material-cost-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6c5ce71a}.totals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.total-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:16px;text-align:center}.total-card.highlight{background:var(--primary);border-color:var(--primary)}.total-card.warn{background:#fdf8ea;border-color:#fdcb6e66}.total-card-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-soft);margin-bottom:6px}.total-card.highlight .total-card-label{color:#fff9}.total-card.warn .total-card-label{color:#c47b00b3}.total-card input{width:100%;border:none;background:transparent;font-size:1.5rem;font-weight:700;text-align:center;color:var(--text);font-family:var(--font-body)}.total-card.highlight input{color:#fff}.total-card.warn input{color:#c47b00}.total-card input:focus{outline:none}.form-actions{display:flex;gap:14px;margin-top:28px}.form-actions .btn{width:auto;flex:1}.dress-photo-section{background:var(--bg-soft);padding:24px;border-radius:var(--radius-md);margin:20px 0;border:1.5px solid var(--border)}.dress-photo-section h3{margin-bottom:6px;font-size:1rem;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:1px}.photo-preview-container{text-align:center;margin-bottom:18px}.photo-preview-box{width:200px;height:240px;margin:0 auto 10px;border:2px dashed var(--border);border-radius:var(--radius-sm);overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.photo-preview-box:hover{border-color:var(--accent)}.photo-preview{width:100%;height:100%;object-fit:cover}.photo-placeholder{color:var(--text-soft);text-align:center;padding:20px}.photo-placeholder-icon{font-size:2.5rem;margin-bottom:8px;display:block}.photo-placeholder small{font-size:.78rem}.photo-filename{font-size:.82rem;color:var(--text-soft);margin-top:4px;min-height:18px}.photo-filename.has-photo{color:var(--teal);font-weight:600}.photo-indicator{display:inline-block;width:8px;height:8px;background:var(--teal);border-radius:50%;margin-right:6px;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.camera-container{display:none;margin-bottom:14px;text-align:center}.camera-feed{width:100%;max-width:380px;border-radius:var(--radius-sm);display:block;margin:0 auto 12px;background:#000;border:2px solid var(--accent)}.camera-controls{display:flex;gap:10px;justify-content:center;margin-top:8px}.camera-controls .btn{width:auto;margin:0}.photo-canvas{display:none}.photo-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}.photo-actions .btn{flex:none;min-width:130px;width:auto;margin:0}.dress-photos-gallery{margin-top:18px;padding-top:18px;border-top:1.5px solid var(--border)}.dress-photos-title{font-size:.85rem;font-weight:700;color:var(--text-mid);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.dress-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-bottom:12px}.dress-photo-item{position:relative;border-radius:8px;overflow:hidden;border:1.5px solid var(--border);transition:all .3s;height:110px}.dress-photo-item:hover{transform:scale(1.04);border-color:var(--accent);box-shadow:var(--shadow-sm)}.dress-photo-img{width:100%;height:100%;object-fit:cover;cursor:pointer}.dress-photo-remove{position:absolute;top:4px;right:4px;background:#ffffffe6;border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:var(--danger);opacity:0;transition:opacity .2s}.dress-photo-item:hover .dress-photo-remove{opacity:1}.dress-photo-remove:hover{background:var(--danger);color:#fff}.modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background:#1a1a2e99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}.modal.show-modal{display:block}.modal.active-sheet{opacity:1}.modal-content{background:var(--bg-card);margin:4% auto;padding:32px;border-radius:var(--radius-lg);width:92%;max-width:580px;max-height:88vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-lg);border:1px solid var(--border);transform:translateY(30px) scale(.98);transition:transform .3s cubic-bezier(.16,1,.3,1)}.modal.active-sheet .modal-content{transform:translateY(0) scale(1)}.modal-large{max-width:780px}.close-modal{position:absolute;top:18px;right:22px;font-size:1.4rem;cursor:pointer;color:var(--text-soft);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;background:var(--bg-soft);border:none}.close-modal:hover{background:#d630311a;color:var(--danger)}.detail-section{margin-bottom:22px}.detail-section h3{margin-bottom:12px;color:var(--accent);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding-bottom:8px;border-bottom:1.5px solid var(--border)}.detail-item{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--bg-soft);font-size:.9rem;color:var(--text-mid);line-height:1.5}.detail-item:last-child{border-bottom:none}.detail-item strong{color:var(--text)}.modal-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap;padding-top:20px;border-top:1.5px solid var(--border)}.modal-actions .btn{flex:1;min-width:100px;margin:0;font-size:.82rem;padding:10px 14px}.btn-call{background:var(--teal);color:#fff;box-shadow:0 3px 10px #25d3664d}.btn-call:hover{background:var(--teal-dark)}.btn-message{background:var(--info);color:#fff}.btn-whatsapp{background:#25d366;color:#fff}.btn-whatsapp:hover{background:#1da953}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 3px 10px #d630314d}.btn-danger:hover{background:#b02340}.delete-confirmation{text-align:center;padding:16px}.delete-confirmation h3{font-family:var(--font-display);margin-bottom:10px;color:var(--danger);font-size:1.4rem}.delete-confirmation p{margin-bottom:24px;color:var(--text-soft);line-height:1.6}.delete-actions{display:flex;gap:14px;justify-content:center}.delete-actions .btn{width:auto;min-width:120px}.photo-viewer-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000eb;display:none;justify-content:center;align-items:center;z-index:2000;animation:modalBg .25s ease}.photo-viewer-content{position:relative;max-width:90%;max-height:90%}.photo-viewer-img{max-width:100%;max-height:80vh;border-radius:var(--radius-sm);box-shadow:0 8px 40px #00000080}.photo-viewer-close{position:absolute;top:-44px;right:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.4rem;cursor:pointer;padding:5px 10px;border-radius:var(--radius-sm);transition:all .2s}.photo-viewer-close:hover{background:#d6303166}.settings-container{max-width:780px}.settings-section{margin-bottom:36px;padding-bottom:28px;border-bottom:1.5px solid var(--border)}.settings-section:last-child{border-bottom:none}.settings-section h2{font-family:var(--font-display);margin-bottom:12px;color:var(--text);font-size:1.3rem}.settings-description{color:var(--text-soft);margin-bottom:18px;line-height:1.7;font-size:.9rem}.settings-actions{display:flex;gap:12px;flex-wrap:wrap}.settings-actions .btn{width:auto;flex:none;margin:0}.account-info{background:var(--bg-soft);padding:20px;border-radius:var(--radius-sm);border:1.5px solid var(--border)}.account-info p{margin-bottom:10px;font-size:.9rem;color:var(--text-mid)}.account-info p:last-child{margin-bottom:0}.account-info strong{color:var(--text)}.status-message{margin-top:14px;padding:12px 16px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:500}.status-message.success{background:#25d3661a;color:var(--teal-dark);border:1px solid rgba(37,211,102,.2)}.status-message.error{background:#d630311a;color:var(--danger);border:1px solid rgba(214,48,49,.2)}.mobile-fab{display:none}@media (max-width: 768px){body{padding:0;overflow-y:scroll}body:before{display:none}.container{border-radius:0;min-height:100dvh;box-shadow:none;padding-bottom:96px;transform:none!important;animation:none!important}.auth-wrapper{padding:16px;margin-top:10vh}.auth-header{padding:30px 20px 20px}.auth-body{padding:20px}.header{padding:12px 16px;position:sticky;top:0;z-index:998;border-radius:0;box-shadow:0 2px 10px #0000001a}.header-content{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.header h1{font-size:1.2rem;margin-bottom:0}.subtitle{font-size:.72rem}.header-owner{font-size:.7rem;margin-top:1px}.user-info{width:auto;gap:8px}#userWelcome{display:none}.btn-logout{padding:6px 12px;font-size:.78rem}.tabs{position:fixed;bottom:16px;left:16px;right:16px;z-index:9999;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);display:flex;justify-content:space-around;box-shadow:0 8px 32px #00000014;padding:10px 6px;border-radius:24px;overflow:visible!important}.tab-btn{flex:1;min-width:0;padding:10px 2px;font-size:.72rem;flex-direction:column;gap:4px;white-space:normal;text-align:center;border-radius:12px;color:var(--text-soft);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.tab-icon-svg{transition:transform .3s cubic-bezier(.175,.885,.32,1.275),color .3s;color:var(--text-soft)}.tab-btn:after{display:none}.tab-btn.active{color:var(--accent);background:#6c5ce714;font-weight:600}.tab-btn.active .tab-icon-svg{transform:scale(1.15) translateY(-1px);color:var(--accent)}.tab-btn:active{transform:scale(.92)}.tab-btn:hover:not(.active){background:transparent}.center-tab{overflow:visible!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:transparent!important}.center-tab-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#00d2ff,#06f);display:flex;align-items:center;justify-content:center;color:#fff!important;box-shadow:0 4px 14px #0066ff59;transform:translateY(-20px);position:absolute;top:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.center-tab-icon svg{color:#fff!important}.center-tab span{margin-top:26px;font-size:.72rem;font-weight:500;color:var(--text-soft);transition:color .3s}.center-tab.active span{color:#06f!important;font-weight:600}.center-tab.active .center-tab-icon{transform:translateY(-24px) scale(1.1);box-shadow:0 6px 20px #0066ff8c;background:linear-gradient(135deg,#00e5ff,#04f)}.center-tab:active .center-tab-icon{transform:translateY(-16px) scale(.92)}.tab-content{padding:16px 12px;min-height:calc(100vh - 130px)}.dashboard-stats{grid-template-columns:1fr;gap:12px}.stat-card{padding:16px 20px}.customers-list{grid-template-columns:1fr;gap:14px}.customer-card{padding:16px}.form-row{grid-template-columns:1fr;gap:12px}.measurement-grid{grid-template-columns:1fr}.totals-grid{grid-template-columns:1fr;gap:8px}.photo-preview-box{width:150px;height:180px}.photo-actions{flex-direction:column;gap:8px;width:100%}.photo-actions .btn{width:100%!important;margin:0}.dress-photos-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.dress-photo-item{height:80px}.modal{display:none;align-items:flex-end;justify-content:center;opacity:0}.modal.show-modal{display:flex!important}.modal.active-sheet{opacity:1}.modal-content{width:100%;max-width:100%;margin:0;border-radius:20px 20px 0 0;max-height:82vh;padding:20px 16px 36px;transform:translateY(100%);border-bottom:none;border-left:none;border-right:none;transition:transform .3s cubic-bezier(.1,.76,.55,.94)}.modal.active-sheet .modal-content{transform:translateY(0)}.close-modal{top:12px;right:14px;width:28px;height:28px;font-size:1.1rem}.modal-actions{flex-direction:column;gap:8px;padding-top:14px}.modal-actions .btn{min-width:unset;width:100%;margin:0;padding:12px;font-size:.9rem}.delete-actions{flex-direction:column;gap:8px}.delete-actions .btn{width:100%}.settings-actions{flex-direction:column;gap:10px}.settings-actions .btn{width:100%}.dashboard-actions{flex-direction:column;gap:10px}.dashboard-actions .btn{width:100%}.form-actions{flex-direction:column;gap:10px}.form-actions .btn{width:100%}.mobile-fab{display:flex;position:fixed;bottom:84px;right:18px;height:50px;border-radius:25px;background:linear-gradient(135deg,var(--accent) 0%,#8e84f5 100%);color:#fff;border:none;align-items:center;justify-content:center;padding:0 16px;gap:8px;font-family:var(--font-body);font-size:.88rem;font-weight:600;box-shadow:0 6px 20px #6c5ce766;cursor:pointer;z-index:9999;transform:scale(0);opacity:0;overflow:hidden;white-space:nowrap;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s,width .35s cubic-bezier(.16,1,.3,1),padding .35s cubic-bezier(.16,1,.3,1),box-shadow .2s;width:145px}.mobile-fab.show{transform:scale(1);opacity:1}.mobile-fab .fab-icon{font-size:1.1rem;display:inline-block;transition:transform .3s ease}.mobile-fab .fab-text{opacity:1;transition:opacity .2s ease,width .2s ease;display:inline-block}.mobile-fab.collapsed{width:50px;padding:0;justify-content:center}.mobile-fab.collapsed .fab-text{width:0;opacity:0;margin-left:0;pointer-events:none}.mobile-fab.collapsed .fab-icon{transform:rotate(90deg)}.mobile-fab:after{content:"";position:absolute;width:100%;height:100%;border-radius:inherit;top:0;left:0;box-shadow:0 0 #6c5ce780;animation:fabPulse 2.5s infinite;pointer-events:none;z-index:-1}@keyframes fabPulse{0%{box-shadow:0 0 #6c5ce799}70%{box-shadow:0 0 0 14px #6c5ce700}to{box-shadow:0 0 #6c5ce700}}.mobile-fab:active{transform:scale(.92)!important;box-shadow:0 3px 10px #6c5ce740}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-soft)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-soft)}.auth-loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--text);text-align:center;padding:20px;z-index:9999}.auth-loading-spinner{width:50px;height:50px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:auth-spin 1s linear infinite;margin-bottom:20px}.auth-loading-text{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:8px}.auth-loading-subtext{font-size:1rem;color:var(--text-soft)}@keyframes auth-spin{to{transform:rotate(360deg)}}.input-with-voice{display:flex;align-items:stretch;gap:8px;width:100%}.input-with-voice input,.input-with-voice textarea{flex:1!important;margin-bottom:0!important}.btn-voice{display:inline-flex!important;align-items:center;justify-content:center;width:46px;height:auto;min-height:44px;padding:0!important;border-radius:var(--radius-sm)!important;border:1.5px solid var(--border)!important;background:var(--bg-soft)!important;color:var(--text-soft)!important;cursor:pointer;transition:all .2s ease!important;flex-shrink:0;box-shadow:none!important;margin:0!important}.btn-voice:hover{background:var(--border)!important;color:var(--text)!important;border-color:var(--text-soft)!important;transform:translateY(-1px)}.btn-voice:active{transform:scale(.95)}.btn-voice.listening{background:#d630311a!important;border-color:var(--danger)!important;color:var(--danger)!important;animation:voice-pulse 1.5s infinite!important}@keyframes voice-pulse{0%{box-shadow:0 0 #d6303166}70%{box-shadow:0 0 0 8px #d6303100}to{box-shadow:0 0 #d6303100}}