/* Progressive visual layer. Removing visual-refresh restores the existing stylesheet. */
.design-extra{display:none}.visual-refresh .rr-icon{display:inline-block;flex:none;vertical-align:middle}.visual-refresh .design-number{display:none}
.visual-refresh{--ink:#20352f;--muted:#65746e;--line:#e1e8e3;--surface:#fff;--bg:#f5f7f4;--shadow:0 5px 24px rgba(32,53,47,.045)}
.visual-refresh body{background:radial-gradient(ellipse at 0 0,rgba(222,235,224,.45),transparent 46%),var(--bg);color:var(--ink)}
.visual-refresh .topbar{background:rgba(255,255,255,.97);border-bottom-color:#e3e9e4;box-shadow:0 3px 16px rgba(25,50,36,.025)}
.visual-refresh .brand strong{letter-spacing:-.025em}.visual-refresh .workspace-label{letter-spacing:.02em}.visual-refresh .brand>span{border-radius:13px}
.visual-refresh .main-nav>a,.visual-refresh .nav-group>summary{align-items:center;gap:7px}.visual-refresh .main-nav .rr-icon{width:17px;height:17px}.visual-refresh .nav-submenu a{display:flex;align-items:center;gap:10px}
.visual-refresh .pwa-bottom-nav .rr-icon{width:22px;height:22px}.visual-refresh .notification-bell .rr-icon{width:21px;height:21px}
.visual-refresh .hero{border-bottom:1px solid var(--line);padding-bottom:23px}.visual-refresh .hero h1{letter-spacing:-.045em;font-weight:760}.visual-refresh .hero p:not(.eyebrow){line-height:1.65}.visual-refresh .eyebrow{letter-spacing:.15em;font-size:10px}
.visual-refresh .design-home{position:relative;overflow:hidden;min-height:208px;border:1px solid #dce6dc;border-radius:22px;padding:32px 35px;background:linear-gradient(115deg,#eef4ec,#f8faf4 68%,#e7efe4);align-items:center}.visual-refresh .design-home>div{position:relative;z-index:1;max-width:60%}.visual-refresh .design-home h1{font-size:clamp(27px,3vw,38px)}.visual-refresh .design-welcome-art{display:block;object-fit:contain;width:31%;height:auto;flex:none;max-height:190px}
.visual-refresh .panel{box-shadow:var(--shadow);border-radius:17px}.visual-refresh .panel-head h2{letter-spacing:-.025em}.visual-refresh .stat{position:relative;box-shadow:var(--shadow);border-radius:17px}.visual-refresh .stat strong{letter-spacing:-.04em}.visual-refresh .stat small{line-height:1.5}
.visual-refresh .module-card{position:relative;min-height:180px;padding:27px;border-color:var(--line);box-shadow:var(--shadow);border-radius:20px;transition:border-color .18s,box-shadow .18s,transform .18s}.visual-refresh .module-card:hover{border-color:var(--primary);box-shadow:0 10px 28px rgba(25,50,36,.08);transform:translateY(-2px)}.visual-refresh .module-card>span{width:48px;height:48px;border-radius:15px}.visual-refresh .module-card>span .rr-icon{width:26px;height:26px}.visual-refresh .module-card.leave>span{background:#e7f1e7;color:#426c50}.visual-refresh .module-card.organization>span{background:#f4ebde;color:#846d46}.visual-refresh .module-card h2{font-size:23px;line-height:1.25}.visual-refresh .module-card p{max-width:34ch;line-height:1.65}
.visual-refresh .filters{gap:12px}.visual-refresh input:not([type=checkbox]):not([type=radio]),.visual-refresh select,.visual-refresh textarea{border-color:#d7e1d9;border-radius:10px}.visual-refresh input:focus-visible,.visual-refresh select:focus-visible,.visual-refresh textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.visual-refresh .button,.visual-refresh button{border-radius:10px;gap:7px}.visual-refresh .button.primary,.visual-refresh button.primary{box-shadow:0 3px 8px rgba(25,50,36,.09)}
.visual-refresh .table-wrap{border-radius:12px}.visual-refresh table thead th{padding-top:13px;padding-bottom:13px;letter-spacing:.045em}.visual-refresh table tbody td{padding-top:15px;padding-bottom:15px}.visual-refresh table tbody tr:hover{background:rgba(235,242,236,.45)}
.visual-refresh .punch-card{border-radius:21px;box-shadow:var(--shadow)}.visual-refresh .punch-clock{letter-spacing:-.06em}.visual-refresh .worker-vacation-balance{border-radius:21px}.visual-refresh .pwa-bottom-nav{box-shadow:0 -4px 18px rgba(25,50,36,.05)}
.design-preferences .actions{flex-wrap:wrap}.design-preferences [aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}
@media(min-width:761px) and (max-width:1150px){.visual-refresh .main-nav .rr-icon{display:none}}
@media(max-width:760px){.visual-refresh .design-home{padding:22px 20px;min-height:174px;flex-direction:row;gap:8px;align-items:center}.visual-refresh .design-home>div{max-width:68%}.visual-refresh .design-welcome-art{width:30%;min-width:80px}.visual-refresh .design-home h1{font-size:26px}.visual-refresh .design-home p:not(.eyebrow){font-size:12px}.visual-refresh .hero{padding-bottom:17px}.visual-refresh .module-card{min-height:0;padding:21px;gap:15px}.visual-refresh .module-card h2{font-size:21px}.visual-refresh .panel{border-radius:15px}.visual-refresh .main-nav .rr-icon{display:inline-block}}
@media(max-width:380px){.visual-refresh .design-home>div{max-width:100%}.visual-refresh .design-welcome-art{display:none}}
@media(prefers-reduced-motion:reduce){.visual-refresh .module-card{transition:none}.visual-refresh .module-card:hover{transform:none}}
@media print{.design-extra,.design-preferences{display:none!important}.visual-refresh body,.visual-refresh .design-home{background:#fff!important}.visual-refresh .design-home{min-height:0;padding:0;border:0}.visual-refresh .design-home>div{max-width:100%}.visual-refresh .panel,.visual-refresh .stat,.visual-refresh .module-card{box-shadow:none}}

.visual-refresh .main-nav>a{column-gap:0}.visual-refresh .main-nav>a>.rr-icon{margin-right:7px}