:root{--primary:#4f6bed;--primary-strong:color-mix(in srgb,var(--primary),#000 18%);--primary-soft:color-mix(in srgb,var(--primary),#fff 90%);--bg:#f5f7fb;--panel:#fff;--panel-soft:#f9fafc;--text:#182033;--muted:#697386;--subtle:#98a2b3;--border:#e4e7ec;--border-strong:#d0d5dd;--success:#16825d;--warning:#b7791f;--danger:#c4322b;--info:#2563eb;--sidebar:#12192b;--sidebar-2:#19223a;--radius:18px;--shadow:0 8px 30px rgba(16,24,40,.06);--shadow-lg:0 24px 70px rgba(16,24,40,.12)}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f7f9fc 0,#f4f6fa 100%);color:var(--text);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:none}button,input,select,textarea{font:inherit}button{appearance:none}.muted{color:var(--muted);font-size:13px}small{font-size:12px;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.15;letter-spacing:-.8px}h2{font-size:18px;line-height:1.3;letter-spacing:-.2px}h3{font-size:15px}.main{margin-left:272px;min-height:100vh}.content-shell{width:min(1560px,100%);margin:0 auto;padding:24px 32px 56px}.auth-main{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--primary),transparent 88%),transparent 30%),linear-gradient(145deg,#f6f8fc,#eef2f9)}
.sidebar{position:fixed;z-index:50;inset:0 auto 0 0;width:272px;padding:20px 14px 16px;background:linear-gradient(180deg,var(--sidebar),#101625 72%);color:#fff;display:flex;flex-direction:column;box-shadow:12px 0 40px rgba(18,25,43,.08);overflow:hidden}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:2px 8px 18px}.brand{display:flex;align-items:center;gap:7px;color:#fff;font-weight:850;letter-spacing:-.7px;font-size:20px}.brand:hover{color:#fff}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary),#fff 28%));font-size:14px;letter-spacing:-.2px;box-shadow:0 8px 18px color-mix(in srgb,var(--primary),transparent 70%)}.tenant-pill{display:flex;gap:10px;align-items:center;padding:11px;margin:0 4px 16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);border-radius:14px}.tenant-pill>div{min-width:0}.tenant-pill strong,.tenant-pill small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-pill strong{font-size:13px;color:#fff}.tenant-pill small{color:#9aa7c3}.tenant-avatar,.user-avatar{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--primary),#fff 7%);color:#fff;font-size:11px;font-weight:800}.sidebar nav{overflow:auto;scrollbar-width:thin;scrollbar-color:#34405d transparent;padding:0 2px 12px}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-thumb{background:#34405d;border-radius:999px}.nav-label{padding:16px 11px 7px;color:#6f7e9e;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.sidebar nav a,.sidebar-site,.sidebar-logout{position:relative;display:flex;align-items:center;gap:11px;color:#c7d0e4;padding:9px 10px;border-radius:11px;font-size:13px;font-weight:600;margin:2px 0;transition:.16s ease}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.07);color:#fff}.sidebar nav a.active:before{content:"";position:absolute;left:-2px;width:3px;height:22px;border-radius:999px;background:var(--primary)}.nav-icon{display:grid;place-items:center;width:22px;height:22px;color:#8998b8;font-size:16px}.sidebar nav a.active .nav-icon,.sidebar nav a:hover .nav-icon{color:#fff}.sidebar-site{margin-top:auto;color:#aeb9d1;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.sidebar-site:hover{color:#fff}.sidebar-logout{margin-top:2px;color:#97a4bf}.sidebar-logout:hover{color:#fff}.sidebar-close{display:none}.nav-backdrop{display:none}
.topbar{position:sticky;top:0;z-index:35;height:76px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:rgba(247,249,252,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(228,231,236,.75)}.topbar-left,.top-actions{display:flex;align-items:center;gap:12px}.top-search{display:flex;align-items:center;gap:8px;width:min(440px,42vw);height:42px;padding:0 10px 0 13px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.02)}.top-search:focus-within{border-color:color-mix(in srgb,var(--primary),#fff 25%);box-shadow:0 0 0 4px var(--primary-soft)}.top-search input{border:0!important;box-shadow:none!important;padding:0!important;background:transparent!important;height:100%}.top-search span{color:var(--subtle);font-size:19px}.top-search kbd{border:1px solid var(--border);background:var(--panel-soft);border-radius:6px;color:var(--subtle);font:11px/1 ui-monospace;padding:4px 6px}.user-chip{display:flex;align-items:center;gap:9px;padding-left:4px}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:13px}.user-chip small{font-size:11px}.user-avatar{width:36px;height:36px;border-radius:50%}.icon-button{width:40px;height:40px;display:grid;place-items:center;background:#fff;color:var(--text);border:1px solid var(--border);border-radius:11px;cursor:pointer}.icon-button:hover{background:var(--panel-soft);border-color:var(--border-strong)}.menu{display:none}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:4px 0 22px}.page-head h1{margin:0 0 6px}.page-head p,.page-head .muted{margin:0}.page-head>.actions{justify-content:flex-end}.page-head:after{content:"";display:none}.panel,.table-wrap,.cards article,.login-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:22px;margin:18px 0}.panel>h2:first-child{margin-bottom:18px}.grid.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cards article{position:relative;padding:20px;min-height:120px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.cards article:after{content:"";position:absolute;right:-26px;top:-34px;width:100px;height:100px;border-radius:50%;background:var(--primary-soft);opacity:.7}.cards article>span,.cards article>small{position:relative;z-index:1;color:var(--muted);font-weight:600}.cards article>b{position:relative;z-index:1;font-size:29px;line-height:1.1;letter-spacing:-.8px}.cards article .name{font-size:17px}.metric-positive{color:var(--success)}.metric-warning{color:var(--warning)}.metric-danger{color:var(--danger)}.two-col{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);gap:18px}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.stack{display:grid;gap:12px}.feed{padding:14px 0;border-bottom:1px solid var(--border)}.feed:last-child{border-bottom:0}.feed p{color:var(--muted);margin:5px 0 0}.timeline{position:relative;border-left:2px solid color-mix(in srgb,var(--primary),#fff 80%);padding:2px 0 14px 17px;margin:8px 0}.timeline:before{content:"";position:absolute;left:-6px;top:5px;width:10px;height:10px;background:var(--primary);border-radius:50%;box-shadow:0 0 0 4px var(--primary-soft)}.timeline small{display:block}.details{display:grid;grid-template-columns:160px 1fr;gap:10px 14px}.details dt{color:var(--muted)}.details dd{margin:0;font-weight:650}
.button,button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 14px;border:1px solid transparent;border-radius:11px;background:var(--primary);color:#fff;font-weight:700;cursor:pointer;transition:.15s ease;text-decoration:none;white-space:nowrap}.button:hover,button:hover{background:var(--primary-strong);color:#fff;transform:translateY(-1px);box-shadow:0 5px 14px color-mix(in srgb,var(--primary),transparent 80%)}button:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.button.secondary,button.secondary{background:#fff;color:#344054;border-color:var(--border)}.button.secondary:hover,button.secondary:hover{background:var(--panel-soft);color:#1d2939;box-shadow:none}.danger,.button.danger{background:#fff;color:var(--danger);border-color:#f3c3c0}.danger:hover,.button.danger:hover{background:#fff6f5;color:#a5221d;box-shadow:none}.is-loading:after{content:"";width:13px;height:13px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
input,select,textarea{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--border-strong);border-radius:11px;background:#fff;color:var(--text);outline:none;transition:.15s ease}textarea{min-height:112px;resize:vertical}input::placeholder,textarea::placeholder{color:#98a2b3}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--primary),#fff 25%);box-shadow:0 0 0 4px var(--primary-soft)}input[type=color]{padding:4px;height:42px}input[type=file]{padding:8px}label{display:grid;gap:6px;color:#344054;font-weight:650;font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid .full{grid-column:1/-1}.inline-form,.punches,.search,.actions{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.search{margin:0 0 14px}.search input{max-width:460px}.punches{padding:15px;background:#fff;border:1px solid var(--border);border-radius:14px;margin:0 0 16px;box-shadow:var(--shadow)}.punches button{flex:1;min-width:130px}.radio{display:flex;align-items:center;gap:8px}.radio input,label input[type=checkbox]{width:auto;min-height:0}.mini-form{display:flex;gap:7px;align-items:center;min-width:440px}.mini-form select,.mini-form input{min-width:120px}.chip{display:flex;align-items:center;gap:8px;background:var(--panel-soft);border:1px solid var(--border);padding:8px 10px;border-radius:10px;color:#475467}.empty{padding:38px 24px;text-align:center;color:var(--muted)}.empty:before{content:"◇";display:block;font-size:28px;color:#b6bfce;margin-bottom:7px}
.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--border);vertical-align:middle}thead th{position:sticky;top:0;z-index:2;background:#fafbfc;color:#667085;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}tbody tr:last-child td{border-bottom:0}tbody tr{transition:.12s ease}tbody tr:hover{background:#fbfcfe}td a{font-weight:650}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:11px;font-weight:750;text-transform:capitalize}.badge:before{content:"";width:6px;height:6px;background:#98a2b3;border-radius:50%}.badge.high,.badge.rejected,.badge.blocked,.badge.inactive,.badge.terminated{background:#fff1f0;color:#b42318}.badge.high:before,.badge.rejected:before,.badge.blocked:before,.badge.inactive:before,.badge.terminated:before{background:#d92d20}.badge.medium,.badge.analysis,.badge.correction,.badge.requested{background:#fff8eb;color:#a15c07}.badge.medium:before,.badge.analysis:before,.badge.correction:before,.badge.requested:before{background:#f79009}.badge.low,.badge.manager_approved{background:#eff8ff;color:#175cd3}.badge.low:before,.badge.manager_approved:before{background:#2e90fa}.badge.approved,.badge.active,.badge.completed,.badge.resolved,.badge.closed{background:#ecfdf3;color:#067647}.badge.approved:before,.badge.active:before,.badge.completed:before,.badge.resolved:before,.badge.closed:before{background:#12b76a}
.flash{display:flex;align-items:center;gap:10px;padding:12px 14px;margin:0 0 16px;border:1px solid #b7e3ce;border-radius:12px;background:#f0fdf4;color:#166534;box-shadow:0 4px 16px rgba(16,24,40,.04)}.flash>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#dcfce7;font-weight:800}.flash>div{flex:1}.flash>button{min-height:0;padding:0;width:28px;height:28px;border:0;background:transparent;color:inherit;box-shadow:none}.flash.error{border-color:#f5c2c0;background:#fff5f5;color:#b42318}.flash.error>span{background:#fee4e2}.flash.error>button:hover{background:#fee4e2;color:#b42318;transform:none}
.login-card{width:min(440px,94vw);padding:34px}.login-card .brand{color:var(--text);font-size:24px;margin-bottom:28px}.login-card .brand-mark{color:#fff}.login-card h1{font-size:28px;margin-bottom:6px}.login-card form{display:grid;gap:15px;margin:24px 0 14px}.login-card form button{width:100%;margin-top:4px}.login-card:before{content:"Gestão de pessoas, simplificada.";display:block;float:right;width:0;height:0;overflow:hidden}.chart{height:230px;display:flex;align-items:flex-end;gap:10px;border-bottom:1px solid var(--border);padding:16px 8px 8px}.bar-group{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.bars{height:175px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px}.bars i{display:block;width:26%;min-height:4px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary),#fff 12%),var(--primary));border-radius:6px 6px 2px 2px}.bars i.off{background:#cbd5e1}.legend{display:flex;gap:18px;color:var(--muted);font-size:12px;margin-top:12px}.hbar{display:grid;grid-template-columns:130px 1fr 34px;gap:10px;align-items:center;margin:13px 0}.hbar>div{height:9px;background:#eef2f6;border-radius:999px;overflow:hidden}.hbar i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary),#fff 20%));border-radius:999px}.notification.read{opacity:.62}.answer{border-left:4px solid var(--primary)}.search-result{padding:14px 0;border-bottom:1px solid var(--border)}
@media(max-width:1250px){.grid.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.content-shell{padding-inline:24px}.topbar{padding-inline:24px}}
@media(max-width:960px){.sidebar{transform:translateX(-105%);transition:transform .22s ease;box-shadow:20px 0 60px rgba(16,24,40,.18)}.nav-open .sidebar{transform:none}.nav-open .nav-backdrop{display:block;position:fixed;inset:0;z-index:45;background:rgba(16,24,40,.45);backdrop-filter:blur(2px)}.sidebar-close{display:grid;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08);color:#fff}.main{margin-left:0}.menu{display:grid}.top-search{width:min(480px,55vw)}.three-col{grid-template-columns:1fr}.grid.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.mini-form{display:grid;min-width:260px}.topbar{padding-inline:16px}.content-shell{padding:20px 16px 42px}}
@media(max-width:640px){h1{font-size:25px}.topbar{height:66px}.top-search{display:none}.user-chip>div{display:none}.content-shell{padding:16px 12px 34px}.grid.cards{grid-template-columns:1fr 1fr;gap:10px}.cards article{min-height:105px;padding:16px}.cards article>b{font-size:25px}.page-head{flex-direction:column;align-items:stretch;margin-bottom:16px}.page-head>.button,.page-head>.actions{width:100%}.page-head>.button{justify-content:center}.panel{padding:17px;margin:14px 0;border-radius:15px}.inline-form{display:grid;align-items:stretch}.punches{display:grid;grid-template-columns:1fr 1fr}.punches button{min-width:0}.details{grid-template-columns:1fr;gap:3px}.details dd{margin-bottom:9px}.login-card{padding:26px 22px}.hbar{grid-template-columns:95px 1fr 28px;gap:7px}.chart{gap:4px}.table-wrap{border-radius:14px}.table-wrap table{min-width:680px}.sidebar{width:min(294px,86vw)}}
@media(max-width:420px){.grid.cards{grid-template-columns:1fr}.punches{grid-template-columns:1fr 1fr}.top-actions{gap:7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}
@media print{.sidebar,.topbar,.page-head .button,.button,button,.flash{display:none!important}.main{margin:0}.content-shell{padding:0}.panel,.table-wrap,.cards article{box-shadow:none}}