*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f7;justify-content:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.login{flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;max-width:390px;min-height:100vh;margin:0 auto;padding:32px 24px;display:flex}.login h1{font-size:32px;font-weight:500}.login h1 span{color:#534ab7}.login p{color:#666;font-size:14px}.login button{cursor:pointer;text-align:left;background:#fff;border:.5px solid #ddd;border-radius:12px;width:100%;padding:14px 16px;font-size:15px;font-weight:500}.login button:hover{background:#f5f5f7}.login-group-label{color:#888;text-transform:uppercase;letter-spacing:.4px;width:100%;padding:0 2px;font-size:11px;font-weight:500}.app{background:#f5f5f7;width:100%;max-width:390px;min-height:100vh;margin:0 auto}.topbar{background:#fff;border-bottom:.5px solid #e0e0e0;justify-content:space-between;align-items:center;padding:16px;display:flex}.topbar h1{font-size:20px;font-weight:500}.topbar h1 span{color:#534ab7}.topbar button{color:#534ab7;cursor:pointer;background:0 0;border:none;font-size:13px}.schedule{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.day-card{background:#fff;border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden}.day-header{background:#f5f5f7;border-bottom:.5px solid #e0e0e0;align-items:center;gap:7px;padding:9px 12px;display:flex}.today-dot{background:#534ab7;border-radius:50%;flex-shrink:0;width:7px;height:7px}.day-name{color:#111;flex:1;font-size:13px;font-weight:500}.add-btn{cursor:pointer;color:#534ab7;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:11px}.add-btn:hover{background:#eeedfe}.slot{border-bottom:.5px solid #f0f0f0;align-items:center;gap:10px;padding:10px 12px;display:flex}.slot:last-child{border-bottom:none}.slot-time{color:#111;min-width:110px;font-size:13px}.slot-sitter{color:#555;flex:1;font-size:13px}.badge{white-space:nowrap;border-radius:8px;padding:2px 8px;font-size:10px;font-weight:500}.empty{color:#aaa;padding:10px 12px;font-size:12px;font-style:italic}.info-banner{color:#3c3489;background:#eeedfe;border-radius:10px;padding:10px 13px;font-size:13px}.section-label{color:#888;text-transform:uppercase;letter-spacing:.4px;padding:0 2px;font-size:11px;font-weight:500}.request-btn{color:#534ab7;cursor:pointer;white-space:nowrap;background:#eeedfe;border:.5px solid #afa9ec;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:500}.request-btn:hover{background:#cecbf6}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:20px 20px 0 0;flex-direction:column;gap:16px;width:100%;max-width:390px;padding:20px;display:flex}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-title{color:#111;font-size:16px;font-weight:500}.modal-close{cursor:pointer;color:#888;background:0 0;border:none;padding:4px;font-size:16px}.form-group{flex-direction:column;flex:1;gap:6px;display:flex}.form-group label{color:#555;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:500}.form-group input,.form-group select{color:#111;background:#f5f5f7;border:.5px solid #ddd;border-radius:10px;width:100%;padding:10px 12px;font-size:14px}.form-row{gap:12px;display:flex}.form-error{color:#a32d2d;background:#fcebeb;border-radius:8px;padding:8px 12px;font-size:12px}.modal-actions{gap:10px;margin-top:4px;display:flex}.btn-cancel{cursor:pointer;color:#555;background:#f5f5f7;border:.5px solid #ddd;border-radius:10px;flex:1;padding:12px;font-size:14px}.btn-save{color:#fff;cursor:pointer;background:#534ab7;border:none;border-radius:10px;flex:2;padding:12px;font-size:14px;font-weight:500}.btn-save:hover{background:#3c3489}.add-day-btn{color:#534ab7;cursor:pointer;background:#eeedfe;border:1.5px dashed #afa9ec;border-radius:12px;width:100%;padding:12px;font-size:14px;font-weight:500}.add-day-btn:hover{background:#cecbf6}.tab-bar{background:#fff;border-bottom:.5px solid #e0e0e0;display:flex}.tab{text-align:center;cursor:pointer;color:#888;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 4px;font-size:13px;display:flex}.tab.active{color:#534ab7;border-bottom-color:#534ab7;font-weight:500}.tab-badge{color:#854f0b;background:#faeeda;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:600}.btn-approve{color:#3b6d11;cursor:pointer;background:#eaf3de;border:.5px solid #c0dd97;border-radius:8px;flex:1;padding:8px;font-size:13px;font-weight:500}.btn-approve:hover{background:#c0dd97}.btn-decline{color:#555;cursor:pointer;background:#f5f5f7;border:.5px solid #ddd;border-radius:8px;flex:1;padding:8px;font-size:13px}.btn-decline:hover{background:#e0e0e0}