.np-ta{--p:#6667ab;--o:#ff9800;--t:#0aa599;--n:#103d84;--l:#9c9cc8;--y:#f2bd35;--m:#627d98;color:#173b5f}.np-ta *{box-sizing:border-box}.np-ta-shell{max-width:1180px;margin:auto;padding:0 28px}.np-ta-two{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.np-ta-hero{padding:82px 0;background:radial-gradient(circle at 94% 16%,rgba(10,165,153,.12),transparent 24%),radial-gradient(circle at 6% 25%,rgba(102,103,171,.12),transparent 25%),linear-gradient(135deg,#f8fbff,#eef9f8)}.np-ta-kicker,.np-ta-heading>span{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--p)}.np-ta h1{font-size:52px;line-height:1.05;margin:14px 0 22px;color:var(--n);max-width:620px}.np-ta h2{font-size:36px;line-height:1.15;color:var(--n);margin:10px 0 16px}.np-ta h3{color:var(--n)}.np-ta p,.np-ta li{color:var(--m);line-height:1.7}.np-ta-lead{font-size:18px}.np-ta-actions{display:flex;gap:12px;margin-top:28px}.np-ta-btn{display:inline-block;padding:13px 22px;border-radius:8px;text-decoration:none;font-weight:700}.np-ta-btn.primary{background:var(--o);color:#fff}.np-ta-btn.secondary{border:1px solid var(--p);color:var(--p);background:#fff}
.np-ta-dashboard{background:#fff;border:1px solid rgba(16,61,132,.12);border-radius:18px;padding:24px;box-shadow:0 22px 55px rgba(16,61,132,.14)}.np-ta-dash-head,.np-ta-row{display:flex;justify-content:space-between}.np-ta-dash-head{padding-bottom:16px;border-bottom:1px solid #e8eef5}.np-ta-dash-head span,.np-ta .good{color:var(--t);font-size:12px}.np-ta-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.np-ta-stats div{background:#f7f9fc;border-radius:10px;padding:14px}.np-ta-stats small{display:block;color:var(--m);font-size:10px}.np-ta-stats strong{display:block;color:var(--n);margin-top:5px}.np-ta-bar{height:8px;background:#edf1f7;border-radius:8px;margin:10px 0 18px;overflow:hidden}.np-ta-bar i{display:block;width:94%;height:100%;background:var(--t)}.np-ta-events div{display:grid;grid-template-columns:60px 1fr auto;padding:9px 0;border-top:1px solid #eef2f6;font-size:12px}.np-ta-events span{color:var(--m)}.np-ta-events em{font-style:normal;color:var(--t)}
.np-ta-section{padding:72px 0}.np-ta-heading{text-align:center;max-width:760px;margin:0 auto 38px}.np-ta-grid{max-width:1060px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.np-ta-grid article{min-height:215px;padding:24px 22px;border:1px solid rgba(16,61,132,.1);border-top:3px solid var(--p);border-radius:16px;box-shadow:0 8px 24px rgba(16,61,132,.06)}.np-ta-grid article:nth-child(2){border-top-color:var(--o)}.np-ta-grid article:nth-child(3){border-top-color:var(--t)}.np-ta-grid article:nth-child(4){border-top-color:var(--n)}.np-ta-grid article:nth-child(5){border-top-color:var(--l)}.np-ta-grid article:nth-child(6){border-top-color:var(--y)}.np-ta-grid i{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:11px;background:rgba(10,165,153,.11);color:var(--t);font-style:normal;font-weight:800}.np-ta-grid h3{font-size:18px;margin:14px 0 9px}.np-ta-grid p{font-size:14px;margin:0}
.np-ta-process{padding:60px 0;background:#f3fbfa}.np-ta-flow{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.np-ta-flow div{padding:10px 14px;background:#fff;border:1px solid rgba(10,165,153,.22);border-radius:8px;font-size:13px;font-weight:700}.np-ta-flow b{color:var(--t)}.np-ta-section ul{padding-left:20px}.np-ta-monitor{max-width:430px;margin:auto;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 14px 34px rgba(16,61,132,.08)}.np-ta-monitor-head,.np-ta-monitor>div{display:flex;justify-content:space-between}.np-ta-monitor-head{padding-bottom:14px!important;border-bottom:1px solid #e8eef5!important}.np-ta-monitor-head span{color:var(--t)}.np-ta-monitor>div{padding:11px 0;border-bottom:1px solid #eef2f6;font-size:13px}.np-ta-monitor>div span{color:var(--n);font-weight:700}
.np-ta-control{padding:68px 0;background:#f8fafc}.np-ta-control-card{background:linear-gradient(145deg,#0b2e4f,var(--n));border-top:4px solid var(--t);border-radius:16px;padding:28px 30px;box-shadow:0 18px 38px rgba(16,61,132,.14)}.np-ta-control-card h3{color:#fff}.np-ta-control-card div{color:rgba(255,255,255,.9);padding:10px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.np-ta-capture{padding:64px 0}.np-ta-pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.np-ta-pills div{padding:10px 15px;border-radius:999px;background:#f6f8fb;border:1px solid #e1e7ee;color:var(--n);font-size:13px}.np-ta-connected{padding:62px 0;background:#f7f9fc}.np-ta-stack{display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap}.np-ta-stack div,.np-ta-stack strong{padding:11px 16px;border-radius:8px;background:#fff;border:1px solid #dfe6ee;font-size:13px}.np-ta-stack strong{background:var(--t);border-color:var(--t);color:#fff}.np-ta-stack b{color:var(--p)}
.np-ta-final{text-align:center;padding:60px 20px;background:linear-gradient(135deg,var(--n),var(--p))}.np-ta-final .np-ta-shell{max-width:760px}.np-ta-final h2{color:#fff}.np-ta-final p{color:rgba(255,255,255,.88);margin-bottom:24px}
body.page-id-13650 .site-header,body.page-id-13650 header.site-header,body.page-id-13650 #masthead,body.page-id-13650 .main-header-bar,body.page-id-13650 .ast-primary-header-bar,body.page-id-13650 .elementor-location-header,body.page-id-13650 .site-footer,body.page-id-13650 footer.site-footer,body.page-id-13650 #colophon,body.page-id-13650 .elementor-location-footer{display:none!important}body.page-id-13650 #content,body.page-id-13650 .site-content,body.page-id-13650 .content-area,body.page-id-13650 .entry-content{margin-top:0!important;padding-top:0!important}body.page-id-13650 .np2026-dropdown a[href="/time-attendance/"]{background:#f3f5ff!important;border-left:3px solid #0aa599!important;padding-left:12px!important}
@media(max-width:900px){.np-ta-two{grid-template-columns:1fr;gap:38px}.np-ta-grid{grid-template-columns:repeat(2,1fr)}.np-ta h1{font-size:42px}}@media(max-width:650px){.np-ta-shell{padding:0 20px}.np-ta-hero{padding:58px 0}.np-ta-grid{grid-template-columns:1fr}.np-ta h1{font-size:36px}.np-ta h2{font-size:30px}.np-ta-stats{grid-template-columns:1fr}.np-ta-actions{flex-direction:column;align-items:flex-start}.np-ta-events div{grid-template-columns:50px 1fr}}