.layout{display:flex;flex-direction:column;min-height:100vh}.layout-header{display:flex;flex-direction:column;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid #ddd;background:#fff}.layout-logo-row{display:flex;justify-content:center}.layout-logo{width:240px;height:auto}.layout-title-row{display:flex;justify-content:space-between;align-items:center}.layout-title{font-size:1.1rem;font-weight:700}.tabs{display:flex;justify-content:center}.layout-content{flex:1;padding:1rem}.sync-button{padding:.5rem 1.2rem;border-radius:.6rem;border:none;cursor:pointer;background-color:#1976d2;color:#fff;font-weight:600;white-space:nowrap}.sync-button:hover:not(:disabled){background-color:#1565c0}.sync-button:disabled{opacity:.6;cursor:not-allowed}.sync-message{position:fixed;top:1rem;right:1rem;background:#4caf50;color:#fff;padding:.6rem 1rem;border-radius:.5rem;box-shadow:0 2px 8px #0003;z-index:1000}.logout-button{background-color:#e53935;color:#fff;border:none;border-radius:.6rem;padding:.5rem 1rem;font-weight:600;cursor:pointer}.logout-button:hover{background-color:#c62828}.tabs{display:flex;width:100%;border-bottom:1px solid #e5e7eb}.tab{flex:1;display:flex;align-items:center;justify-content:center;text-decoration:none;padding:.8rem .6rem;font-size:1rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:#ede9fe;color:#5b21b6;border-top:1px solid #ddd6fe;border-left:1px solid #ddd6fe;border-right:none;border-bottom:none;border-top-left-radius:.6rem;border-top-right-radius:.6rem;transition:all .2s ease}.tab:last-child{border-right:1px solid #ddd6fe}.tab:hover{background:#ddd6fe}.tab.active{background:linear-gradient(90deg,#7c3aed,#9333ea);color:#fff;border-bottom:1px solid white;z-index:2}.stylist-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.6rem}.stylist-card{background-color:#f1e1ff;border:1px solid #033cae;border-radius:.5rem;padding:.5rem .6rem}.stylist-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.25rem}.stylist-checkbox{width:.9rem;height:.9rem}.stylist-name{font-weight:600;font-size:.9rem;min-width:70px}.stylist-field{display:flex;align-items:center;gap:.4rem;margin-bottom:.25rem}.stylist-label{width:110px;font-size:.8rem;color:#555}.stylist-input{flex:1;padding:.25rem .35rem;border:1px solid #ddd;border-radius:.35rem;font-size:.85rem}.header,.footer{display:flex;align-items:center}.header{justify-content:space-between;margin-bottom:.6rem}.footer{justify-content:flex-end;margin-top:.6rem}.save-button{padding:.4rem .8rem;border-radius:.4rem;cursor:pointer;background-color:#ddd;border:none;font-size:.85rem}.save-button:not(:disabled){background-color:#e53935;color:#fff}.save-button:disabled{opacity:.5;cursor:not-allowed}.stylist-card:hover{background-color:#f7edff}.mapping-dropdown{display:flex;justify-content:center;margin:1rem 0}.mapping-select{max-width:90%;padding:.6rem .8rem;font-size:1.1rem;font-weight:600;background-color:#f1e1ff;border:1px solid #033cae;border-radius:.5rem;transition:all .15s ease}.request-time{font-weight:600;color:#6b46c1}.request-service{color:#2b6cb0;font-weight:500}.request-phone{color:#2f855a}.request-message{color:#4a5568;font-style:italic}.service-code-badge{display:inline-block;padding:.25rem .6rem;margin-right:.5rem;border:1px solid #6b46c1;border-radius:999px;font-size:.6rem;font-weight:500;color:#6b46c1;background-color:#f3e8ff}.service-name{font-weight:500;color:#2b6cb0}.request-client-name{font-size:1.4rem;font-weight:700;font-weight:500;color:#072341}.request-card{position:relative;margin-bottom:1.2rem}.request-status{position:absolute;top:-.9rem;right:-.6rem;padding:.3rem .7rem;background-color:#01610c;color:#fff;border:1px solid #3c0071;border-radius:999px;font-size:.75rem;font-weight:600}.request-created-time{margin-top:.5rem;font-size:.7rem;color:#98abc3;text-align:right}.request-stylist-input{color:#741211;font-weight:700}.request-actions{display:flex;justify-content:flex-end;gap:.8rem;margin-top:.8rem}.action-btn{padding:.7rem 1.2rem;font-size:1rem;border-radius:.8rem;border:none;cursor:pointer;background-color:#6c5ce7;color:#fff;font-weight:600}.action-btn.danger{background-color:#e74c3c}.action-btn:hover{opacity:.9}.selected-card{border:2px solid #6c5ce7}.expand-indicator{position:absolute;bottom:-.6rem;left:50%;transform:translate(-50%);background-color:#ff3434;color:#fff;padding:.2rem .6rem;border-radius:.6rem;font-size:.5rem;font-weight:500;box-shadow:0 2px 6px #00000026}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#c9c9c9b7;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#ffb361;padding:1.5rem;border-radius:1rem;width:90%;max-width:400px;box-shadow:0 10px 30px #0003;border:2px solid #d32f2f}.modal-message{font-size:1.1rem;font-weight:600;margin-bottom:1rem}.modal-textarea{width:100%;min-height:80px;margin-bottom:1rem;padding:.6rem;border-radius:.6rem;border:1px solid #ccc;font-size:1rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.modal-content{position:relative}.modal-close-btn{position:absolute;top:-.8rem;right:-.8rem;width:2rem;height:2rem;border-radius:50%;border:none;background:#d32f2f;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000040}.modal-close-btn:hover{background:#b71c1c}html{font-size:18px}body{font-size:1rem}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.5;font-weight:400;color:#1f2937;background-color:#f9fafb}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px}button{font:inherit;cursor:pointer}input,select{font:inherit}