.workers-panel{max-width:650px;margin:0 auto;padding:30px 24px 60px;min-height:100%}.workers-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:25px}.workers-heading h3{font-size:24px;letter-spacing:-.8px;margin:0}.workers-heading p{font-size:12px;color:#8b9eaa;margin:7px 0 0}.add-worker{border:0;border-radius:11px;background:#19a9ed;color:white;font:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:12px 13px;white-space:nowrap}.add-worker span{font-size:16px}.worker-search{display:flex;align-items:center;gap:10px;border:1px solid #d8ebf5;border-radius:13px;padding:14px;background:#f8fcff}.worker-search svg{width:20px;height:20px;stroke:#83b7d0;stroke-width:1.8;fill:none}.worker-count{color:#8fa4b1;font-size:11px;margin:20px 0 12px}.worker-card{width:100%;display:flex;align-items:center;gap:13px;padding:18px 0;background:none;border:0;border-bottom:1px solid #e4f1f8;text-align:left;cursor:pointer}.worker-avatar{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:#edf9ff;color:#169fdb;font-size:18px}.worker-info{flex:1}.worker-info strong{font-size:15px;color:#24485e;font-weight:600}.worker-info small{display:block;color:#8ba2b0;font-size:11px;margin-top:6px}.worker-chevron{color:#94b8ca;font-size:23px}.workers-empty{text-align:center;padding:60px 20px;color:#8ca3b0}.workers-empty>span{font-size:45px;color:#9edbf6}.workers-empty h4{font-size:17px;font-weight:500;color:#59798e;margin:17px 0 10px}.workers-empty p{font-size:13px;line-height:1.8;max-width:290px;margin:0 auto}.employee-form label{display:block;font-size:12px;color:#547386;margin:21px 0 8px}.employee-form label span{color:#179edd}.employee-form input:not([type=checkbox]){height:48px;border:1px solid #b9e2f4;border-radius:11px;padding:0 12px;width:100%;background:white;color:#20475e;font-size:14px}.employee-form input[readonly]{background:#f0f9fd;color:#148fc9;font-weight:600;letter-spacing:2px}.employee-form input:focus{outline:3px solid #e1f5ff}.field-hint{font-size:11px;color:#8ba1af;line-height:1.8;margin:8px 0 0}.employee-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.emergency-fields{border-top:1px solid #d9edf6;margin-top:25px;padding-top:20px}.emergency-fields summary{color:#537b90;font-size:12px;cursor:pointer}.form-cancel{display:block;margin:18px auto}.form-status{font-size:12px;color:#b65c58;line-height:1.7}.employee-form .action{margin-top:20px}.saved-worker{color:#168ea9;font-size:12px;margin-bottom:20px}.employee-detail{margin:24px 0}.employee-detail>div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #e6f2f8;font-size:13px}.employee-detail dt{color:#8a9eaa}.employee-detail dd{margin:0;color:#2d5268;text-align:right;overflow-wrap:anywhere}.employee-actions .action{font-size:13px}.action:disabled{opacity:.6;cursor:default}.invite-box{margin-top:25px;background:#f4fbff;border:1px solid #caeaf9;border-radius:14px;padding:18px}.invite-box h4{font-size:16px;margin:0 0 12px}.invite-box p{font-size:12px;line-height:1.8;color:#607f92}.invite-box input{font-size:11px!important;padding:10px!important;border:1px solid #c5e8f8!important;border-radius:7px}.invite-box .action{font-size:13px}.notification-badge{position:absolute;top:calc(50% - 25px);left:calc(50% + 7px);background:#ed4d56;color:white;min-width:19px;height:19px;display:grid;place-items:center;border-radius:12px;font-size:10px;font-weight:700;padding:0 4px;border:2px solid #87ceeb}.notification-badge[hidden]{display:none}.birthday-card{display:flex;gap:15px;padding:21px 0;border-bottom:1px solid #deeff8}.birthday-symbol{width:42px;height:42px;background:#edf9ff;border-radius:13px;display:grid;place-items:center;font-size:23px}.birthday-card h4{font-size:15px;margin:0 0 8px;color:#365e75}.birthday-card p{font-size:13px;color:#6f8a9a;line-height:1.7;margin:0 0 8px}.birthday-card small{font-size:10px;color:#9aaeba}.worker-mode .app-nav{grid-template-columns:repeat(2,1fr)}@media(max-width:380px){.workers-panel{padding:25px 17px 60px}.workers-heading{align-items:flex-start;gap:8px}.workers-heading h3{font-size:21px}.add-worker{font-size:10px;padding:11px 9px}.employee-fields{grid-template-columns:1fr}}
