.customer-portal{min-height:80vh;padding:2rem 0;background-color:#f8f9fa}.portal-header{text-align:center;margin-bottom:3rem}.portal-title{font-size:2.5rem;color:#2c3e50;margin-bottom:1rem;font-weight:300}.portal-description{font-size:1.1rem;color:#6c757d;max-width:600px;margin:0 auto}.customer-login-form{max-width:400px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden}.login-container{padding:2rem}.login-container h2{text-align:center;color:#2c3e50;margin-bottom:1.5rem;font-weight:300}.login-form .form-group{margin-bottom:1.5rem}.login-form label{display:block;margin-bottom:.5rem;color:#495057;font-weight:500}.login-form input{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.login-form input:focus{outline:0;border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.login-help{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e9ecef}.login-help p{margin:0;color:#6c757d;font-size:.9rem}.login-help a{color:#007bff;text-decoration:none}.login-help a:hover{text-decoration:underline}.customer-dashboard{max-width:1200px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:2rem}.customer-info h2{margin:0 0 .5rem;color:#2c3e50;font-weight:300}.customer-info p{margin:0;color:#6c757d}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.dashboard-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:1.5rem}.dashboard-card h3{margin:0 0 1rem;color:#2c3e50;font-weight:500}.appointments-list{margin-bottom:1rem}.appointment-item{border:1px solid #e9ecef;border-radius:4px;padding:1rem;margin-bottom:1rem}.appointment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.appointment-header h4{margin:0;color:#2c3e50}.appointment-status{padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:uppercase}.status-confirmed{background-color:#d4edda;color:#155724}.status-scheduled{background-color:#fff3cd;color:#856404}.status-completed{background-color:#d1ecf1;color:#0c5460}.preferences-list{margin-bottom:1rem}.preference-item p{margin:.5rem 0;color:#495057}.activity-list{margin-bottom:1rem}.activity-item{border-left:3px solid #007bff;padding-left:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.activity-item:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.activity-date{color:#6c757d;font-size:.9rem;margin-bottom:.25rem}.activity-content strong{color:#2c3e50}.activity-content p{margin:.25rem 0 0;color:#6c757d}.sales-rep-card{background:#f8f9fa;padding:1rem;border-radius:4px}.sales-rep-card h4{margin:0 0 .5rem;color:#2c3e50}.sales-rep-card p{margin:.25rem 0;color:#495057}.sales-rep-card a{color:#007bff;text-decoration:none}.sales-rep-card a:hover{text-decoration:underline}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px rgba(0,0,0,.2)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e9ecef}.modal-header h3{margin:0;color:#2c3e50}.modal-close{background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#2c3e50}.modal-body{padding:1.5rem}.modal-body .form-group{margin-bottom:1.5rem}.modal-body label{display:block;margin-bottom:.5rem;color:#495057;font-weight:500}.modal-body input,.modal-body select,.modal-body textarea{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{outline:0;border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.modal-body textarea{resize:vertical;min-height:100px}.notification{position:fixed;top:20px;right:20px;max-width:400px;z-index:1001;transform:translateX(100%);transition:transform .3s ease-in-out}.notification.show{transform:translateX(0)}.notification-content{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:4px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:1rem;border-left:4px solid}.notification-success{border-left-color:#28a745}.notification-error{border-left-color:#dc3545}.notification-info{border-left-color:#17a2b8}.notification-warning{border-left-color:#ffc107}.notification-message{flex:1;margin-right:1rem}.customer-session-message{display:block;padding:.85rem 1rem;margin-bottom:1.25rem;border-radius:4px;border-left:4px solid;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,8%);overflow-wrap:anywhere}.customer-session-message--error{border-left-color:#dc3545;color:#721c24;background:#f8d7da}.customer-session-message--warning{border-left-color:#ffc107;color:#856404;background:#fff3cd}.customer-session-message--success{border-left-color:#28a745;color:#155724;background:#d4edda}.customer-session-message--info{border-left-color:#17a2b8;color:#0c5460;background:#d1ecf1}.dashboard-card p.error{color:#721c24}.notification-close{background:0 0;border:none;font-size:1.2rem;cursor:pointer;color:#6c757d;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.notification-close:hover{color:#2c3e50}@media(max-width:768px){.portal-title{font-size:2rem}.dashboard-header{flex-direction:column;gap:1rem;text-align:center}.dashboard-grid{grid-template-columns:1fr}.modal-content{width:95%;margin:1rem}.notification{left:10px;right:10px;max-width:none}}