*{box-sizing:border-box}body{margin:0;color:var(--color-text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.shell{max-width:1150px;margin:auto;padding:24px}.nav{background:var(--color-surface);color:white;padding:16px 24px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.nav a:hover{text-decoration:underline}.nav .brand{font-weight:800;font-size:20px;margin-right:auto}.card{background:var(--color-surface);border:1px solid var(--color-secondary);border-radius:14px;padding:24px;box-shadow:0 2px 8px #162b4010}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.btn{display:inline-block;color:white;border:0;padding:11px 16px;border-radius:9px;font-weight:600}.btn,.btn.secondary{background:var(--color-surface)}.btn.secondary{color:#19334a}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field input,.field select{padding:10px;border:1px solid var(--color-border);border-radius:8px;width:100%}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px;border-bottom:1px solid #e3e8ed}th{color:var(--color-text-secondary);font-size:13px}.muted{color:#64748b}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:12px;gap:12px}.login{max-width:430px;margin:12vh auto;padding:20px}.alert{background:var(--color-surface);padding:12px;border-radius:8px;color:#9c3020}.pill{display:inline-block;background:#e6f5ef;color:#137151;border-radius:20px;padding:5px 10px;font-size:12px}@media(max-width:600px){.shell{padding:14px}.nav{gap:12px}.card{padding:16px}}.terminal{min-height:100dvh;color:var(--color-text);padding:20px;display:grid;place-items:center}.terminal-box{border-radius:24px;width:min(760px,100%);padding:clamp(18px,4vw,42px);box-shadow:0 18px 55px #0004}.terminal-box header{display:flex;justify-content:space-between;align-items:center;gap:12px}.terminal-box section{text-align:center;padding:18px 0}.terminal-box h1{font-size:clamp(30px,5vw,46px);margin:10px 0}.terminal-icon{font-size:55px;color:#147d76}.pin-dots{display:flex;justify-content:center;gap:12px;margin:24px auto}.pin-dots span{font-size:28px;color:#147d76}.keypad{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;max-width:330px;margin:auto}.keypad button{min-height:65px;border-radius:13px;font-size:26px;font-weight:600;touch-action:manipulation}.terminal-actions{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin:25px auto 0;max-width:540px}.terminal-actions .btn{min-height:70px;font-size:18px;touch-action:manipulation}.terminal-box footer{border-top:1px solid var(--color-secondary);padding-top:16px;text-align:center;font-size:12px}.terminal-success{background:#e1f5eb;padding:16px;border-radius:10px;text-align:center;color:#136f43;margin-bottom:14px;font-weight:700}:root{--ink:#202239}body{font-family:Arial,Helvetica,sans-serif;background:var(--color-surface);color:var(--ink)}.app-frame{display:flex;min-height:100vh}.side-nav{width:250px;flex-shrink:0;color:var(--color-text);padding:28px 16px;display:flex;flex-direction:column;gap:22px}.side-brand{font-size:22px;font-weight:800;padding:0 12px}.side-caption{font-size:10px;letter-spacing:1.6px;padding:0 12px}.side-links{display:grid;grid-gap:7px;gap:7px}.side-links a{border-radius:10px;padding:14px 12px;font-size:14px}.side-links a:focus-visible,.side-links a:hover{color:white}.side-user{margin-top:auto;border-top:1px solid var(--color-secondary);padding:18px 10px;display:grid;grid-gap:8px;gap:8px;overflow-wrap:anywhere}.side-user small{color:#aaaac1}.app-main{flex:1 1;min-width:0}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;font-weight:700}.topbar-user{font-size:13px;font-weight:400}.shell{max-width:1400px;padding:32px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.page-heading h1{margin:4px 0 8px;font-size:32px}.eyebrow{font-size:11px;color:var(--purple);font-weight:800;letter-spacing:1.6px}.btn{background:var(--purple)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.metric{border:1px solid var(--color-secondary);border-radius:16px;padding:22px;box-shadow:0 4px 16px #26224308}.metric,.metric-icon{background:var(--color-surface)}.metric-icon{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;color:var(--purple);border-radius:12px;font-size:22px}.metric p{color:var(--color-text-secondary);font-size:13px}.metric strong{font-size:34px}.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin-top:22px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-head a{font-size:13px;color:var(--purple)}.dept-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--color-secondary);padding:15px 0}.quicklinks{display:grid;grid-gap:10px;gap:10px}.quicklinks a{display:flex;justify-content:space-between;padding:15px;background:var(--color-surface);border-radius:10px;font-weight:600;font-size:14px}.quicklinks a:hover{background:#eee7ff}.card{border-color:var(--color-secondary);box-shadow:0 4px 16px #26224308}.terminal{background:linear-gradient(140deg,#17142e,#38285e)}.terminal-box{border:1px solid #e8e0ff}.keypad button:active{background:#ddd2ff}.terminal-icon{color:var(--purple)}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{grid-template-columns:1fr}}@media(max-width:750px){.app-frame{display:block}.side-nav{width:auto;padding:16px;gap:12px}.side-brand{font-size:19px}.side-caption,.side-user{display:none}.side-links{display:flex;overflow:auto}.side-links a{white-space:nowrap;padding:10px}.topbar{height:54px;padding:0 16px}.topbar-user{display:none}.shell{padding:18px}.page-heading{align-items:flex-start;flex-direction:column}.metric-grid{gap:10px}.metric{padding:15px}.metric strong{font-size:27px}}.schedule-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:9px;gap:9px;margin-bottom:18px}.schedule-day{display:grid;grid-gap:7px;gap:7px;text-align:center;background:var(--color-surface);border:1px solid var(--color-secondary);border-radius:13px;padding:16px 6px;color:#27253d}.schedule-day.active{background:var(--color-primary);color:white}.schedule-day small{font-size:12px}.schedule-day b{font-size:11px;font-weight:500}.schedule-day:hover{border-color:#7051c8}@media(max-width:750px){.schedule-grid{gap:4px}.schedule-day{padding:10px 2px}.schedule-day b{font-size:9px}}.employee-shell{color:#24223c}.employee-header{color:#fff;padding:18px max(18px,calc((100vw - 1000px)/2));display:flex;justify-content:space-between;align-items:center;gap:14px}.employee-brand{font-size:19px;font-weight:800}.employee-nav{display:flex;gap:8px;overflow:auto;padding:14px max(18px,calc((100vw - 1000px)/2));border-bottom:1px solid #e9e6f3}.employee-nav a{white-space:nowrap;padding:11px 14px;background:var(--color-surface);border-radius:12px;font-size:14px;font-weight:700}.employee-nav a:hover{background:#ded4f5}.employee-content{max-width:1000px;margin:0 auto;padding:30px 18px}.employee-content h1{font-size:clamp(26px,4vw,36px)}.employee-content .card{margin-bottom:16px}.employee-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px;margin-top:24px}.employee-cards h2{font-size:18px}.employee-cards strong{font-size:22px}.employee-cards a{font-weight:700}.employee-list-item{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--color-secondary);padding:18px 0}.employee-list-item:last-child{border-bottom:0}.employee-list-item p{margin:8px 0}.employee-footer{padding:20px;text-align:center;font-size:12px}.field textarea{width:100%;min-height:80px;border:1px solid var(--color-border);border-radius:8px;padding:10px;font:inherit}@media(max-width:600px){.employee-header{flex-wrap:wrap}.employee-list-item{align-items:flex-start;flex-direction:column;gap:8px}.employee-content{padding:20px 14px}}:root{--pl-primary:var(--color-primary);--pl-primary-dark:var(--color-primary);--pl-background:var(--color-background);--pl-text:var(--color-text)}body{background:var(--pl-background);color:var(--pl-text)}button,input,select,textarea{font-family:inherit}.btn:not(.secondary){background:var(--pl-primary)}.btn:not(.secondary):hover{background:var(--pl-primary-dark)}.card{border-radius:16px}.employee-shell{--glass-ink:var(--color-surface);--glass-muted:var(--color-text-secondary);--glass-accent:var(--color-primary);min-height:100dvh}.employee-header,.employee-shell{color:var(--glass-ink);background:var(--color-surface)}.employee-header{position:relative;z-index:10;border-bottom:1px solid var(--color-secondary);box-shadow:var(--shadow-surface);-webkit-backdrop-filter:none;backdrop-filter:none}.employee-brand{color:var(--color-text);font-weight:850;letter-spacing:-.045em}.employee-nav{position:-webkit-sticky;position:sticky;top:0;z-index:9;background:var(--color-surface);border-bottom:1px solid var(--color-secondary);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--shadow-surface)}.employee-nav a{background:transparent;color:var(--color-primary);border:1px solid transparent;border-radius:13px;transition:background .2s ease,color .2s ease,transform .2s ease}.employee-nav a:hover{background:var(--color-surface);border-color:var(--color-secondary);color:var(--color-primary);transform:translateY(-1px)}.employee-content{position:relative;z-index:1}.employee-content .card{background:var(--color-surface);border:1px solid var(--color-secondary);border-radius:22px;box-shadow:var(--shadow-surface);-webkit-backdrop-filter:none;backdrop-filter:none;transition:box-shadow .25s ease,transform .25s ease}.employee-cards .card:hover{transform:translateY(-3px);box-shadow:var(--shadow-surface)}.employee-content h1{color:var(--color-text);letter-spacing:-.045em;font-weight:800}.employee-content h2{color:var(--color-text);letter-spacing:-.025em}.employee-cards a{color:var(--color-primary)}.employee-footer{color:var(--color-text-secondary)}.employee-content .es-day,.employee-content .es-stats>div,.employee-content .es-week-nav{background:var(--color-surface);border:1px solid var(--color-secondary);border-radius:20px;box-shadow:var(--shadow-surface);-webkit-backdrop-filter:none;backdrop-filter:none}.employee-content .es-day{transition:transform .22s ease,box-shadow .22s ease}.employee-content .es-day:hover{transform:translateY(-2px);box-shadow:var(--shadow-surface)}.employee-content .es-day-count,.employee-content .es-status{background:rgba(211,244,230,.85);color:#14745e}@media (max-width:650px){.employee-header{padding:16px}.employee-nav{gap:6px;padding:10px 12px}.employee-nav a{padding:10px 12px;font-size:12px}.employee-content{padding:22px 14px 32px}.employee-content .card,.employee-content .es-day{border-radius:19px}}@media (prefers-reduced-motion:reduce){.employee-shell *,.employee-shell :after,.employee-shell :before{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--purple:var(--color-primary);--pl-accent:var(--color-primary);--pl-ink:var(--color-text);--pl-muted:var(--color-text-secondary);--pl-glass:var(--color-surface);--pl-line:var(--color-secondary);--pl-shadow:0 14px 44px var(--color-text)}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.app-frame{color:var(--pl-ink)}.app-frame,.side-nav{background:var(--color-surface)}.side-nav{border-right:1px solid var(--color-secondary);box-shadow:var(--shadow-surface)}.side-brand{color:#fff;letter-spacing:-.05em;font-weight:850}.side-caption{color:var(--color-text-secondary)}.side-links a{color:var(--color-primary);border:1px solid transparent;border-radius:14px;transition:background .2s ease,transform .2s ease}.side-links a:focus-visible,.side-links a:hover{background:var(--color-surface);border-color:var(--color-secondary);color:#fff;transform:translateX(2px)}.side-user{border-top-color:var(--color-secondary)}.side-user small{color:var(--color-text-secondary)}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-secondary);box-shadow:var(--shadow-surface);-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--pl-ink)}@media (min-width:769px){.app-main .shell{width:100%;max-width:none;margin:0;padding:24px}.app-main .topbar{padding-inline:24px}.app-main .dashboard-columns>*,.app-main .metric-grid>*,.app-main .shell>*{min-width:0}.app-main .dashboard-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.app-main .dept-row,.app-main .page-heading,.app-main .section-head{flex-wrap:wrap}.app-main .shell{overflow-wrap:anywhere}.app-main .overtime-page,.app-main .planistro-monthly{padding:0}.app-main{container-type:inline-size}.app-main .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:769px){@container (max-width: 850px){.app-main .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-main .dashboard-columns{grid-template-columns:minmax(0,1fr)}}}.app-main h1,.app-main h2{color:var(--pl-ink);letter-spacing:-.035em}.app-main .eyebrow{color:var(--pl-accent)}.app-main .card,.app-main .metric{background:var(--pl-glass);border:1px solid var(--pl-line);border-radius:22px;box-shadow:var(--shadow-surface);-webkit-backdrop-filter:none;backdrop-filter:none}.app-main .metric-icon{background:var(--color-surface);color:var(--pl-accent)}.app-main .metric strong{color:var(--pl-ink);letter-spacing:-.045em}.app-main .quicklinks a{border:1px solid var(--color-secondary);border-radius:14px;color:var(--pl-ink)}.app-main .quicklinks a,.app-main .quicklinks a:hover{background:var(--color-surface)}.app-main .section-head a{color:var(--pl-accent)}.app-main .btn:not(.secondary),.app-main button.btn:not(.secondary){background:var(--color-surface);color:white;border-radius:12px;box-shadow:var(--shadow-surface)}.app-main .btn.secondary{background:var(--color-surface);color:var(--pl-ink);border:1px solid var(--color-secondary);border-radius:12px}.app-main .field input,.app-main .field select,.app-main .field textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;color:var(--pl-ink)}.app-main th{color:var(--color-text-secondary)}.app-main td{border-bottom-color:var(--color-secondary)}.terminal,.terminal-box{background:var(--color-surface)}.terminal-box{border:1px solid var(--color-secondary);border-radius:30px;color:var(--pl-ink);box-shadow:var(--shadow-surface);-webkit-backdrop-filter:none;backdrop-filter:none}.terminal-box h1{color:var(--pl-ink);letter-spacing:-.05em;font-weight:850}.pin-dots span,.terminal-icon{color:var(--pl-accent)}.keypad button{min-height:72px;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-secondary);border-radius:18px;font-weight:750;box-shadow:var(--shadow-surface);transition:background .15s ease,transform .15s ease}.keypad button:active{background:var(--color-surface);transform:scale(.96)}.terminal-actions .btn{min-height:76px;border-radius:17px;background:var(--color-surface);color:white;font-weight:750;box-shadow:var(--shadow-surface)}.terminal-actions .btn:disabled{opacity:.45;box-shadow:none}.terminal-box footer{border-top-color:var(--color-secondary);color:var(--color-text-secondary)}.terminal-success{background:#ddf5e9;border:1px solid #b8e8d0;color:#146e50;border-radius:15px}.terminal .field input{border-radius:13px;border:1px solid var(--color-border);background:var(--color-surface)}.terminal .btn:not(:disabled){cursor:pointer}.app-frame :focus-visible,.terminal :focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}@media(max-width:750px){.side-nav{border-right:0;border-bottom:1px solid var(--color-secondary);box-shadow:var(--shadow-surface)}.side-links a:hover{transform:none}.app-main .shell{padding:18px 14px}.app-main .card,.app-main .metric{border-radius:18px}.terminal{padding:12px}.terminal-box{border-radius:22px}}@media(prefers-reduced-motion:reduce){.app-frame *,.terminal *{transition-duration:.01ms!important;animation-duration:.01ms!important}}.pl26-sidebar{width:274px;padding:26px 16px 18px;gap:0}.pl26-brand-wrap{padding:0 8px 36px}.pl26-brand{display:flex;align-items:center;gap:12px;padding:0;text-decoration:none}.pl26-brand-mark{width:45px;height:45px;flex-shrink:0;display:grid;place-items:center;border-radius:15px;background:var(--color-surface);box-shadow:var(--shadow-surface);color:white;font-size:25px;font-weight:850}.pl26-brand strong{display:block;font-size:23px;line-height:1.1;letter-spacing:-.055em}.pl26-brand small{display:block;margin-top:5px;color:var(--color-text-secondary);font-size:9px;font-weight:750;letter-spacing:1.25px}.pl26-nav-label{padding:0 14px;margin-bottom:13px;color:var(--color-text-secondary);font-size:10px;font-weight:800;letter-spacing:1.7px}.pl26-nav{display:grid;grid-gap:5px;gap:5px}.pl26-nav .pl26-nav-link{display:flex;align-items:center;gap:13px;min-height:47px;padding:12px 13px;border:1px solid transparent;border-radius:14px;color:var(--color-text);font-size:13px;font-weight:650;transition:background .2s ease,color .2s ease,transform .2s ease}.pl26-nav-link svg{flex-shrink:0;opacity:.85}.pl26-nav .pl26-nav-link:hover{background:var(--color-surface);color:white;transform:translateX(2px)}.pl26-nav .pl26-nav-link.is-active{background:var(--color-surface);border-color:var(--color-secondary);color:#fff;box-shadow:var(--shadow-surface)}.pl26-nav-link.is-active svg{color:var(--color-text);opacity:1}.pl26-active-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--color-surface);box-shadow:var(--shadow-surface)}.pl26-user{margin-top:auto;padding:20px 10px 4px;gap:14px}.pl26-user-info{display:flex;align-items:center;gap:11px;min-width:0}.pl26-avatar{width:39px;height:39px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--color-secondary);border-radius:13px;background:var(--color-surface);color:#fff;font-size:13px;font-weight:800}.pl26-user-text{display:grid;grid-gap:4px;gap:4px;min-width:0}.pl26-user-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:12px}.pl26-user-text small{color:var(--color-text-secondary);font-size:11px}.pl26-topbar-status{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--color-secondary);border-radius:999px;background:var(--color-surface);color:var(--color-text);font-size:12px;font-weight:700}.pl26-topbar-status span{width:7px;height:7px;border-radius:50%;background:#28b487}@media(max-width:750px){.pl26-sidebar{width:100%;padding:14px 12px 12px}.pl26-brand-wrap{padding:0 4px 14px}.pl26-brand-mark{width:38px;height:38px;border-radius:12px;font-size:22px}.pl26-brand strong{font-size:20px}.pl26-brand small,.pl26-nav-label{display:none}.pl26-nav{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.pl26-nav .pl26-nav-link{flex-shrink:0;min-height:42px;padding:10px 12px;font-size:12px;white-space:nowrap}.pl26-nav-link svg{width:17px;height:17px}.pl26-active-dot,.pl26-user{display:none}.pl26-topbar{height:52px}}@media(prefers-reduced-motion:reduce){.pl26-nav-link{transition:none!important}}.terminal .terminal-employee-grid{gap:18px;margin-block:24px 30px}.terminal .terminal-employee-grid button{min-height:84px;padding:18px}.terminal .keypad{gap:16px;margin-block:24px}.terminal .keypad button{min-height:76px}.terminal .terminal-actions{gap:18px;margin-top:30px}.terminal .terminal-box section{padding-block:26px}@media (max-width:600px){.terminal .terminal-employee-grid{gap:14px}.terminal .keypad{gap:12px}}.terminal .terminal-actions+.btn{display:block;width:-moz-fit-content;width:fit-content;min-width:180px;min-height:54px;margin:32px auto 12px;padding:14px 28px;border-radius:14px}.mobile-bottom-nav{display:none}.terminal-employee-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.responsive-dialog{width:min(450px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;border:1px solid var(--color-secondary);border-radius:22px;padding:24px;background:var(--color-surface);color:var(--pl-ink,var(--color-text));box-shadow:var(--shadow-surface);overflow-y:auto;overscroll-behavior:contain}.responsive-dialog::-webkit-backdrop{background:var(--color-surface)}.responsive-dialog::backdrop{background:var(--color-surface)}.mobile-bottom-nav :focus-visible,.responsive-dialog :focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.mobile-more-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-more-heading h2{margin:0;font-size:20px}.mobile-more-links{display:grid;grid-gap:8px;gap:8px;margin:20px 0}.mobile-more-links a{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px;border-radius:12px;background:var(--color-surface)}.mobile-more-links a[aria-current]{background:var(--color-surface);font-weight:700}.mobile-account{overflow-wrap:anywhere;color:var(--pl-muted)}@media(max-width:768px){.app-frame{display:block;min-width:0}.app-frame>.side-nav,.employee-nav{display:none}.app-main .shell{padding:18px 14px calc(96px + env(safe-area-inset-bottom))}.app-main .topbar{height:auto;min-height:54px;padding:12px 14px;gap:12px;flex-wrap:wrap}.app-main .page-heading{align-items:flex-start;flex-direction:column;gap:12px}.app-main .page-heading h1{font-size:clamp(26px,6vw,32px)}.employee-content{padding:22px 14px}.employee-shell{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.employee-header{flex-wrap:wrap;padding:14px;gap:10px}.employee-footer{overflow-wrap:anywhere}.app-main .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.app-main .formgrid,.employee-content .formgrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.employee-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.app-main .field,.employee-content .field{min-width:0}.app-main .field input,.app-main .field select,.employee-content .field input,.employee-content .field select{min-width:0;max-width:100%;min-height:44px;font-size:16px}.employee-list-item{flex-direction:column;align-items:flex-start;gap:10px}.employee-list-item>div{min-width:0;max-width:100%;overflow-wrap:anywhere}.app-main .card,.employee-content .card{min-width:0;padding:16px}.mobile-bottom-nav{position:fixed;inset:auto 0 0;z-index:100;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-gap:2px;gap:2px;padding:8px 4px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--color-secondary);background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--shadow-surface)}.mobile-bottom-nav>a,.mobile-bottom-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:52px;padding:6px 1px;border:0;border-radius:12px;background:transparent;color:var(--color-primary);font:inherit;font-size:10px;font-weight:700;text-align:center}.mobile-bottom-nav>a>span:first-child,.mobile-bottom-nav>button>span:first-child{display:grid;place-items:center;height:22px;font-size:21px}.mobile-bottom-nav .is-active,.mobile-bottom-nav [aria-current=page]{background:var(--color-surface);color:var(--color-text)}.responsive-dialog{padding:18px;max-height:calc(100dvh - 16px);width:calc(100% - 16px);border-radius:18px}.responsive-dialog input,.responsive-dialog select{min-width:0;max-width:100%;font-size:16px;min-height:44px}}.mobile-record-list{display:none}@media(max-width:768px){.desktop-record-table{display:none}.mobile-record-list{display:grid;grid-gap:12px;gap:12px;margin:18px 0}.mobile-detail-card{min-width:0;padding:16px;border:1px solid var(--color-secondary);border-radius:16px;background:var(--color-surface)}.mobile-detail-card h3{margin:0 0 12px;font-size:17px;overflow-wrap:anywhere}.mobile-detail-card dl{margin:0;display:grid;grid-gap:10px;gap:10px}.mobile-detail-card dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:12px;gap:12px}.mobile-detail-card dt{color:var(--color-text);font-size:13px}.mobile-detail-card dd{margin:0;text-align:right;overflow-wrap:anywhere;font-weight:700}.mobile-detail-card summary{min-height:44px;padding:14px 0;color:var(--color-text);cursor:pointer}.mobile-detail-card details[open] summary{margin-bottom:6px}.overtime-form label,.planistro-monthly form label{width:100%;min-width:0}.overtime-form input,.planistro-monthly form input{width:100%;min-width:0;font-size:16px}.planistro-monthly .monthly-download{overflow-wrap:anywhere}.app-main .overtime-page,.app-main .planistro-monthly{padding:0}.absence-direct-form,.absence-direct-form label,.planner-preview label{min-width:0}.absence-direct-form input,.absence-direct-form select,.absence-direct-form textarea,.planner-preview input,.planner-preview select{width:100%;min-width:0;max-width:100%;min-height:44px;font-size:16px}.planner-preview label{display:grid;grid-gap:8px;gap:8px}.employee-search input{width:100%;min-width:0;font-size:16px}.mobile-record-action{display:inline-flex;align-items:center;min-height:44px;color:var(--color-text)}.app-main .dept-row,.app-main .section-head,.employee-content .es-shift-top{flex-wrap:wrap}.app-main h1,.app-main h2,.correction-admin b,.correction-admin p,.employee-content .es-shift-top span,.employee-content h1,.employee-content h2{overflow-wrap:anywhere}.app-main .dept-row>*,.app-main .section-head>*{min-width:0;overflow-wrap:anywhere}.employee-content>.card p{overflow-wrap:anywhere}.app-main .metric strong{overflow-wrap:anywhere;font-size:clamp(22px,5vw,34px)}.app-main .metric p{overflow-wrap:anywhere}.terminal-box header{flex-wrap:wrap}.terminal-employee-picker button{min-width:0;overflow-wrap:anywhere}}@media(max-width:480px){.terminal-box .terminal-actions,.terminal-box .terminal-employee-picker{grid-template-columns:minmax(0,1fr)}}@media(max-width:599px){.mobile-more-dialog .mobile-more-heading{flex-wrap:wrap}.mobile-more-dialog .mobile-more-links a{min-width:0;overflow-wrap:anywhere}.mobile-more-dialog .btn{max-width:100%;white-space:normal;overflow-wrap:anywhere;min-height:44px}}@media (display-mode:standalone){.app-frame,.employee-shell,.pl-login{padding-top:env(safe-area-inset-top,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.mobile-bottom-nav{padding-left:max(4px,env(safe-area-inset-left,0px));padding-right:max(4px,env(safe-area-inset-right,0px))}}@media (max-width:768px){body,html{width:100%}.app-main,.employee-content,.employee-shell{min-width:0;max-width:100%}.app-frame,.app-main .shell{width:100%;min-width:0}.app-main .dashboard-columns>*,.app-main .metric-grid>*,.app-main .shell>*{min-width:0}.app-main .dashboard-columns{grid-template-columns:minmax(0,1fr)}.app-main .topbar>span:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}.app-main .topbar .brand-logo{flex-shrink:1}.app-main .page-heading>*{min-width:0;max-width:100%}.app-main .page-heading .btn,.app-main .quicklinks a{white-space:normal;overflow-wrap:anywhere}}@media (hover:none) and (pointer:coarse){.soft-violet :is(input,select,textarea){font-size:max(16px,1em)}}@media (min-width:769px){.app-frame>.desktop-dock{position:-webkit-sticky;position:sticky;top:0;align-self:flex-start;height:100dvh;width:274px;flex:0 0 auto;padding:18px 12px 12px;gap:12px;z-index:20}.desktop-dock .pl26-brand-wrap{padding:0 0 6px}.desktop-dock .pl26-brand{gap:10px;min-height:44px}.desktop-dock .dock-logo{flex-shrink:0;border-radius:13px}.desktop-dock .dock-brand-text{min-width:0}.desktop-dock .dock-toggle{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;flex-shrink:0;border:1px solid var(--color-secondary);border-radius:12px;background:var(--color-primary);color:#fff;font-weight:700}.desktop-dock .dock-toggle:hover{background:var(--color-primary-hover)}.desktop-dock :focus-visible{outline:3px solid var(--color-primary);outline-offset:-3px}.desktop-dock .pl26-nav-label{margin:0}.desktop-dock .pl26-nav{flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;align-content:start;scrollbar-width:thin}.desktop-dock .pl26-nav-link{flex-shrink:0}.desktop-dock .pl26-nav-link:is(:hover,:focus-visible){transform:none}.desktop-dock .pl26-user{margin:0;padding:12px 0 0;flex-shrink:0}.desktop-dock .dock-signout .btn{width:100%;min-height:44px;padding:10px 2px;font-size:12px}.app-frame>.desktop-dock[data-collapsed=true]{width:76px}.desktop-dock[data-collapsed=true] .pl26-brand{justify-content:center}.desktop-dock[data-collapsed=true] .dock-brand-text,.desktop-dock[data-collapsed=true] .dock-toggle-label,.desktop-dock[data-collapsed=true] .pl26-active-dot,.desktop-dock[data-collapsed=true] .pl26-nav-label,.desktop-dock[data-collapsed=true] .pl26-user-info{display:none}.desktop-dock[data-collapsed=true] .pl26-nav-link{justify-content:center;padding:12px 0}.desktop-dock[data-collapsed=true] .dock-link-label{display:none}.desktop-dock[data-collapsed=true] .pl26-nav-link:is(:hover,:focus-visible) .dock-link-label{display:block;position:fixed;left:82px;z-index:21;max-width:calc(100vw - 100px);padding:10px 14px;border:1px solid var(--color-secondary);border-radius:10px;background:var(--color-surface);color:white;box-shadow:var(--shadow-surface);pointer-events:none}}.soft-violet{--pl-background:var(--color-background);--ink:var(--color-text);--pl-glass:var(--color-surface);--pl-line:var(--color-secondary);--pl-shadow:var(--shadow-surface);background:var(--color-background)}.soft-violet .app-frame,.soft-violet .employee-shell,.soft-violet .pl-login,.soft-violet .terminal{background:var(--color-background);color:var(--color-text)}.soft-violet .employee-shell{--glass-ink:var(--color-text);--glass-muted:var(--color-text-secondary);--glass-accent:var(--color-primary)}.soft-violet :is(h1,h2,h3){color:var(--color-text)}.soft-violet :is(.card,.metric,.pl-stat,.pl-tm,.es-day,.es-week-nav,.es-stats>div,.terminal-box,.mobile-detail-card,.mobile-schedule-day,.employee-header,.employee-nav,.topbar,.pl-login-form-card,.pl-login-auth,.pl-login-layout){background:var(--color-surface);border-color:var(--color-secondary);border-radius:var(--radius-card);box-shadow:var(--shadow-surface);backdrop-filter:none;-webkit-backdrop-filter:none}.soft-violet .employee-cards .card:hover,.soft-violet .es-day:hover{transform:none;box-shadow:var(--shadow-surface)}.soft-violet :is(.muted,.employee-footer,th,.es-break,.es-empty,.es-free,.es-shift-top span){color:var(--color-text-secondary)}.soft-violet :is(.metric-icon,.pl-avatar,.pl-tm-item-icon,.pl26-avatar,.quicklinks a,.employee-nav a){background:var(--color-secondary);color:var(--color-primary)}.soft-violet :is(button,input,select,textarea,summary,.btn){min-height:44px}.soft-violet :is(button,.btn){min-width:44px}.soft-violet :is(input,select,textarea){max-width:100%;border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-surface);color:var(--color-text);accent-color:var(--color-primary)}.soft-violet :is(input,textarea)::placeholder{color:var(--color-text-secondary)}.soft-violet input[type=checkbox],.soft-violet input[type=radio]{min-height:24px;width:24px;vertical-align:middle;margin:10px}.soft-violet label:has(>input[type=checkbox]),.soft-violet label:has(>input[type=radio]){min-height:44px}.soft-violet :is(.btn:not(.secondary):not(.ghost),.pl-primary,.pl-login-submit,.overtime-form button,.terminal-actions .btn){background:var(--color-primary);color:var(--color-surface);border-radius:var(--radius-button);box-shadow:none}.soft-violet :is(.btn:not(.secondary):not(.ghost),.pl-primary,.pl-login-submit,.overtime-form button):hover:not(:disabled){background:var(--color-primary-hover)}.soft-violet :is(.btn:not(.secondary):not(.ghost),.pl-primary,.pl-login-submit):active:not(:disabled){background:var(--color-primary-active)}.soft-violet .btn.secondary,.soft-violet .pl-secondary{background:var(--color-secondary);color:var(--color-text);border-color:var(--color-secondary)}.soft-violet :is(.btn,.pl-primary):disabled{background:var(--color-background);color:var(--color-text-secondary);opacity:1;cursor:not-allowed}.soft-violet :focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.soft-violet .desktop-dock{background:var(--color-surface);color:var(--color-text);border-color:var(--color-glass-border);box-shadow:var(--shadow-surface)}.soft-violet .desktop-dock :is(.pl26-nav-link,.side-brand,.pl26-user-text strong){color:var(--color-text)}.soft-violet .desktop-dock :is(small,.pl26-nav-label){color:var(--color-text-secondary)}.soft-violet .desktop-dock .pl26-nav-link:is(:hover,:focus-visible,.is-active){background:var(--color-secondary);color:var(--color-primary);border-color:var(--color-glass-border);transform:none}.soft-violet .desktop-dock .pl26-nav-link.is-active{box-shadow:inset 3px 0 var(--color-primary)}.soft-violet .desktop-dock .pl26-nav-link.is-active svg,.soft-violet .pl26-active-dot{color:var(--color-primary)}.soft-violet .pl26-active-dot{background:var(--color-primary);box-shadow:none}.soft-violet .desktop-dock .dock-toggle{background:var(--color-secondary);color:var(--color-primary);border-color:var(--color-glass-border)}.soft-violet .desktop-dock[data-collapsed=true] .pl26-nav-link:is(:hover,:focus-visible) .dock-link-label{background:var(--color-text);color:var(--color-surface)}.soft-violet .pl26-topbar-status{background:var(--color-background);color:var(--color-text-secondary)}.soft-violet .terminal-box{background:var(--color-surface)}.soft-violet .terminal :is(.keypad button,.field input){background:var(--color-surface);color:var(--color-text);backdrop-filter:none;-webkit-backdrop-filter:none}.soft-violet .terminal .keypad button:active{background:var(--color-secondary);transform:none}.soft-violet .terminal .terminal-actions .btn{min-height:76px;font-size:18px}.soft-violet .terminal .terminal-actions .btn.secondary{background:var(--color-secondary);color:var(--color-text)}.soft-violet .terminal .terminal-clock{color:var(--color-text)}.soft-violet .pl-login{--login-green:var(--color-primary);--login-ink:var(--color-text);overflow:auto}.soft-violet .pl-login-orb{display:none}.soft-violet .pl-login-showcase{background:var(--color-text);color:var(--color-surface)}.soft-violet .pl-login-showcase :is(h1,h2,h3,strong){color:var(--color-surface)}.soft-violet .pl-login-showcase :is(p,small,.pl-login-description,.pl-login-brand span,.pl-login-showcase-footer,.pl-login-preview-label,.pl-login-preview-tile>span,.pl-login-preview-bottom,.pl-login-features>div){color:var(--color-secondary)}.soft-violet .pl-login-showcase h1 span{color:var(--color-secondary)}.soft-violet .pl-login-showcase :is(.pl-login-overline,.pl-login-preview,.pl-login-preview-tile,.pl-login-feature-icon,.pl-login-preview-badge,.pl-login-preview-check){background:var(--color-primary-active);color:var(--color-surface);backdrop-filter:none;-webkit-backdrop-filter:none}.soft-violet .pl-login-preview-tile svg{color:var(--color-surface)}.soft-violet .pl-login-eye{width:44px;height:44px}.soft-violet .employee-nav a,.soft-violet .es-week-nav a,.soft-violet .overtime-account nav a{display:inline-flex;align-items:center;min-height:44px}@media(min-width:769px){.soft-violet .app-main .shell{padding:var(--space-desktop)}}@media(max-width:768px){.soft-violet .mobile-bottom-nav{background:var(--color-surface);border-color:var(--color-glass-border);box-shadow:var(--shadow-surface);padding-left:max(4px,env(safe-area-inset-left));padding-right:max(4px,env(safe-area-inset-right))}.soft-violet .mobile-bottom-nav>:is(a,button){color:var(--color-text-secondary);min-width:44px;min-height:52px}.soft-violet .mobile-bottom-nav :is([aria-current=page],.is-active){background:var(--color-secondary);color:var(--color-primary)}.soft-violet :is(input,select,textarea){font-size:16px}.soft-violet .employee-header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}@supports (((-webkit-backdrop-filter:blur(16px)) or (backdrop-filter:blur(16px))) or (-webkit-backdrop-filter:blur(16px))){.soft-violet .desktop-dock,.soft-violet .mobile-bottom-nav{background:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}@media(prefers-reduced-transparency:reduce){.soft-violet .desktop-dock,.soft-violet .mobile-bottom-nav{background:var(--color-surface);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.soft-violet *,.soft-violet :after,.soft-violet :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.soft-violet{--overlay-scrim:rgba(36,36,61,.48)}.soft-violet .pl-tm.responsive-dialog::-webkit-backdrop,.soft-violet .responsive-dialog::-webkit-backdrop{background:var(--overlay-scrim)}.soft-violet .pl-modal-backdrop,.soft-violet .pl-tm.responsive-dialog::backdrop,.soft-violet .responsive-dialog::backdrop{background:var(--overlay-scrim)}.soft-violet .responsive-dialog{background:var(--color-surface);color:var(--color-text)}.soft-violet :is(td,.section-head,.employee-cards,.employee-list-item) a:not(.btn){display:inline-flex;align-items:center;min-height:44px;min-width:44px}.soft-violet .pin-dots span,.soft-violet .terminal-icon{color:var(--color-primary)}.soft-violet .alert{background:var(--color-error-bg);color:var(--color-error-text)}.terminal{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.terminal .terminal-box{min-width:0;width:min(100%,960px)}.terminal .terminal-box header{flex-wrap:wrap}.terminal .terminal-clock{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto;flex-shrink:0}.terminal .terminal-clock time{font-size:clamp(24px,4vw,36px);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.2;white-space:nowrap}.terminal .terminal-clock .muted{font-size:12px}.terminal h1,.terminal strong,.terminal-admin strong{overflow-wrap:anywhere}.terminal .terminal-employee-picker{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}.terminal .terminal-employee-picker button{min-width:0;font-size:18px;touch-action:manipulation}.terminal button,.terminal-admin button,.terminal-admin input,.terminal-admin select{min-height:48px}.terminal button:focus-visible,.terminal-admin button:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px}.terminal .terminal-session-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:24px}.terminal .terminal-logout{display:block;margin:32px auto 16px;min-width:150px}.terminal .terminal-session-controls .terminal-logout{margin:0}.terminal .terminal-actions{margin-bottom:32px;grid-template-columns:repeat(2,minmax(0,1fr))}.terminal-admin.grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));padding-bottom:env(safe-area-inset-bottom)}.terminal-admin .card,.terminal-admin .field,.terminal-admin input,.terminal-admin select{min-width:0;max-width:100%}.terminal-admin input,.terminal-admin select{font-size:16px}.terminal-admin svg{max-width:100%;height:auto}.terminal-device{display:grid;grid-gap:12px;gap:12px;padding:16px;margin:16px 0;border:1px solid var(--color-secondary);border-radius:12px;overflow-wrap:anywhere}.terminal-device .btn{justify-self:start}@media(max-width:599px){.terminal .terminal-box{padding:16px;border-radius:16px}.terminal .terminal-actions{grid-template-columns:minmax(0,1fr)}.terminal-admin .btn{width:100%}.terminal .keypad button{min-height:56px}}@media(min-width:600px) and (orientation:landscape) and (max-height:900px){.terminal .terminal-icon{font-size:32px}.terminal .pin-dots{margin:12px auto}.terminal .keypad button{min-height:52px}.terminal .terminal-box section{padding:8px 0}}.brand-logo{display:inline-flex;align-items:center;width:220px;max-width:100%;flex-shrink:0;background:#fff;border-radius:10px;vertical-align:middle}.brand-logo img{display:block;width:100%;height:auto}.terminal header>.brand-logo{width:clamp(140px,28vw,220px)}.employee-brand .brand-logo{width:180px}.topbar .brand-logo{width:150px}.desktop-dock .dock-logo{display:none}.desktop-dock .dock-brand-text{display:flex;flex-direction:column;max-width:100%}.desktop-dock .dock-brand-text .brand-logo{width:210px}@media(min-width:769px){.desktop-dock[data-collapsed=true] .dock-logo{display:block}}@media(max-width:599px){.employee-brand .brand-logo,.terminal header>.brand-logo{width:140px}.topbar .brand-logo{width:120px}}.brand-logo[data-variant=violet],.brand-logo[data-variant=white]{background:transparent}:root{--color-primary:#6454D6;--color-primary-hover:#5343C4;--color-primary-active:#4535AE;--color-text:#24243D;--color-background:#F2F1FA;--color-surface:#FFFFFF;--color-secondary:#E4E0FA;--color-accent:#A9E3D4;--color-text-secondary:#6D6982;--color-text-muted:#817B9A;--color-success-bg:#DDF5E9;--color-success-text:#176B49;--color-warning-bg:#FFF0D6;--color-warning-text:#895000;--color-error-bg:#FCE4E7;--color-error-text:#A72D45;--color-info-bg:#E8E6FF;--color-info-text:#4F42AC;--color-border:#817B9A;--color-glass-border:rgba(100,84,214,.18);--surface-glass:rgba(255,255,255,.80);--shadow-surface:0 4px 20px rgba(36,36,61,.06);--radius-card:16px;--radius-button:12px;--radius-nav:24px;--space-mobile:16px;--space-desktop:32px;--duration-ui:180ms;--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.soft-violet{--pl-primary:var(--color-primary);--pl-primary-dark:var(--color-primary-hover);--purple:var(--color-primary);--pl-accent:var(--color-primary);--pl-text:var(--color-text);--pl-ink:var(--color-text);--pl-muted:var(--color-text-secondary);color:var(--color-text);font-family:var(--font-sans);color-scheme:light}.soft-violet .btn,.soft-violet.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;max-width:100%;padding:11px 16px;border:1px solid transparent;border-radius:var(--radius-button);background:var(--color-primary);color:var(--color-surface);font:inherit;font-weight:600;white-space:normal;overflow-wrap:anywhere;text-align:center;cursor:pointer;transition:background-color var(--duration-ui),color var(--duration-ui),border-color var(--duration-ui)}.soft-violet .btn:hover,.soft-violet.btn:hover{background:var(--color-primary-hover)}.soft-violet .btn:active,.soft-violet.btn:active{background:var(--color-primary-active)}.soft-violet .btn.secondary,.soft-violet.btn.secondary{background:var(--color-secondary);color:var(--color-text)}.soft-violet .btn.secondary:hover,.soft-violet.btn.secondary:hover{background:var(--color-info-bg);border-color:var(--color-primary)}.soft-violet .btn.secondary:active,.soft-violet.btn.secondary:active{background:var(--color-secondary);border-color:var(--color-primary-active)}.soft-violet .btn.ghost,.soft-violet.btn.ghost{background:transparent;color:var(--color-primary)}.soft-violet .btn.ghost:hover,.soft-violet.btn.ghost:hover{background:var(--color-background)}.soft-violet .btn.ghost:active,.soft-violet.btn.ghost:active{background:var(--color-secondary)}.soft-violet .btn:disabled,.soft-violet.btn:disabled{background:var(--color-background);color:var(--color-text-secondary);border-color:var(--color-border);cursor:not-allowed;transform:none}.soft-violet .card,.soft-violet.card{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-secondary);border-radius:var(--radius-card);padding:24px;min-width:0;box-shadow:var(--shadow-surface);backdrop-filter:none;-webkit-backdrop-filter:none;transform:none}.soft-violet .input,.soft-violet.input{width:100%;min-width:0;min-height:44px;padding:10px 12px;font:inherit;border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-surface);color:var(--color-text);transition:border-color var(--duration-ui)}.soft-violet .input::placeholder,.soft-violet.input::placeholder{color:var(--color-text-secondary);opacity:1}.soft-violet .input:hover,.soft-violet.input:hover{border-color:var(--color-primary)}.soft-violet .input[aria-invalid=true],.soft-violet.input[aria-invalid=true]{border-color:var(--color-error-text)}.soft-violet .input:disabled,.soft-violet.input:disabled{background:var(--color-background);color:var(--color-text-secondary);cursor:not-allowed}.soft-violet :focus-visible,.soft-violet:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.soft-violet.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:.8125rem;font-weight:600;background:var(--badge-bg);color:var(--badge-text)}.status-badge[data-status=success]{--badge-bg:var(--color-success-bg);--badge-text:var(--color-success-text)}.status-badge[data-status=warning]{--badge-bg:var(--color-warning-bg);--badge-text:var(--color-warning-text)}.status-badge[data-status=error]{--badge-bg:var(--color-error-bg);--badge-text:var(--color-error-text)}.status-badge[data-status=info]{--badge-bg:var(--color-info-bg);--badge-text:var(--color-info-text)}.glass-surface{background:var(--color-surface);border:1px solid var(--color-glass-border);border-radius:var(--radius-nav);box-shadow:var(--shadow-surface);color:var(--color-text)}@supports (((-webkit-backdrop-filter:blur(16px)) or (backdrop-filter:blur(16px))) or (-webkit-backdrop-filter:blur(16px))){.glass-surface{background:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}@media(max-width:600px){.soft-violet .card,.soft-violet.card{padding:var(--space-mobile)}}@media(prefers-reduced-transparency:reduce){.glass-surface{background:var(--color-surface);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.soft-violet,.soft-violet *,.soft-violet :after,.soft-violet :before,.soft-violet:after,.soft-violet:before{transition:none!important;animation:none!important;scroll-behavior:auto!important}}