.worker-avatar{position:relative;display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:var(--avatar-bg,#e8e2d6);color:var(--avatar-fg,#526148);font:700 13px Manrope,sans-serif}.worker-avatar:after{position:absolute;content:"";right:-2px;bottom:-2px;width:9px;height:9px;border:2px solid white;border-radius:50%;background:#74a86b}.toast-region{position:fixed;right:22px;bottom:20px;z-index:30;display:grid;gap:9px}.toast{min-width:220px;max-width:330px;padding:12px 15px;border:1px solid #e1e8dd;border-radius:9px;background:white;box-shadow:var(--shadow);color:#39473b;font-size:11px;animation:toast-in .18s ease-out}@keyframes toast-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#17231bb0;backdrop-filter:blur(3px)}.modal-card{position:relative;width:min(470px,100%);max-height:min(700px,90vh);overflow:auto;padding:25px;border-radius:16px;background:#fff;box-shadow:0 24px 70px #15251b40}.modal-close{position:absolute;right:17px;top:17px;width:30px;height:30px;border:0;border-radius:7px;background:#f3f5f1;color:#687268;font-size:18px;cursor:pointer}.modal-kicker{margin:0 0 7px;color:#79916d;font-size:8px;font-weight:700;letter-spacing:1px}.modal-card h2{margin:0 35px 8px 0;font:700 21px Manrope,sans-serif;letter-spacing:-.6px}.modal-card>p{margin:0 0 18px;color:#7f887d;font-size:11px;line-height:1.7}.modal-worker{display:flex;align-items:center;gap:12px;margin:18px 0;padding:13px;border:1px solid #edf0ea;border-radius:10px}.modal-worker .worker-avatar{width:49px;height:49px}.modal-worker strong,.modal-worker small{display:block}.modal-worker strong{font:700 12px Manrope,sans-serif}.modal-worker small{margin-top:4px;color:#8b9388;font-size:9px}.modal-actions{display:flex;gap:9px;margin-top:19px}.button-secondary{border:1px solid #e6ebe3;background:white;color:#5f6c60}.button-block{width:100%}.empty-state{padding:35px 15px;border:1px dashed #dfe6da;border-radius:11px;color:#768174;text-align:center}.empty-state strong{display:block;margin-bottom:6px;color:#3d4a3f;font:700 12px Manrope,sans-serif}.empty-state p{margin:0;font-size:9px}.role-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}.role-intro .eyebrow{margin-bottom:10px}.role-intro h1{margin:0;font:700 29px Manrope,sans-serif;letter-spacing:-1.2px}.role-intro p{margin:7px 0 0;color:#899187;font-size:11px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(220px,.75fr);gap:15px}.dashboard-main,.dashboard-side{display:grid;align-content:start;gap:13px}.surface-card{padding:18px;border:1px solid #e8ece5;border-radius:12px;background:white}.surface-card h2{margin:0 0 5px;font:700 13px Manrope,sans-serif}.surface-card>p{margin:0;color:#8a9287;font-size:9px;line-height:1.65}.online-card{position:relative;overflow:hidden;background:linear-gradient(120deg,#eff5eb,#fff 75%)}.online-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.status-label{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;color:#678257;font-size:8px;font-weight:700;letter-spacing:.6px}.status-label i{width:7px;height:7px;border-radius:50%;background:#76a268}.online-card h2{font-size:17px}.online-settings{display:flex;align-items:center;gap:15px;margin-top:17px;padding-top:13px;border-top:1px solid #e5ecdf;color:#747e71;font-size:8px}.online-settings span{display:flex;align-items:center;gap:5px}.online-settings b{color:#455343}.request-card{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:11px;padding:13px 0;border-top:1px solid #eff1ed}.request-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#f5efe3;color:#9c8052;font-size:15px}.request-copy strong,.request-copy small{display:block}.request-copy strong{font-size:10px}.request-copy small{margin-top:4px;color:#8e968c;font-size:8px}.button-quiet{border:1px solid #e6ebe3;background:white;color:#697469}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.admin-stat{padding:15px;border:1px solid #e8ece5;border-radius:10px;background:#fff}.admin-stat small,.admin-stat strong,.admin-stat span{display:block}.admin-stat small{color:#8d968b;font-size:8px}.admin-stat strong{margin:9px 0 5px;font:700 23px Manrope,sans-serif}.admin-stat span{color:#79906d;font-size:8px}.admin-stat.is-warn strong{color:#b7863c}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 0 11px}.admin-toolbar h2{margin:0;font:700 13px Manrope,sans-serif}.admin-filters{display:flex;gap:6px}.admin-filter{height:28px;padding:0 9px;border:1px solid #e7ebe4;border-radius:6px;background:white;color:#778074;font-size:8px;cursor:pointer}.admin-filter.is-active{border-color:#dbe7d4;background:#eef4ea;color:#527049;font-weight:700}.admin-table-wrap{overflow:auto;border:1px solid #e8ece5;border-radius:10px;background:white}.admin-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.admin-table th{padding:11px 12px;border-bottom:1px solid #edf0ea;color:#969e94;font-size:7px;font-weight:700;letter-spacing:.6px}.admin-table td{padding:12px;border-bottom:1px solid #f0f2ee;color:#616b60;font-size:9px}.admin-table tr:last-child td{border-bottom:0}.admin-table strong{color:#354136;font-weight:600}.admin-status{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:12px;background:#faf2e2;color:#a47a37;font-size:7px}.admin-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.admin-status.is-ok{background:#ecf3e9;color:#648257}.admin-action{width:25px;height:25px;border:1px solid #e9ede6;border-radius:6px;background:white;color:#657362;cursor:pointer}.view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.view-toolbar .button{min-height:33px}
.modal-textarea{width:100%;min-height:83px;padding:10px;border:1px solid #e5eae2;border-radius:8px;resize:vertical;font:10px "DM Sans",sans-serif}
.status-label.is-offline{color:#858d83}.status-label.is-offline i{background:#a4aba1}
@media(min-width:1400px){.main-content{padding-right:58px;padding-left:58px}}
@media(max-width:1050px){.sidebar{width:210px}.main-content{margin-left:210px;padding:0 25px}.worker-avatar{width:38px;height:38px}.admin-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.sidebar{inset:auto 0 0;width:auto;height:62px;padding:5px 9px calc(5px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line);background:#fffffffa}.sidebar .brand,.sidebar-caption,.sidebar-help,.profile-mini{display:none}.side-nav{height:100%;grid-template-columns:repeat(3,1fr);gap:4px}.nav-link{height:100%;padding:5px 2px;display:flex;flex-direction:column;justify-content:center;gap:2px;border-radius:7px;font-size:8px}.nav-icon{height:18px;font-size:16px}.nav-link[data-view=client] span:last-child{display:block}.main-content{min-height:100vh;margin:0;padding:0 17px 78px}.topbar{height:54px}.secure-label{font-size:0}.secure-dot{width:7px;height:7px}.top-actions{gap:10px}.chip{height:27px;padding:0 8px;font-size:8px}.chip span{font-size:10px}.worker-avatar{width:44px;height:44px}.page-foot{flex-wrap:wrap;gap:8px 13px;padding-top:13px;font-size:7px}.page-foot span:first-child{width:100%}.dashboard-grid{grid-template-columns:1fr}.admin-stats{grid-template-columns:repeat(2,1fr)}.role-intro h1{font-size:25px}.role-view{padding-top:26px}.admin-toolbar{align-items:flex-start;flex-direction:column}.admin-filters{max-width:100%;overflow:auto}.request-card{grid-template-columns:32px 1fr;gap:8px}.request-icon{width:32px;height:32px}.toast-region{right:12px;bottom:75px;left:12px}.toast{max-width:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.draft-recovery{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:6px 0 14px;padding:10px;border:1px solid #dfe9d8;border-radius:10px;background:#f8faf6}.draft-recovery small{flex:1;color:#65715f}.draft-recovery .button{margin:0}
.email-confirmation-page{margin:0;padding:32px 18px;background:var(--bg,#f7f8f5);color:var(--ink,#29352b);font-family:Arial,sans-serif}.email-confirmation-page main{max-width:560px;margin:6vh auto;padding:28px}.email-confirmation-page h1{font-size:24px}.email-confirmation-page form{display:grid;gap:14px}.email-confirmation-page form[hidden]{display:none}.email-confirmation-page [role=status]{line-height:1.6}
.email-confirmation-page main p,.email-confirmation-page main a{font-size:15px}.email-confirmation-page .form-label{font-size:14px}.email-confirmation-page input,.email-confirmation-page button{font-size:14px}
.modal-card:has([data-confirm-logout]){width:min(360px,100%);padding:20px}
.modal-card:has([data-confirm-logout]) h2{font-size:18px}
.modal-card:has([data-confirm-logout]) .modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
.modal-card:has([data-confirm-logout]) .modal-actions .button{width:100%;min-height:38px;padding:0 8px;font-size:11px}
