.tk-app{color:#173f35;background:#f5f7f0;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.tk-app *{box-sizing:border-box}.tk-header{background:#fff;border-bottom:1px solid #dfe5d8;justify-content:space-between;align-items:center;gap:20px;padding:23px max(24px,50% - 600px);display:flex}.tk-brand{letter-spacing:-.8px;font-size:26px;font-weight:800}.tk-brand span{letter-spacing:2.1px;color:#6c7d65;margin-top:7px;font-size:9px;display:block}.tk-header-links{align-items:center;gap:24px;font-size:13px;display:flex}.tk-header-links button{color:#59714e;font:inherit;cursor:pointer;background:0 0;border:0;padding:10px 0;text-decoration:underline}.tk-main{max-width:1248px;margin:auto;padding:26px 24px 30px}.tk-banner{background:#edf3df;border:1px solid #d5e1c1;border-radius:9px;align-items:center;gap:10px;padding:13px 17px;font-size:12px;line-height:1.7;display:flex}.tk-dot{background:#729a3c;border-radius:50%;flex-shrink:0;width:7px;height:7px}.tk-panel{background:#fff;border:1px solid #dce3d3;border-radius:14px;margin:20px 0;padding:27px}.tk-app h1{letter-spacing:-1.3px;margin:12px 0;font-size:37px;line-height:1.2}.tk-app h2{letter-spacing:-.5px;margin:0 0 10px;font-size:22px;line-height:1.35}.tk-app h3{margin:0 0 8px;font-size:17px}.tk-app p{color:#687762;font-size:14px;line-height:1.75}.tk-app small{color:#6f7d68;font-size:12px;line-height:1.6}.tk-eyebrow{letter-spacing:1.5px;color:#6e8558;font-size:10px;font-weight:700}.tk-welcome{grid-template-columns:1.1fr 1fr;gap:70px;margin:55px 0;display:grid}.tk-welcome>section:first-child{padding:25px 0}.tk-welcome h1{margin:22px 0;font-size:49px}.tk-welcome p{max-width:520px;font-size:16px}.tk-trial-badges{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.tk-trial-badges span{background:#e7efd7;border-radius:30px;padding:9px 12px;font-size:12px}.tk-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:43px;padding:12px 16px;font-size:13px;font-weight:600;line-height:1.45;display:inline-flex}.tk-primary{color:#fff;background:#173f35}.tk-primary:hover{background:#285745}.tk-secondary{color:#294f3c;background:#fff;border-color:#cdd9bf}.tk-secondary:hover{background:#edf3e4}.tk-btn:disabled,.tk-app button:disabled{opacity:.55;cursor:wait}.tk-inline{text-underline-offset:3px;color:#486735;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:12px;text-decoration:underline}.tk-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tk-input{color:#244334;width:100%;font:inherit;background:#fff;border:1px solid #ced9c2;border-radius:7px;min-height:43px;padding:12px;font-size:14px;display:block}.tk-input:focus{outline-offset:2px;outline:2px solid #94b269}.tk-app label{color:#4c6543;flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}.tk-resume form{flex-direction:column;gap:15px;margin:26px 0;display:flex}.tk-resume form .tk-btn{align-self:flex-start}.tk-call{border-top:1px solid #e1e6d9;margin-top:28px;padding-top:24px;font-size:13px}.tk-call a{margin:10px 0;font-size:24px;font-weight:700;display:block}.tk-call small{display:block}.tk-app .tk-small{color:#78856e;font-size:12px;line-height:1.8}.tk-top{justify-content:space-between;align-items:center;gap:20px;margin:35px 0 28px;display:flex}.tk-top h1{font-size:31px}.tk-top p{margin:0;font-size:12px}.tk-key{background:#f1f6e7}.tk-key code{overflow-wrap:anywhere;max-width:720px;margin:20px 0;font-size:14px;line-height:1.8;display:block}.tk-tabs{border-bottom:1px solid #cdd8c1;gap:6px;margin:20px 0 25px;display:flex;overflow:auto}.tk-tabs button{color:#77846c;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:16px 19px;font-size:14px;font-weight:600}.tk-tabs button[aria-current]{color:#173f35;background:#eaf0df;border-color:#42692e;border-radius:9px 9px 0 0}.tk-filters{flex-wrap:wrap;align-items:end;gap:16px;margin:22px 0;display:flex}.tk-filters label{flex:1;min-width:150px}.tk-filters label .tk-input{min-width:130px}.tk-section-title{justify-content:space-between;align-items:center;gap:18px;margin:28px 0 20px;display:flex}.tk-section-title p{margin:3px 0;font-size:12px}.tk-panel .tk-section-title{margin-top:0}.tk-scan{background:#edf3e2;grid-template-columns:1.3fr 1fr;align-items:center;gap:30px;display:grid}.tk-scan p{font-size:12px}.tk-scan-form{gap:10px;display:flex}.tk-scan-form .tk-input{max-width:220px}.tk-scan>div:last-child{flex-direction:column;align-items:flex-start;gap:7px;display:flex}.tk-camera{background:#173f35;border-radius:8px;max-width:100%;max-height:260px}.tk-people{flex-direction:column;gap:10px;display:flex}.tk-person{background:#fff;border:1px solid #dce3d3;border-radius:12px;align-items:center;gap:16px;padding:22px;display:flex}.tk-person-avatar{background:#e8efde;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:12px;font-weight:700;display:grid}.tk-person-info{flex:1;min-width:0}.tk-person-info strong{font-size:16px;display:block}.tk-person-info small{margin:5px 0;font-size:11px;display:block}.tk-state-line{color:#4b7134;font-size:12px;line-height:1.7;display:block}.tk-muted{color:#8c9881}.tk-present{border-color:#bfd59c}.tk-excused{background:#f0f2ed}.tk-person-action{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.tk-chip{white-space:nowrap;background:#eaf0e1;border-radius:6px;padding:7px 10px;font-size:11px;font-weight:600;display:inline-block}.tk-chip-green{color:#496b2f;background:#e7f1d9}.tk-table-wrap{overflow:auto}.tk-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px;line-height:1.6}.tk-table th,.tk-table td{vertical-align:middle;border-bottom:1px solid #e2e7db;padding:15px 14px}.tk-table thead th{letter-spacing:.8px;text-transform:uppercase;color:#748568;background:#f4f7ee;font-size:10px}.tk-table tbody th{font-size:13px;font-weight:600}.tk-table small{font-size:11px;font-weight:400;display:block}.tk-compare-missing-return{background:#fff0e5}.tk-compare-return-only{background:#f2eafa}.tk-compare-complete{background:#f2f7e9}.tk-absence-form{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px;display:grid}.tk-absence-form .tk-btn{justify-self:start}.tk-absences article{border-top:1px solid #dce4d3;align-items:center;gap:16px;margin-top:20px;padding-top:20px;display:flex}.tk-absences article div{flex:1}.tk-absences small{display:block}.tk-error,.tk-success{border-radius:8px;margin:15px 0;padding:15px 18px;font-size:13px;line-height:1.65}.tk-error{color:#913c2c;background:#fce8e1;border:1px solid #efc6b5}.tk-success{color:#3d6529;background:#e5f0d6;border:1px solid #c7dbac}.tk-footer{color:#748669;border-top:1px solid #dce3d3;flex-wrap:wrap;gap:24px;margin-top:42px;padding-top:25px;font-size:12px;display:flex}.tk-footer span{margin-left:auto}.tk-footer a{text-underline-offset:3px;text-decoration:underline}.tk-modal-backdrop{z-index:50;background:#17372ddb;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.tk-modal{background:#fff;border-radius:15px;width:100%;max-width:560px;padding:30px;box-shadow:0 25px 80px #0003}.tk-modal p{margin-bottom:26px}.tk-qr-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0;display:grid}.tk-qr-card{border:1px solid #dae3cf;border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:16px;font-size:13px;display:flex}.tk-qr-card code{font-size:13px}.tk-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;overflow:hidden;position:absolute!important}.tk-print-title{font-weight:600;font-size:13px!important}@media (max-width:800px){.tk-welcome{grid-template-columns:1fr;gap:28px;margin:25px 0}.tk-welcome h1{font-size:41px}.tk-resume{margin:0}.tk-top{flex-direction:column;align-items:flex-start}.tk-qr-grid{grid-template-columns:repeat(2,1fr)}.tk-scan{grid-template-columns:1fr;gap:22px}.tk-section-title{flex-direction:column;align-items:flex-start}.tk-people .tk-person{gap:12px;padding:16px}.tk-absence-form{grid-template-columns:1fr 1fr}.tk-table th,.tk-table td{padding:12px 9px}}@media (max-width:480px){.tk-main{padding:18px 15px}.tk-header{gap:12px;padding:18px 17px}.tk-header-links{gap:16px;font-size:11px}.tk-brand{font-size:22px}.tk-banner{align-items:flex-start;font-size:10px}.tk-panel{padding:20px 16px}.tk-top h1{font-size:27px}.tk-tabs button{padding:14px 13px;font-size:12px}.tk-filters{gap:12px}.tk-filters label{min-width:calc(50% - 12px)}.tk-person{flex-wrap:wrap}.tk-person-action{flex-direction:row;justify-content:flex-end;align-items:center;width:100%;margin-top:7px}.tk-person-avatar{width:36px;height:36px}.tk-absence-form{grid-template-columns:1fr}.tk-absences article{flex-wrap:wrap}.tk-absences article div{flex:auto;width:100%}.tk-footer span{width:100%;margin-left:0}.tk-qr-card{padding:10px;font-size:11px}.tk-qr-card img{width:110px;height:110px}.tk-table{min-width:600px}.tk-app .tk-welcome p{font-size:14px}}@media print{.tk-app{color:#000;background:#fff}.tk-header,.tk-banner,.tk-tabs,.tk-top,.tk-filters,.tk-footer,.tk-key,.tk-error,.tk-success,.tk-scan,.tk-modal-backdrop,.tk-panel>.tk-btn,.tk-section-title>.tk-btn{display:none!important}.tk-main{max-width:none;padding:0}.tk-panel{border:0;margin:0 0 25px;padding:0}.tk-table-wrap{overflow:visible}.tk-table{min-width:0;font-size:10px}.tk-table th,.tk-table td{padding:8px 5px}.tk-table tr{break-inside:avoid}.tk-table thead{display:table-header-group}.tk-table small{font-size:9px}.tk-qr-grid{grid-template-columns:repeat(3,1fr)}.tk-qr-card{break-inside:avoid}.tk-app button{display:none!important}.tk-person{break-inside:avoid}.tk-absence-form,.tk-absences{display:none}.tk-print-title{display:block}a{color:inherit}}.tk-week-heading{margin-top:32px!important}.tk-week-table{font-size:12px}.tk-week-table small{font-size:10px}.tk-week-table td{padding:12px 9px}.demo-welcome{padding:45px 0}.demo-welcome h1{margin:20px 0;font-size:46px;line-height:1.15}.demo-role-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:32px 0 25px;display:grid}.demo-role-card{text-align:left;color:#173f35;cursor:pointer;background:#fff;border:1px solid #d4e0c5;border-radius:14px;flex-direction:column;align-items:flex-start;min-height:285px;padding:28px 22px;transition:transform .2s;display:flex}.demo-role-card:hover{border-color:#76994d;transform:translateY(-3px)}.demo-role-card small{letter-spacing:1.2px;font-size:9px;font-weight:700}.demo-role-card h2{margin:20px 0;font-size:25px}.demo-role-card p{flex:1;font-size:12px}.demo-role-card b{margin-top:18px;font-size:11px}.demo-role-card.office{color:#fff;background:#173f35}.demo-role-card.office p,.demo-role-card.office small{color:#c5d7bf}.demo-role-card.office b{color:#dfed96}.demo-driver-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px;display:grid}.demo-role-card:focus-visible{outline-offset:4px;outline:3px solid #8eb05f}.tk-app [hidden]{display:none!important}@media (max-width:950px){.demo-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.demo-driver-grid{grid-template-columns:1fr}.demo-welcome h1{font-size:36px}.demo-role-card{padding:23px 17px}.demo-role-card h2{font-size:22px}.demo-role-grid{gap:12px}}@media (max-width:390px){.demo-role-grid{grid-template-columns:1fr}.demo-role-card{min-height:230px}}@media print{.demo-driver-grid,.demo-role-grid{display:none!important}}.demo-person-form{grid-template-columns:2fr 1fr 1fr;align-items:end;gap:18px;margin:22px 0;display:grid}.demo-person-form>.tk-btn{justify-self:start}.demo-person-add>.tk-actions{border-top:1px solid #e0e7d6;padding-top:20px}.demo-office-qr{background:#fafff4;border-color:#87a660}.demo-office-qr .tk-qr-card{background:#fff}.demo-qr-download{font-size:11px;text-decoration:none}@media (max-width:700px){.demo-person-form{grid-template-columns:1fr}.demo-office-qr .tk-qr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{.tk-print-cards .tk-main>*{display:none!important}.tk-print-cards .tk-main>.demo-office-qr{background:#fff;display:block!important}.demo-office-qr .tk-section-title p,.demo-qr-download,.demo-person-add{display:none!important}}.demo-simple-home{padding:8px 0 30px}.demo-simple-intro{margin:0 0 24px;color:#294f3c!important;font-size:20px!important}.demo-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:28px;display:grid}.demo-quick-card{text-align:left;color:#173f35;cursor:pointer;background:#fff;border:1px solid #cfdbc2;border-radius:16px;flex-direction:column;align-items:flex-start;gap:17px;min-height:220px;padding:30px 25px;transition:background .15s,border-color .15s;display:flex}.demo-quick-card:hover{background:#f3f8e9;border-color:#678a4b}.demo-quick-card:focus-visible{outline-offset:4px;outline:3px solid #7d9e57}.demo-quick-card strong{letter-spacing:-.5px;font-size:21px;line-height:1.3}.demo-quick-card>span:last-child{color:#6b7b61;font-size:13px;line-height:1.7}.demo-quick-icon{background:#eaf1de;border-radius:12px;place-items:center;width:46px;height:46px;font-size:29px;font-weight:500;display:grid}.demo-qr-select{max-width:400px;margin:18px 0}.demo-office-qr:focus{outline:none}@media (max-width:700px){.demo-quick-grid{grid-template-columns:1fr;gap:12px}.demo-quick-card{grid-template-columns:45px 1fr;align-items:center;gap:7px 16px;min-height:0;padding:20px;display:grid}.demo-quick-icon{grid-row:span 2}.demo-quick-card strong{font-size:19px}.demo-quick-card>span:last-child{font-size:12px}.demo-simple-intro{font-size:17px!important}.demo-simple-home{padding-top:0}.demo-simple-home .tk-inline{text-align:left;line-height:1.8}.demo-person-form{margin-top:16px}}@media print{.demo-simple-home,.demo-qr-select{display:none!important}}
