.auth-shell{min-height:70vh;display:grid;place-items:center;padding:40px 15px;background:rgba(20,20,20,.16)}
.auth-card{width:min(100%,460px);background:#fff;border-radius:6px;box-shadow:0 18px 55px rgba(0,0,0,.24);padding:28px}
.auth-card-head{display:flex;justify-content:space-between;align-items:center}.auth-card-head h1{font-size:20px;margin:0 0 18px}
.auth-close{font-size:34px;line-height:1;text-decoration:none;color:#dc4486}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:12px}
.auth-tab{border:0;padding:14px;background:#f1f1f1;cursor:pointer}.auth-tab.active{background:#11aeb3;color:#fff}
.auth-panel{display:none;gap:10px}.auth-panel.active{display:grid}.auth-panel label{font-size:13px}.auth-panel input,.register-grid input,.address-form input,.address-form select,.address-form textarea{padding:13px;border:1px solid #d4d4d4;border-radius:2px}
.auth-submit{padding:14px;border:0;background:#dc4486;color:#fff;text-transform:uppercase;font-weight:700;cursor:pointer}
.auth-links{text-align:right;margin:14px 0}.auth-links a{color:#555;text-decoration:none}.social-login{display:grid;gap:12px;border-top:1px solid #eee;padding-top:16px}
.social-button{display:flex;align-items:center;border:1px solid #ddd;text-decoration:none;color:#2f4d7a}.social-button strong{display:grid;place-items:center;width:52px;height:48px;font-size:30px;color:#fff}.social-button span{padding:0 14px}
.social-button.google strong{background:#ea4335}.social-button.facebook strong{background:#3b5998}.social-button.disabled{opacity:.45;cursor:not-allowed}.social-note{color:#777}
.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.register-grid .wide{grid-column:1/-1}
.account-shell{max-width:1100px;margin:auto;padding:30px 15px}.account-head{display:flex;justify-content:space-between;align-items:center}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.account-card{background:#fff;border:1px solid #ddd;padding:20px;margin-bottom:18px}.address-form{display:grid;gap:9px}.address-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.address-list article{border:1px solid #ddd;padding:14px}
.customer-admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.customer-search{display:flex;gap:10px;margin-bottom:15px}.customer-search input{flex:1;padding:10px}
.customer-table{width:100%;border-collapse:collapse}.customer-table th,.customer-table td{padding:11px;border-bottom:1px solid #e5e7eb;text-align:left}.customer-table th{background:#f5f7fa}.customer-table button{padding:8px 10px;background:#2878b8;color:#fff;border:0;border-radius:3px}
.customer-admin-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.customer-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.customer-edit-form label{display:grid;gap:5px}.customer-edit-form input,.customer-edit-form textarea{padding:10px;border:1px solid #ccd2d8}.customer-edit-form .wide{grid-column:1/-1}.customer-address{border-bottom:1px solid #eee;padding:10px 0}
@media(max-width:800px){.account-grid,.customer-admin-grid,.register-grid{grid-template-columns:1fr}.register-grid .wide{grid-column:auto}.address-list{grid-template-columns:1fr}.customer-edit-form{grid-template-columns:1fr}.customer-edit-form .wide{grid-column:auto}}
