:root{--navy:#082f49;--navy2:#0b3d59;--ink:#102a3a;--muted:#647987;--teal:#19b9a5;--teal2:#40d5bd;--cream:#f6f7f2;--gold:#f4c95d;--line:#dbe5e7;--white:#fff;--shadow:0 30px 80px rgba(7,39,57,.16)}
.brand>span:last-child>small{font-size:8px;font-weight:700;color:#7b9099;letter-spacing:.03em;margin-left:3px}.login-brand>span:last-child>small,.dash-brand>span:last-child>small{color:#8fb0bb}
.brand-logo{width:38px;height:38px;display:block;border-radius:9px;flex:0 0 auto;box-shadow:0 7px 18px rgba(8,47,73,.22)}.login-brand .brand-logo{width:44px;height:44px;border-radius:11px}.dash-brand .brand-logo{width:38px;height:38px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans","Segoe UI",sans-serif;background:var(--cream)}a{text-decoration:none;color:inherit}button,input{font:inherit}.shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}.landing{overflow:hidden}.nav{height:88px;display:flex;align-items:center;gap:38px;position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:21px;font-weight:800;white-space:nowrap}.brand>span:last-child b{color:var(--teal)}.brand-mark{width:34px;height:34px;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:7px;background:var(--teal);border-radius:9px;transform:rotate(-4deg);box-shadow:0 7px 18px rgba(25,185,165,.25)}.brand-mark i{display:block;width:4px;background:#fff;border-radius:3px}.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:15px}.brand-mark i:nth-child(3){height:11px}.nav-links{display:flex;align-items:center;gap:29px;margin-left:auto;color:#35515f;font-size:14px;font-weight:600}.nav-links a:hover{color:var(--teal)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:8px;padding:14px 20px;font-weight:700;cursor:pointer;transition:.2s ease}.button:hover{transform:translateY(-2px)}.button-ghost{border:1px solid #b9c9ce;padding:11px 16px;background:rgba(255,255,255,.4);font-size:14px}.button-primary{color:#fff;background:var(--teal);box-shadow:0 12px 30px rgba(25,185,165,.25)}.button-primary:hover{background:#10a996}.menu-toggle{display:none;margin-left:auto;border:0;background:transparent;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px}.hero{min-height:680px;display:grid;grid-template-columns:1fr .96fr;align-items:center;gap:62px;padding-top:24px;padding-bottom:76px;position:relative}.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(25,185,165,.07);filter:blur(2px);left:-350px;top:30px}.hero-copy{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#d9f8f3;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.eyebrow>i{width:7px;height:7px;border-radius:50%;background:var(--teal2);box-shadow:0 0 0 5px rgba(64,213,189,.12)}.hero .eyebrow,.eyebrow.dark{color:#148f82}.hero h1{font:800 clamp(45px,5.4vw,72px)/1.06 Manrope,sans-serif;letter-spacing:-.045em;margin:21px 0 22px;color:#0b2d40}.hero h1 em{color:var(--teal);font-style:normal}.hero-copy>p{font-size:18px;line-height:1.72;color:#526c79;max-width:620px}.hero-actions{display:flex;align-items:center;gap:29px;margin:32px 0}.hero-actions .button{padding:16px 24px}.text-link{font-size:14px;font-weight:700;color:#244454}.text-link span{margin-left:8px;color:var(--teal)}.proof{display:flex;flex-wrap:wrap;gap:19px;color:#607681;font-size:12px;font-weight:600}.proof b{color:var(--teal);margin-right:4px}.product-window{background:#fff;border:1px solid rgba(22,74,94,.12);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;transform:perspective(1200px) rotateY(-2deg);position:relative}.product-window:after{content:"";position:absolute;inset:auto -100px -100px auto;width:220px;height:220px;background:var(--teal);filter:blur(100px);opacity:.11}.window-bar{height:49px;padding:0 17px;display:flex;align-items:center;border-bottom:1px solid #e8eeee;background:#f9fbfb;font-size:12px}.window-bar>div{display:flex;gap:5px}.window-bar i{display:block;width:7px;height:7px;border-radius:50%;background:#c9d5d7}.window-bar span{font-weight:700;margin:auto}.window-bar small{font-size:8px;font-weight:800;color:#159b8d;background:#e0f8f3;padding:4px 7px;border-radius:20px}.window-body{padding:20px}.today-card{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#09344c,#0b4861);border-radius:11px;padding:22px;color:#fff}.today-card>div:first-child{display:grid;gap:5px}.today-card small{font-size:10px;color:#c5d9df}.today-card strong{font:700 34px Manrope}.today-card strong sup{font-size:12px;margin-left:3px}.today-card span{font-size:9px;color:#a9ccc9}.today-card span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal2);margin-right:4px}.clock-ring{width:82px;height:82px;border-radius:50%;border:7px solid rgba(255,255,255,.12);border-top-color:var(--teal2);display:grid;place-content:center;text-align:center}.clock-ring b{font-size:16px}.clock-ring small{font-size:7px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.metric-grid article{border:1px solid #e4ecec;border-radius:8px;padding:10px;display:grid;grid-template-columns:auto 1fr;gap:4px 6px}.metric-grid strong{font:700 19px Manrope;grid-column:2}.metric-grid small{font-size:8px;color:#71858f}.status{width:7px;height:7px;border-radius:50%;margin-top:2px}.green{background:#19b977}.amber{background:#f0ad35}.blue{background:#368bcc}.red{background:#e46a67}.activity{border:1px solid #e4ecec;border-radius:9px;padding:12px}.activity-head{display:flex;justify-content:space-between;font-size:9px;margin-bottom:5px}.activity-head span{color:var(--teal)}.activity>div:not(.activity-head){display:flex;align-items:center;border-top:1px solid #eef2f2;padding:8px 0;gap:8px}.avatar{width:26px;height:26px;border-radius:7px;background:#d8e9f2;color:#366479;display:grid;place-items:center;font-size:7px;font-weight:800}.avatar.gold{background:#fff0cc;color:#94701c}.avatar.teal{background:#d8f4ef;color:#187c70}.activity p{display:grid;margin:0;font-size:8px}.activity p small{color:#82939a}.activity time{font-size:8px;margin-left:auto;color:#6a7f88}.stats{background:var(--navy);color:#fff}.stats>.shell{min-height:118px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.stats .shell>div{display:grid;justify-items:center;border-right:1px solid rgba(255,255,255,.12)}.stats .shell>div:last-child{border:0}.stats strong{font:800 25px Manrope;color:var(--teal2)}.stats span{font-size:11px;color:#b7ced8}.section{padding-top:110px;padding-bottom:110px}.section-heading{max-width:730px;margin-bottom:46px}.section-heading>span,.leave-copy>.eyebrow{font-size:12px;color:#159b8d;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.section-heading h2,.workflow h2,.leave-copy h2,.reports h2{font:800 clamp(34px,4.2vw,52px)/1.14 Manrope;margin:13px 0 14px;letter-spacing:-.035em}.section-heading p,.leave-copy>p{color:var(--muted);line-height:1.7;font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{min-height:262px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:11px;position:relative;transition:.2s}.feature:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(10,48,69,.09)}.feature.featured{grid-row:span 2;min-height:539px;background:var(--navy);color:#fff}.feature-number{position:absolute;right:23px;top:20px;font:700 11px Manrope;color:#a6b7be}.feature-icon{width:45px;height:45px;border-radius:9px;background:#e4f8f4;color:#159b8d;display:grid;place-items:center;font-size:21px;margin-bottom:55px}.feature h3{font:750 19px Manrope;margin:0 0 11px}.feature p{font-size:14px;line-height:1.68;color:#6b7f87;margin:0}.featured p{color:#b9cdd5}.featured .feature-icon{background:rgba(64,213,189,.15);color:var(--teal2);margin-bottom:82px}.mini-map{height:160px;margin-top:36px;border-radius:9px;background:radial-gradient(circle at 50% 50%,rgba(64,213,189,.2) 0 15%,transparent 16%),linear-gradient(35deg,transparent 48%,rgba(255,255,255,.08) 49% 51%,transparent 52%),linear-gradient(-35deg,transparent 48%,rgba(255,255,255,.06) 49% 51%,transparent 52%),#0d415b;display:flex;align-items:flex-end;padding:12px;position:relative}.mini-map:before,.mini-map:after{content:"";position:absolute;border:1px solid rgba(64,213,189,.3);border-radius:50%;width:75px;height:75px;left:50%;top:50%;transform:translate(-50%,-50%)}.mini-map:after{width:38px;height:38px}.mini-map span{font-size:10px}.mini-map b{margin-left:auto;color:var(--teal2)}.workflow{background:#fff;padding:105px 0}.workflow-grid{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:120px}.workflow p{color:var(--muted);line-height:1.7}.workflow ol{list-style:none;padding:15px 0 0;margin:0}.workflow li{display:flex;gap:19px;padding:17px 0;border-bottom:1px solid #e4ebec}.workflow li>b{color:var(--teal);font:800 12px Manrope}.workflow li div{display:grid;gap:4px}.workflow li strong{font:700 15px Manrope}.workflow li span{font-size:13px;color:#71848c}.phone{width:330px;margin:auto;background:#0a2e43;border:8px solid #0a2e43;border-radius:34px;box-shadow:0 35px 80px rgba(6,43,62,.24);overflow:hidden}.phone-top{height:58px;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:9px}.phone-top b{font-size:11px}.phone-top i{font-style:normal;font-size:6px}.phone-content{background:#f5f7f4;border-radius:25px 25px 0 0;padding:24px 18px}.phone-content>small{font-size:8px;color:#159b8d;font-weight:800}.phone-content h3{margin:5px 0 16px;font:750 20px Manrope}.timer{background:#fff;border-radius:11px;padding:19px;text-align:center;display:grid;gap:4px}.timer span,.timer small{font-size:9px;color:#73858c}.timer strong{font:750 29px Manrope;color:#0d4056}.timer i{display:block;height:4px;border-radius:4px;background:var(--teal);margin-top:8px}.phone-content>button{border:0;width:100%;padding:13px;margin:10px 0;background:#e25e58;color:#fff;border-radius:8px;font-size:11px;font-weight:700}.phone-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.phone-actions div{background:#fff;border-radius:8px;padding:11px 3px;text-align:center;display:grid;gap:5px}.phone-actions i{font-style:normal;color:#159b8d}.phone-actions span{font-size:8px}.balance{display:flex;justify-content:space-between;margin-top:10px;padding:12px;background:#e7eef0;border-radius:8px;font-size:9px}.balance b{color:#c15250}.leave-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.leave-visual{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 25px 65px rgba(14,53,70,.11);padding:25px}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.calendar-head b{font:750 16px Manrope}.calendar-head button{border:1px solid #dce5e6;background:white;border-radius:6px;width:29px;height:29px}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.week span{font-size:8px;color:#8a9ba2;font-weight:700;padding:7px}.days i{height:42px;display:grid;place-items:center;font-style:normal;font-size:11px;position:relative}.days i.selected{background:#d9f6f0;color:#137e73}.days i:nth-of-type(15){border-radius:8px 0 0 8px;background:var(--teal);color:white}.days i:nth-of-type(26){border-radius:0 8px 8px 0}.days i.muted{color:#bac4c8}.leave-summary{display:flex;align-items:center;margin-top:22px;padding:15px;background:#f2f6f5;border-radius:8px;font-size:10px}.leave-summary span i{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--teal);margin-right:6px}.leave-summary strong{margin-left:auto}.leave-copy ul{list-style:none;padding:12px 0 0;margin:0;display:grid;gap:13px}.leave-copy li{font-size:14px}.leave-copy li b{color:var(--teal);margin-right:10px}.reports{background:var(--navy);color:#fff;padding:105px 0}.reports>.shell{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px}.reports p{color:#b5cbd4;line-height:1.7}.report-tags{display:flex;flex-wrap:wrap;gap:9px}.report-tags span{border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:7px 11px;font-size:10px;color:#d4e3e8}.report-card{background:#fff;color:var(--ink);border-radius:13px;padding:25px;box-shadow:0 25px 65px rgba(0,0,0,.2)}.report-card>div:first-child{display:flex;justify-content:space-between;font-size:11px}.report-card>div:first-child b{font:700 13px Manrope}.bars{height:190px;display:flex;align-items:flex-end;gap:12px;padding:22px 0;border-bottom:1px solid #e7eded;background:repeating-linear-gradient(to top,transparent 0 46px,#eef2f2 47px)}.bars i{flex:1;background:linear-gradient(#40d5bd,#159f91);border-radius:4px 4px 0 0}.report-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:9px}.report-card footer span i{display:inline-block;width:7px;height:7px;background:var(--teal);border-radius:50%;margin-right:5px}.report-card button{border:0;background:#e5f7f3;color:#158f82;padding:8px 11px;border-radius:6px;font-size:9px;font-weight:700}.cta{margin-top:90px;margin-bottom:90px;background:var(--teal);color:#fff;border-radius:14px;padding:42px 50px;display:flex;align-items:center;justify-content:space-between}.cta span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.cta h2{font:800 clamp(25px,3vw,38px) Manrope;margin:8px 0}.button-dark{background:var(--navy);color:#fff}.footer{min-height:105px;border-top:1px solid var(--line);display:flex;align-items:center;gap:38px;color:#71838b;font-size:11px}.footer>span:last-child{margin-left:auto}.footer .brand{color:var(--ink)}
/* Login */
.login-page{min-height:100vh;display:grid;grid-template-columns:46% 54%;position:relative}.login-brand{position:absolute;top:37px;left:48px;z-index:3;color:#fff}.login-aside{background:linear-gradient(145deg,rgba(6,43,63,.98),rgba(8,59,79,.96)),radial-gradient(circle at 70% 20%,#1dbba6,transparent 35%);color:#fff;padding:170px 9vw 55px 6vw;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-aside:after{content:"";position:absolute;width:370px;height:370px;border:1px solid rgba(64,213,189,.12);border-radius:50%;right:-190px;top:150px;box-shadow:0 0 0 70px rgba(64,213,189,.035),0 0 0 140px rgba(64,213,189,.025)}.login-aside h1{font:800 clamp(42px,5vw,68px)/1.05 Manrope;margin:20px 0;letter-spacing:-.04em}.login-aside>div:first-child>p{color:#b9d0d8;line-height:1.7;max-width:480px}.login-quote{border-left:2px solid var(--teal2);padding-left:22px;max-width:480px;position:relative;z-index:1}.login-quote>span{font:800 42px Georgia;color:var(--teal2);line-height:.5}.login-quote p{font:600 15px/1.6 Manrope;margin:7px 0}.login-quote small{color:#8eabb7;font-size:10px}.login-panel{background:#fff;display:flex;flex-direction:column;padding:35px 6vw;min-width:0}.back-link{align-self:flex-end;color:#607781;font-size:12px}.login-form-wrap{width:min(420px,100%);margin:auto}.form-kicker{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--teal)}.login-form-wrap h2{font:800 33px Manrope;margin:10px 0 8px;letter-spacing:-.03em}.login-form-wrap>p{color:#71828a;font-size:13px;margin-bottom:31px}.form-alert{background:#fff0ee;color:#a7443f;border:1px solid #f2cbc8;border-radius:7px;padding:11px 13px;font-size:12px;margin-bottom:18px}.login-form-wrap label{display:block;font-size:12px;font-weight:700;margin:15px 0 7px}.input-wrap{display:flex;align-items:center;border:1px solid #d5e0e2;border-radius:7px;padding:0 13px;transition:.2s}.input-wrap:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px rgba(25,185,165,.1)}.input-wrap>span{font-size:11px;color:#91a1a7}.input-wrap input{width:100%;height:48px;border:0;outline:0;padding:0 11px;color:var(--ink);background:transparent}.input-wrap input::placeholder{color:#a8b5ba}.password-label{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.password-label label{margin:0}.password-label a{font-size:10px;color:#159b8d;font-weight:700}.show-password{border:0;background:transparent;color:#82959c;cursor:pointer}.field-error{display:block;color:#bc4f49;font-size:10px;margin-top:4px}.remember{display:flex!important;align-items:center;gap:8px!important;font-weight:500!important;color:#60757e}.remember input{accent-color:var(--teal)}.login-submit{width:100%;margin-top:13px;height:50px}.login-help{display:flex;gap:11px;margin-top:28px;padding-top:21px;border-top:1px solid #e4ebec}.login-help>span{width:28px;height:28px;border-radius:50%;background:#e4f7f3;color:#159b8d;display:grid;place-items:center;font-weight:800}.login-help p{font-size:10px;line-height:1.55;color:#75868d;margin:0}.login-help b{color:#39525e}.login-panel>footer{font-size:9px;color:#93a1a6;text-align:center}.login-panel>footer a{color:#159b8d}
@media(max-width:900px){.nav-links{display:none;position:absolute;top:76px;left:20px;right:20px;background:white;padding:20px;border-radius:10px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.nav.open .nav-links{display:flex}.menu-toggle{display:block}.nav-login{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.product-window{max-width:620px}.stats>.shell{grid-template-columns:repeat(2,1fr);padding:20px 0;gap:20px}.stats .shell>div:nth-child(2){border:0}.feature-grid{grid-template-columns:repeat(2,1fr)}.featured{grid-row:span 1!important;min-height:400px!important}.workflow-grid,.leave-section,.reports>.shell{grid-template-columns:1fr;gap:60px}.workflow-grid>div:first-child{order:2}.leave-copy{order:-1}.login-page{grid-template-columns:1fr}.login-aside{display:none}.login-panel{min-height:100vh}.login-brand{color:var(--ink);left:25px;top:25px}.back-link{margin-top:8px}.footer{flex-wrap:wrap;padding:30px 0}.footer>span:last-child{margin-left:0}}
@media(max-width:580px){.shell{width:min(100% - 24px,1160px)}.nav{height:70px}.hero{padding-top:35px;padding-bottom:55px;min-height:auto}.hero h1{font-size:42px}.hero-copy>p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.proof{display:grid}.product-window{transform:none}.window-body{padding:12px}.metric-grid{grid-template-columns:repeat(2,1fr)}.stats>.shell{min-height:190px}.section{padding-top:75px;padding-bottom:75px}.feature-grid{grid-template-columns:1fr}.featured{min-height:460px!important}.workflow{padding:75px 0}.phone{width:min(320px,100%)}.leave-section{gap:45px}.leave-visual{padding:14px}.days i{height:35px}.reports{padding:75px 0}.cta{margin-top:55px;margin-bottom:55px;padding:30px 24px;align-items:flex-start;flex-direction:column;gap:22px}.footer{display:grid;gap:15px}.login-panel{padding:27px 22px}.login-form-wrap{margin-top:125px;margin-bottom:auto}.login-form-wrap h2{font-size:29px}.login-brand{left:22px}}
@media(display-mode:standalone){body{overscroll-behavior:none}.nav{padding-top:env(safe-area-inset-top)}}
/* Authenticated dashboard */
.dashboard-body{background:#f3f6f6}.app-dashboard{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.dash-sidebar{background:#082f49;color:#fff;padding:25px 17px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.dash-brand{padding:3px 9px 30px}.dash-sidebar nav{display:grid;gap:5px}.dash-sidebar nav>span{font-size:9px;letter-spacing:.12em;color:#6f929f;font-weight:800;margin:19px 12px 7px}.dash-sidebar nav a{display:flex;align-items:center;gap:12px;color:#a9c0c9;padding:11px 13px;border-radius:7px;font-size:12px;font-weight:600}.dash-sidebar nav a i{font-style:normal;width:18px;text-align:center;font-size:16px}.dash-sidebar nav a:hover,.dash-sidebar nav a.active{background:rgba(64,213,189,.13);color:#fff}.dash-sidebar nav a.active{border-left:2px solid #40d5bd}.dash-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:17px 5px 0;display:flex;align-items:center;gap:9px;min-width:0}.dash-user>span{width:34px;height:34px;border-radius:8px;background:#19b9a5;display:grid;place-items:center;font-weight:800}.dash-user>div{display:grid;min-width:0}.dash-user b{font-size:11px}.dash-user small{font-size:8px;color:#8eabb7;overflow:hidden;text-overflow:ellipsis}.dash-user form{margin-left:auto}.dash-user button{border:0;background:transparent;color:#9eb7c0;font-size:18px;cursor:pointer}.dash-main{padding:38px 4vw;min-width:0}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.dash-header>div>span{font-size:9px;letter-spacing:.13em;color:#159b8d;font-weight:800}.dash-header h1{font:800 29px Manrope,sans-serif;margin:7px 0 3px}.dash-header p{margin:0;color:#768991;font-size:12px}.dash-primary{border:0;border-radius:7px;background:#19b9a5;color:#fff;padding:12px 17px;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 9px 20px rgba(25,185,165,.18)}.dash-primary:hover{background:#10a996}.dash-notice{padding:12px 15px;border-radius:7px;margin-bottom:17px;font-size:11px}.dash-notice.success{background:#e3f7ef;color:#167557}.dash-notice.error{background:#fff0ee;color:#a7443f}.dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px}.dash-metrics article{background:#fff;border:1px solid #dfe8e9;border-radius:10px;padding:20px;display:flex;justify-content:space-between}.dash-metrics article>div{display:grid}.dash-metrics article span{font-size:10px;color:#72858d}.dash-metrics strong{font:800 28px Manrope,sans-serif;margin:7px 0 1px}.dash-metrics small{font-size:8px;color:#8b9ba1}.dash-metrics small b{display:inline-block;width:6px;height:6px;border-radius:50%;background:#19b977}.dash-metrics article>i{font-style:normal;width:40px;height:40px;border-radius:8px;display:grid;place-items:center}.dash-metrics i.teal{color:#159b8d;background:#e2f7f3}.dash-metrics i.blue{color:#367ca8;background:#e5f1f8}.dash-metrics i.green{color:#1b9b67;background:#e4f7ef}.dash-metrics .status-text{font-size:20px}.company-panel{background:#fff;border:1px solid #dfe8e9;border-radius:10px;overflow:hidden}.panel-title{min-height:78px;padding:18px 21px;border-bottom:1px solid #e7eded;display:flex;align-items:center}.panel-title h2{font:750 17px Manrope;margin:0 0 3px}.panel-title p{font-size:10px;color:#82939a;margin:0}.panel-title>span{margin-left:auto;padding:5px 9px;border-radius:20px;background:#e8f7f4;color:#16897d;font-size:8px;font-weight:700}.empty-companies{text-align:center;padding:75px 20px}.empty-companies>i{width:52px;height:52px;margin:auto;background:#e5f7f3;color:#159b8d;border-radius:12px;display:grid;place-items:center;font-style:normal;font-size:24px}.empty-companies h3{font:750 17px Manrope;margin:17px 0 6px}.empty-companies p{font-size:11px;color:#819199;margin-bottom:19px}.company-table{overflow:auto}.table-row{min-width:720px;display:grid;grid-template-columns:1.5fr .7fr 1fr .7fr 30px;align-items:center;gap:16px;padding:13px 21px;border-bottom:1px solid #edf1f1;font-size:10px;color:#627780}.table-head{font-size:8px;font-weight:800;color:#93a2a7;background:#fafcfc}.company-name{display:flex;align-items:center;gap:10px}.company-name>i{width:32px;height:32px;border-radius:7px;background:#e1f5f1;color:#13897c;display:grid;place-items:center;font-style:normal;font-weight:800}.company-name>b{display:grid;color:#243f4c}.company-name small{font-size:7px;color:#97a5aa;font-weight:400}.table-row>button{border:0;background:transparent;color:#80939b;cursor:pointer}.company-dialog{border:0;border-radius:12px;padding:0;width:min(460px,calc(100% - 28px));box-shadow:0 30px 90px rgba(4,31,46,.28)}.company-dialog::backdrop{background:rgba(4,31,46,.62);backdrop-filter:blur(3px)}.company-dialog form{padding:25px}.company-dialog header{display:flex;align-items:flex-start}.company-dialog header span{font-size:8px;color:#159b8d;font-weight:800;letter-spacing:.13em}.company-dialog h2{font:800 24px Manrope;margin:5px 0}.company-dialog header button{margin-left:auto;border:0;background:#f1f4f4;border-radius:50%;width:30px;height:30px;font-size:20px;color:#6e8188}.company-dialog>form>p{color:#73858d;font-size:11px;line-height:1.6}.company-dialog label{display:block;font-size:11px;font-weight:700;margin:21px 0 7px}.company-dialog input{width:100%;height:47px;border:1px solid #d5e0e2;border-radius:7px;padding:0 13px;outline:0}.company-dialog input:focus{border-color:#19b9a5;box-shadow:0 0 0 3px rgba(25,185,165,.1)}.company-dialog footer{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.dialog-cancel{border:1px solid #d5e0e2;background:#fff;border-radius:7px;padding:11px 15px;font-size:11px;font-weight:700;color:#657981}
@media(max-width:850px){.app-dashboard{grid-template-columns:76px 1fr}.dash-sidebar{padding-inline:10px}.dash-brand>span:last-child,.dash-sidebar nav>span,.dash-sidebar nav a:not(.active){font-size:0}.dash-sidebar nav a{justify-content:center}.dash-sidebar nav a i{font-size:17px}.dash-user>div,.dash-user form{display:none}.dash-user{justify-content:center}.dash-metrics{grid-template-columns:1fr}.dash-main{padding:28px 22px}}
@media(max-width:560px){.app-dashboard{display:block}.dash-sidebar{position:static;width:100%;height:68px;padding:10px 14px;display:flex;flex-direction:row;align-items:center}.dash-brand{padding:0}.dash-sidebar nav{display:none}.dash-user{margin:0 0 0 auto;border:0;padding:0}.dash-user>span{display:none}.dash-user form{display:block}.dash-header{align-items:flex-start;gap:18px}.dash-header h1{font-size:23px}.dash-header p{display:none}.dash-header>.dash-primary{font-size:0;width:42px;height:42px;padding:0}.dash-header>.dash-primary:first-letter{font-size:20px}.dash-main{padding:24px 12px}.dash-metrics{grid-template-columns:1fr 1fr}.dash-metrics article:nth-child(3){grid-column:1/-1}.dash-metrics article{padding:15px}.company-panel{border-radius:8px}}
.company-management-row{grid-template-columns:1.6fr .55fr .7fr .55fr 50px}.user-row{grid-template-columns:1.5fr 1fr .7fr .65fr 50px}.state-pill{display:inline-block;padding:5px 8px;border-radius:20px;font-size:8px}.state-pill.on{background:#e1f7ed;color:#15734f}.state-pill.off{background:#f1f2f2;color:#78898f}.row-action{color:#159b8d;font-size:9px;font-weight:800}.edit-panel{background:#fff;border:1px solid #dfe8e9;border-radius:10px;padding:27px}.edit-panel form{max-width:850px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .wide{grid-column:1/-1}.form-grid label{display:block;font-size:10px;font-weight:800;margin-bottom:7px}.form-grid input,.form-grid select{width:100%;height:45px;border:1px solid #d5e0e2;border-radius:7px;padding:0 12px;background:#fff;outline:0}.form-grid input:focus,.form-grid select:focus{border-color:#19b9a5;box-shadow:0 0 0 3px rgba(25,185,165,.1)}.switches{display:grid;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid #e7eded}.switches>label{display:flex;align-items:flex-start;gap:10px}.switches input{margin-top:3px;accent-color:#19b9a5}.switches span{display:grid}.switches b{font-size:11px}.switches small{font-size:9px;color:#809199}.edit-panel footer{display:flex;justify-content:flex-end;gap:10px;margin-top:27px}.roles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.roles-grid article{background:#fff;border:1px solid #dfe8e9;border-radius:10px;padding:23px;display:flex;gap:16px}.roles-grid article>i{width:42px;height:42px;border-radius:9px;background:#e1f6f2;color:#158c80;display:grid;place-items:center;font-style:normal;font-weight:800}.roles-grid h2{font:750 16px Manrope;margin:0}.roles-grid span{display:inline-block;color:#159b8d;font-size:8px;font-weight:800;text-transform:uppercase;margin:5px 0}.roles-grid p{font-size:10px;color:#71848c;line-height:1.6;margin:4px 0}.references{padding-bottom:65px}.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.reference-grid article{background:#fff;border:1px solid #dbe5e7;border-radius:10px;padding:20px;display:flex;align-items:center;gap:14px}.reference-grid article>span{width:48px;height:48px;border-radius:9px;background:#e0f6f2;color:#148b7f;display:grid;place-items:center;font:800 18px Manrope}.reference-grid h3{font:750 14px Manrope;margin:0}.reference-grid p,.reference-grid small{display:block;color:#7b8d94;font-size:9px;margin:3px 0}
@media(max-width:700px){.form-grid,.roles-grid,.reference-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}
.user-row{grid-template-columns:1.6fr .9fr .65fr .75fr .6fr 50px}.form-section-title{font:750 16px Manrope,sans-serif;margin:28px 0 14px;padding-bottom:10px;border-bottom:1px solid #e7eded}.form-section-title:first-of-type{margin-top:0}
.user-row{grid-template-columns:1.5fr .85fr .7fr .75fr .65fr 145px}.row-actions{display:flex;align-items:center;gap:9px}.row-actions form{margin:0}.row-actions button{border:0;background:transparent;color:#b0524d;font-size:11px;font-weight:750;padding:0;cursor:pointer}.user-row>span>small{display:block;font-size:9px;color:#86989f;margin-top:4px}
.team-row{grid-template-columns:1.2fr 1fr .7fr 1fr 50px}
.company-management-row{grid-template-columns:1.5fr .8fr .45fr .65fr .5fr 50px}.company-management-row>span>small{display:block;color:#83969d;font-size:10px;margin-top:3px}.company-name>i.logo-cell,.company-logo-preview{overflow:hidden;background:#fff;border:1px solid #dce6e7}.company-name>i.logo-cell img,.company-logo-preview img,.reference-logo img{width:100%;height:100%;object-fit:contain}.logo-upload{display:flex;align-items:center;gap:18px}.company-logo-preview{width:88px;height:88px;border-radius:10px;display:grid;place-items:center;color:#159b8d;font-weight:800}.logo-upload>div:last-child{display:grid;gap:7px;font-size:12px}.logo-upload input[type=file]{font-size:12px}.logo-upload small{color:#7b8d94}.remove-logo{font-weight:600}.reference-grid article>span.reference-logo{background:#fff;border:1px solid #dbe5e7;overflow:hidden;padding:5px}
.entitlement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.entitlement-grid.modules{grid-template-columns:repeat(2,1fr)}.entitlement-grid>label{display:flex;align-items:flex-start;gap:10px;border:1px solid #dce6e7;border-radius:9px;padding:14px;background:#fafcfc;cursor:pointer}.entitlement-grid input{margin-top:3px;accent-color:#19b9a5}.entitlement-grid span{display:grid;gap:3px}.entitlement-grid b{font-size:13px}.entitlement-grid small{font-size:11px;line-height:1.4;color:#7b8d94}@media(max-width:700px){.entitlement-grid,.entitlement-grid.modules{grid-template-columns:1fr}}
.select-with-add{display:grid;grid-template-columns:1fr 45px;gap:7px}.select-with-add button{border:0;border-radius:7px;background:#e1f6f2;color:#158c80;font-size:23px;font-weight:700;cursor:pointer}.field-help{display:block;margin-top:6px;color:#7b8d94;font-size:10px}.lookup-dialog{border:0;border-radius:12px;padding:0;width:min(500px,calc(100% - 28px));box-shadow:0 30px 90px rgba(4,31,46,.3)}.lookup-dialog::backdrop{background:rgba(4,31,46,.62);backdrop-filter:blur(3px)}.lookup-dialog form{padding:24px}.lookup-dialog header{display:flex;align-items:center;margin-bottom:19px}.lookup-dialog h2{font:750 21px Manrope,sans-serif;margin:0}.lookup-dialog header button{margin-left:auto;border:0;background:#eef3f3;border-radius:50%;width:30px;height:30px;font-size:19px}.lookup-dialog label{display:grid;gap:7px;font-size:13px;font-weight:700}.lookup-dialog input{width:100%;height:44px;border:1px solid #d5e0e2;border-radius:7px;padding:0 12px}.lookup-dialog footer{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.lookup-error{color:#b34c47;font-size:12px}.lookup-hint{color:#6f838b;font-size:11px;line-height:1.5}
/* Readability scale: production UI must remain comfortable at 100% browser zoom. */
body{font-size:16px}.brand{font-size:23px}.brand>span:last-child>small{font-size:10px}.nav-links,.button-ghost{font-size:15px}.hero-copy>p{font-size:19px}.proof{font-size:14px}.section-heading>span,.leave-copy>.eyebrow{font-size:13px}.section-heading p,.leave-copy>p,.workflow>div>div>p{font-size:17px}.feature h3{font-size:21px}.feature p{font-size:16px}.workflow li strong{font-size:16px}.workflow li span{font-size:14px}.leave-copy li{font-size:16px}.report-tags span{font-size:12px}.footer{font-size:13px}

/* Pinovana landing navigacija i scroll-spy aktivna stavka */
.landing{overflow-x:clip;overflow-y:visible}
.landing .nav{position:sticky;top:0;z-index:9000;background:rgba(248,250,247,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.landing .nav:before{content:"";position:absolute;z-index:-1;inset:0 calc((100vw - 100%)/-2);background:inherit;border-bottom:1px solid rgba(19,74,88,.08);box-shadow:0 8px 24px rgba(8,47,73,.045)}
.landing .nav-links a{position:relative;padding:10px 3px;transition:color .2s ease}
.landing .nav-links a:after{content:"";position:absolute;left:3px;right:3px;bottom:3px;height:2px;border-radius:2px;background:var(--teal);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
.landing .nav-links a.active{color:var(--teal)}
.landing .nav-links a.active:after{transform:scaleX(1)}
.landing section[id]{scroll-margin-top:105px}
@media(max-width:900px){.landing .nav-links a.active{padding-left:10px;border-left:3px solid var(--teal);background:#effaf8}.landing .nav-links a.active:after{display:none}}
.login-form-wrap>p{font-size:15px}.login-form-wrap label{font-size:14px}.input-wrap input{font-size:15px}.password-label a{font-size:12px}.remember{font-size:13px!important}.login-help p{font-size:12px}.login-panel>footer{font-size:11px}.form-kicker{font-size:11px}
.dash-sidebar nav>span{font-size:10px}.dash-sidebar nav a{font-size:14px}.dash-user b{font-size:13px}.dash-user small{font-size:10px}.dash-header>div>span{font-size:11px}.dash-header h1{font-size:32px}.dash-header p{font-size:14px}.dash-primary,.dialog-cancel{font-size:13px}.dash-notice{font-size:13px}.dash-metrics article span{font-size:13px}.dash-metrics small{font-size:11px}.panel-title h2{font-size:20px}.panel-title p{font-size:13px}.panel-title>span{font-size:11px}.empty-companies p{font-size:13px}.table-row{font-size:13px}.table-head{font-size:11px}.company-name small{font-size:10px}.state-pill{font-size:11px}.row-action{font-size:12px}.form-grid label{font-size:13px}.form-grid input,.form-grid select{font-size:14px}.switches b{font-size:13px}.switches small{font-size:11px}.roles-grid h2{font-size:18px}.roles-grid span{font-size:10px}.roles-grid p{font-size:13px}.reference-grid h3{font-size:16px}.reference-grid p,.reference-grid small{font-size:12px}
.pwa-install-prompt{position:fixed;z-index:10000;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(620px,calc(100% - 28px));display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;padding:16px 18px;background:#082f49;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:14px;box-shadow:0 22px 65px rgba(3,28,44,.4)}.pwa-install-prompt[hidden]{display:none}.pwa-install-prompt>img{width:58px;height:58px;border-radius:13px}.pwa-install-prompt>div{display:grid;gap:4px}.pwa-install-prompt strong{font:750 16px Manrope,sans-serif}.pwa-install-prompt span,.pwa-install-prompt li{font-size:12px;line-height:1.5;color:#c6d8de}.pwa-install-prompt ol{margin:5px 0 0;padding-left:20px}.pwa-install-button{border:0;border-radius:8px;background:#19b9a5;color:#fff;padding:11px 16px;font-size:13px;font-weight:800;cursor:pointer}.pwa-install-close{position:absolute;right:5px;top:2px;border:0;background:transparent;color:#9db5bd;font-size:20px;cursor:pointer}@media(max-width:560px){.pwa-install-prompt{grid-template-columns:48px 1fr;padding:14px}.pwa-install-prompt>img{width:48px;height:48px}.pwa-install-button{grid-column:1/-1;width:100%}}
.workday-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:15px;margin-bottom:18px}.workday-hero>div{background:#082f49;color:#fff;border-radius:12px;padding:25px;display:grid;gap:7px}.workday-hero span{font-size:11px;color:#83dcd0}.workday-hero strong{font:800 42px Manrope}.workday-hero small{color:#a9c1ca}.workday-hero .balance-card{background:#fff;color:#243f4c;border:1px solid #dfe8e9}.balance-card b{font-size:27px}.positive{color:#16875d}.negative{color:#bc534f}.work-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.work-actions form{display:flex;gap:7px}.work-actions button,.closed-day{border:0;border-radius:8px;padding:13px 17px;background:#19b9a5;color:#fff;font-weight:750;cursor:pointer}.work-actions .danger{background:#d95d58}.work-actions input{border:1px solid #d5e0e2;border-radius:7px;padding:0 10px}.action-main.start{font-size:17px;padding:17px 26px}.event-list>div,.leave-row,.holiday-row{display:grid;grid-template-columns:90px 1fr 2fr;gap:15px;padding:13px 20px;border-bottom:1px solid #edf1f1}.event-list small,.leave-row small{color:#788c94}.live-row{grid-template-columns:1.3fr 1fr .8fr 1fr}.leave-history{margin-top:20px}.leave-row{grid-template-columns:1.5fr .8fr .7fr 1fr}.approval-row{display:grid;grid-template-columns:1fr 1.3fr .6fr 2fr;align-items:center;gap:15px;padding:15px 20px;border-bottom:1px solid #edf1f1}.approval-row>div{display:grid}.approval-row small{color:#7a8d95}.approval-row form{display:flex;gap:7px}.approval-row input{min-width:130px;border:1px solid #d5e0e2;border-radius:6px;padding:8px}.approval-row button,.holiday-row button{border:0;border-radius:6px;padding:8px 10px;background:#19b9a5;color:white}.approval-row .reject,.holiday-row button{background:#c75b56}.holiday-row{grid-template-columns:.7fr 1.5fr .7fr 70px}.report-actions{display:flex;gap:8px}.report-row{grid-template-columns:1.4fr 1fr .7fr .7fr .7fr .7fr}.kiosk-main{background:#eef4f4}.kiosk-card{max-width:460px;margin:40px auto;background:#fff;border:1px solid #dbe6e7;border-radius:16px;padding:35px;box-shadow:0 25px 70px rgba(5,45,62,.13)}.kiosk-card>img{display:block;width:80px;height:80px;margin:0 auto 25px}.kiosk-card form,.kiosk-card label{display:grid;gap:9px}.kiosk-card form{gap:18px}.kiosk-card input{height:50px;border:1px solid #d5e0e2;border-radius:8px;padding:0 13px;font-size:16px}@media(max-width:700px){.workday-hero{grid-template-columns:1fr}.approval-row{grid-template-columns:1fr}.work-actions form{width:100%}.work-actions button{flex:1}}