*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f5f7fb;color:#172033}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;padding:24px 0}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:24px}.logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#22c55e);display:grid;place-items:center;color:white;font-weight:900;box-shadow:0 14px 28px rgba(37,99,235,.22)}.navlinks{display:flex;gap:24px;color:#667085;font-weight:650}.btn{border:0;border-radius:14px;padding:13px 17px;font-weight:900;cursor:pointer;background:#2563eb;color:white;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px}.btn.secondary{background:white;color:#172033;border:1px solid #e5e7eb}.btn.soft{background:#eef2ff;color:#1d4ed8}.btn.green{background:#16a34a}.btn.red{background:#dc2626}.btn.danger{background:#fee2e2;color:#991b1b}.btn.block{width:100%}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:68px 0 50px}.badge{display:inline-flex;gap:8px;align-items:center;background:#eaf2ff;color:#1d4ed8;border-radius:999px;padding:8px 12px;font-weight:800;font-size:13px}.hero h1{font-size:62px;line-height:1.02;margin:22px 0 18px}.hero p{font-size:19px;line-height:1.65;color:#667085;max-width:610px}.actions{display:flex;gap:12px;flex-wrap:wrap}.panel,.card{background:white;border:1px solid #e5e7eb;border-radius:22px;padding:22px;box-shadow:0 12px 28px rgba(16,24,40,.05)}.panel{border-radius:30px;box-shadow:0 28px 70px rgba(16,24,40,.12)}.phone{background:#101828;border-radius:34px;padding:14px;max-width:430px;margin-left:auto}.screen{background:#f8fafc;border-radius:24px;overflow:hidden}.appbar{background:white;padding:18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef2f7}.ticket-card{margin:16px;background:white;border:1px solid #e5e7eb;border-radius:20px;padding:16px}.row{display:flex;justify-content:space-between;gap:10px;margin:12px 0}.muted{color:#667085}.amount{font-size:28px;font-weight:900}.pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900}.pending{background:#fff7ed;color:#c2410c}.approved{background:#dcfce7;color:#166534}.rejected{background:#fee2e2;color:#991b1b}.paid{background:#e0f2fe;color:#075985}.draft{background:#eef2ff;color:#1d4ed8}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.section{padding:42px 0}.section h2{font-size:40px;margin:0 0 12px}.feature p{color:#667085;line-height:1.55}.step{background:#172033;color:white;border-radius:22px;padding:26px;min-height:200px}.step span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#2563eb;font-weight:900;margin-bottom:20px}.footer{padding:34px 0;color:#667085;border-top:1px solid #e5e7eb;margin-top:40px}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{background:#101828;color:white;padding:24px}.side .brand{font-size:22px;margin-bottom:16px}.side .logo{width:40px;height:40px;box-shadow:none}.side-context{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:16px 0;margin:0 0 18px}.side-user{font-weight:900;color:#fff;line-height:1.25;overflow-wrap:anywhere}.side-company{display:flex;align-items:center;gap:8px;margin-top:8px;color:#cbd5e1;font-size:13px}.side-company span{font-size:11px;text-transform:uppercase;font-weight:900;color:#94a3b8}.side-company b{background:#1d2939;color:#dbeafe;border:1px solid rgba(147,197,253,.2);border-radius:999px;padding:5px 9px;max-width:100%;overflow-wrap:anywhere}.side nav a{display:block;color:#cbd5e1;padding:13px 14px;border-radius:14px;margin:5px 0;font-weight:750}.side nav a.active,.side nav a:hover{background:#1d2939;color:white}.main{padding:30px}.top,.head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:22px}.top h1,.head h1{margin:0;font-size:34px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stat b{font-size:30px}.content-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:18px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:separate;border-spacing:0 10px;min-width:760px}th{text-align:left;color:#667085;font-size:13px;padding:0 12px}td{background:white;padding:16px 12px;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7}td:first-child{border-left:1px solid #eef2f7;border-radius:16px 0 0 16px}td:last-child{border-right:1px solid #eef2f7;border-radius:0 16px 16px 0}.filters{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;background:white;border:1px solid #e5e7eb;border-radius:22px;padding:16px;margin-bottom:18px}.filters.finance{grid-template-columns:1fr 1fr 1fr 1fr auto}input,select,textarea{width:100%;padding:14px;border:1px solid #d0d5dd;border-radius:14px;font-size:15px;background:white;color:#172033}label{display:block;font-weight:850;margin-bottom:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}.upload{border:2px dashed #cbd5e1;border-radius:22px;min-height:360px;display:grid;place-items:center;text-align:center;background:#f8fafc;padding:24px}.camera{width:90px;height:90px;border-radius:28px;background:#eaf2ff;display:grid;place-items:center;font-size:42px;margin:auto}.preview{margin-top:18px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#fff,#eef2f7);height:230px;display:grid;place-items:center;border:1px solid #e5e7eb}.receipt{background:white;width:190px;padding:18px;box-shadow:0 16px 36px rgba(16,24,40,.12);transform:rotate(-3deg);font-family:monospace}.receipt div{border-bottom:1px dashed #ddd;padding:5px 0}.notice{background:#eef2ff;color:#1e40af;border:1px solid #c7d2fe;border-radius:18px;padding:14px;margin-top:18px}.warning{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:18px;padding:14px;margin-top:18px}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 520px}.login-left{padding:70px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#eef4ff,#f7fafc)}.login-card{background:white;margin:40px;border-radius:30px;padding:40px;box-shadow:0 30px 90px rgba(16,24,40,.15);align-self:center}.activity{display:grid;gap:12px}.item{display:flex;gap:12px;background:white;border:1px solid #e5e7eb;border-radius:18px;padding:15px}.dot{width:12px;height:12px;border-radius:99px;background:#2563eb;margin-top:5px;flex:0 0 auto}.field-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:14px}.field-box span{display:block;color:#667085;font-size:13px}.field-box b{display:block;margin-top:5px}.checks{display:grid;gap:10px;margin-top:18px}.check{display:flex;justify-content:space-between;gap:12px;border:1px solid #e5e7eb;border-radius:16px;padding:13px;background:white}.ok{color:#166534;font-weight:900}.warn{color:#c2410c;font-weight:900}.error{background:#fee2e2;color:#991b1b;border-radius:14px;padding:12px;margin:14px 0}.success{background:#dcfce7;color:#166534;border-radius:14px;padding:12px;margin:14px 0}.mini{padding:9px 11px;font-size:12px}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.empty{background:white;border:1px dashed #cbd5e1;border-radius:22px;padding:32px;text-align:center;color:#667085}.file-link{font-weight:900;color:#2563eb}.hero h1,.section h2,.top h1,.head h1,.login-left h1{letter-spacing:0}@media(max-width:1050px){.layout,.hero,.content-grid,.grid4,.grid3,.stats,.filters,.filters.finance,.form-grid{grid-template-columns:1fr}.side{position:static}.top,.head{align-items:flex-start;flex-direction:column}.phone{margin:auto}.table{font-size:13px}.login-wrap{grid-template-columns:1fr}.login-left{display:none}.login-card{margin:20px}.hero h1{font-size:42px}.navlinks{display:none}}@media(max-width:760px){html,body{max-width:100%;overflow-x:hidden}.container{width:min(100% - 28px,1180px)}.nav{padding:18px 0}.brand{font-size:21px}.hero{padding:28px 0}.hero h1{font-size:34px;line-height:1.08;margin:18px 0 14px}.hero p{font-size:16px;line-height:1.55}.actions,.btns{width:100%;flex-direction:column}.actions .btn,.btns .btn,.top .btn,.head .btn{width:100%}.panel,.card{border-radius:18px;padding:18px}.phone{max-width:100%;border-radius:24px;padding:10px}.ticket-card{margin:12px}.row{align-items:flex-start;flex-direction:column;gap:4px}.layout{display:block}.side{padding:18px}.side .brand{margin-bottom:14px}.side-context{margin-bottom:14px;padding:14px 0}.side-company{flex-wrap:wrap}.side nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.side nav a{margin:0;text-align:center;padding:12px 8px;font-size:14px}.side form{margin-top:12px}.side form .btn{width:100%}.main{padding:18px}.top,.head{gap:12px;margin-bottom:16px}.top h1,.head h1{font-size:28px;line-height:1.12}.stats{gap:10px}.stat b{font-size:26px}.filters,.filters.finance{padding:14px;border-radius:18px;gap:10px}.filters .btn{width:100%}.table-wrap{overflow:visible}.table{display:block;min-width:0;width:100%;border-spacing:0}.table thead{display:none}.table tbody{display:grid;gap:12px}.table tr{display:block;background:white;border:1px solid #e5e7eb;border-radius:18px;padding:12px;box-shadow:0 10px 24px rgba(16,24,40,.05)}.table td{display:grid;grid-template-columns:minmax(92px,38%) 1fr;gap:12px;align-items:center;background:transparent;border:0!important;border-radius:0!important;padding:10px 0}.table td+td{border-top:1px solid #eef2f7!important}.table td::before{content:attr(data-label);color:#667085;font-size:12px;font-weight:850;text-transform:uppercase}.table td[data-label="Proveedor"],.table td[data-label="Accion"]{grid-template-columns:1fr}.table td[data-label="Proveedor"]::before,.table td[data-label="Accion"]::before{margin-bottom:2px}.inline-actions,.inline-actions .btn{width:100%}.form-grid{gap:12px}.upload{min-height:280px;padding:18px}.camera{width:74px;height:74px;border-radius:22px;font-size:34px}.preview{height:190px}.receipt{max-width:100%;width:172px}.login-card{border-radius:22px;padding:24px;margin:14px}.field-box b{overflow-wrap:anywhere}.checks .check{align-items:flex-start;flex-direction:column}.section h2{font-size:30px;line-height:1.16}.grid4,.grid3{gap:12px}}@media(max-width:430px){.side nav{grid-template-columns:1fr}.main{padding:14px}.top h1,.head h1{font-size:25px}.hero h1{font-size:30px}.card,.panel{padding:16px}.table td{grid-template-columns:1fr;gap:4px}.pill{width:max-content;max-width:100%}}.filters.advanced{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end}.filters.advanced .btn{min-height:48px}.reimbursement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.reimbursement-grid b{display:block;font-size:30px;margin:8px 0}.reimbursement-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;align-items:center;margin-bottom:18px}.progress-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.progress-steps span{position:relative;display:grid;place-items:center;min-height:46px;border-radius:14px;background:#f1f5f9;color:#64748b;font-weight:900;text-align:center;padding:8px}.progress-steps span.done{background:#dcfce7;color:#166534}.personal{background:#fef3c7;color:#92400e}.corporate{background:#e0f2fe;color:#075985}.pay-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.pay-toggle button{border:1px solid #d0d5dd;background:#fff;border-radius:14px;padding:13px 14px;font-weight:900;color:#344054;cursor:pointer}.pay-toggle button.active{border-color:#2563eb;background:#eef2ff;color:#1d4ed8}.offline-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:14px;margin-top:16px}.queue-status{font-weight:800}.side nav{display:grid;gap:5px}@media(max-width:1050px){.filters.advanced,.reimbursement-grid,.reimbursement-card{grid-template-columns:1fr}.progress-steps{grid-template-columns:1fr}.filters.advanced{gap:10px}}@media(max-width:760px){.filters.advanced{padding:12px}.reimbursement-grid{gap:10px}.reimbursement-grid b{font-size:25px}.pay-toggle{grid-template-columns:1fr}.progress-steps span{min-height:42px}.table td[data-label="Pago"],.table td[data-label="Reembolso"]{grid-template-columns:minmax(92px,38%) 1fr}.side nav a{display:flex;align-items:center;justify-content:center;min-height:44px}}
 
