.account-info-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:24px;margin-bottom:24px}.account-info-container.loading{min-height:300px;display:flex;align-items:center;justify-content:center}.account-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border-bottom:1px solid #eee;padding-bottom:16px}.account-info-header h2{margin:0;font-size:20px;font-weight:600;color:#333}.btn-edit{background:#007bff;color:white;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.btn-edit:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,123,255,.3)}.account-edit-form{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px;max-width:480px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px;font-weight:600;margin-bottom:8px;color:#333}.form-group input,.form-group select{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.form-group small{font-size:12px;color:#666;margin-top:4px}.form-actions{display:flex;gap:12px;margin-top:24px;grid-column:1/-1}.btn{padding:10px 24px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary{background:#007bff;color:white}.btn-primary:hover:not(:disabled){background:#0056b3;box-shadow:0 2px 8px rgba(0,123,255,.3)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#6c757d;color:white}.btn-secondary:hover{background:#545b62}.account-info-view{display:flex;flex-direction:column;gap:16px}.info-row{display:flex;padding:12px 0;border-bottom:1px solid #f0f0f0}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:#666;min-width:150px;font-size:14px}.info-value{color:#333;font-size:14px;flex:1 1}.alert{padding:12px 16px;border-radius:4px;margin-bottom:16px;font-size:14px;display:flex;align-items:center;gap:12px}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.loading-skeleton{display:flex;flex-direction:column;gap:12px}.skeleton-line{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.account-info-container{padding:16px}.account-info-header{flex-direction:column;align-items:flex-start;gap:12px}.account-edit-form{grid-template-columns:1fr}.info-row{flex-direction:column;gap:4px}.info-label{min-width:auto;margin-bottom:4px}}.addresses-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:24px;margin-bottom:24px;width:100%;max-width:100%;overflow-x:hidden}.addresses-container,.addresses-container *,.addresses-container :after,.addresses-container :before{box-sizing:border-box}.addresses-container.loading{min-height:300px;display:flex;align-items:center;justify-content:center}.addresses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border-bottom:1px solid #eee;padding-bottom:16px;gap:12px;flex-wrap:wrap}.addresses-header h2{margin:0;font-size:20px;font-weight:600;color:#333}.addresses-container .alert{padding:12px 14px;border-radius:6px;margin-bottom:16px;font-size:14px;line-height:1.4;word-break:break-word}.addresses-container .alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.addresses-container .alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.no-addresses{padding:32px 16px;text-align:center;background:#f9f9f9;border-radius:8px;border:1px dashed #ddd}.no-addresses p{margin:0;color:#666;font-size:14px}.addresses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));grid-gap:20px;gap:20px}.address-card{border:1px solid #ddd;border-radius:8px;overflow:hidden;transition:all .3s ease;min-width:0;max-width:100%}.address-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#007bff}.address-header{padding:16px;background:#f9f9f9;border-bottom:1px solid #eee}.address-header h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#333;word-break:break-word}.badge{display:inline-block;font-size:11px;font-weight:600;padding:4px 8px;border-radius:3px;margin-right:8px;margin-top:4px}.badge-billing{background:#d4edda;color:#155724}.badge-shipping{background:#d1ecf1;color:#0c5460}.address-body{padding:16px}.address-body p{margin:0 0 8px;font-size:14px;color:#555;line-height:1.5;word-break:break-word}.address-body p:last-child{margin-bottom:0}.company{font-weight:600;color:#333}.street{font-weight:500}.city{color:#666}.country{color:#999;font-size:13px}.telephone{margin-top:12px;padding-top:12px;border-top:1px solid #eee}.address-actions{padding:12px 16px;border-top:1px solid #eee;display:flex;gap:12px;flex-wrap:wrap;background:#f9f9f9}.btn-link{background:none;border:none;color:#007bff;font-size:13px;font-weight:500;cursor:pointer;padding:0;transition:color .3s ease}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-delete{color:#dc3545}.btn-delete:hover{color:#c82333}.address-form-container{width:100%;max-width:100%;min-width:0}.address-form-container h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#333}.address-form{display:flex;flex-direction:column;gap:16px;width:100%;max-width:720px}.addresses-container .form-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;width:100%}.addresses-container .form-row:has(.form-group:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.addresses-container .form-group{display:flex;flex-direction:column;min-width:0;width:100%}.addresses-container .form-group label{font-size:14px;font-weight:600;margin-bottom:8px;color:#333}.addresses-container .form-group input,.addresses-container .form-group select{width:100%;max-width:100%;min-width:0;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;line-height:1.4;color:#333;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.addresses-container .form-group select{text-overflow:ellipsis}.addresses-container .form-group input:focus,.addresses-container .form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.addresses-container .form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.addresses-container .btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border:none;border-radius:4px;font-size:14px;font-weight:500;line-height:1.4;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,opacity .2s ease;min-height:42px}.addresses-container .btn-primary{background:#007bff;color:#fff}.addresses-container .btn-primary:hover:not(:disabled){background:#0056b3;box-shadow:0 2px 8px rgba(0,123,255,.3)}.addresses-container .btn-primary:disabled{opacity:.6;cursor:not-allowed}.addresses-container .btn-secondary{background:#6c757d;color:#fff}.addresses-container .btn-secondary:hover:not(:disabled){background:#545b62}.addresses-container .btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media (max-width:900px){.addresses-container .form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.addresses-container .form-row>.form-group:first-child:nth-last-child(3){grid-column:1/-1;max-width:220px}}@media (max-width:768px){.addresses-container{padding:16px;border-radius:6px}.addresses-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.addresses-header h2{font-size:18px}.addresses-grid{grid-template-columns:1fr;gap:14px}.address-form-container h3{font-size:16px;margin-bottom:16px}.address-form{gap:14px;max-width:100%}.addresses-container .form-row,.addresses-container .form-row:has(.form-group:nth-child(2):last-child){grid-template-columns:1fr;gap:14px}.addresses-container .form-row>.form-group:first-child:nth-last-child(3){grid-column:auto;max-width:none}.addresses-container .form-group label{font-size:13px}.addresses-container .form-group input,.addresses-container .form-group select{font-size:16px;padding:12px}.addresses-container .form-actions{flex-direction:column;align-items:stretch;gap:10px;margin-top:4px}.addresses-container .btn{width:100%}.address-actions,.address-body,.address-header{padding-left:14px;padding-right:14px}}@media (max-width:480px){.addresses-container{padding:12px;margin-bottom:16px}.addresses-header{padding-bottom:12px;margin-bottom:12px}.addresses-header h2{font-size:17px}.no-addresses{padding:24px 12px}.address-form-container h3{font-size:15px}.address-body p{font-size:13px}.badge{font-size:10px;padding:3px 6px}}