.purchase-container{max-width:1000px;min-height:calc(100vh - 64px);margin:0 auto;padding:24px 20px 40px}.purchase-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.purchase-header-left{flex:1;min-width:200px}.purchase-title{color:#1a1a2e;margin:0;font-size:28px;font-weight:700;line-height:1.2}.purchase-subtitle{color:#6b7280;margin-top:4px;font-size:15px}.btn-history{color:#374151;white-space:nowrap;touch-action:manipulation;background:#fff;border:2px solid #e5e7eb;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.btn-history:hover{background:#f8fafc;border-color:#4a90e2;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.btn-history:active{transform:scale(.96)}.btn-history-icon{font-size:16px}.purchase-card{background:#fff;border-radius:14px;padding:32px;box-shadow:0 1px 3px #0000000f}.purchase-form{flex-direction:column;gap:24px;display:flex}.form-section{flex-direction:column;gap:8px;display:flex}.form-label{color:#374151;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.form-hint{color:#9ca3af;font-size:12px;font-weight:400}.type-toggle{grid-template-columns:1fr 1fr;gap:12px;display:grid}.type-btn{cursor:pointer;color:#6b7280;touch-action:manipulation;background:#fff;border:2px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:14px;font-family:inherit;font-size:16px;font-weight:600;transition:all .2s;display:flex}.type-btn:active:not(:disabled){transform:scale(.96)}.type-btn:hover:not(:disabled){background:#f8fafc;border-color:#9ca3af}.type-btn.active{color:#1e40af;background:#eff6ff;border-color:#4a90e2}.type-btn:disabled{opacity:.6;cursor:not-allowed}.type-icon{flex-shrink:0;font-size:20px}.type-label{font-size:14px}.form-row{grid-template-columns:1fr 1fr;gap:16px 20px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-input,.form-select,.form-textarea{color:#1a1a2e;background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;min-height:44px;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 3px #4a90e21a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.6;cursor:not-allowed;background:#f9fafb}.form-textarea{resize:vertical;min-height:120px;font-family:Courier New,monospace;font-size:13px;line-height:1.6}.custom-select-group{align-items:center;gap:8px;display:flex}.custom-select-group .form-select{flex:1;min-height:44px}.custom-add-group{align-items:center;gap:4px;display:flex}.form-input-small{color:#1a1a2e;background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:80px;min-height:44px;padding:10px 8px;font-size:13px;transition:all .2s}.form-input-small:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 3px #4a90e21a}.form-input-small:disabled{opacity:.6;cursor:not-allowed;background:#f9fafb}.btn-add-custom{cursor:pointer;color:#374151;touch-action:manipulation;background:#e5e7eb;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 14px;font-size:20px;font-weight:600;transition:all .2s;display:flex}.btn-add-custom:hover:not(:disabled){background:#d1d5db;transform:scale(1.05)}.btn-add-custom:active:not(:disabled){transform:scale(.92)}.btn-add-custom:disabled{opacity:.4;cursor:not-allowed}.phone-specs{background:#fafbfc;border:2px dashed #e5e7eb;border-radius:10px;flex-direction:column;gap:16px;padding:20px;display:flex}.extra-expenses{background:#f8fafc;border:2px solid #e5e7eb;border-radius:10px;padding:20px}.extra-expenses-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.extra-expenses-icon{font-size:20px}.extra-expenses-header h4{color:#1a1a2e;margin:0;font-size:16px}.extra-expenses-badge{color:#6b7280;background:#e5e7eb;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:500}.imei-counter{color:#6b7280;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:14px;display:flex}.imei-counter strong{color:#1a1a2e;font-size:16px}.imei-total{color:#4a90e2;white-space:nowrap;background:#eff6ff;border-radius:12px;margin-left:auto;padding:2px 12px;font-weight:600}.form-actions{border-top:2px solid #f1f3f5;justify-content:flex-end;gap:12px;padding-top:16px;display:flex}.btn-submit{color:#fff;cursor:pointer;touch-action:manipulation;background:#4a90e2;border:none;border-radius:10px;align-items:center;gap:10px;min-height:52px;padding:12px 32px;font-family:inherit;font-size:16px;font-weight:600;transition:all .2s;display:flex}.btn-submit:hover:not(:disabled){background:#357abd;transform:translateY(-2px);box-shadow:0 4px 16px #4a90e24d}.btn-submit:active:not(:disabled){transform:scale(.96)}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-submit-icon{font-size:18px}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.alert{border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px 20px;font-size:14px;display:flex}.alert-error{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.alert-success{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0}.alert-icon{flex-shrink:0;margin-top:1px;font-size:18px}.alert-text,.alert-success-content{flex:1}.alert-success-header{align-items:center;gap:10px;margin-bottom:8px;font-size:16px;display:flex}.alert-success-icon{font-size:20px}.alert-success-body{grid-template-columns:1fr 1fr;gap:4px 20px;font-size:14px;display:grid}.success-item{justify-content:space-between;padding:2px 0;display:flex}.success-label{color:#065f46}.success-value{color:#065f46;font-weight:500}.success-total{border-top:1px solid #86efac;grid-column:1/-1;margin-top:4px;padding-top:6px}.success-total .success-value{font-size:16px;font-weight:700}.confirm-modal{padding:8px 0}.confirm-header{text-align:center;margin-bottom:24px}.confirm-icon{margin-bottom:12px;font-size:56px}.confirm-header h3{color:#1a1a2e;margin:0 0 4px;font-size:20px;font-weight:700}.confirm-header p{color:#6b7280;margin:0;font-size:14px}.confirm-summary{background:#f8fafc;border-radius:10px;margin-bottom:24px;padding:16px 20px}.confirm-item{justify-content:space-between;gap:12px;padding:6px 0;font-size:14px;display:flex}.confirm-label{color:#6b7280;flex-shrink:0}.confirm-value{color:#1a1a2e;text-align:right;word-break:break-word;font-weight:500}.confirm-value.highlight{color:#1a1a2e;font-weight:600}.confirm-divider{border-top:1px solid #e5e7eb;margin:8px 0}.confirm-total{border-top:2px solid #e5e7eb;margin-top:4px;padding-top:10px}.total-price{color:#4a90e2;font-size:18px;font-weight:700}.confirm-actions{justify-content:center;gap:12px;display:flex}.btn-confirm-cancel,.btn-confirm-submit{cursor:pointer;touch-action:manipulation;border:none;border-radius:8px;min-width:140px;min-height:44px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.btn-confirm-cancel:hover:not(:disabled){background:#d1d5db}.btn-confirm-cancel:active:not(:disabled){transform:scale(.96)}.btn-confirm-submit:hover:not(:disabled){background:#16a34a;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.btn-confirm-submit:active:not(:disabled){transform:scale(.96)}.btn-confirm-cancel{color:#374151;background:#e5e7eb}.btn-confirm-submit{color:#fff;background:#22c55e}.btn-confirm-cancel:disabled,.btn-confirm-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:768px){.purchase-container{padding:16px 12px 32px}.purchase-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px}.purchase-header-left{min-width:unset}.purchase-title{font-size:22px}.purchase-subtitle{font-size:13px}.btn-history{justify-content:center;width:100%;min-height:48px}.purchase-card{border-radius:12px;padding:20px 16px}.purchase-form{gap:20px}.form-row{grid-template-columns:1fr;gap:14px}.form-input,.form-select,.form-textarea{min-height:48px;padding:10px 12px;font-size:16px}.form-textarea{min-height:100px;font-size:14px}.type-toggle{grid-template-columns:1fr 1fr;gap:10px}.type-btn{min-height:48px;padding:12px;font-size:14px}.type-icon{font-size:18px}.type-label{font-size:13px}.custom-select-group{flex-direction:column;align-items:stretch}.custom-add-group{width:100%}.form-input-small{flex:1;width:auto;min-height:44px;font-size:16px}.btn-add-custom{min-width:48px;min-height:44px;font-size:22px}.phone-specs{padding:14px}.extra-expenses{padding:14px 16px}.alert-success-body{grid-template-columns:1fr}.imei-total{text-align:center;width:100%;margin-left:0;padding:4px 0}.form-actions{justify-content:stretch}.btn-submit{justify-content:center;width:100%;min-height:52px;padding:12px 20px;font-size:15px}.confirm-actions{flex-direction:column}.btn-confirm-cancel,.btn-confirm-submit{width:100%;min-width:auto;min-height:48px}.confirm-summary{padding:12px 16px}.confirm-item{padding:5px 0;font-size:13px}.total-price{font-size:16px}.confirm-header h3{font-size:18px}}@media (max-width:480px){.purchase-container{padding:12px 8px 24px}.purchase-title{font-size:20px}.purchase-subtitle{font-size:12px}.purchase-card{border-radius:10px;padding:14px 12px}.purchase-form{gap:16px}.form-row{gap:12px}.form-label{font-size:13px}.form-hint{font-size:11px}.form-input,.form-select{min-height:44px;padding:8px 12px;font-size:15px}.form-textarea{min-height:80px;padding:8px 12px;font-size:13px}.type-btn{gap:6px;min-height:44px;padding:10px;font-size:13px}.type-icon{font-size:16px}.type-label{font-size:12px}.form-input-small{min-height:40px;padding:8px;font-size:15px}.btn-add-custom{min-width:40px;min-height:40px;padding:0 10px;font-size:18px}.phone-specs,.extra-expenses{padding:12px}.extra-expenses-header h4{font-size:14px}.btn-submit{min-height:48px;padding:10px 16px;font-size:14px}.btn-submit-icon{font-size:16px}.alert{padding:12px 14px;font-size:13px}.alert-success-header{font-size:14px}.alert-success-body{font-size:13px}.confirm-header .confirm-icon{font-size:44px}.confirm-header h3{font-size:16px}.confirm-summary{padding:10px 12px}.confirm-item{padding:4px 0;font-size:12px}.total-price{font-size:15px}.btn-confirm-cancel,.btn-confirm-submit{min-height:44px;padding:8px 16px;font-size:13px}}@media (max-width:380px){.purchase-title{font-size:18px}.type-btn{min-height:40px;padding:8px;font-size:12px}.type-icon{font-size:14px}.type-label{font-size:11px}.btn-submit{min-height:44px;padding:8px 12px;font-size:13px}.btn-history{min-height:40px;padding:8px 14px;font-size:13px}}@media (max-width:768px) and (max-height:500px){.purchase-container{min-height:auto;padding:8px 12px 16px}.purchase-header{flex-direction:row;align-items:center;gap:8px;margin-bottom:12px}.purchase-header-left{flex:1;min-width:auto}.purchase-title{font-size:18px}.purchase-subtitle{margin-top:2px;font-size:11px}.btn-history{width:auto;min-height:34px;padding:6px 14px;font-size:12px}.btn-history-icon{font-size:14px}.btn-history-text{display:none}.purchase-card{padding:12px}.purchase-form{gap:12px}.form-row{grid-template-columns:1fr 1fr;gap:10px}.form-group{gap:4px}.form-input,.form-select{min-height:34px;padding:6px 10px;font-size:13px}.form-textarea{min-height:60px;padding:6px 10px;font-size:12px}.type-btn{min-height:36px;padding:8px;font-size:12px}.type-icon{font-size:14px}.type-label{font-size:11px}.btn-submit{min-height:38px;padding:6px 16px;font-size:13px}.btn-submit-icon{font-size:14px}.extra-expenses{padding:10px 12px}.phone-specs{gap:10px;padding:10px}.imei-counter{font-size:12px}.imei-total{padding:2px 8px;font-size:12px}}@media (hover:none){.btn-history:hover{background:#fff;border-color:#e5e7eb;transform:none}.type-btn:hover:not(:disabled){background:#fff;border-color:#e5e7eb}.type-btn.active:hover{background:#eff6ff;border-color:#4a90e2}.btn-add-custom:hover:not(:disabled),.btn-submit:hover:not(:disabled),.btn-confirm-submit:hover:not(:disabled){transform:none}}.imei-battery-section{background:#f8fafc;border:2px solid #e5e7eb;border-radius:10px;padding:20px}.imei-battery-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.imei-battery-icon{font-size:20px}.imei-battery-header h4{color:#1a1a2e;margin:0;font-size:16px}.imei-battery-badge{color:#6b7280;background:#e5e7eb;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:500}.imei-battery-grid{grid-template-columns:1fr 1fr;gap:16px 20px;display:grid}.imei-textarea,.battery-textarea{min-height:120px;font-family:Courier New,monospace;font-size:13px;line-height:1.6}.battery-textarea{border-color:#d1d5db}.battery-hint{color:#9ca3af;margin-top:6px;font-size:12px}@media (max-width:768px){.imei-battery-grid{grid-template-columns:1fr;gap:12px}.imei-battery-section{padding:16px}.imei-textarea,.battery-textarea{min-height:80px;font-size:14px}}@media (max-width:480px){.imei-battery-section{padding:12px}.imei-battery-header h4{font-size:14px}.imei-textarea,.battery-textarea{min-height:60px;font-size:13px}.battery-hint{font-size:11px}}