.commercial-hero{padding-top:76px}.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px;max-width:620px}.hero-proof div{background:white;border:1px solid #e5e7eb;border-radius:18px;padding:16px;box-shadow:0 12px 26px rgba(16,24,40,.05)}.hero-proof b{display:block;font-size:26px;color:#172033}.hero-proof span{display:block;margin-top:4px;color:#667085;font-weight:750;font-size:13px}.hero-product{position:relative;overflow:visible}.floating-note{position:absolute;right:8px;bottom:18px;width:230px;background:#fff;border:1px solid #bbf7d0;border-radius:18px;padding:14px;box-shadow:0 22px 50px rgba(22,163,74,.18)}.floating-note b,.floating-note span{display:block}.floating-note span{margin-top:4px;color:#667085;font-size:13px;line-height:1.35}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:10px 0 34px}.trust-strip span{background:#172033;color:#fff;border-radius:16px;padding:16px;text-align:center;font-weight:900}.section-copy{color:#667085;font-size:18px;line-height:1.65;max-width:820px;margin:0 0 24px}.split-band{display:grid;grid-template-columns:1fr .9fr;gap:28px;align-items:center;background:white;border:1px solid #e5e7eb;border-radius:30px;padding:34px;margin:38px 0;box-shadow:0 18px 46px rgba(16,24,40,.06)}.check-list{display:grid;gap:12px;margin-top:22px}.check-row{display:flex;gap:12px;align-items:flex-start;color:#344054;font-weight:750}.check-row span{width:18px;height:18px;border-radius:99px;background:#dcfce7;box-shadow:inset 0 0 0 5px #16a34a;flex:0 0 auto;margin-top:2px}.finance-snapshot{background:#101828;color:#fff;border-radius:24px;padding:22px;box-shadow:0 26px 70px rgba(16,24,40,.18)}.snapshot-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.snapshot-head span{color:#cbd5e1}.bar-row{display:grid;grid-template-columns:96px 1fr 82px;gap:12px;align-items:center;margin:16px 0}.bar-row span{color:#e2e8f0}.bar-row i{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,#60a5fa var(--w),#1f2937 var(--w));overflow:hidden}.bar-row b{text-align:right}.snapshot-total{margin-top:24px;background:#172033;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px;display:flex;justify-content:space-between;gap:12px;align-items:center}.snapshot-total span{color:#cbd5e1}.snapshot-total b{font-size:24px}.use-cases .feature{min-height:210px}.cta-band{display:flex;justify-content:space-between;gap:24px;align-items:center;background:#0f172a;color:white;border-radius:30px;padding:34px;margin-top:28px}.cta-band h2{color:white;margin-bottom:10px}.cta-band p{color:#cbd5e1;line-height:1.6;max-width:680px}.cta-band .badge{background:#dcfce7;color:#166534}.register-wrap{background:linear-gradient(135deg,#eef4ff 0%,#f8fafc 48%,#ffffff 100%)}.register-left{background:transparent}.register-card{max-width:620px;width:calc(100% - 80px);justify-self:center}.register-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.register-form label{margin:0}.register-form label:nth-child(1),.register-form label:nth-child(3),.register-form label:nth-child(4),.register-form .full,.register-form button{grid-column:1/-1}.register-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.register-benefits div{background:white;border:1px solid #e5e7eb;border-radius:18px;padding:16px;box-shadow:0 12px 28px rgba(16,24,40,.05)}.register-benefits b{display:grid;place-items:center;width:34px;height:34px;background:#2563eb;color:white;border-radius:12px;margin-bottom:10px}.register-benefits span{font-weight:900;color:#344054}@media(max-width:1050px){.split-band{grid-template-columns:1fr}.trust-strip{grid-template-columns:repeat(2,1fr)}.cta-band{align-items:flex-start;flex-direction:column}.floating-note{position:static;margin:14px auto 0}.register-card{width:auto}}@media(max-width:760px){.hero-proof,.trust-strip,.register-benefits,.register-form{grid-template-columns:1fr}.split-band,.cta-band{border-radius:22px;padding:22px}.bar-row{grid-template-columns:1fr;gap:8px}.bar-row b{text-align:left}.snapshot-total{align-items:flex-start;flex-direction:column}.section-copy{font-size:16px}.floating-note{width:100%}.register-wrap{display:block}.register-card{margin:14px}.register-left{display:none}}
.oauth-login{display:grid;gap:10px;margin:18px 0}.oauth-login.compact{margin-top:14px}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #dbe3ef;background:#fff;color:#172033;border-radius:14px;padding:12px 14px;font-weight:900;box-shadow:0 8px 18px rgba(16,24,40,.04)}.oauth-btn:hover{border-color:#a7b7d0;background:#f8fafc}.oauth-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:950;color:white;font-size:13px}.oauth-google{background:#ea4335}.oauth-microsoft{background:#2563eb}.oauth-linkedin{background:#0a66c2}.oauth-amazon{background:#111827}.login-separator{display:flex;align-items:center;gap:12px;color:#667085;font-size:12px;font-weight:850;text-transform:uppercase;margin:16px 0}.login-separator:before,.login-separator:after{content:"";height:1px;background:#e5e7eb;flex:1}.oauth-panel{margin-top:20px;border-top:1px solid #eef2f7;padding-top:18px}.oauth-panel h3{margin:0 0 6px}.oauth-list{display:grid;gap:10px;margin-top:12px}.oauth-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid #e5e7eb;border-radius:16px;padding:12px;background:#fff}.oauth-row span:not(.oauth-icon){display:block;color:#667085;font-size:13px;margin-top:2px;overflow-wrap:anywhere}@media(max-width:760px){.oauth-row{grid-template-columns:auto 1fr}.oauth-row form{grid-column:1/-1}.oauth-row .btn{width:100%}}
.training-view{display:grid;gap:18px}.training-hero{background:linear-gradient(135deg,#0f172a,#14532d)}.training-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.training-layout{display:grid;grid-template-columns:minmax(360px,.9fr) 1.1fr;gap:18px;align-items:start}.training-card,.training-create{display:grid;gap:14px}.training-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.training-card h2{margin:10px 0 0}.training-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.training-meta span{background:#f8fafc;border:1px solid #eef2f7;border-radius:14px;padding:12px;color:#667085}.training-meta b{display:block;color:#172033;margin-bottom:4px}.progress-bar{height:10px;background:#e5e7eb;border-radius:99px;overflow:hidden}.progress-bar i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#22c55e);border-radius:99px}.training-upload{border:1px dashed #adc2e8;background:#f8fbff;border-radius:18px;padding:14px;display:grid;gap:8px}.training-upload input{background:white}.training-upload span{color:#667085;font-size:13px;font-weight:750;line-height:1.4}.training-media{margin:0;border:1px solid #e5e7eb;background:#f8fafc;border-radius:18px;padding:10px;overflow:hidden}.training-media img,.training-media video{display:block;width:100%;max-height:320px;object-fit:contain;border-radius:12px;background:#0f172a}.training-media figcaption{margin-top:8px;color:#667085;font-size:13px;font-weight:800;overflow-wrap:anywhere}.training-actions{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:end}.training-actions .actions{grid-column:1/-1}.training-course-list{display:grid;gap:12px}.training-course-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #e5e7eb;border-radius:18px;padding:16px;background:#fff}.training-course-row h3{margin:4px 0}.training-course-row span{color:#2563eb;font-weight:900;font-size:12px;text-transform:uppercase}.training-course-row p{margin:0;color:#667085}.training-course-row .inline-actions{align-items:center;justify-content:flex-end}.training-employee-checks{margin:4px 0 8px}.training-employee-checks small{display:block;color:#667085;margin-top:2px}.chart-list{display:grid;gap:14px}.chart-list div{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.chart-list span{font-weight:850}.chart-list b{font-size:14px}.chart-list i{grid-column:1/-1;height:10px;border-radius:99px;background:linear-gradient(90deg,#2563eb,#22c55e)}@media(max-width:1050px){.training-layout{grid-template-columns:1fr}.training-meta{grid-template-columns:1fr 1fr}}@media(max-width:760px){.training-grid{grid-template-columns:1fr}.training-card-head{flex-direction:column}.training-meta,.training-actions{grid-template-columns:1fr}.training-media img,.training-media video{max-height:240px}.training-course-row{align-items:flex-start;flex-direction:column}.training-course-row form,.training-course-row .btn{width:100%}}
.time-view{display:grid;gap:18px}.time-hero{background:linear-gradient(135deg,#0f172a,#1d4ed8)}.time-now{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:16px;min-width:220px}.time-now span,.time-now small{display:block;color:#dbeafe;font-weight:800}.time-now b{display:block;color:#fff;font-size:24px;margin:6px 0}.time-clock-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;align-items:start}.time-clock-card{display:grid;gap:16px}.time-clock-face{min-height:230px;border-radius:28px;background:radial-gradient(circle at 30% 20%,#dbeafe,#eef2ff 45%,#fff);border:1px solid #dbeafe;display:grid;place-items:center;text-align:center;padding:28px}.time-clock-face span{font-size:13px;text-transform:uppercase;color:#1d4ed8;font-weight:950}.time-clock-face b{font-size:42px;line-height:1;margin:8px 0}.time-clock-face small{color:#667085;font-weight:850}.time-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.time-actions .btn:only-child{grid-column:1/-1}.time-presence{display:grid;gap:10px}.time-presence div{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center;border:1px solid #e5e7eb;border-radius:16px;padding:12px;background:#fff}.time-presence b{font-size:15px}.time-presence small{grid-column:2;color:#667085;font-weight:750}.time-presence .pill{grid-row:1/3}.time-view .inline-actions input{min-width:150px;padding:9px 10px;font-size:13px}.month-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:12px 0}.month-filter label{min-width:240px}.hr-filter .filter-actions{align-self:end}@media(max-width:1050px){.time-clock-grid{grid-template-columns:1fr}.time-now{width:100%}.time-actions{grid-template-columns:1fr}}@media(max-width:760px){.time-clock-face{min-height:180px;border-radius:22px}.time-clock-face b{font-size:32px}.time-view .finance-hero{align-items:flex-start;flex-direction:column}.time-presence div{grid-template-columns:1fr}.time-presence small{grid-column:auto}.time-presence .pill{grid-row:auto}.month-filter,.month-filter .btn{width:100%}.month-filter label{min-width:0;width:100%}}
.finance-accounting-box{background:#f8fbff;border:1px solid #dbeafe;border-radius:18px;padding:16px;margin-top:18px}.finance-accounting-box h3{margin:0 0 12px}.finance-accounting-box label{margin:0}
.suite-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.suite-card{background:white;border:1px solid #e5e7eb;border-radius:22px;padding:22px;box-shadow:0 14px 34px rgba(16,24,40,.06);min-height:190px}.suite-card b{display:block;font-size:18px;margin-bottom:10px;color:#0f172a}.suite-card p{margin:0;color:#667085;line-height:1.55}.role-suite{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:30px;padding:34px;margin:30px 0}.login-platform-note{display:grid;gap:12px}.login-platform-note div{background:white;border:1px solid #e5e7eb;border-radius:18px;padding:16px;box-shadow:0 12px 28px rgba(16,24,40,.05)}.login-platform-note b,.login-platform-note span{display:block}.login-platform-note span{margin-top:5px;color:#667085;line-height:1.45}.mini-module-list{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}.mini-module-list span{background:#eef2ff;color:#1d4ed8;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.register-suite-panel{display:flex;flex-wrap:wrap;gap:8px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:14px;margin:16px 0 18px}.register-suite-panel b{flex:0 0 100%;color:#172033}.register-suite-panel span{background:white;border:1px solid #e5e7eb;border-radius:999px;padding:7px 10px;color:#344054;font-size:13px;font-weight:850}.feature b{font-size:17px;color:#0f172a}.feature p{margin-bottom:0}@media(max-width:1050px){.suite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-suite{border-radius:24px;padding:24px}}@media(max-width:760px){.suite-grid{grid-template-columns:1fr}.suite-card{min-height:0;padding:18px;border-radius:18px}.role-suite{padding:20px;border-radius:20px}.login-platform-note{display:none}.mini-module-list{margin-bottom:14px}.register-suite-panel{margin-top:12px}}
.public-login-wrap{align-items:center}.public-login-left{justify-content:flex-start;gap:112px}.public-login-left .login-platform-note{max-width:760px;margin-top:34px}.public-login-left .login-platform-note div{padding:15px 18px}.public-login-left h1{max-width:760px}.public-login-left p{max-width:760px}@media(max-width:1180px){.public-login-left{gap:80px;padding:58px}.public-login-left .login-platform-note{margin-top:26px}}@media(max-width:1050px){.public-login-left{display:none}}
.auth-footer{border-top:1px solid #eef2f7;margin-top:18px;padding-top:16px;color:#667085;font-size:13px;line-height:1.6}.auth-footer a{color:#2563eb;font-weight:850}
.vacation-rule-label{font-size:10px;font-weight:900;color:#991b1b;background:#fee2e2;border-radius:8px;padding:3px 5px;margin:4px 0;display:inline-block}.vacation-day.vacation-rule-holiday,.vacation-day.vacation-rule-company_closed{background:#fff7ed;border-color:#fed7aa}.vacation-day.vacation-rule-blocked{background:#fff1f2;border-color:#fecdd3}.vacation-day-people span.supervisor{background:repeating-linear-gradient(135deg,#fef3c7 0 6px,#fff7ed 6px 12px)!important;color:#92400e}.vacation-day-people span.hr{background:repeating-linear-gradient(135deg,#dbeafe 0 6px,#eef2ff 6px 12px)!important;color:#1d4ed8}.vacation-day-people span.approved{background:#dcfce7!important;color:#166534}.vacation-actions input{margin-bottom:8px}.vacation-policy .notice{font-size:13px;line-height:1.45}.vacation-table .warn{display:inline-block;margin-top:4px}
.layout{grid-template-columns:286px 1fr}.side{background:#fff;color:#101828;padding:22px 18px;border-right:1px solid #e6eaf0;box-shadow:8px 0 30px rgba(16,24,40,.035);display:flex;flex-direction:column;gap:18px}.side-brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px}.side .brand{font-size:24px;margin-bottom:0;color:#101828}.side .logo{width:42px;height:42px;border-radius:14px;box-shadow:0 14px 28px rgba(37,99,235,.18)}.side-context{background:#f8fafc;border:1px solid #e6eaf0;border-radius:18px;padding:14px;margin:2px 0 4px}.side-user{font-weight:850;color:#101828;line-height:1.25;overflow-wrap:anywhere}.side-company{display:block;margin-top:7px;color:#344054;font-size:13px}.side-company span{display:block;font-size:11px;text-transform:uppercase;font-weight:950;color:#667085;margin-bottom:7px}.side-company b{display:inline-flex;background:#fff;color:#344054;border:1px solid #dbe3ef;border-radius:999px;padding:7px 10px;max-width:100%;overflow-wrap:anywhere}.side nav{display:grid;gap:4px}.side nav a{color:#344054;display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:13px;margin:0;font-size:14px;font-weight:720;line-height:1.25;border:1px solid transparent;transition:.15s ease}.side nav a:hover{background:#f3f6fb;color:#101828;border-color:#e6eaf0}.side nav a.active{background:#eef4ff;color:#1d4ed8;border-color:#cfe0ff;box-shadow:inset 3px 0 0 #2563eb}.side .nav-icon-wrap{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:#f4f6fa;color:#667085;border:1px solid #e6eaf0;flex:0 0 auto}.side nav a.active .nav-icon-wrap{background:#fff;color:#1d4ed8;border-color:#bfd4ff}.side .nav-icon{width:17px;height:17px}.side .nav-icon-home{color:#2563eb;background:#eff6ff}.side .nav-icon-ticket,.side .nav-icon-plus{color:#059669;background:#ecfdf5}.side .nav-icon-mileage{color:#d97706;background:#fff7ed}.side .nav-icon-card{color:#7c3aed;background:#f5f3ff}.side .nav-icon-calendar,.side .nav-icon-users,.side .nav-icon-profile{color:#db2777;background:#fdf2f8}.side .nav-icon-time{color:#0891b2;background:#ecfeff}.side .nav-icon-training{color:#4f46e5;background:#eef2ff}.side .nav-icon-bell{color:#0284c7;background:#f0f9ff}.side .nav-icon-settings,.side .nav-icon-invoice,.side .nav-icon-pricing{color:#64748b;background:#f8fafc}.side form{margin-top:auto}.side form .btn.secondary{width:100%;background:#fff;color:#344054;border:1px solid #dbe3ef;border-radius:14px;padding:13px 16px;box-shadow:0 8px 20px rgba(16,24,40,.04)}.side form .btn.secondary:hover{background:#f8fafc;color:#101828}.side .announcement-bell{background:#fff;color:#2563eb;border:1px solid #dbe3ef;box-shadow:0 8px 20px rgba(16,24,40,.04)}@media(max-width:760px){.layout{display:block}.side{padding:18px;border-right:0;border-bottom:1px solid #e6eaf0;box-shadow:0 10px 24px rgba(16,24,40,.05)}.side-context{margin-bottom:10px}.side nav{grid-template-columns:1fr 1fr}.side nav a{justify-content:flex-start;text-align:left;min-height:46px}.side form{margin-top:12px}.side form .btn.secondary{width:100%}}@media(max-width:430px){.side nav{grid-template-columns:1fr}}
.worker-file-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.worker-file-summary .card span{display:block;color:#667085;font-weight:850;font-size:13px}.worker-file-summary .card b{display:block;font-size:23px;margin:8px 0 4px}.worker-file-card{margin-top:18px}.worker-file-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.module-permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}.module-permission-grid label{display:flex;align-items:center;gap:9px;border:1px solid #e5e7eb;border-radius:14px;padding:11px;background:#f8fafc;margin:0;font-weight:850}.module-permission-grid input{width:auto}.invite-form h3{margin:18px 0 6px;font-size:17px}.field-box b{overflow-wrap:anywhere}@media(max-width:1050px){.worker-file-summary,.worker-file-grid{grid-template-columns:repeat(2,1fr)}.module-permission-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.worker-file-summary,.worker-file-grid,.module-permission-grid{grid-template-columns:1fr}.worker-file-summary{gap:10px}.worker-file-summary .card b{font-size:20px}}
.time-break-counter{display:block;margin-top:8px;color:#1d4ed8!important;font-weight:950}.time-actions{grid-template-columns:repeat(2,1fr)}.time-actions .btn{min-height:46px}.time-timeline{position:relative;height:44px;border:1px solid #e5e7eb;border-radius:16px;background:#f8fafc;overflow:hidden;margin:4px 0 2px}.time-timeline.compact{min-width:210px;height:36px;margin:0}.time-timeline.empty{display:grid;place-items:center;color:#667085;font-size:12px;font-weight:850}.time-timeline i{position:absolute;top:13px;height:12px;border-radius:999px;min-width:2px}.time-timeline.compact i{top:10px;height:10px}.time-timeline i.expected{top:27px;height:4px;background:#94a3b8;opacity:.55}.time-timeline.compact i.expected{top:24px}.time-timeline i.work{background:#16a34a}.time-timeline i.paid-break{background:#f59e0b}.time-timeline i.meal-break{background:#ea580c}.time-timeline i.personal-absence{background:#2563eb}.time-timeline i.pending-correction{top:0;height:100%;border-radius:0;background:repeating-linear-gradient(135deg,rgba(220,38,38,.18) 0 6px,rgba(220,38,38,0) 6px 12px);z-index:2;pointer-events:none}.time-timeline-scale{position:absolute;left:8px;right:8px;bottom:3px;display:flex;justify-content:space-between;color:#94a3b8;font-size:10px;font-weight:850;pointer-events:none}.time-audit summary{cursor:pointer;color:#2563eb;font-weight:900}.time-audit p{margin:8px 0;padding:8px;border-radius:12px;background:#f8fafc;border:1px solid #eef2f7;font-size:12px}.time-view .filters.advanced.hr-filter{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end}@media(max-width:1050px){.time-view .filters.advanced.hr-filter{grid-template-columns:1fr 1fr}.time-actions{grid-template-columns:1fr}}@media(max-width:760px){.time-view .filters.advanced.hr-filter{grid-template-columns:1fr}.time-timeline.compact{min-width:0;width:100%}.time-actions{grid-template-columns:1fr}}
.schedule-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.schedule-day-editor{border:1px solid #e5e7eb;background:#f8fafc;border-radius:18px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.schedule-day-editor b{grid-column:1/-1}.schedule-day-editor label{font-size:12px;color:#667085;margin:0}.schedule-day-editor input{padding:10px;border-radius:12px}.time-config-summary{display:grid;gap:10px;margin-top:18px}.time-config-summary h3{margin:8px 0 0}.time-config-summary div{border:1px solid #e5e7eb;background:#fff;border-radius:16px;padding:12px}.time-config-summary b,.time-config-summary span,.time-config-summary small{display:block}.time-config-summary span{color:#667085;margin-top:4px}.time-config-summary small{color:#2563eb;font-weight:900;margin-top:6px}.time-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px;overflow:auto;padding-bottom:4px}.time-calendar-day{min-height:118px;border:1px solid #e5e7eb;background:#fff;border-radius:16px;padding:10px}.time-calendar-day>b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#eef2ff;color:#1d4ed8;margin-bottom:8px}.time-calendar-day span{display:block;border-top:1px solid #eef2f7;padding-top:7px;margin-top:7px;color:#344054;font-size:12px;line-height:1.35}.time-calendar-day strong{display:block;color:#101828;font-size:12px;margin-bottom:3px}.filter-field.full{grid-column:1/-1}.filter-field .department-select-grid{margin-top:8px}@media(max-width:1050px){.schedule-editor{grid-template-columns:1fr}.time-calendar-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}}@media(max-width:760px){.schedule-day-editor{grid-template-columns:1fr}.time-calendar-grid{grid-template-columns:1fr;overflow:visible}.time-calendar-day{min-height:0}.time-config-summary div{padding:11px}}
.toggle-line{display:flex!important;align-items:center;gap:10px;margin:14px 0;padding:12px 14px;border:1px solid #dbeafe;background:#eff6ff;border-radius:16px;color:#1e3a8a}.toggle-line input{width:auto}.time-config-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.time-config-row section{min-width:0}.time-config-row em{font-style:normal;font-size:12px;font-weight:900;color:#64748b;background:#f1f5f9;border-radius:999px;padding:6px 10px}.time-config-row form{margin:0}.btn.danger,.btn.mini.danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}.btn.danger:hover,.btn.mini.danger:hover{background:#fecaca;color:#7f1d1d}@media(max-width:760px){.time-config-row{align-items:flex-start;flex-direction:column}.toggle-line{align-items:flex-start}}
.brand-logo-img{object-fit:cover;background:#fff;border:1px solid #e6eaf0}
.nav-section-label{margin:10px 8px 4px;color:#94a3b8;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:0}.time-employee-overview{display:grid;gap:16px}.time-employee-group{border:1px solid #e5e7eb;border-radius:20px;padding:16px;background:#fff}.time-employee-group header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.time-employee-group header b,.time-employee-group header span{display:block}.time-employee-group header span{color:#667085;font-size:13px;margin-top:4px}.time-group-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.time-group-summary span{background:#f8fafc;border:1px solid #eef2f7;border-radius:14px;padding:10px;color:#667085;font-size:13px;font-weight:850}.time-group-summary b{display:block;color:#101828;margin-top:4px}.year-calendar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.year-calendar-card{border:1px solid #e5e7eb;border-radius:18px;background:#fff;padding:14px;min-height:132px}.year-calendar-card header{display:flex;justify-content:space-between;gap:10px}.year-calendar-card header b{font-size:15px;text-transform:capitalize}.year-calendar-card header span{color:#667085;font-size:12px;font-weight:850}.year-calendar-dots{display:flex;gap:5px;flex-wrap:wrap;margin:14px 0 10px;min-height:18px}.year-calendar-dots i{width:10px;height:10px;border-radius:999px;background:#2563eb}.year-calendar-dots i.approved{background:#22c55e}.year-calendar-dots i.pending{background:#f59e0b}.year-calendar-dots i.rule{background:#94a3b8}.year-calendar-card p{margin:0;color:#667085;font-size:13px;line-height:1.35}@media(max-width:1050px){.year-calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.time-employee-group header{flex-direction:column}.time-group-summary{grid-template-columns:1fr}}@media(max-width:760px){.nav-section-label{grid-column:1/-1;margin:8px 4px 2px}.year-calendar-grid{grid-template-columns:1fr}.time-employee-group{padding:12px;border-radius:16px}.time-employee-group header .inline-actions,.time-employee-group header .btn{width:100%}}
.time-correction-inline{display:grid;grid-template-columns:150px 120px 120px minmax(160px,1fr) auto auto auto;gap:8px;align-items:center}.time-correction-inline input,.time-correction-inline select{padding:9px 10px;border-radius:12px;font-size:13px}@media(max-width:1180px){.time-correction-inline{grid-template-columns:1fr 1fr}}@media(max-width:760px){.time-correction-inline{grid-template-columns:1fr}.time-correction-inline .btn{width:100%}}
.schedule-config-row{align-items:flex-start}.schedule-config-row>.inline-actions{align-items:flex-start;justify-content:flex-end}.schedule-edit-details{position:relative}.schedule-edit-details summary{list-style:none}.schedule-edit-details summary::-webkit-details-marker{display:none}.schedule-edit-details[open] .schedule-edit-form{display:grid}.schedule-edit-form{position:absolute;right:0;top:42px;z-index:20;width:min(720px,calc(100vw - 80px));max-height:72vh;overflow:auto;background:#fff;border:1px solid #dbeafe;border-radius:18px;box-shadow:0 24px 70px rgba(16,24,40,.18);padding:16px;gap:12px}.schedule-edit-form .form-grid{grid-template-columns:1fr 1fr}.time-correction-inline input[type=time]{min-width:118px;font-variant-numeric:tabular-nums}@media(max-width:760px){.schedule-config-row>.inline-actions{width:100%;justify-content:flex-start}.schedule-edit-details,.schedule-edit-details summary{width:100%}.schedule-edit-form{position:static;width:100%;max-height:none;margin-top:10px}.schedule-edit-form .form-grid{grid-template-columns:1fr}}
.time-correction-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.time-correction-form .form-help{grid-column:1/3;margin:0;align-self:center}.time-correction-form .form-actions{display:flex;justify-content:flex-end;align-self:end}@media(max-width:1050px){.time-correction-form{grid-template-columns:1fr 1fr}.time-correction-form .form-help,.time-correction-form .form-actions{grid-column:1/-1}.time-correction-form .form-actions{justify-content:flex-start}}@media(max-width:760px){.time-correction-form{grid-template-columns:1fr}.time-correction-form .form-actions .btn{width:100%}}
.permission-section{display:grid;gap:8px;margin:10px 0 16px}.permission-section>label{margin:0;font-size:13px;color:#344054;text-transform:uppercase;letter-spacing:0}.permission-section small{display:block;margin-top:2px}.time-segment-details summary{cursor:pointer;color:#2563eb;font-weight:900}.time-segment-strip{display:flex;align-items:stretch;gap:6px;flex-wrap:wrap;margin-top:8px}.time-segment-strip span{display:grid;gap:2px;margin:0;padding:8px 10px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;font-size:12px;color:#344054;white-space:nowrap}.time-segment-strip b{font-size:11px;text-transform:uppercase;letter-spacing:.04em}.time-segment-strip em{font-style:normal;font-variant-numeric:tabular-nums}.time-segment-strip .work{border-color:#bbf7d0;background:#f0fdf4}.time-segment-strip .paid-break{border-color:#fde68a;background:#fffbeb}.time-segment-strip .meal-break{border-color:#fed7aa;background:#fff7ed}.time-segment-strip .personal-absence{border-color:#bfdbfe;background:#eff6ff}@media(max-width:760px){.time-segment-strip{display:grid}.time-segment-strip span{white-space:normal}}

:root{--tk-bg:#f5f5f0;--tk-panel:#fffefa;--tk-ink:#101b17;--tk-muted:#7b817d;--tk-line:#e1e3dd;--tk-green:#43836f;--tk-green-dark:#10231b;--tk-lime:#e5fb62;--tk-warm:#f5b65d;--tk-soft:#e8f1eb}body{background:var(--tk-bg);color:var(--tk-ink)}.app-shell.layout{grid-template-columns:286px minmax(0,1fr);background:var(--tk-bg)}.app-shell .main{padding:0;background:var(--tk-bg)}.main-content{padding:34px 42px 48px}.app-shell .side{background:#fbfbf6;border-right:1px solid var(--tk-line);box-shadow:none;padding:18px 16px;gap:18px;position:sticky;top:0;height:100vh;overflow:auto}.side-brand-row{padding:0}.side .brand{gap:12px;font-size:0;line-height:1}.side .brand>span:not(.logo),.side .brand>b{display:grid}.side .brand b{font-size:21px;line-height:1;color:var(--tk-ink)}.side .brand small{font-size:13px;color:var(--tk-muted);font-weight:500;margin-top:3px}.side .logo{width:42px;height:42px;border-radius:12px;background:var(--tk-green);box-shadow:none}.side-collapse{width:34px;height:34px;border:1px solid var(--tk-line);background:#fff;border-radius:11px;color:#70766f;font-weight:900}.side-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;background:#fff;border:1px solid var(--tk-line);border-radius:16px;padding:8px 10px;box-shadow:0 2px 8px rgba(16,27,23,.03)}.side-search span{color:#99a09a;font-size:18px}.side-search input{border:0;background:transparent;padding:4px;font-size:15px;color:#8b918b}.side-search kbd{border:1px solid var(--tk-line);background:#f5f5f0;border-radius:9px;color:#9a9f99;padding:3px 7px;font-size:12px}.side nav{gap:6px}.side nav a{border-radius:15px;color:#5b625d;font-size:15px;font-weight:760;padding:12px 13px;gap:12px}.side nav a:hover{background:#eef3ed;border-color:transparent;color:var(--tk-ink)}.side nav a.active{background:#e4f0e9;color:var(--tk-green);box-shadow:none;border-color:transparent}.side .nav-icon-wrap{background:transparent;border:0;width:24px;height:24px;border-radius:8px;color:currentColor}.side .nav-icon{width:20px;height:20px}.nav-section-label{color:#b2b7b0;font-size:12px;margin:12px 12px 4px}.side-month-card{background:var(--tk-green-dark);color:#fff;border-radius:18px;padding:18px 17px;display:grid;gap:9px;margin-top:auto}.side-month-card b{color:var(--tk-lime);font-size:15px}.side-month-card span{color:#cbd8cf;line-height:1.45}.side-month-card a{justify-self:start;background:var(--tk-lime);color:#172018;border-radius:999px;padding:10px 15px;font-weight:900;margin-top:4px}.app-shell .side-context{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;background:transparent;border:0;border-radius:0;padding:0;margin:0}.side-avatar{width:42px;height:42px;border-radius:999px;background:#dceee4;color:var(--tk-green);display:grid;place-items:center;font-weight:950}.side-user{font-size:15px;color:var(--tk-ink)}.side-company{margin-top:2px;color:var(--tk-muted);font-size:13px}.side-company span{display:inline;text-transform:none;font-size:13px;color:var(--tk-muted);font-weight:600}.side-company b{display:none}.side form .btn.secondary{border-radius:16px;box-shadow:none}.app-topbar{height:74px;border-bottom:1px solid var(--tk-line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:rgba(251,251,246,.86);backdrop-filter:blur(12px);position:sticky;top:0;z-index:15}.app-breadcrumb{font-size:16px;font-weight:850;color:#6c746e}.app-top-actions{display:flex;align-items:center;gap:14px}.role-switch{display:flex;align-items:center;gap:6px;background:#eef0ea;border-radius:999px;padding:4px}.role-switch span{padding:9px 18px;border-radius:999px;color:#90958f;font-weight:900}.role-switch .active{background:#fff;box-shadow:0 2px 8px rgba(16,27,23,.12);color:var(--tk-ink)}.top-add-ticket{background:var(--tk-green);border-radius:999px;padding:13px 22px}.top-add-ticket .nav-icon-wrap{width:18px;height:18px;background:transparent;border:0;color:#fff}.card,.panel{background:var(--tk-panel);border-color:var(--tk-line);border-radius:22px;box-shadow:0 1px 2px rgba(16,27,23,.04)}.btn{border-radius:999px;background:var(--tk-green)}.btn.secondary{background:#fff;color:var(--tk-ink);border-color:var(--tk-line)}.btn.soft{background:#e8f1eb;color:var(--tk-green)}.badge{background:#e7f0e9;color:var(--tk-green)}.page-title-block h1{font-size:42px;letter-spacing:-.01em;margin:0 0 8px}.page-title-block p{margin:0;color:var(--tk-muted);font-size:18px}.round-link{width:34px;height:34px;border-radius:999px;background:#f0f1eb;color:#899088;display:grid;place-items:center;font-size:28px;font-weight:500}.count-badge{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:#c85f52;color:#fff;font-size:14px;margin-left:6px}@media(max-width:980px){.app-shell.layout{display:block}.app-shell .side{position:static;height:auto}.app-topbar{position:static;padding:16px 20px;height:auto}.main-content{padding:22px 20px}.app-top-actions{width:100%;justify-content:space-between}.app-topbar{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:760px){.side-search,.side-month-card{display:none}.side nav{grid-template-columns:1fr 1fr}.role-switch{display:none}.top-add-ticket{width:100%}.app-top-actions{align-items:stretch;flex-direction:column}.main-content{padding:18px 14px}.page-title-block h1{font-size:34px}}

/* Public marketing and auth pages aligned with the new Ticketly visual system. */
.container>.nav{padding:18px 0 10px}.container>.nav .brand{font-size:23px;color:var(--tk-ink)}.container>.nav .logo,.public-login-left .logo,.register-left .logo{background:var(--tk-green);border-radius:12px;box-shadow:none}.container>.nav .navlinks{background:#fff;border:1px solid var(--tk-line);border-radius:999px;padding:6px;gap:2px;box-shadow:0 8px 24px rgba(16,27,23,.04)}.container>.nav .navlinks a{border-radius:999px;color:#677069;font-weight:850;padding:9px 14px}.container>.nav .navlinks a:hover{background:#edf4ef;color:var(--tk-green)}.commercial-hero{grid-template-columns:1.02fr .98fr;gap:34px;padding:46px 0 32px}.commercial-hero h1{color:var(--tk-ink);font-size:clamp(44px,5.2vw,72px);line-height:.98;letter-spacing:-.01em;margin:18px 0}.commercial-hero p{color:#5f6861;font-size:19px;max-width:690px}.commercial-hero .badge,.section .badge,.cta-band .badge{background:#e5efe9;color:var(--tk-green);border:1px solid #d9e7dd}.hero-product.panel{background:#fbfbf6;border-color:var(--tk-line);box-shadow:0 26px 70px rgba(16,27,23,.08);border-radius:32px;padding:18px}.hero-product .phone{background:var(--tk-green-dark);box-shadow:none;margin:auto;max-width:440px}.hero-product .screen{background:#f6f6ef}.hero-product .appbar,.hero-product .ticket-card{background:#fffefa;border-color:var(--tk-line)}.hero-product .amount{color:var(--tk-green-dark)}.hero-proof{max-width:660px}.hero-proof div,.suite-card,.role-suite,.split-band,.register-benefits div,.login-platform-note div,.register-suite-panel{background:#fffefa;border-color:var(--tk-line);box-shadow:0 1px 2px rgba(16,27,23,.04)}.hero-proof div{border-radius:20px}.hero-proof b{color:var(--tk-ink)}.hero-proof span,.section-copy,.suite-card p,.feature p,.register-benefits span,.login-platform-note span,.register-suite-panel span{color:var(--tk-muted)}.floating-note{background:#fffefa;border-color:#cfe5d4;box-shadow:0 18px 40px rgba(67,131,111,.14);border-radius:20px;right:-8px}.trust-strip{margin:4px 0 40px}.trust-strip span{background:var(--tk-green-dark);color:#f7fff9;border-radius:18px;padding:18px}.section h2{color:var(--tk-ink);letter-spacing:-.01em}.suite-card,.feature.card{border-radius:22px}.suite-card b,.feature b{color:var(--tk-ink)}.role-suite{background:linear-gradient(135deg,#fffefa,#eef4ee);box-shadow:none}.split-band{border-radius:30px;background:#fffefa}.check-row{color:#3f4842}.check-row span{background:var(--tk-lime);box-shadow:inset 0 0 0 5px var(--tk-green)}.finance-snapshot,.cta-band{background:var(--tk-green-dark);box-shadow:none;border:1px solid rgba(255,255,255,.08)}.bar-row i{background:linear-gradient(90deg,var(--tk-green) var(--w),rgba(255,255,255,.12) var(--w))}.snapshot-total{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}.cta-band{border-radius:30px}.cta-band .btn.green{background:var(--tk-lime);color:var(--tk-green-dark)}.cta-band .btn.secondary{background:#fff;color:var(--tk-green-dark)}
.public-login-wrap,.register-wrap{background:radial-gradient(circle at 14% 18%,rgba(229,251,98,.22),transparent 28%),radial-gradient(circle at 86% 28%,rgba(67,131,111,.14),transparent 32%),var(--tk-bg);align-items:center}.public-login-left,.register-left{background:transparent;padding:64px;gap:42px}.public-login-left{justify-content:center}.public-login-left .brand,.register-left .brand{align-self:flex-start;color:var(--tk-ink)}.public-login-left h1,.register-left h1{color:var(--tk-ink);letter-spacing:-.01em}.public-login-left .muted,.register-left .muted{color:#5f6861}.login-card,.register-card{background:#fffefa;border:1px solid var(--tk-line);border-radius:32px;box-shadow:0 28px 80px rgba(16,27,23,.11);padding:38px}.login-card h2,.register-card h2{color:var(--tk-ink);font-size:27px;margin:0 0 10px}.login-card input,.login-card select,.login-card textarea,.register-card input,.register-card select,.register-card textarea{background:#fff;border-color:#d9ded8;border-radius:16px}.login-card input:focus,.login-card select:focus,.login-card textarea:focus,.register-card input:focus,.register-card select:focus,.register-card textarea:focus{outline:3px solid #dcefe5;border-color:var(--tk-green)}.mini-module-list span{background:#edf4ef;color:var(--tk-green);border:1px solid #d9e7dd}.oauth-btn{border-color:var(--tk-line);border-radius:16px;box-shadow:none}.oauth-btn:hover{background:#f7faf6;border-color:#cbded0}.login-separator{color:#8b928c}.login-separator:before,.login-separator:after,.auth-footer{border-color:var(--tk-line)}.auth-footer,.auth-footer a{color:var(--tk-muted)}.auth-footer a,.file-link{color:var(--tk-green)}.check-line{display:flex;align-items:center;gap:10px;color:#3e4741}.check-line input{width:auto}.register-benefits b{background:var(--tk-green);border-radius:12px}.register-suite-panel{border-radius:20px}.register-suite-panel span{background:#fff;border-color:var(--tk-line)}.notice{background:#eef7f1;color:#245843;border-color:#cfe5d4}.error{background:#ffe5e2;color:#9c2e23}.success{background:#e1f5e8;color:#23633e}
@media(max-width:1050px){.container>.nav .navlinks{display:none}.commercial-hero{grid-template-columns:1fr}.hero-product.panel{max-width:560px;width:100%;justify-self:center}.public-login-left,.register-left{display:none}.public-login-wrap,.register-wrap{display:grid;grid-template-columns:1fr}.login-card,.register-card{width:min(620px,calc(100% - 32px));margin:28px auto}}
@media(max-width:760px){.container>.nav{gap:12px;align-items:flex-start}.container>.nav>.actions{width:auto}.container>.nav>.actions .btn{width:auto}.commercial-hero{padding:32px 0 22px}.commercial-hero h1{font-size:38px}.commercial-hero p{font-size:16px}.hero-proof,.trust-strip{grid-template-columns:1fr}.hero-product.panel{border-radius:24px;padding:12px}.floating-note{right:auto}.suite-grid,.grid3,.grid4{grid-template-columns:1fr}.section{padding:30px 0}.section h2{font-size:31px}.role-suite,.split-band,.cta-band{border-radius:24px;padding:22px}.login-card,.register-card{border-radius:24px;padding:24px;margin:18px auto}.register-form{grid-template-columns:1fr}.register-form label:nth-child(4){grid-column:1/-1}}
.hr-pending-row a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:var(--ink);text-decoration:none;transition:border-color .12s ease,background .12s ease}.hr-pending-row a:hover{border-color:var(--line-strong);background:var(--surface)}.hr-pending-row a span{font-size:12.5px;color:var(--ink-2)}.hr-pending-row a b{font-size:22px;font-variant-numeric:tabular-nums}

.cookie-banner{position:fixed;left:50%;bottom:18px;z-index:1000;width:min(1080px,calc(100% - 28px));transform:translateX(-50%);display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:#fffefa;border:1px solid var(--tk-line,#e1e3dd);border-radius:22px;padding:18px 20px;box-shadow:0 22px 70px rgba(16,27,23,.16);color:var(--tk-ink,#101b17)}.cookie-banner__text b{display:block;font-size:16px;margin-bottom:4px}.cookie-banner__text p{margin:0;color:var(--tk-muted,#7b817d);font-size:13.5px;line-height:1.45;text-wrap:pretty}.cookie-banner__text a{display:inline-flex;margin-top:7px;color:var(--tk-green,#43836f);font-weight:850;font-size:13px}.cookie-banner__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cookie-banner__actions .btn{min-height:38px;padding:10px 16px;font-size:13.5px}.cookie-panel{position:fixed;inset:0;z-index:1001;display:grid;place-items:center;background:rgba(16,27,23,.36);padding:18px}.cookie-panel[hidden]{display:none}.cookie-panel__box{width:min(560px,100%);background:#fffefa;border:1px solid var(--tk-line,#e1e3dd);border-radius:24px;padding:22px;box-shadow:0 28px 90px rgba(16,27,23,.22)}.cookie-panel__head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.cookie-panel__head h2{margin:0;font-size:24px;letter-spacing:-.01em;color:var(--tk-ink,#101b17)}.cookie-panel__close{width:34px;height:34px;border-radius:999px;border:1px solid var(--tk-line,#e1e3dd);background:#fff;color:var(--tk-ink,#101b17);font-weight:900;cursor:pointer}.cookie-option{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid var(--tk-line,#e1e3dd);background:#fff;border-radius:16px;padding:14px;margin-top:10px}.cookie-option b{display:block;font-size:14px;color:var(--tk-ink,#101b17)}.cookie-option p{margin:4px 0 0;color:var(--tk-muted,#7b817d);font-size:13px;line-height:1.4}.cookie-option span{white-space:nowrap;color:var(--tk-green,#43836f);font-size:12.5px;font-weight:900}.cookie-option input{width:22px;height:22px;accent-color:var(--tk-green,#43836f);flex:0 0 auto}.cookie-panel__actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px}.cookie-panel__actions .btn{min-height:38px;padding:10px 16px;font-size:13.5px}@media(max-width:760px){.cookie-banner{grid-template-columns:1fr;bottom:12px;padding:16px;border-radius:18px}.cookie-banner__actions{justify-content:stretch}.cookie-banner__actions .btn{flex:1 1 100%;min-height:44px}.cookie-panel__box{border-radius:20px;padding:18px}.cookie-option{align-items:flex-start;flex-direction:column}.cookie-option span{white-space:normal}.cookie-panel__actions .btn{width:100%;min-height:44px}}

.app-shell .side-collapse{display:grid;place-items:center;flex:0 0 auto;padding:0;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.app-shell .side-collapse:hover{background:#eef3ed;border-color:#cfd8d1;color:var(--tk-green,#43836f)}.app-shell .side-collapse .nav-icon-wrap{width:18px;height:18px;border:0;background:transparent;color:currentColor}.app-shell .side-collapse .nav-icon{width:18px;height:18px}.app-shell.side-collapsed{grid-template-columns:84px minmax(0,1fr)}.app-shell.side-collapsed .side{padding:18px 12px;overflow-x:hidden}.app-shell.side-collapsed .side-brand-row{justify-content:center;flex-direction:column;gap:10px}.app-shell.side-collapsed .side .brand>span:not(.logo){display:none}.app-shell.side-collapsed .side-search,.app-shell.side-collapsed .side-month-card,.app-shell.side-collapsed .side-context,.app-shell.side-collapsed .side form{display:none}.app-shell.side-collapsed .side nav{gap:8px}.app-shell.side-collapsed .nav-section-label{display:none}.app-shell.side-collapsed .side nav a{justify-content:center;padding:12px}.app-shell.side-collapsed .side nav a span:not(.nav-icon-wrap){display:none}.app-shell.side-collapsed .side .nav-icon-wrap{width:26px;height:26px}.app-shell.side-collapsed .side .nav-icon{width:20px;height:20px}@media(max-width:980px){.app-shell.side-collapsed{display:block}.app-shell.side-collapsed .side .brand>span:not(.logo),.app-shell.side-collapsed .side-search,.app-shell.side-collapsed .side-month-card,.app-shell.side-collapsed .side-context,.app-shell.side-collapsed .side form,.app-shell.side-collapsed .nav-section-label,.app-shell.side-collapsed .side nav a span:not(.nav-icon-wrap){display:revert}.app-shell.side-collapsed .side-brand-row{justify-content:space-between;flex-direction:row}.app-shell.side-collapsed .side nav a{justify-content:flex-start}}
.side nav a[hidden],.side .nav-section-label[hidden]{display:none!important}

.employee-roster{display:grid;gap:16px}.employee-roster-summary{display:flex;gap:8px;flex-wrap:wrap}.employee-roster-summary button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--tk-line,#e1e3dd);background:#fbfaf7;border-radius:999px;padding:8px 12px;color:var(--tk-muted,#7b817d);font-size:12.5px;font-weight:850;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.employee-roster-summary button:hover{border-color:#cbd8d1;background:#fff}.employee-roster-summary button.active{background:var(--tk-green-dark,#10231b);border-color:var(--tk-green-dark,#10231b);color:#fff}.employee-roster-summary b{font-size:16px;color:inherit;font-variant-numeric:tabular-nums}.employee-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.team-member-card{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-areas:"avatar main" "actions actions";gap:11px 12px;align-items:center;min-height:118px;border:1px solid var(--tk-line,#e1e3dd);background:#fff;border-radius:18px;padding:14px;box-shadow:0 1px 2px rgba(16,27,23,.04);transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.team-member-card[hidden]{display:none}.team-member-card:hover{border-color:#cbd8d1;transform:translateY(-1px);box-shadow:0 12px 28px rgba(16,27,23,.08)}.team-member-avatar{grid-area:avatar;width:42px;height:42px;border-radius:999px;display:grid;place-items:center;background:#e4f0e9;color:var(--tk-green,#43836f);font-size:13px;font-weight:950}.team-member-main{grid-area:main;min-width:0}.team-member-main b{display:block;color:var(--tk-ink,#101b17);font-size:14.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-member-main span{display:block;margin-top:4px;color:var(--tk-muted,#7b817d);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-member-actions{grid-area:actions;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #edf0ea;padding-top:10px}.team-member-actions .pill{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-member-actions .btn{padding:7px 13px}@media(max-width:760px){.employee-card-grid{grid-template-columns:1fr}.team-member-card{min-height:0}.team-member-actions{align-items:stretch;flex-direction:column}.team-member-actions .pill,.team-member-actions .btn{width:100%;max-width:none;justify-content:center}}
.employee-roster+.team-list,.employee-roster~.team-list{margin-top:10px}.main-content>section.card+section.card{margin-top:28px}
.invite-history{display:grid;gap:3px;margin:10px 0 12px;color:var(--tk-muted,#7b817d);font-size:12.5px}.invite-history span{color:var(--tk-ink,#101b17);font-weight:850}.invite-history p{margin:0}.invite-history b{color:var(--tk-ink,#101b17)}

.demo-calculator-section{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:22px;align-items:stretch;background:#fffefa;border:1px solid var(--tk-line,#e1e3dd);border-radius:30px;padding:28px;box-shadow:0 1px 2px rgba(16,27,23,.04)}.demo-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.demo-flow div{display:flex;align-items:center;gap:12px;border:1px solid var(--tk-line,#e1e3dd);background:#fbfbf6;border-radius:18px;padding:14px}.demo-flow b{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:var(--tk-green-dark,#10231b);color:var(--tk-lime,#e5fb62);font-variant-numeric:tabular-nums}.demo-flow span{color:#4f5a53;font-weight:760;line-height:1.35}.savings-calculator{display:grid;gap:16px;background:var(--tk-green-dark,#10231b);color:#fff;border-radius:24px;padding:22px}.savings-calculator h3{font-size:24px;margin:8px 0 0;letter-spacing:-.02em}.savings-calculator .badge{justify-self:start;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16);color:var(--tk-lime,#e5fb62)}.savings-calculator label{display:grid;grid-template-columns:1fr auto;gap:8px;color:#dbe6df;font-size:13px;font-weight:850}.savings-calculator input{grid-column:1/-1;accent-color:var(--tk-lime,#e5fb62)}.savings-calculator label b{font-variant-numeric:tabular-nums;color:#fff}.saving-result{display:grid;grid-template-columns:1fr 1fr;gap:10px}.saving-result div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px}.saving-result span{display:block;color:#cbd8cf;font-size:12.5px}.saving-result b{display:block;margin-top:4px;color:#fff;font-size:24px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.savings-calculator .btn{justify-content:center;background:var(--tk-lime,#e5fb62);color:var(--tk-green-dark,#10231b)}
.onboarding-panel{margin-bottom:22px}.onboarding-progress{height:10px;border-radius:999px;background:#edf0ea;overflow:hidden;margin:14px 0 16px}.onboarding-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--tk-green,#43836f),var(--tk-lime,#e5fb62))}.onboarding-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.onboarding-steps a{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--tk-line,#e1e3dd);background:#fbfbf6;border-radius:16px;padding:12px;color:var(--tk-ink,#101b17);text-decoration:none}.onboarding-steps a.done{background:#eef7f1;border-color:#cfe5d4}.onboarding-steps b{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:#fff;color:var(--tk-green,#43836f);font-variant-numeric:tabular-nums}.onboarding-steps span{font-weight:850;min-width:0}.onboarding-steps small{display:block;margin-top:3px;color:var(--tk-muted,#7b817d);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onboarding-steps em{font-style:normal;color:var(--tk-green,#43836f);font-size:12px;font-weight:900}
.personal-task-list a{grid-template-columns:auto minmax(0,1fr) auto auto}.personal-task-list em{font-style:normal;border-radius:999px;background:#f2f4ef;color:#5b625d;padding:6px 9px;font-size:11.5px;font-weight:900;white-space:nowrap}.personal-task-list a:hover em{background:#e5f0e9;color:var(--tk-green,#43836f)}
.system-notification-list{margin-bottom:16px}.system-notification-list>h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--tk-muted,#7b817d);margin:0 0 8px}.announcement-card.system-notification{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.announcement-card.system-notification.urgent{border-color:#f0c5c0;background:#fff7f6}.announcement-card.system-notification.important{border-color:#f1d29c;background:#fffaf0}
.app-top-actions .announcement-center{display:grid;place-items:center}.app-top-actions .announcement-bell{display:grid;place-items:center;width:38px;height:38px;min-width:38px;min-height:38px;padding:0;border-radius:999px;background:#fff;color:var(--tk-green,#43836f);border:1px solid var(--tk-line,#e1e3dd);box-shadow:0 2px 8px rgba(16,27,23,.08);line-height:1}.app-top-actions .announcement-bell .nav-icon-wrap{display:grid;place-items:center;width:20px;height:20px;margin:0;padding:0;border:0;background:transparent;color:currentColor;transform:none}.app-top-actions .announcement-bell .nav-icon{display:block;width:18px;height:18px;margin:0}.app-top-actions .announcement-bell [data-announcement-count]{top:-5px;right:-5px}
.login-submit-btn,.loading-submit-btn{position:relative;display:inline-grid;place-items:center;min-height:44px}.login-submit-btn .btn-spinner,.loading-submit-btn .btn-spinner{display:none;width:18px;height:18px;border-radius:999px;border:2px solid rgba(16,28,25,.28);border-top-color:var(--tk-green,#43836f);animation:ticketly-spin .72s linear infinite}.login-submit-btn:not(.secondary) .btn-spinner,.loading-submit-btn:not(.secondary) .btn-spinner{border-color:rgba(255,255,255,.42);border-top-color:#fff}.login-submit-btn.is-loading,.loading-submit-btn.is-loading{cursor:wait;opacity:.92}.login-submit-btn.is-loading .btn-spinner,.loading-submit-btn.is-loading .btn-spinner{display:block}.login-submit-btn.is-loading [data-loading-label],.loading-submit-btn.is-loading [data-loading-label]{display:none}@keyframes ticketly-spin{to{transform:rotate(360deg)}}
.section-kicker{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.commercial-personas{padding-top:28px}.persona-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.persona-card{display:grid;align-content:start;gap:10px;min-height:260px;border:1px solid var(--tk-line,#e1e3dd);background:#fffefa;border-radius:24px;padding:20px;box-shadow:0 1px 2px rgba(16,27,23,.04)}.persona-card span{justify-self:start;border:1px solid #d9e7dd;background:#e5efe9;color:var(--tk-green,#43836f);border-radius:999px;padding:7px 10px;font-size:11.5px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.persona-card h3{margin:4px 0 0;color:var(--tk-ink,#101b17);font-size:22px;line-height:1.08;letter-spacing:-.02em}.persona-card p{margin:0;color:var(--tk-muted,#7b817d);font-size:14px;line-height:1.55}.persona-card a{align-self:end;color:var(--tk-green,#43836f);font-weight:900;text-decoration:none}.before-after{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:center;border:1px solid var(--tk-line,#e1e3dd);background:#fffefa;border-radius:30px;padding:30px}.before-after-copy .section-copy{margin-bottom:0}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comparison-card{display:grid;gap:11px;border:1px solid var(--tk-line,#e1e3dd);border-radius:22px;padding:20px;background:#fbfbf6}.comparison-card h3{margin:0 0 6px;color:var(--tk-ink,#101b17);font-size:22px}.comparison-card div{display:flex;gap:10px;color:#4a544e;font-weight:750;line-height:1.35}.comparison-card div span{width:18px;height:18px;border-radius:999px;flex:0 0 auto;margin-top:1px}.comparison-card.is-before div span{background:#f8ddd9;box-shadow:inset 0 0 0 5px #d6544b}.comparison-card.is-after{background:#edf7f1;border-color:#cfe5d4}.comparison-card.is-after div span{background:var(--tk-lime,#e5fb62);box-shadow:inset 0 0 0 5px var(--tk-green,#43836f)}.product-showcase{display:grid;grid-template-columns:.82fr 1.18fr;gap:30px;align-items:center}.product-window{border:1px solid #d7ded7;background:#fffefa;border-radius:28px;box-shadow:0 26px 70px rgba(16,27,23,.1);overflow:hidden}.product-window-top{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--tk-line,#e1e3dd);background:#fbfbf6}.product-window-top span{width:10px;height:10px;border-radius:999px;background:#d8ded7}.product-window-top b{margin-left:8px;color:#5b625d;font-size:13px}.product-window-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px}.product-kpi,.product-chart,.product-table{border:1px solid var(--tk-line,#e1e3dd);background:#fff;border-radius:18px;padding:16px}.product-kpi.strong{background:#edf4ff;border-color:#cddcff}.product-kpi span,.product-chart b{display:block;color:#607068;font-size:12px;font-weight:900;text-transform:uppercase}.product-kpi b{display:block;margin-top:8px;font-size:27px;color:var(--tk-ink,#101b17);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.product-kpi small{display:block;margin-top:4px;color:var(--tk-muted,#7b817d)}.product-chart{grid-column:span 1;display:grid;gap:12px}.product-chart i{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--tk-green,#43836f) var(--w),#edf0ea var(--w))}.product-table{grid-column:span 2;display:grid;gap:10px}.product-table div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;border:1px solid #edf0ea;border-radius:14px;padding:12px}.product-table b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-table span{font-weight:950;font-variant-numeric:tabular-nums}.product-table em{font-style:normal;border-radius:999px;background:#fff4df;color:#b9762a;padding:6px 9px;font-size:12px;font-weight:900}
@media(max-width:1050px){.persona-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.before-after,.product-showcase{grid-template-columns:1fr}.product-window{max-width:760px;width:100%;justify-self:center}}
.commercial-personas,.before-after,.demo-calculator-section{margin-bottom:34px}
.public-demo-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}.public-demo-hero h1{font-size:54px;line-height:1.02;margin:18px 0 14px;letter-spacing:-.03em}.public-demo-preview{border:1px solid var(--tk-line,#e1e3dd);background:#fffefa;border-radius:30px;overflow:hidden;box-shadow:0 26px 70px rgba(16,27,23,.1)}.public-demo-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px}.public-demo-metrics div{background:#fbfbf6;border:1px solid var(--tk-line,#e1e3dd);border-radius:18px;padding:16px}.public-demo-metrics b{display:block;color:var(--tk-ink,#101b17);font-size:30px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.public-demo-metrics span{display:block;margin-top:4px;color:var(--tk-muted,#7b817d);font-size:12.5px;font-weight:800}.public-demo-table{padding:0 18px 18px}.public-demo-detail{padding-top:18px}.public-demo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.public-demo-grid article{background:#fffefa;border:1px solid var(--tk-line,#e1e3dd);border-radius:22px;padding:20px;box-shadow:0 1px 2px rgba(16,27,23,.04)}.public-demo-grid article>b{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:var(--tk-green-dark,#10231b);color:var(--tk-lime,#e5fb62);font-variant-numeric:tabular-nums}.public-demo-grid h3{margin:16px 0 8px;font-size:20px;line-height:1.12;color:var(--tk-ink,#101b17)}.public-demo-grid p{margin:0;color:var(--tk-muted,#7b817d);font-size:14px;line-height:1.55}
@media(max-width:1050px){.public-demo-hero,.contact-hero{grid-template-columns:1fr}.public-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-info-band{grid-template-columns:1fr}}
.contact-hero{display:grid;grid-template-columns:.88fr 1.12fr;gap:34px;align-items:start}.contact-copy h1{font-size:56px;line-height:1.02;margin:18px 0 14px;letter-spacing:-.03em}.contact-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}.contact-proof div{border:1px solid var(--tk-line,#e1e3dd);background:#fffefa;border-radius:18px;padding:14px}.contact-proof b{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:var(--tk-green-dark,#10231b);color:var(--tk-lime,#e5fb62);font-variant-numeric:tabular-nums}.contact-proof span{display:block;margin-top:10px;color:var(--tk-ink,#101b17);font-weight:850;line-height:1.25}.contact-card{background:#fffefa;border:1px solid var(--tk-line,#e1e3dd);border-radius:30px;padding:26px;box-shadow:0 26px 70px rgba(16,27,23,.1)}.contact-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.contact-card h2{font-size:34px;line-height:1.05;margin:12px 0 0;letter-spacing:-.03em}.contact-mail{border:1px solid #d9e7dd;background:#e5efe9;color:var(--tk-green,#43836f);border-radius:999px;padding:9px 12px;font-size:12.5px;font-weight:900;white-space:nowrap}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{margin:0;color:var(--tk-ink,#101b17);font-size:12.5px;text-transform:uppercase;letter-spacing:.04em}.contact-form input,.contact-form select,.contact-form textarea{margin-top:7px;border-color:var(--tk-line,#e1e3dd);border-radius:14px;background:#fff}.contact-form textarea{resize:vertical;min-height:150px}.contact-form .full,.contact-form button{grid-column:1/-1}.contact-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.contact-info-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 34px}.contact-info-band article{background:#fffefa;border:1px solid var(--tk-line,#e1e3dd);border-radius:22px;padding:20px}.contact-info-band span{display:block;color:var(--tk-green,#43836f);font-size:11.5px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.contact-info-band b{display:block;margin-top:8px;color:var(--tk-ink,#101b17);font-size:18px}.contact-info-band p{margin:6px 0 0;color:var(--tk-muted,#7b817d);font-size:13.5px;line-height:1.45}
@media(max-width:1050px){.contact-hero{grid-template-columns:1fr}.contact-info-band{grid-template-columns:1fr}}
@media(max-width:760px){.section-kicker{align-items:flex-start;flex-direction:column}.persona-grid,.comparison-grid,.product-window-grid{grid-template-columns:1fr}.persona-card{min-height:0}.before-after{border-radius:24px;padding:20px}.product-table,.product-chart{grid-column:auto}.product-table div{grid-template-columns:1fr}.product-showcase{gap:18px}.public-demo-hero h1,.contact-copy h1{font-size:38px}.public-demo-preview{border-radius:24px}.public-demo-metrics,.public-demo-grid,.contact-proof,.contact-form{grid-template-columns:1fr}.contact-card{border-radius:24px;padding:20px}.contact-card-head{flex-direction:column}.contact-mail{white-space:normal}.contact-form button{min-height:44px}}
.talent-suite{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:stretch;background:var(--tk-green-dark,#10231b);color:#fff;border-radius:30px;padding:30px;margin-bottom:34px;overflow:hidden}.talent-suite .badge{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);color:var(--tk-lime,#e5fb62)}.talent-copy h2{color:#fff;font-size:42px;line-height:1.04;margin:18px 0 12px;letter-spacing:-.03em}.talent-copy .section-copy{color:#dbe6df}.talent-copy .btn{background:var(--tk-lime,#e5fb62);color:var(--tk-green-dark,#10231b)}.talent-copy .btn.secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}.talent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.talent-card{display:grid;align-content:start;gap:14px;background:#fffefa;color:var(--tk-ink,#101b17);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:20px;min-height:260px}.talent-card div{display:flex;gap:6px;flex-wrap:wrap}.talent-card span{border-radius:999px;background:#e5efe9;color:var(--tk-green,#43836f);padding:6px 8px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.talent-card h3{margin:4px 0 0;font-size:22px;line-height:1.08;letter-spacing:-.02em}.talent-card p{margin:0;color:var(--tk-muted,#7b817d);font-size:14px;line-height:1.55}@media(max-width:1050px){.talent-suite{grid-template-columns:1fr}.talent-grid{grid-template-columns:1fr}.talent-card{min-height:0}}@media(max-width:760px){.talent-suite{border-radius:24px;padding:22px}.talent-copy h2{font-size:32px}}
@media(max-width:840px){.demo-calculator-section{grid-template-columns:1fr;padding:20px;border-radius:24px}.demo-flow,.saving-result{grid-template-columns:1fr}.onboarding-steps{grid-template-columns:1fr}.personal-task-list a{grid-template-columns:auto minmax(0,1fr) auto}.personal-task-list em{display:none}.announcement-card.system-notification{grid-template-columns:1fr}}