:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#1f2326;background:#313533;line-height:1.35;--top:#929499;--paper:#f7f7f5;--dark:#171918;--muted:#69706d;--accent:#d8a33c;--green:#2f9138;--red:#b84843;--shadow:0 8px 24px rgba(0,0,0,.22);--soft-shadow:0 4px 12px rgba(0,0,0,.18);--radius:18px;--safe-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#313533}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}svg{width:100%;height:100%;display:block}
.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#4b504e,#252827)}.auth-card{width:min(420px,100%);background:#fff;border-radius:22px;padding:28px;box-shadow:var(--shadow)}.logo{width:54px;height:54px;background:#111;color:#fff;display:grid;place-items:center;font-weight:900;font-style:italic;border-radius:12px;letter-spacing:-2px}.auth-card h1{font-size:34px;margin:16px 0 2px}.field{display:grid;gap:7px;margin:14px 0}.field label{font-size:13px;font-weight:700;color:#444}.field input,.field select,.field textarea{width:100%;border:1px solid #d3d6d4;border-radius:10px;padding:12px;background:#fff;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7e8581;box-shadow:0 0 0 3px rgba(80,90,85,.08)}
.btn{border:0;border-radius:10px;padding:11px 16px;font-weight:700;background:#e8e9e8;color:#111;box-shadow:0 2px 5px rgba(0,0,0,.10)}.btn.primary,.btn.dark{background:#171918;color:#fff}.btn.danger{background:#b22525;color:#fff}.btn.ghost{background:transparent;border:1px solid #cfd2d0;box-shadow:none}.btn.small{padding:7px 9px;font-size:12px}.full{width:100%}.demo{margin-top:16px;padding:12px;background:#f0f1f0;border-radius:12px;font-size:13px}.muted{color:#666}
.app-shell{min-height:100vh;background:linear-gradient(rgba(45,49,47,.91),rgba(45,49,47,.94)),radial-gradient(circle at 20% 15%,rgba(255,255,255,.09) 0 2px,transparent 3px),radial-gradient(circle at 75% 70%,rgba(0,0,0,.12) 0 2px,transparent 3px),linear-gradient(135deg,#656a67,#343735);background-size:auto,115px 115px,155px 155px,auto}.main{min-height:100vh}.topbar{height:calc(64px + var(--safe-top));padding-top:var(--safe-top);background:rgba(146,148,153,.97);display:grid;grid-template-columns:58px 1fr 58px;align-items:center;position:sticky;top:0;z-index:30;box-shadow:0 2px 8px rgba(0,0,0,.24);backdrop-filter:blur(8px)}.icon-btn{width:44px;height:44px;border:0;background:transparent;color:#f5f5f5;padding:9px;margin:auto}.brand-home{border:0;background:transparent;display:flex;align-items:center;justify-content:center;gap:10px;color:#161716}.brand-badge{background:#111;color:#fff;border-radius:9px;font-size:20px;font-weight:900;font-style:italic;padding:5px 10px;letter-spacing:-2px}.brand-name{font-size:22px;font-weight:800;letter-spacing:-.3px}
.page-title{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:16px 16px 8px;color:#fff;max-width:1260px;margin:auto}.page-title.hidden{display:none}.page-title h1{font-size:26px;font-weight:400;letter-spacing:.02em;text-transform:uppercase;margin:0}.back-title,.help-btn{border:0;background:transparent;color:#fff;width:40px;height:40px;padding:7px}.content{padding:14px 14px 40px;max-width:1260px;margin:auto}
.home-wrap{max-width:780px;margin:0 auto}.home-user{display:flex;justify-content:space-between;align-items:center;color:#fff;margin:4px 2px 14px;padding:0 2px}.home-user small{display:block;opacity:.70;font-size:12px;margin-bottom:2px}.home-user strong{font-size:19px;font-weight:700}.local-pill{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.28);color:#fff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.08em}
.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.module-tile{min-width:0;height:142px;border:0;border-radius:24px;background:linear-gradient(180deg,#fff,#f4f4f2);color:#292c2a;box-shadow:var(--soft-shadow);display:grid;grid-template-rows:1fr auto;align-items:center;justify-items:center;padding:15px 7px 13px;font-size:14px;line-height:1.12;transition:transform .12s ease,box-shadow .12s ease}.module-tile:active{transform:scale(.975);box-shadow:0 2px 8px rgba(0,0,0,.2)}.module-icon{width:56px;height:56px;color:#303331;align-self:center}.module-tile span:last-child{min-height:32px;display:flex;align-items:center;justify-content:center;text-align:center;max-width:100%;overflow-wrap:anywhere}.more-bar{width:100%;margin:18px 0 12px;border:0;border-radius:18px;background:rgba(255,255,255,.92);padding:13px;font-size:15px;box-shadow:var(--soft-shadow)}.home-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.93);padding:0;border-radius:16px;overflow:hidden;box-shadow:var(--soft-shadow)}.home-summary div{text-align:center;padding:11px 7px;background:rgba(255,255,255,.66)}.home-summary span{display:block;font-size:10px;color:#68706c}.home-summary b{font-size:18px}
.drawer{position:fixed;z-index:60;top:0;bottom:0;left:0;width:min(330px,88vw);background:#202422;color:#fff;transform:translateX(-105%);transition:.2s;padding:calc(20px + var(--safe-top)) 14px 20px;overflow:auto;box-shadow:8px 0 30px rgba(0,0,0,.35)}.drawer.open{transform:translateX(0)}.drawer-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:55}.drawer-mask.show{display:block}.drawer-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.drawer-head small{display:block;color:#aaa}.drawer nav{display:grid;gap:3px}.nav-item{border:0;background:transparent;color:#eee;text-align:left;padding:11px 12px;border-radius:10px}.nav-item:hover,.nav-item.active{background:#373c39}.drawer-bottom{display:grid;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid #444}
.badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#ddd}.badge.green{background:#d8f0dc;color:#1d6e27}.badge.red{background:#ffdede;color:#8c2424}.badge.blue{background:#dbeaff;color:#245495}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head h2{margin:0}.grid{display:grid;gap:14px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.feature-card{background:#fbfbfa;border-radius:16px;padding:18px;box-shadow:var(--soft-shadow);margin-bottom:14px}.card h2,.feature-card h2{margin:0 0 12px}.feature-card p{font-size:16px;color:#555}.feature-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.project-select{width:100%;border:0;border-radius:12px;background:#e9eae9;padding:10px 12px;font-size:16px;margin:8px 0 16px}
.time-screen{max-width:900px;margin:auto}.time-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.clock-big{height:245px;border:0;border-radius:18px;box-shadow:var(--soft-shadow);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:34px;font-weight:400}.clock-big.start{background:#31913a}.clock-big.start.disabled{background:#76a67a}.clock-big.stop{background:#aaaead}.clock-big.stop.active{background:#b94b47}.play,.stop-square{font-size:42px}.absence-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.absence{border:0;border-radius:14px;background:#dba83f;color:#fff;padding:14px;font-size:20px;box-shadow:var(--soft-shadow)}.absence span{font-size:28px}.chart-card{background:rgba(255,255,255,.96);padding:14px;border-radius:16px;box-shadow:var(--soft-shadow);margin-bottom:14px}.chart-tabs{text-align:center;color:#444;font-size:14px;margin-bottom:14px}.legend{display:flex;justify-content:center;gap:18px;color:#666;margin-bottom:8px;font-size:12px}.legend i{display:inline-block;width:36px;height:12px;margin-right:6px;vertical-align:middle}.redbar{background:#c84b4b}.greenbar{background:#2f9635}.bar-chart{height:205px;position:relative;border-left:1px solid #aaa;border-bottom:1px solid #aaa;display:flex;align-items:flex-end;justify-content:center;gap:34px;padding:0 16px}.grid-lines{position:absolute;inset:0;background:repeating-linear-gradient(to top,transparent 0 40px,rgba(0,0,0,.08) 41px),repeating-linear-gradient(to right,transparent 0 60px,rgba(0,0,0,.04) 61px);pointer-events:none}.bar{width:62px;min-height:8px;position:relative}.bar.target{background:#c84b4b}.bar.actual{background:#2f9635}.bar small{position:absolute;top:-22px;width:100%;text-align:center;font-weight:700;font-size:12px}.entries-card{overflow:hidden}
.table-wrap{overflow:auto;border:1px solid #e0e2e0;border-radius:12px}.table{width:100%;border-collapse:collapse;background:#fff;min-width:680px}.table th,.table td{padding:11px;border-bottom:1px solid #e6e7e6;text-align:left;font-size:13px}.table th{background:#f0f1f0;font-size:11px;text-transform:uppercase;color:#555}.empty{text-align:center;color:#666;padding:24px}.big-number{font-size:30px;font-weight:800}.list-row,.news-card{padding:12px 0;border-top:1px solid #ddd}.list-row{display:flex;justify-content:space-between;gap:12px}.list-row small{display:block;color:#666}.material-screen{max-width:900px;margin:auto}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);display:grid;place-items:center;padding:16px;z-index:90}.modal{width:min(620px,100%);max-height:90vh;overflow:auto;background:#fafafa;border-radius:18px;padding:20px;box-shadow:var(--shadow)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.span-2{grid-column:span 2}.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:#171717;color:#fff;padding:11px 14px;border-radius:12px;z-index:120;box-shadow:var(--shadow)}
@media(min-width:700px){.content{padding:22px 24px 52px}.home-wrap{max-width:920px}.module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.module-tile{height:158px;border-radius:26px;font-size:15px}.module-icon{width:62px;height:62px}.home-user strong{font-size:21px}.time-actions{max-width:760px;margin:auto}.clock-big{height:270px}.page-title{padding-top:20px}}
@media(min-width:1050px){.app-shell{display:grid;grid-template-columns:240px 1fr}.drawer{position:sticky;top:0;transform:none;width:240px;height:100vh;z-index:20;box-shadow:none;background:#202422;padding:26px 14px 20px}.drawer-mask{display:none!important}.main{min-width:0}.topbar{grid-template-columns:58px 1fr 58px}.topbar #navButton{visibility:hidden}.content{padding:28px 34px 60px}.home-wrap{max-width:1180px}.module-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.module-tile{height:164px;border-radius:24px}.module-icon{width:64px;height:64px}.more-bar{display:none}.page-title{max-width:1260px}.home-summary{max-width:600px;margin:18px auto 0}.drawer .nav-item{font-size:14px}.drawer-head .logo{width:44px;height:44px}.drawer-bottom{margin-top:24px}}
@media(max-width:460px){.topbar{grid-template-columns:52px 1fr 52px}.brand-name{font-size:19px}.brand-badge{font-size:18px;padding:4px 9px}.content{padding:12px 10px 34px}.home-user{margin-bottom:11px}.home-user strong{font-size:17px}.module-grid{gap:9px}.module-tile{height:126px;border-radius:20px;padding:12px 5px 10px;font-size:12.5px}.module-icon{width:48px;height:48px}.module-tile span:last-child{min-height:28px}.home-summary span{font-size:9px}.home-summary b{font-size:16px}.page-title{padding:12px 9px 7px;grid-template-columns:38px 1fr 38px}.page-title h1{font-size:21px}.time-actions{gap:9px}.clock-big{height:210px;font-size:29px;border-radius:15px}.play,.stop-square{font-size:36px}.absence-row{gap:9px}.absence{font-size:17px;padding:12px}.chart-tabs{font-size:12px}.legend{font-size:11px;gap:12px}.bar-chart{height:180px;gap:24px}.bar{width:52px}.feature-card p{font-size:15px}.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}

.auth-v5{min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));display:grid;place-items:center;background:linear-gradient(145deg,#252827,#3b3e3c)}
.auth-card-wide{width:min(760px,100%);padding:28px;border-radius:26px;background:#f6f6f4;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.auth-brand{display:flex;align-items:center;gap:16px;margin-bottom:22px}.auth-brand .logo{width:66px;height:58px;border-radius:13px;display:grid;place-items:center;background:#111;color:#fff;font-size:27px;font-weight:900;font-style:italic}.auth-brand h1{margin:0;font-size:32px}.auth-brand p{margin:2px 0 0;color:#666}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#e7e7e4;border-radius:14px;padding:4px;margin:0 0 20px}.auth-tabs button{border:0;background:transparent;padding:12px;border-radius:11px;font:inherit;font-weight:700}.auth-tabs button.active{background:#fff;box-shadow:0 2px 9px rgba(0,0,0,.09)}
.auth-hint{margin:18px 0;padding:14px;border-radius:12px;background:#eceee9;color:#40423f}.checkline{display:flex;align-items:flex-start;gap:10px;margin:16px 0;font-size:14px;color:#555}.checkline input{margin-top:3px}
.role-pill{margin-left:auto;padding:8px 11px;background:#fff;border-radius:999px;font-size:12px;font-weight:800;color:#333;white-space:nowrap}.home-user span{display:block;margin-top:5px;font-size:13px;color:#cfd1cf}.role-tag{font-size:12px;font-weight:800;padding:6px 9px;border-radius:999px;background:#e9e9e7}.support-number{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.support-number code{font-size:20px;font-weight:800;background:#e8e8e5;border-radius:10px;padding:10px 12px}.danger-zone{border:1px solid #e1b4b4}.btn.danger{background:#9d2f2f;color:#fff}.project-line{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #e5e5e2}.customer-card h3{margin-top:18px}.clock[disabled]{opacity:.45;filter:grayscale(.7);pointer-events:none}
@media(max-width:600px){.auth-card-wide{padding:20px;border-radius:20px}.auth-brand h1{font-size:28px}.role-pill{font-size:10px;padding:7px 8px}.support-number code{font-size:16px}.form-grid{grid-template-columns:1fr!important}.span-2{grid-column:auto!important}}


.eyebrow{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#69706d;margin-bottom:6px}.smart-day{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin:0 0 14px;border-left:5px solid #2f9138}.smart-day h2{margin:0 0 5px;font-size:20px}.smart-day p{margin:3px 0}.smart-time{min-width:170px}.personal-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.agenda-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:11px 0;border-top:1px solid #e4e5e3}.agenda-row:first-of-type{border-top:0}.agenda-row b,.agenda-row small{display:block}.agenda-row small{color:#747a76;margin-top:3px}.agenda-row time{font-size:12px;white-space:nowrap;color:#555}.home-summary{grid-template-columns:repeat(4,1fr);margin-top:14px;max-width:none}
.time-hero{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:900px;margin:0 auto 14px}.clock{min-height:235px;border:0;border-radius:18px;color:#fff;box-shadow:var(--soft-shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:34px;font-weight:500}.clock span{font-size:44px;line-height:1}.clock small{font-size:12px;font-weight:600;opacity:.86;padding:0 10px}.clock.start{background:#2f9138}.clock.stop{background:#aeb1af}.clock.stop:not([disabled]){background:#b84843}.suggestion-card{max-width:900px;margin:0 auto 14px;border-left:5px solid #2f9138}.suggestion-card h2{margin:4px 0}.running-card{max-width:900px;margin:0 auto 14px;padding:16px 18px;border-radius:16px;background:#17251a;color:#fff;box-shadow:var(--soft-shadow);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.running-card span{font-size:12px;color:#cfe0d2}.running-card b{font-size:17px}.running-card strong{text-align:right}.smart-hint{padding:11px 12px;background:#e3f2e5;border-radius:10px;margin-bottom:12px;color:#245b2a}.planning-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.shift-card{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0}.shift-card h2{margin:8px 0 4px}.shift-card small,.shift-card b{display:block}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;padding:10px;border:1px solid #d8dad8;border-radius:10px;background:#fff}.check-grid .checkline{margin:0;padding:6px}
@media(max-width:700px){.smart-day{display:grid;gap:12px}.smart-time{width:100%}.personal-panels{grid-template-columns:1fr}.home-summary{grid-template-columns:1fr 1fr}.planning-cards{grid-template-columns:1fr}.shift-card{grid-template-columns:1fr;gap:8px}.check-grid{grid-template-columns:1fr}.time-hero{gap:9px}.clock{min-height:205px;font-size:29px;border-radius:15px}.clock span{font-size:38px}.running-card{grid-template-columns:1fr;gap:4px}.running-card strong{text-align:left}}
@media(max-width:420px){.clock{min-height:185px;font-size:27px}.clock small{font-size:10px}.smart-day h2{font-size:18px}.home-summary b{font-size:15px}.agenda-row{display:grid;gap:5px}.agenda-row time{white-space:normal}.suggestion-card{padding:15px}}


.customer-list{display:grid;gap:16px;max-width:1120px;margin:auto}.customer-card-v7{padding:18px}.customer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.customer-top h2{margin:8px 0 2px}.badges{display:flex;gap:7px;flex-wrap:wrap}.customer-meta{margin:0;color:#69706c}.customer-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.customer-info-grid>div{padding:10px 11px;border-radius:12px;background:#eff0ed;min-width:0}.customer-info-grid small,.customer-info-grid b{display:block}.customer-info-grid small{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#747a76;margin-bottom:4px}.customer-info-grid b{font-size:13px;overflow-wrap:anywhere}.project-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e1e3df;padding-top:14px;margin-top:6px}.project-section-head h3{margin:0}.project-cards{display:grid;gap:9px;margin-top:10px}.project-card{width:100%;border:1px solid #dfe2dd;background:#fff;border-radius:14px;padding:13px 14px;display:grid;grid-template-columns:1fr auto;gap:14px;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:.15s ease}.project-card:hover{border-color:#aeb5af;box-shadow:0 5px 18px rgba(0,0,0,.07);transform:translateY(-1px)}.project-card-main{display:grid;gap:5px}.project-card-main>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.project-card-main strong{font-size:16px}.project-card-main small{color:#6c726e}.project-status{font-size:10px;font-weight:800;text-transform:uppercase;padding:4px 7px;border-radius:999px;background:#e7e9e6;color:#4d514e}.status-active{background:#dff0e1;color:#28642f}.status-planned{background:#e7ecf6;color:#415d8a}.status-paused{background:#f3ead4;color:#80631d}.status-done{background:#e4e4e4;color:#555}.project-stats{display:flex;gap:12px;align-items:center;color:#68706b}.project-stats span{font-size:10px;text-align:center;white-space:nowrap}.project-stats b{display:block;font-size:14px;color:#252825}.empty-projects{padding:14px;border-radius:12px;background:#f1f2ef;color:#6d736f}.project-detail-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:13px;border-radius:14px;background:#eef0ec;margin-bottom:14px}.project-detail-hero h3{margin:5px 0}.project-detail-hero p{margin:0;color:#626964}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-grid>div{padding:12px;border:1px solid #e1e3df;border-radius:12px;background:#fff}.detail-grid small,.detail-grid b,.detail-grid span{display:block}.detail-grid small{color:#777d79;margin-bottom:5px}.detail-grid span{font-size:12px;color:#666;margin-top:3px}.project-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.project-kpis>div{background:#252a27;color:#fff;padding:11px;border-radius:11px}.project-kpis span,.project-kpis b{display:block}.project-kpis span{font-size:9px;text-transform:uppercase;color:#cbd0cc}.project-kpis b{font-size:18px;margin-top:3px}.detail-note{padding:12px;border-radius:12px;background:#eff0ed}.detail-note small{color:#717671}.detail-note p{margin:6px 0 0}.modal-actions-inline{margin-top:14px}.checkline small{margin-left:auto;color:#888;font-size:10px}
@media(max-width:700px){.customer-info-grid{grid-template-columns:1fr 1fr}.project-card{grid-template-columns:1fr}.project-stats{justify-content:space-between;border-top:1px solid #eceeeb;padding-top:9px}.project-detail-hero{display:grid}.detail-grid{grid-template-columns:1fr}.project-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.customer-card-v7{padding:14px}.customer-top{display:grid}.customer-top .btn{width:100%}.customer-info-grid{grid-template-columns:1fr}.project-card{padding:12px}.project-card-main strong{font-size:15px}}


.planner-head{max-width:1200px;margin-inline:auto}.planner-toolbar{max-width:1200px;margin:0 auto 14px;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;padding:12px 14px}.view-switch{display:flex;background:#e8e9e6;border-radius:11px;padding:3px}.view-switch button{border:0;background:transparent;padding:8px 12px;border-radius:8px;font:inherit;font-weight:800;color:#555}.view-switch button.active{background:#222;color:#fff}.date-nav{display:flex;gap:5px}.planner-toolbar>strong{text-align:center}.planner-legend{display:flex;gap:12px;font-size:11px;color:#626864}.planner-legend span{display:flex;align-items:center;gap:5px}.planner-legend i{width:9px;height:9px;border-radius:3px;display:inline-block}.legend-shift{background:#2f9138}.legend-appointment{background:#4775b8}
.planner-item{width:100%;border:0;border-left:4px solid #2f9138;background:#eef7ef;border-radius:8px;padding:7px 8px;text-align:left;font:inherit;color:#222;display:grid;gap:2px;cursor:default}.planner-item.editShift{cursor:pointer}.planner-item.appointment{border-left-color:#4775b8;background:#edf3fb}.planner-item b{font-size:12px}.planner-item small{font-size:10px;color:#65706a;overflow:hidden;text-overflow:ellipsis}.planner-time{font-size:9px;font-weight:900;color:#4d5651}
.week-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:7px;overflow-x:auto;padding-bottom:7px}.week-day{background:#f7f7f5;border:1px solid #dadeda;border-radius:13px;min-height:430px;padding:8px}.week-day.today{border:2px solid #2f9138}.week-day header{display:flex;align-items:center;justify-content:space-between;padding:4px 3px 10px}.week-day header small{text-transform:uppercase;font-weight:800;color:#777}.week-day header b{font-size:20px}.week-day>div{display:grid;gap:6px}.day-empty,.lane-empty{font-size:11px;color:#999;padding:10px;display:block;text-align:center}
.day-dispatcher{max-width:1200px;margin:0 auto;display:grid;gap:7px}.employee-lane{display:grid;grid-template-columns:190px 1fr;background:#f7f7f5;border:1px solid #dce0dc;border-radius:13px;overflow:hidden}.employee-lane-head{padding:12px;background:#e9ebe8;display:flex;flex-direction:column}.employee-lane-head small{color:#777;margin-top:2px}.employee-lane-body{padding:8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:7px;min-height:74px;align-items:start}
.agenda-v8{max-width:900px;margin:auto;display:grid;gap:9px}.agenda-card-v8{display:grid;grid-template-columns:1fr 1fr;gap:15px}.agenda-card-v8 h3{margin:7px 0 3px}.agenda-card-v8 p{margin:3px 0}
.month-grid{max-width:1200px;margin:auto}.month-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:0 4px 6px;text-align:center;color:#727772;font-size:11px}.month-days{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));gap:5px}.month-day{min-height:115px;background:#f8f8f6;border:1px solid #dde0dc;border-radius:10px;padding:6px;overflow:hidden}.month-day.other{opacity:.45}.month-day.today{outline:2px solid #2f9138}.month-day>span{font-size:12px;font-weight:900}.month-day>div{display:grid;gap:3px;margin-top:5px}.month-dot{font-size:9px;padding:3px 5px;border-radius:5px;background:#e3f1e5;border-left:3px solid #2f9138;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-dot.appointment{background:#e8f0fa;border-left-color:#4775b8}.month-day small{font-size:9px;color:#777}.planner-tip{max-width:1200px;margin:14px auto 0;border-left:5px solid #2f9138}.planner-tip p{margin:5px 0 0;color:#686e69}
@media(max-width:900px){.planner-toolbar{grid-template-columns:1fr auto}.planner-toolbar>strong{grid-column:1/-1;grid-row:1;text-align:left}.view-switch{grid-column:1}.date-nav{grid-column:2}.planner-legend{grid-column:1/-1}.week-grid{grid-template-columns:repeat(7,145px)}.employee-lane{grid-template-columns:145px 1fr}.month-days{grid-template-columns:repeat(7,110px);overflow-x:auto}.month-grid{overflow-x:auto}}
@media(max-width:600px){.planner-toolbar{padding:10px}.view-switch button{padding:7px 9px;font-size:12px}.planner-legend{font-size:10px}.employee-lane{grid-template-columns:1fr}.employee-lane-head{padding:9px}.employee-lane-body{grid-template-columns:1fr}.agenda-card-v8{grid-template-columns:1fr}.week-grid{grid-template-columns:repeat(7,135px)}.week-day{min-height:330px}.month-day{min-height:90px}}


.appointment-list-v9{max-width:1000px;margin:auto;display:grid;gap:10px}.appointment-card-v9{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start}.appointment-card-v9 h3{margin:8px 0 5px;font-size:18px}.appointment-card-v9 p{margin:3px 0}.appointment-card-v9 small{display:block;color:#6b716d;margin-top:4px}.appointment-actions-v9{display:grid;justify-items:end;gap:8px;max-width:260px;text-align:right}.reminder-chip{font-size:10px;font-weight:800;padding:5px 8px;border-radius:999px;background:#edf2ee;color:#405046}.task-board-v9{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.task-card-v9{border-left:5px solid #9aa19b;display:flex;flex-direction:column}.task-card-v9.priority-high{border-left-color:#d8931b}.task-card-v9.priority-urgent{border-left-color:#c6463a}.task-card-v9.priority-low{border-left-color:#6c91bf}.task-card-v9.done{opacity:.62}.task-card-v9.done h3{text-decoration:line-through}.task-card-v9 h3{margin:10px 0 5px}.task-card-v9 p{margin:2px 0}.task-card-v9 small{color:#686f6a}.task-top-v9{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.task-due-v9{margin-top:12px;padding:7px 9px;border-radius:8px;background:#f1f2ef;font-size:11px;font-weight:800}.task-note-v9{font-size:12px;color:#656b67;flex:1}.task-actions-v9{display:flex;gap:7px;margin-top:12px}.reminder-panel-v9{max-width:900px;margin:14px auto}.reminder-panel-v9 .section-head{margin-bottom:6px}
@media(max-width:900px){.task-board-v9{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.appointment-card-v9{grid-template-columns:1fr}.appointment-actions-v9{justify-items:start;max-width:none;text-align:left}.task-board-v9{grid-template-columns:1fr}.task-actions-v9 .btn{flex:1}}

.action-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.alert-card{display:flex;flex-direction:column;gap:4px;padding:14px 16px;margin-bottom:14px;border:1px solid #e6b84d;border-radius:14px;background:#fff8e5;color:#5d4700}.material-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.mini-kpi{display:flex;flex-direction:column;gap:3px;padding:14px}.mini-kpi span{font-size:.78rem;color:#667085}.mini-kpi b{font-size:1.4rem}.section-head.compact{align-items:center;margin-bottom:12px}.search-input{max-width:330px}.inventory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.inventory-item{border:1px solid #e5e7eb;border-radius:15px;padding:14px;background:#fff}.inventory-item.low-stock{border-color:#efc35d;background:#fffdf5}.inventory-top{display:flex;justify-content:space-between;gap:12px}.inventory-top small,.inventory-top span{display:block;color:#667085}.inventory-top h4{margin:3px 0 4px;font-size:1rem}.stock-value{text-align:right;min-width:68px}.stock-value b{display:block;font-size:1.45rem}.stock-value span{font-size:.78rem}.inventory-bottom{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border-top:1px solid #eef0f3;margin-top:12px;padding-top:10px;font-size:.78rem;color:#667085}.inventory-bottom .small{margin-left:auto;padding:6px 9px}.stock-warning{font-weight:700;color:#946c00}.badge.green{background:#e8f7ee;color:#13713c}@media(max-width:720px){.action-row{width:100%;justify-content:stretch}.action-row .btn{flex:1}.material-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-grid{grid-template-columns:1fr}.section-head.compact{align-items:stretch}.search-input{max-width:none;width:100%}}


.leave-balances{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-bottom:14px}.leave-balance-card{display:grid;gap:12px}.leave-balance-card h3{margin:4px 0 0;font-size:1.25rem}.leave-balance-card small{color:#6b7280}.leave-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.leave-kpis span{padding:9px;border-radius:10px;background:#f3f4f2;color:#626a64;font-size:.75rem}.leave-kpis b{display:block;color:#252925;font-size:1.05rem}.leave-approval{margin-bottom:14px}.leave-request-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:11px 0;border-top:1px solid #eceeeb}.leave-request-row:first-of-type{border-top:0}.leave-request-row b,.leave-request-row span,.leave-request-row small{display:block}.leave-request-row span{font-size:.82rem;margin-top:3px;color:#565e58}.leave-request-row small{color:#7a817c;margin-top:3px}.leave-request-row>div:last-child{display:flex;gap:6px}.absence-calendar{margin-bottom:14px}.absence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}.absence-card{display:flex;justify-content:space-between;gap:10px;padding:12px;border:1px solid #e0e3df;border-left:5px solid #8e9690;border-radius:12px;background:#fafbf9}.absence-card.absence-vacation{border-left-color:#3d8d4d;background:#f4faf5}.absence-card.absence-sick{border-left-color:#b95248;background:#fff7f6}.absence-card.status-pending{border-left-color:#d49a2f;background:#fffbf1}.absence-card strong,.absence-card small{display:block}.absence-card strong{margin-top:7px}.absence-card small{margin-top:3px;color:#6e756f}.absence-card>div:last-child{display:grid;justify-items:end;align-content:start;gap:7px}.leave-status{font-size:.72rem;font-weight:800;color:#59615b}.absence-card .badge{width:max-content}.absence-card .tiny{padding:5px 8px;font-size:.7rem}
@media(max-width:600px){.leave-kpis{grid-template-columns:1fr 1fr}.leave-request-row{grid-template-columns:1fr}.leave-request-row>div:last-child{width:100%}.leave-request-row>div:last-child .btn{flex:1}.absence-grid{grid-template-columns:1fr}.absence-card{align-items:flex-start}}


.time-month-card{margin-top:14px}.time-month-card input[type=month]{max-width:180px}.time-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.time-kpis>div{padding:12px;border-radius:12px;background:#f3f4f2;display:grid;gap:4px}.time-kpis span{font-size:.72rem;color:#69716b}.time-kpis b{font-size:1.08rem}.time-kpis .positive{background:#edf8ef}.time-kpis .negative{background:#fff1ef}.month-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7e4}.approval-panel{margin-top:14px}.correction-list{display:grid;gap:8px;margin-bottom:14px}.correction-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:11px;border:1px solid #e1e4e0;border-radius:12px;background:#fafbf9}.correction-row b,.correction-row span,.correction-row small{display:block}.correction-row span{margin-top:3px;font-size:.82rem}.correction-row small{margin-top:4px;color:#707771}.correction-row>div:last-child{display:flex;gap:6px}.positive-text{color:#19723a;font-weight:800}.negative-text{color:#b23f36;font-weight:800}
@media(max-width:900px){.time-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.time-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.time-month-card .section-head{align-items:stretch}.time-month-card input[type=month]{max-width:none;width:100%}.month-status{align-items:stretch;flex-direction:column}.correction-row{grid-template-columns:1fr}.correction-row>div:last-child .btn{flex:1}}


.travel-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.expense-review-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(120,120,120,.18)}.expense-review-row:last-child{border-bottom:0}.expense-review-row>div:first-child{display:grid;gap:3px}.expense-review-row span,.expense-review-row small{display:block}.expense-review-row>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.positive-text{color:#16883d}.negative-text{color:#b42318}@media(max-width:900px){.travel-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.travel-kpis{grid-template-columns:1fr 1fr;gap:8px}.expense-review-row{align-items:flex-start;flex-direction:column}.expense-review-row>div:last-child{width:100%}.expense-review-row .btn{flex:1}}


.projectfile-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.action-card{appearance:none;border:1px solid var(--line,#d8dde3);background:#fff;border-radius:16px;padding:16px;text-align:left;display:flex;flex-direction:column;gap:5px;cursor:pointer;min-height:84px}
.action-card b{font-size:15px}.action-card span{font-size:12px;color:#667085}
.file-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e8ebef}.file-row:last-child{border-bottom:0}.file-row .grow{flex:1;min-width:0}.file-row small{display:block;color:#667085;margin-top:3px}.file-thumb{width:58px;height:58px;object-fit:cover;border-radius:10px}.file-icon{width:58px;height:58px;border-radius:10px;background:#eef1f4;display:grid;place-items:center;font-size:11px;font-weight:800}
.projectfile-item,.service-report{border:1px solid #e4e7ec;border-radius:14px;padding:14px;margin:10px 0;background:#fff}.projectfile-item small,.service-report small{display:block;color:#667085;margin-top:3px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.warning-text{background:#fff6e6;border-radius:10px;padding:9px}.priority{font-size:11px;text-transform:uppercase;font-weight:800}.priority.high,.priority.urgent{color:#b42318}.signature-pad{width:100%;height:180px;background:#fff;border:2px dashed #98a2b3;border-radius:12px;touch-action:none}.signature-view{display:flex;align-items:end;justify-content:space-between;gap:16px;border-top:1px solid #e4e7ec;padding-top:10px}.signature-view img{max-width:180px;max-height:70px}
@media(max-width:900px){.projectfile-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.projectfile-actions{grid-template-columns:1fr 1fr;gap:8px}.action-card{padding:12px;min-height:76px}.file-row{align-items:flex-start;flex-wrap:wrap}.signature-view{align-items:flex-start;flex-direction:column}}


.news-item,.message-item{border-bottom:1px solid #e4e7ec;padding:12px 0}.news-item:last-child,.message-item:last-child{border-bottom:0}.news-high{border-left:4px solid #d92d20;padding-left:10px}.message-item.unread{background:#f0f7ff;border-radius:10px;padding:10px}.message-item p,.news-item p{margin:6px 0}.dashboard-news{border-left:4px solid #344054}.report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.report-kpis>div{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:14px}.report-kpis span{display:block;color:#667085;font-size:12px}.report-kpis b{font-size:22px}.project-cockpit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.project-cockpit-grid>section{border:1px solid #e4e7ec;border-radius:12px;padding:12px;background:#f9fafb}.project-cockpit-grid h4{margin:0 0 8px}.project-cockpit-grid p{margin:5px 0;font-size:13px}.file-label{display:inline-flex;align-items:center}
@media(max-width:760px){.report-kpis{grid-template-columns:1fr 1fr}.project-cockpit-grid{grid-template-columns:1fr}}


.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tool-card h3{margin:8px 0}.checklist-items{display:grid;gap:7px;margin:12px 0}.checklist-line{padding:8px 10px;border:1px solid #e4e7ec;border-radius:10px}.search-results{display:grid;gap:8px}.search-hit{border:1px solid #e4e7ec;background:#fff;border-radius:12px;padding:12px;text-align:left;display:grid;grid-template-columns:90px 1fr;gap:2px 10px}.search-hit span{grid-row:1/3;color:#667085;font-size:11px;text-transform:uppercase;font-weight:800}.search-hit b{font-size:14px}.search-hit small{color:#667085}.notification-center{margin-top:14px}.notification-row{padding:10px 12px;border-left:4px solid #98a2b3;background:#f9fafb;margin:7px 0;border-radius:8px}.notification-row small{display:block;color:#667085;margin-top:2px}.notification-row.level-warning{border-left-color:#f79009}.notification-row.level-danger{border-left-color:#d92d20}.notification-row.level-info{border-left-color:#2e90fa}.permission-grid{display:grid;gap:7px;max-height:55vh;overflow:auto}.permission-row{display:grid;grid-template-columns:1fr 170px;gap:12px;align-items:center;border-bottom:1px solid #eaecf0;padding:8px 0}.permission-row small{display:block;color:#667085}.permission-row select{width:100%}
@media(max-width:900px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.tool-grid{grid-template-columns:1fr}.permission-row{grid-template-columns:1fr}.search-hit{grid-template-columns:70px 1fr}}


.employee-profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}


.service-ticket,.maintenance-plan{border:1px solid #e4e7ec;border-radius:12px;padding:12px;margin:10px 0;background:#fff}.service-ticket small,.maintenance-plan small{display:block;color:#667085;margin-top:4px}.maintenance-plan.inactive{opacity:.6}.success-note{background:#ecfdf3;border-radius:9px;padding:8px}.contact-row{padding:11px 0;border-bottom:1px solid #eaecf0}.contact-row:last-child{border-bottom:0}.contact-row small{display:block;color:#667085;margin-top:2px}.contact-row p{margin:6px 0 0}


.quote-card{border:1px solid #e4e7ec;border-radius:14px;padding:14px;margin:10px 0}.quote-card small{display:block;color:#667085;margin-top:3px}.quote-items{margin:12px 0;border-top:1px solid #eaecf0}.quote-items>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #eaecf0}.quote-total{display:flex;justify-content:space-between;align-items:center;background:#f9fafb;border-radius:10px;padding:10px}.form-template,.form-record{border-bottom:1px solid #eaecf0;padding:11px 0}.form-template:last-child,.form-record:last-child{border-bottom:0}.form-template small,.form-record small{display:block;color:#667085;margin-top:3px}


.purchase-request,.purchase-order{border:1px solid #e4e7ec;border-radius:13px;padding:12px;margin:10px 0}.purchase-request small,.purchase-order small{display:block;color:#667085;margin-top:3px}


.incident-card,.briefing-card,.onboarding-card{border:1px solid #e4e7ec;border-radius:13px;padding:12px;margin:10px 0}.incident-card.severity-high,.incident-card.severity-critical{border-left:4px solid #d92d20}.incident-card.severity-medium{border-left:4px solid #f79009}.incident-card small,.briefing-card small,.onboarding-card small,.handover-row small{display:block;color:#667085;margin-top:3px}.handover-row{padding:11px;border-bottom:1px solid #eaecf0}.handover-row.unread{background:#eff8ff;border-radius:10px}


.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0}.plan-card{display:flex;flex-direction:column;justify-content:space-between;border:1px solid #e4e7ec;border-radius:16px;padding:18px;background:#fff}.plan-card.selected{border:2px solid #344054}.plan-card h2{font-size:28px;margin:10px 0}.plan-card h2 small{font-size:13px;font-weight:500;color:#667085}.plan-card ul{padding-left:20px;line-height:1.8}.subscription-usage{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.subscription-usage small{display:block;color:#667085}.subscription-usage b{font-size:20px}.trial-banner{background:#f5f8ff}@media(max-width:900px){.plan-grid{grid-template-columns:1fr}.subscription-usage{grid-template-columns:1fr 1fr}}


.topbar-right{display:flex;align-items:center;gap:8px}.plan-pill{font-size:11px;font-weight:800;letter-spacing:.04em;border:1px solid #d0d5dd;background:#fff;border-radius:999px;padding:6px 9px}.owner-plan-card{display:flex;align-items:center;justify-content:space-between;gap:16px;border-left:4px solid #344054}.owner-plan-card h2{margin:4px 0}.owner-only-card{border-top:3px solid #344054}.span-card{grid-column:1/-1}.module-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.module-switch{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;border:1px solid #e4e7ec;border-radius:12px;padding:12px;background:#fff}.module-switch small{display:block;color:#667085;margin-top:2px}.module-switch input{position:absolute;opacity:0;pointer-events:none}.switch-ui{width:44px;height:24px;background:#d0d5dd;border-radius:999px;position:relative;transition:.18s}.switch-ui:after{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.18s;box-shadow:0 1px 2px #0002}.module-switch input:checked+.switch-ui{background:#12b76a}.module-switch input:checked+.switch-ui:after{transform:translateX(20px)}.module-switch.not-in-plan{opacity:.55}.module-switch.not-in-plan .switch-ui{background:#eaecf0}.module-settings h2{margin-bottom:3px}
@media(max-width:700px){.module-control-grid{grid-template-columns:1fr}.owner-plan-card{align-items:flex-start;flex-direction:column}.topbar-right{gap:5px}.plan-pill{font-size:10px;padding:5px 7px}}


.main{padding-bottom:76px}.status-stack{display:flex;align-items:flex-end;gap:6px;flex-direction:column}.notification-button{position:relative;border:0;background:transparent;width:38px;height:38px;display:grid;place-items:center}.notification-button svg{width:21px}.notification-button>span{position:absolute;right:0;top:0;background:#d92d20;color:#fff;border-radius:999px;min-width:17px;height:17px;font-size:10px;display:grid;place-items:center;padding:0 3px}.mobile-bottom-nav{display:none}.setup-card{border-left:4px solid #2e90fa}.setup-progress{font-size:22px;font-weight:800}.setup-bar{height:8px;background:#eaecf0;border-radius:999px;overflow:hidden;margin:12px 0}.setup-bar span{display:block;height:100%;background:#2e90fa;border-radius:inherit}.setup-steps{display:flex;flex-wrap:wrap;gap:7px}.setup-steps span{font-size:12px;background:#f2f4f7;padding:6px 8px;border-radius:999px}.setup-steps .done{background:#ecfdf3;color:#067647}.quick-actions{margin:8px 0 16px}.quick-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quick-action-grid button{border:1px solid #e4e7ec;background:#fff;border-radius:14px;padding:12px;display:flex;align-items:center;gap:8px;text-align:left}.quick-action-grid svg{width:20px}.favorite-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.favorite-tile{position:relative;border:1px solid #e4e7ec;background:#fff;border-radius:14px;padding:14px;display:grid;gap:8px;text-align:left}.favorite-tile>svg{width:23px}.favorite-tile .favoriteToggle{position:absolute;right:8px;top:7px}.module-tile-wrap{position:relative}.module-tile-wrap .module-tile{width:100%;height:100%}.module-star,.favoriteToggle{border:0;background:transparent;font-size:18px;color:#98a2b3}.module-star{position:absolute;right:7px;top:5px;z-index:2}.favoriteToggle.active{color:#f79009}.install-card{display:flex;align-items:center;justify-content:space-between;gap:14px}.compact-modal{max-width:520px}
@media(max-width:900px){.quick-action-grid,.favorite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.main{padding-bottom:82px}.mobile-bottom-nav{position:fixed;z-index:40;left:0;right:0;bottom:0;height:66px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid #e4e7ec;display:flex;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav button{flex:1;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9px;color:#667085;min-width:0}.mobile-bottom-nav button svg{width:19px;height:19px}.mobile-bottom-nav button.active{color:#101828;font-weight:800}.role-pill{display:none}.plan-pill{max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.install-card{align-items:flex-start;flex-direction:column}}


.trial-ended{border-left:4px solid #f79009;background:#fffaeb}
.module-tile,.quick-action-grid button,.favorite-tile,.nav-item{-webkit-tap-highlight-color:transparent}
button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:420px){.home-user strong{font-size:21px}.module-grid{gap:8px}.module-tile{min-height:96px;padding:10px 7px}.module-icon svg{width:28px;height:28px}.quick-action-grid{gap:8px}.topbar{padding-left:10px;padding-right:10px}.brand-name{font-size:15px}.plan-pill{max-width:76px}}


.health-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.health-kpis>div{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:14px}.health-kpis span{display:block;color:#667085;font-size:12px}.health-kpis b{font-size:22px}.health-kpis .good{border-left:4px solid #12b76a}.health-kpis .warn{border-left:4px solid #f79009}.health-kpis .bad{border-left:4px solid #d92d20}.health-issue{display:grid;gap:3px;padding:10px;border-bottom:1px solid #eaecf0}.health-issue.error{border-left:3px solid #d92d20;padding-left:10px}.health-issue.warning{border-left:3px solid #f79009;padding-left:10px}.health-issue span{font-size:13px;color:#475467}.health-ok{padding:14px;background:#ecfdf3;color:#067647;border-radius:10px}.checkpoint-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eaecf0}.checkpoint-row small{display:block;color:#667085;margin-top:2px}.runtime-error{padding:10px 0;border-bottom:1px solid #eaecf0}.runtime-error p{margin:5px 0;color:#b42318}.health-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.health-counts span{background:#f9fafb;border-radius:10px;padding:10px;display:flex;justify-content:space-between}.error-boundary{border-left:4px solid #d92d20;max-width:720px;margin:24px auto}.error-boundary small{display:block;color:#667085;margin:8px 0 14px}
@media(max-width:760px){.health-kpis{grid-template-columns:1fr 1fr}.health-counts{grid-template-columns:1fr 1fr}}


.projectfile-actions{grid-template-columns:repeat(5,minmax(0,1fr))}
.rapport-card{border:1px solid #e4e7ec;border-radius:14px;padding:14px;margin:10px 0;background:#fff}.rapport-card.status-submitted{border-left:4px solid #2e90fa}.rapport-card.status-approved{border-left:4px solid #12b76a}.rapport-card.status-rejected{border-left:4px solid #f79009}.rapport-card small{display:block;color:#667085;margin-top:3px}.rapport-meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.rapport-meta span{background:#f2f4f7;border-radius:999px;padding:6px 9px;font-size:12px}
@media(max-width:1100px){.projectfile-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.projectfile-actions{grid-template-columns:1fr 1fr}.rapport-card .row-between{align-items:flex-start;flex-direction:column}}


.setup-wizard-backdrop{position:fixed;inset:0;z-index:200;background:rgba(16,24,40,.68);display:flex;align-items:center;justify-content:center;padding:18px}.setup-wizard{width:min(820px,100%);height:min(92vh,900px);background:#fff;border-radius:18px;box-shadow:0 28px 80px #0005;display:grid;grid-template-rows:auto 6px auto 1fr auto;overflow:hidden}.setup-wizard>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px 14px}.setup-wizard h1{margin:3px 0 0;font-size:28px}.wizard-close{border:0;width:46px;height:46px;border-radius:50%;font-size:34px;line-height:1;background:#667085;color:#fff}.wizard-progress{height:6px;background:#eaecf0;margin:0 24px}.wizard-progress span{display:block;height:100%;background:#344054;transition:.2s}.wizard-step-label{padding:10px 24px;color:#667085;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.setup-wizard>main{overflow:auto;padding:14px 24px 28px}.setup-wizard>footer{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d0d5dd;background:#f9fafb}.setup-wizard>footer button{border-radius:0;min-height:64px;font-size:17px}.wizard-intro{padding:12px 0 18px}.wizard-intro h2,.wizard-finished h2{font-size:26px;margin:0 0 8px}.wizard-lead{font-size:18px}.wizard-option{display:flex;gap:12px;align-items:flex-start;padding:13px;border:1px solid #e4e7ec;border-radius:12px;margin:8px 0;background:#fff}.wizard-option input{margin-top:3px;width:19px;height:19px}.wizard-option span{display:grid;gap:3px}.wizard-option small{color:#667085}.wizard-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.wizard-module{border:1px solid #e4e7ec;border-radius:12px;padding:12px;display:flex;gap:9px;align-items:center}.wizard-module input{width:18px;height:18px}.weekday-grid{display:flex;gap:7px;flex-wrap:wrap}.weekday-grid label input{position:absolute;opacity:0}.weekday-grid label span{display:grid;place-items:center;width:48px;height:42px;border:1px solid #d0d5dd;border-radius:10px}.weekday-grid label input:checked+span{background:#344054;color:#fff;border-color:#344054}.wizard-summary{border:1px solid #98a2b3;border-radius:4px;background:#f9fafb;padding:18px}.wizard-summary section{padding:8px 0}.wizard-summary h3{margin:0 0 6px;font-size:16px}.wizard-summary ul{margin:0;padding-left:24px}.wizard-summary li{margin:5px 0}.wizard-note{font-size:14px;color:#475467;padding:12px 0}
@media(max-width:650px){.setup-wizard-backdrop{padding:0;align-items:stretch}.setup-wizard{height:100dvh;max-height:none;border-radius:0}.setup-wizard>header{padding:18px 20px 12px}.setup-wizard h1{font-size:23px}.wizard-close{width:42px;height:42px}.wizard-progress{margin:0 20px}.wizard-step-label{padding-left:20px;padding-right:20px}.setup-wizard>main{padding:12px 20px 24px}.wizard-module-grid{grid-template-columns:1fr}.setup-wizard>footer button{min-height:68px}.wizard-summary{padding:14px}}


.employee-role-guide{display:flex;flex-wrap:wrap;gap:7px;margin:-4px 0 14px}.employee-role-guide span{background:#f2f4f7;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700}.resource-type-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.resource-type-summary span{background:#fff;border:1px solid #e4e7ec;border-radius:999px;padding:7px 10px;font-size:12px}.resource-card{border-top:3px solid #98a2b3}.time-model-row{padding:10px 0;border-bottom:1px solid #eaecf0}.time-model-row small{display:block;color:#667085;margin-top:3px}.wizard-recommendation{background:#eff8ff;border:1px solid #b2ddff;border-radius:12px;padding:12px;margin:12px 0;display:grid;gap:3px}.wizard-recommendation span{font-size:13px;color:#475467}


.project-team-hint{background:#f2f4f7;border-radius:10px;padding:11px;font-size:13px;color:#475467;margin-top:10px}.project-card-main small+small{margin-top:2px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-kpis{grid-template-columns:repeat(7,minmax(0,1fr))}
@media(max-width:900px){.project-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}


.shift-status{display:inline-flex;font-size:9px;font-weight:800;padding:3px 6px;border-radius:999px;background:#f2f4f7;color:#475467}.shift-status.status-ready{background:#eff8ff;color:#175cd3}.shift-status.status-in_progress{background:#ecfdf3;color:#067647}.shift-status.status-done{background:#f2f4f7;color:#344054}.shift-status.status-cancelled{background:#fef3f2;color:#b42318}.deployment-hero{display:flex;justify-content:space-between;gap:18px;background:#f9fafb;border-radius:14px;padding:16px;margin-bottom:12px}.deployment-hero h3{margin:6px 0}.deployment-hero small,.deployment-grid small{display:block;color:#667085}.deployment-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.deployment-grid section,.deployment-block{border:1px solid #e4e7ec;border-radius:12px;padding:12px;margin-top:10px}.deployment-block h4{margin:0 0 8px}.deployment-block p{margin:5px 0}.deployment-check{display:flex;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid #f2f4f7}.deployment-check input{width:19px;height:19px}.deployment-check input:checked+span{text-decoration:line-through;color:#667085}.deployment-actions{margin-top:14px}.resource-pick{max-height:220px;overflow:auto}.day-workorder{background:#f9fafb;border-left:3px solid #98a2b3;padding:8px 10px;border-radius:6px}
@media(max-width:650px){.deployment-hero{flex-direction:column}.deployment-grid{grid-template-columns:1fr}}


.execution-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.execution-kpis>div,.closeout-summary>div{border:1px solid #e4e7ec;background:#fff;border-radius:11px;padding:10px}.execution-kpis span,.closeout-summary span{display:block;font-size:11px;color:#667085}.execution-kpis b,.closeout-summary b{font-size:18px}.remaining-work{border-left:4px solid #f79009}.closeout-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.shift-origin{margin-left:5px;background:#eff8ff;color:#175cd3}
@media(max-width:650px){.execution-kpis{grid-template-columns:1fr 1fr}.closeout-summary{grid-template-columns:1fr}}


.demo-login-card{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin-top:14px;padding:14px;border:1px solid #d0d5dd;border-radius:14px;background:#f9fafb}.demo-login-card>div{display:grid;gap:4px}.demo-login-card small{color:#667085}.demo-login-card code{font-size:12px;background:#fff;border:1px solid #eaecf0;border-radius:7px;padding:5px 7px;width:max-content;max-width:100%}
@media(max-width:600px){.demo-login-card{grid-template-columns:1fr}.demo-login-card .btn{width:100%}}


.topbar-spacer{flex:1}.top-create{border:0;background:#101828;color:#fff;border-radius:10px;height:38px;padding:0 13px;display:flex;align-items:center;gap:6px;font-weight:700}.top-create span{font-size:20px;line-height:1}.header-avatar,.user-avatar{display:grid;place-items:center;border:0;border-radius:50%;background:#e4e7ec;color:#344054;font-weight:800}.header-avatar{width:36px;height:36px}.user-avatar{width:38px;height:38px;flex:0 0 auto}.user-avatar.large{width:54px;height:54px;font-size:18px}.drawer-company{min-width:0}.drawer-company b,.drawer-company small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grouped-nav{padding:8px 7px 110px}.nav-group{margin:7px 0 15px}.nav-group-label{display:block;padding:5px 10px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#98a2b3}.nav-item{display:flex!important;align-items:center;gap:10px!important;text-align:left!important}.nav-item-icon{display:grid;place-items:center;width:24px}.nav-item-icon svg{width:18px;height:18px}.drawer-user{display:flex;align-items:center;gap:9px;padding:9px 4px}.drawer-user div{display:grid;min-width:0}.drawer-user small{color:#667085;overflow:hidden;text-overflow:ellipsis}.page-title>div small{display:block;color:#98a2b3;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}
.friendly-focus{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border:1px solid #e4e7ec;border-radius:16px;padding:16px;margin-bottom:14px}.friendly-focus h2{font-size:18px;margin:4px 0;color:#344054}.focus-metrics{display:flex;gap:8px}.focus-metrics button{min-width:86px;border:1px solid #e4e7ec;background:#fff;border-radius:12px;padding:9px;display:grid;text-align:left}.focus-metrics button span,.focus-metrics button small{font-size:10px;color:#667085}.focus-metrics button b{font-size:20px;margin:2px 0}
.action-launcher{width:min(680px,calc(100% - 24px));background:#fff;border-radius:18px;padding:20px;box-shadow:0 30px 100px #0005}.launcher-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.launcher-grid>button{display:flex;align-items:center;gap:12px;border:1px solid #e4e7ec;background:#fff;border-radius:14px;padding:14px;text-align:left}.launcher-grid>button:hover{background:#f9fafb;border-color:#98a2b3}.launcher-grid>button>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#f2f4f7}.launcher-grid svg{width:20px}.launcher-grid div{display:grid;gap:3px}.launcher-grid small{color:#667085}
.profile-menu{padding:18px}.profile-menu-head{display:flex;align-items:center;gap:13px;padding-bottom:15px;border-bottom:1px solid #eaecf0}.profile-menu-head h2{margin:0}.profile-menu-head p{margin:3px 0;color:#667085}.profile-menu-actions{display:grid;margin-top:10px}.profile-menu-actions button{border:0;background:#fff;text-align:left;padding:12px;border-radius:9px}.profile-menu-actions button:hover{background:#f9fafb}
.module-center{overflow:hidden}.module-center-status{display:grid;text-align:right}.module-center-status b{font-size:25px}.module-center-status span{font-size:11px;color:#667085}.module-toolbar{display:flex;gap:10px;justify-content:space-between;margin:12px 0 16px}.module-search{flex:1;max-width:390px;display:flex;align-items:center;gap:7px;border:1px solid #d0d5dd;border-radius:10px;padding:0 10px;background:#fff}.module-search input{border:0!important;outline:0;box-shadow:none!important;width:100%;height:40px}.module-filter{display:flex;background:#f2f4f7;padding:3px;border-radius:10px}.module-filter button{border:0;background:transparent;border-radius:8px;padding:7px 10px;color:#667085}.module-filter button.active{background:#fff;color:#101828;box-shadow:0 1px 2px #0001}.module-center-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.module-config-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;border:1px solid #e4e7ec;border-radius:13px;padding:12px;background:#fff;min-height:116px}.module-config-card.disabled{background:#fcfcfd}.module-config-card.not-in-plan{opacity:.62}.module-config-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#f2f4f7}.module-config-icon svg{width:19px}.module-config-body{display:grid;gap:2px}.module-config-body small{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#98a2b3}.module-config-body b{font-size:14px}.module-config-body span{font-size:11px;color:#667085;line-height:1.35}.module-mini-switch input{position:absolute;opacity:0}.module-mini-switch span{display:block;width:34px;height:20px;border-radius:999px;background:#d0d5dd;position:relative}.module-mini-switch span:after{content:'';position:absolute;width:14px;height:14px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.15s}.module-mini-switch input:checked+span{background:#12b76a}.module-mini-switch input:checked+span:after{transform:translateX(14px)}.module-open{grid-column:2/4;justify-self:start;border:0;background:transparent;color:#344054;padding:0;font-weight:700;font-size:11px}.module-open:hover{text-decoration:underline}
@media(max-width:1050px){.module-center-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.top-create b{display:none}.top-create{width:38px;padding:0;justify-content:center}.friendly-focus{grid-template-columns:1fr}.focus-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.focus-metrics button{min-width:0}.launcher-grid{grid-template-columns:1fr}.module-toolbar{display:grid}.module-search{max-width:none}.module-center-grid{grid-template-columns:1fr}.module-center-status{display:none}}


.module-card-actions{grid-column:2/4;display:flex;gap:10px;align-items:center}.module-settings-button,.module-open{border:0;background:transparent;color:#344054;padding:0;font-weight:700;font-size:11px}.module-settings-button{color:#175cd3}.module-settings-button:hover,.module-open:hover{text-decoration:underline}.module-settings-modal{max-width:720px}.module-settings-content{display:grid;gap:9px}.settings-intro{padding:4px 0 8px}.settings-intro h3{margin:0 0 4px;font-size:18px}.settings-intro p{margin:0;color:#667085}.setting-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;border:1px solid #e4e7ec;border-radius:12px;padding:12px;background:#fff}.setting-row>div{display:grid;gap:3px}.setting-row small,.setting-field small{color:#667085;font-size:11px}.setting-row>input{position:absolute;opacity:0}.setting-field{display:grid;gap:5px;border:1px solid #e4e7ec;border-radius:12px;padding:12px}.setting-field label{font-weight:700;font-size:13px}.setting-field select,.setting-field input{margin:0}.module-impact{margin-top:14px;background:#f9fafb;border:1px solid #eaecf0;border-radius:12px;padding:12px}.module-impact>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.module-impact span{font-size:11px;background:#fff;border:1px solid #e4e7ec;border-radius:999px;padding:5px 8px}
@media(max-width:650px){.setting-row{grid-template-columns:1fr auto}.setting-row .switch-ui{grid-column:2}.module-settings-modal{height:100dvh;max-height:none;border-radius:0}.module-card-actions{grid-column:1/-1}}


.role-control-card{grid-column:1/-1}.role-control-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.role-control-list button{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #e4e7ec;background:#fff;border-radius:12px;padding:12px;text-align:left}.role-control-list button:hover{background:#f9fafb;border-color:#98a2b3}.role-control-list button div{display:grid;gap:3px}.role-control-list small{color:#667085}.role-control-list button>span{font-size:11px;font-weight:700;color:#175cd3}.role-center-modal{max-width:1000px}.role-tabs{display:flex;gap:6px;overflow:auto;border-bottom:1px solid #eaecf0;padding-bottom:9px;margin-bottom:12px}.role-tabs button{border:0;background:#f2f4f7;border-radius:999px;padding:7px 11px;white-space:nowrap}.role-tabs button.active{background:#101828;color:#fff}.permission-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px}.permission-groups{display:grid;grid-template-columns:1fr 1fr;gap:10px}.permission-group{border:1px solid #e4e7ec;border-radius:12px;padding:11px}.permission-group h3{font-size:13px;margin:0 0 8px}.permission-group-head{display:flex;align-items:center;justify-content:space-between}.permission-group-head button{border:0;background:transparent;color:#175cd3;font-size:11px}.permission-row{display:flex;gap:9px;align-items:flex-start;padding:7px 0;border-top:1px solid #f2f4f7}.permission-row input{margin-top:2px;width:17px;height:17px}.permission-row span{display:grid;gap:2px}.permission-row b{font-size:12px}.permission-row small{font-size:9px;color:#98a2b3}.role-preview-panel{position:sticky;top:0;height:max-content;background:#f9fafb;border:1px solid #e4e7ec;border-radius:14px;padding:13px}.preview-phone{background:#fff;border:5px solid #344054;border-radius:22px;overflow:hidden;margin:10px 0;min-height:360px}.preview-phone-top{display:flex;align-items:center;gap:7px;padding:12px;border-bottom:1px solid #eaecf0}.preview-phone-top span{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#101828;color:#fff;font-size:10px;font-weight:800}.preview-user{padding:11px;background:#f9fafb;display:grid}.preview-user small{color:#667085}.preview-module-list{padding:7px}.preview-module-list>div{display:flex;gap:8px;align-items:center;padding:8px;border-radius:8px}.preview-module-list>div:nth-child(even){background:#f9fafb}.preview-module-list svg{width:16px;height:16px}.permission-summary{display:grid}.permission-summary b{font-size:26px}.permission-summary span,.permission-summary small{color:#667085}.override-explain{display:flex;flex-wrap:wrap;gap:12px;background:#f9fafb;border-radius:10px;padding:10px;margin-bottom:12px}.override-explain span{display:flex;align-items:center;gap:5px;font-size:11px}.dot{width:9px;height:9px;border-radius:50%}.dot.inherited{background:#98a2b3}.dot.added{background:#12b76a}.dot.removed{background:#f04438}.user-permission.added{background:#ecfdf3}.user-permission.removed{background:#fef3f2}.user-rights-modal{max-width:850px}
@media(max-width:800px){.permission-layout{grid-template-columns:1fr}.role-preview-panel{position:static}.permission-groups{grid-template-columns:1fr}.role-control-list{grid-template-columns:1fr}.preview-phone{min-height:250px}}


.v38-home{max-width:1180px;margin:0 auto}.today-command{padding:18px;border-radius:18px}.today-command-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.today-command-head h2{margin:4px 0;font-size:22px}.today-command-head p{margin:0;color:#667085}.day-progress{min-width:130px;display:grid;text-align:right}.day-progress b{font-size:22px}.day-progress span{font-size:10px;color:#667085}.day-progress i{display:block;height:5px;background:#eaecf0;border-radius:99px;margin-top:6px;overflow:hidden}.day-progress em{display:block;height:100%;background:#12b76a;border-radius:99px}.current-job{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#f8fafc;border:1px solid #e4e7ec;border-radius:14px;padding:15px;margin:15px 0}.current-job-main{min-width:0}.job-status{font-size:9px;font-weight:800;letter-spacing:.08em;color:#175cd3}.current-job h3{margin:4px 0;font-size:18px}.current-job p{margin:0;color:#667085}.work-order{display:grid;gap:2px;margin-top:9px;padding:9px;background:#fff;border-radius:9px}.work-order b{font-size:10px;text-transform:uppercase;color:#667085}.work-order span{font-size:12px}.next-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.next-action{border:1px solid #e4e7ec;background:#fff;border-radius:12px;padding:11px;display:flex;gap:9px;text-align:left;align-items:center}.next-action>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#f2f4f7;font-weight:800}.next-action div{display:grid;gap:2px}.next-action small{color:#667085}.next-action.primary{background:#101828;color:#fff;border-color:#101828}.next-action.primary small{color:#d0d5dd}.next-action.primary>span{background:#fff;color:#101828}.next-action.warning{border-color:#fedf89;background:#fffaeb}.attention-list{display:grid;gap:7px;margin:14px 0}.attention-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:1px solid #eaecf0;background:#fff;border-radius:11px;padding:10px;text-align:left}.attention-item div{display:grid}.attention-item small{color:#667085}.attention-item em{font-style:normal;font-size:10px;font-weight:700;color:#175cd3}.attention-dot{width:8px;height:8px;border-radius:50%;background:#2e90fa}.attention-item.warning .attention-dot{background:#f79009}.attention-item.danger .attention-dot{background:#f04438}.all-clear{display:grid;gap:3px;margin:15px 0;padding:14px;background:#ecfdf3;border-radius:12px}.all-clear span{color:#667085;font-size:12px}.smart-warning-strip{display:grid;gap:6px;margin:10px 0}.smart-warning-strip button{display:flex;gap:10px;align-items:center;border:1px solid #fedf89;background:#fffaeb;border-radius:11px;padding:10px;text-align:left}.smart-warning-strip button b{font-size:10px;text-transform:uppercase}.smart-warning-strip button span{flex:1}.smart-warning-strip button em{font-style:normal;font-size:10px;font-weight:700}.today-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:10px 0}.today-info-card{border:1px solid #e4e7ec;background:#fff;border-radius:13px;padding:12px;text-align:left;display:grid;gap:3px}.today-info-card span{font-size:10px;color:#667085;text-transform:uppercase;font-weight:700}.today-info-card b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-info-card small{color:#667085;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-info-card.urgent{border-color:#fecdca;background:#fffafa}.compact-news{padding:14px}.compact-news h3{margin:4px 0}.smart-access{margin-top:16px}.smart-favorites{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.smart-favorites button{border:1px solid #e4e7ec;background:#fff;border-radius:12px;padding:11px;display:grid;gap:7px;text-align:left}.smart-favorites svg{width:19px}.all-modules{margin-top:10px}.all-modules summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;border:1px solid #e4e7ec;background:#f9fafb;border-radius:11px;padding:11px;font-weight:700}.all-modules[open] summary{margin-bottom:10px}.all-modules summary span{font-size:11px;color:#667085}.status-stack button.badge{border:0;cursor:pointer}
@media(max-width:900px){.next-action-grid{grid-template-columns:1fr 1fr}.today-overview{grid-template-columns:1fr 1fr}.smart-favorites{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.today-command{padding:14px}.today-command-head{display:grid}.day-progress{text-align:left;min-width:0}.current-job{display:grid}.next-action-grid{grid-template-columns:1fr}.today-overview{grid-template-columns:1fr 1fr}.smart-favorites{grid-template-columns:1fr 1fr}.attention-item{grid-template-columns:auto 1fr}.attention-item em{grid-column:2}.smart-warning-strip button{display:grid;grid-template-columns:auto 1fr}.smart-warning-strip button em{grid-column:2}}


.project-workspace-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.project-workspace-actions button{border:1px solid #e4e7ec;background:#fff;border-radius:11px;padding:10px;text-align:left;font-weight:700;display:grid;gap:2px}.project-workspace-actions button:hover{background:#f9fafb}.project-workspace-actions small{font-weight:400;color:#667085}.project-readiness{border:1px solid #e4e7ec;background:#f9fafb;border-radius:13px;padding:12px;margin:12px 0}.readiness-head{display:flex;justify-content:space-between;align-items:center}.readiness-head h4{margin:3px 0}.readiness-head>b{font-size:21px}.readiness-bar{height:6px;background:#e4e7ec;border-radius:99px;overflow:hidden;margin:8px 0 11px}.readiness-bar span{display:block;height:100%;background:#12b76a}.readiness-checks{display:grid;grid-template-columns:1fr 1fr;gap:6px}.readiness-checks>div{display:flex;align-items:center;gap:7px;background:#fff;border-radius:9px;padding:8px;border:1px solid #eaecf0}.readiness-checks>div>span{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;font-weight:800}.readiness-checks .ok>span{background:#d1fadf;color:#027a48}.readiness-checks .missing>span{background:#fef0c7;color:#b54708}.readiness-checks div div{display:grid}.readiness-checks small{color:#667085}.project-timeline{border:1px solid #e4e7ec;border-radius:13px;padding:12px;margin:12px 0}.project-timeline h4{margin:3px 0}.timeline-event{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:0;border-top:1px solid #f2f4f7;background:#fff;padding:9px 2px;text-align:left}.timeline-event div{display:grid}.timeline-event small{color:#667085}.timeline-event time{font-size:9px;color:#98a2b3}.timeline-kind{width:9px;height:9px;border-radius:50%;background:#98a2b3}.timeline-kind.time{background:#2e90fa}.timeline-kind.material{background:#f79009}.timeline-kind.rapport{background:#12b76a}.timeline-kind.defect{background:#f04438}.timeline-kind.shift{background:#7f56d9}.timeline-kind.document{background:#6172f3}
@media(max-width:650px){.project-workspace-actions{grid-template-columns:1fr 1fr}.readiness-checks{grid-template-columns:1fr}.timeline-event{grid-template-columns:auto 1fr}.timeline-event time{grid-column:2}}


.intelligent-security{border-left:4px solid #6172f3}.security-score{min-width:92px;border-radius:14px;padding:10px 12px;text-align:center;display:grid}.security-score b{font-size:28px;line-height:1}.security-score span,.security-score small{font-size:10px}.security-score.excellent{background:#ecfdf3;color:#027a48}.security-score.good{background:#eff8ff;color:#175cd3}.security-score.warning{background:#fffaeb;color:#b54708}.security-score.critical{background:#fef3f2;color:#b42318}.security-dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.security-kpi{border:1px solid #e4e7ec;background:#fff;border-radius:12px;padding:11px;text-align:left;display:grid;gap:2px}.security-kpi:hover{background:#f9fafb}.security-kpi span,.security-kpi small{color:#667085;font-size:10px}.security-kpi b{font-size:20px;color:#101828}.production-readiness-mini{background:#f9fafb;border:1px solid #e4e7ec;border-radius:12px;padding:11px}.readiness-mini-checks{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.readiness-mini-checks span{font-size:10px;border-radius:999px;padding:5px 8px;background:#fff;border:1px solid #e4e7ec}.readiness-mini-checks .ok{color:#027a48}.readiness-mini-checks .missing{color:#b42318}.security-top-issues{display:grid;gap:6px;margin:10px 0}.security-issue{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:1px solid #eaecf0;background:#fff;border-radius:10px;padding:9px;text-align:left}.security-issue>span{font-size:8px;font-weight:900;border-radius:999px;padding:4px 6px}.security-issue.critical>span{background:#fee4e2;color:#b42318}.security-issue.high>span{background:#ffead5;color:#b93815}.security-issue.medium>span{background:#fef0c7;color:#b54708}.security-issue.low>span{background:#f2f4f7;color:#475467}.security-issue div{display:grid}.security-issue small{color:#667085}.security-issue em{font-size:10px;font-style:normal;font-weight:700;color:#175cd3}.intelligence-modal{max-width:900px}.risk-counts{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.risk-counts span{font-size:10px;font-weight:800;border-radius:999px;padding:6px 9px}.risk-counts .critical{background:#fee4e2;color:#b42318}.risk-counts .high{background:#ffead5;color:#b93815}.risk-counts .medium{background:#fef0c7;color:#b54708}.risk-counts .low{background:#f2f4f7;color:#475467}.intelligence-list{display:grid;gap:8px}.intelligence-item{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:start;border:1px solid #e4e7ec;border-radius:12px;padding:11px}.intelligence-item.critical{border-left:4px solid #f04438}.intelligence-item.high{border-left:4px solid #f79009}.intelligence-item.medium{border-left:4px solid #fdb022}.intelligence-item.low{border-left:4px solid #98a2b3}.intelligence-index{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f2f4f7;font-weight:800}.intelligence-item h3{margin:2px 0;font-size:14px}.intelligence-item p{margin:3px 0;color:#667085}.intelligence-item small{text-transform:uppercase;color:#98a2b3;font-weight:800}.recommendation{display:grid;gap:2px;background:#f9fafb;border-radius:8px;padding:7px;margin-top:7px}.recommendation b{font-size:9px;text-transform:uppercase;color:#667085}.recommendation span{font-size:11px}.release-meter{height:9px;background:#eaecf0;border-radius:99px;overflow:hidden;margin:10px 0 15px}.release-meter span{display:block;height:100%;background:#12b76a}.readiness-list{display:grid;gap:7px}.readiness-list article{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;border:1px solid #e4e7ec;border-radius:10px;padding:10px}.readiness-list article>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-weight:800}.readiness-list article.ok>span{background:#d1fadf;color:#027a48}.readiness-list article.missing>span{background:#fee4e2;color:#b42318}.readiness-list article div{display:grid}.readiness-list small{color:#667085}.readiness-list em{font-size:9px;font-style:normal;font-weight:800;color:#b42318}.release-ready,.release-blocked{display:grid;gap:3px;border-radius:11px;padding:11px;margin-top:12px}.release-ready{background:#ecfdf3}.release-blocked{background:#fef3f2}.release-ready span,.release-blocked span{font-size:11px;color:#475467}.data-quality-item{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;border:1px solid #e4e7ec;background:#fff;border-radius:11px;padding:10px;text-align:left}.data-quality-item>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fef0c7;color:#b54708;font-weight:800}.data-quality-item div{display:grid}.data-quality-item p{margin:2px 0;color:#667085}.data-quality-item small{color:#98a2b3}.data-quality-item em{font-style:normal;font-size:10px;font-weight:700;color:#175cd3}.security-event-list{display:grid;gap:7px}.security-event-list article{display:flex;gap:9px;align-items:center;border:1px solid #e4e7ec;border-radius:10px;padding:10px}.security-event-list article>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#d1fadf;color:#027a48;font-weight:800}.security-event-list article.warning>span{background:#fef0c7;color:#b54708}.security-event-list article div{display:grid}.security-event-list small,.security-event-list p{color:#667085;margin:2px 0}
@media(max-width:850px){.security-dashboard-grid{grid-template-columns:1fr 1fr}.security-issue{grid-template-columns:auto 1fr}.security-issue em{grid-column:2}.intelligence-item{grid-template-columns:auto 1fr}.intelligence-item>.btn{grid-column:2}.readiness-list article{grid-template-columns:auto 1fr}.readiness-list em{grid-column:2}}
@media(max-width:520px){.security-dashboard-grid{grid-template-columns:1fr 1fr}.security-score{min-width:75px}.intelligence-modal{height:100dvh;max-height:none;border-radius:0}}



.topbar{
  position:sticky;
  top:0;
  z-index:30;
  min-height:calc(84px + var(--safe-top));
  height:auto;
  padding:var(--safe-top) 16px 10px;
  display:grid;
  grid-template-columns:minmax(118px,1fr) auto minmax(118px,1fr);
  align-items:start;
  background:rgba(146,148,153,.97);
  box-shadow:0 2px 8px rgba(0,0,0,.24);
  backdrop-filter:blur(8px);
}
.topbar-left{
  display:flex;
  align-items:center;
  gap:4px;
  min-width:0;
  justify-self:start;
}
.topbar .icon-btn{
  width:44px;
  height:44px;
  margin:0;
  padding:8px;
  border:0;
  color:#fff;
  background:transparent;
}
.topbar .top-create{
  width:44px;
  height:44px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#fff;
  box-shadow:none;
  display:grid;
  place-items:center;
}
.topbar .top-create span{
  display:block;
  font-size:36px;
  line-height:1;
  font-weight:300;
  transform:translateY(-1px);
}
.topbar .brand-home{
  align-self:start;
  justify-self:center;
  min-height:44px;
  padding:0 4px;
}
.account-stack{
  justify-self:end;
  display:grid;
  justify-items:center;
  gap:8px;
  min-width:76px;
}
.account-stack .plan-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:70px;
  max-width:96px;
  height:34px;
  padding:0 13px;
  margin:0;
  border:1px solid rgba(255,255,255,.68);
  border-radius:999px;
  background:#fff;
  color:#202124;
  box-shadow:0 2px 5px rgba(0,0,0,.14);
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.account-stack .header-avatar{
  width:44px;
  height:44px;
  background:#f2f4f7;
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 2px 5px rgba(0,0,0,.14);
  color:#344054;
  font-size:14px;
}
.notification-button{
  position:absolute;
  left:58px;
  bottom:8px;
  width:42px;
  height:42px;
  border:0;
  padding:7px;
  border-radius:50%;
  background:transparent;
  color:#fff;
  box-shadow:none;
  display:grid;
  place-items:center;
}
.notification-button svg{
  width:28px;
  height:28px;
}
.notification-button>span{
  position:absolute;
  top:0;
  right:-2px;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#e5484d;
  color:#fff;
  border:2px solid #929499;
  font-size:10px;
  font-weight:900;
  line-height:1;
}
.mobile-bottom-nav{display:none!important}
.main{padding-bottom:0!important}
.home-user .status-stack:empty{display:none}

@media(max-width:720px){
  .topbar{
    min-height:calc(118px + var(--safe-top));
    grid-template-columns:112px minmax(0,1fr) 82px;
    padding-left:16px;
    padding-right:14px;
    padding-bottom:10px;
  }
  .topbar-left{gap:2px}
  .topbar .brand-home{
    padding-top:2px;
    gap:8px;
  }
  .topbar .brand-badge{
    font-size:18px;
    padding:5px 9px;
  }
  .topbar .brand-name{
    font-size:18px;
  }
  .account-stack{
    gap:8px;
  }
  .account-stack .plan-pill{
    min-width:68px;
    max-width:82px;
    height:32px;
    padding:0 10px;
    font-size:11px;
  }
  .account-stack .header-avatar{
    width:42px;
    height:42px;
  }
  .notification-button{
    left:46px;
    bottom:9px;
  }
  .content{
    padding-bottom:34px;
  }
}

@media(max-width:390px){
  .topbar{
    grid-template-columns:106px minmax(0,1fr) 76px;
    padding-left:10px;
    padding-right:10px;
  }
  .topbar .brand-name{font-size:15px}
  .topbar .brand-badge{font-size:16px;padding:4px 8px}
  .notification-button{left:38px}
  .account-stack .plan-pill{min-width:64px;max-width:72px;padding:0 8px}
}


@media(min-width:1050px){
  .topbar{
    min-height:74px;
    grid-template-columns:120px 1fr 120px;
    padding:10px 20px;
  }
  .topbar-left{align-self:center}
  .topbar .brand-home{align-self:center}
  .account-stack{
    align-self:center;
    grid-auto-flow:column;
    gap:8px;
  }
  .notification-button{
    position:static;
    grid-column:1;
    grid-row:1;
    justify-self:end;
    align-self:center;
    margin-right:-2px;
  }
}



:root{
  --surface:#ffffff;
  --surface-soft:#f8f9fb;
  --text:#111827;
  --muted:#667085;
  --line:#e4e7ec;
  --radius:18px;
  --radius-sm:12px;
  --shadow:0 8px 26px rgba(16,24,40,.08);
}
html,body{background:var(--app-bg,#f4f5f7)}
body{color:var(--text);letter-spacing:-.01em}
.app-shell{background:var(--app-bg,#f4f5f7);min-height:100dvh}
.main{background:transparent}
.content{max-width:1240px;margin:0 auto;padding-left:18px;padding-right:18px}
.card{
  border:1px solid rgba(16,24,40,.08);
  border-radius:var(--radius);
  background:var(--surface);
  box-shadow:var(--shadow);
  padding:20px;
}
.card h2,.card h3{letter-spacing:-.025em}
.section-head{align-items:flex-start}
.section-head h2{margin-top:2px}
.eyebrow{letter-spacing:.13em;font-size:10px;color:#667085}
.muted{color:var(--muted)}
.btn{
  min-height:42px;
  border-radius:12px;
  padding:9px 14px;
  font-weight:750;
  transition:transform .14s ease,box-shadow .14s ease,background .14s ease;
}
.btn:active{transform:scale(.985)}
.btn.primary{
  border-color:var(--brand-accent,#1570ef);
  background:var(--brand-accent,#1570ef);
  color:#fff;
}
.btn.ghost{background:#fff;border-color:#d0d5dd;color:#344054}
input,select,textarea{
  border:1px solid #d0d5dd;
  border-radius:12px;
  background:#fff;
  min-height:44px;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
}
input:focus,select:focus,textarea:focus{
  outline:3px solid color-mix(in srgb,var(--brand-accent,#1570ef) 15%,transparent);
  border-color:var(--brand-accent,#1570ef);
}
a,.module-settings-button,.attention-item em{color:var(--brand-accent,#1570ef)}
.badge{border-radius:999px}
.badge.green{background:#ecfdf3;color:#027a48}


.topbar{
  background:color-mix(in srgb,var(--app-bg,#f4f5f7) 78%,#80838a 22%);
  border-bottom:1px solid rgba(16,24,40,.08);
  box-shadow:0 4px 18px rgba(16,24,40,.10);
}
.brand-home{max-width:min(46vw,430px)}
.brand-badge,.drawer-wh{background:#101828;color:#fff}
.custom-company-name{
  max-width:320px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:850;
  font-size:18px;
  color:#101828;
}
.custom-brand-logo{display:flex;align-items:center;justify-content:center;height:44px;max-width:260px}
.custom-brand-logo img{max-height:42px;max-width:240px;object-fit:contain}
.plan-pill{border-color:color-mix(in srgb,var(--brand-accent,#1570ef) 28%,#fff)!important;color:var(--brand-accent,#1570ef)!important}


.drawer{
  width:min(82vw,360px);
  background:#191d1c;
  color:#fff;
  box-shadow:20px 0 50px rgba(0,0,0,.25);
}
.drawer-brand{
  min-height:76px;
  padding:22px 24px 12px;
  display:flex;
  align-items:center;
  gap:10px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.drawer-brand strong{font-size:18px}
.drawer-wh{
  display:grid;place-items:center;
  width:38px;height:38px;border-radius:10px;
  font-weight:900;font-size:13px;
}
.drawer-brand-logo{height:42px;max-width:210px;display:flex;align-items:center}
.drawer-brand-logo img{max-height:40px;max-width:200px;object-fit:contain}
.drawer-brand-company{font-size:18px;line-height:1.25}
.grouped-nav{padding:14px 18px 8px}
.grouped-nav .nav-group-label{opacity:.45;margin:14px 10px 6px}
.grouped-nav button{
  min-height:48px;
  border-radius:12px;
  margin:2px 0;
  color:#f2f4f7;
}
.grouped-nav button:hover,.grouped-nav button.active{background:rgba(255,255,255,.08)}
.grouped-nav svg{width:22px;height:22px}
.drawer-bottom{
  padding:18px 20px max(22px,var(--safe-bottom));
  border-top:1px solid rgba(255,255,255,.16);
  gap:16px;
}
.drawer-user{padding:0;background:transparent}
.drawer-user small{color:#98a2b3}
.drawer-logout{
  width:100%;height:52px;
  border:1px solid rgba(255,255,255,.78);
  border-radius:14px;
  background:transparent;color:#fff;
  display:flex;gap:10px;align-items:center;justify-content:center;
  font-weight:800;
}
.drawer-logout svg{width:21px;height:21px}


.home-wrap{display:grid;gap:16px}
.home-user{padding:2px 2px 0}
.home-user strong{font-size:26px}
.today-command,.compact-news{box-shadow:var(--shadow)}
.attention-item,.today-info-card,.next-action,.module-config-card,.security-kpi{
  border-radius:14px;
}
.attention-item:hover,.module-config-card:hover{
  border-color:color-mix(in srgb,var(--brand-accent,#1570ef) 28%,#d0d5dd);
}
.attention-item em,.module-config-body small{color:var(--brand-accent,#1570ef)}
.module-center-grid{gap:12px}
.module-config-card{padding:14px;background:#fff}
.module-config-icon{background:color-mix(in srgb,var(--brand-accent,#1570ef) 9%,#fff);color:var(--brand-accent,#1570ef)}


.branding-card{overflow:hidden}
.branding-card fieldset{border:0;padding:0;margin:0;display:grid;gap:14px}
.branding-locked{background:linear-gradient(145deg,#fff,#f8fafc)}
.branding-locked fieldset{opacity:.48}
.branding-preview{
  --preview-bg:#f4f5f7;
  --preview-accent:#1570ef;
  border:1px solid #e4e7ec;border-radius:16px;overflow:hidden;margin:14px 0;
  background:var(--preview-bg);
}
.branding-preview-head{
  height:62px;padding:10px 16px;display:flex;align-items:center;justify-content:center;
  background:color-mix(in srgb,var(--preview-bg) 80%,#8c8f95 20%);
  border-bottom:1px solid rgba(16,24,40,.08);
}
.branding-preview-head .brand-badge{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;margin-right:8px}
.branding-preview-head .custom-brand-logo img{max-height:38px}
.branding-preview-body{padding:16px;display:grid;gap:8px}
.branding-preview-body span{display:block;height:14px;border-radius:999px;background:#fff}
.branding-preview-body span:nth-child(1){width:52%;background:var(--preview-accent)}
.branding-preview-body span:nth-child(2){width:88%}
.branding-preview-body span:nth-child(3){width:70%}
.branding-colors{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.color-setting{
  border:1px solid #e4e7ec;border-radius:14px;padding:12px;display:grid;gap:10px;
  background:#fff;font-weight:750;
}
.color-setting>div{display:flex;align-items:center;gap:10px}
.color-setting input[type=color]{width:48px;height:42px;padding:3px;border-radius:10px}
.color-setting code{font-size:11px;color:#667085}
.logo-upload-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.logo-upload-row>span{font-size:12px;color:#667085}


table{border-collapse:separate;border-spacing:0}
th{background:#f8fafc;color:#475467;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
td,th{border-color:#eaecf0}
.modal{
  border-radius:22px;
  box-shadow:0 30px 80px rgba(16,24,40,.24);
  border:1px solid rgba(255,255,255,.8);
}
.modal-backdrop{backdrop-filter:blur(5px)}


@media(max-width:720px){
  .content{padding:14px 14px 32px}
  .card{padding:16px;border-radius:16px;box-shadow:0 5px 18px rgba(16,24,40,.07)}
  .grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}
  .section-head{gap:10px}
  .section-head>.button-row{width:100%}
  .section-head>.button-row .btn{flex:1}
  .home-user strong{font-size:23px}
  .today-command-head{display:grid}
  .day-progress{text-align:left;min-width:0}
  .next-action-grid{grid-template-columns:1fr}
  .today-overview{grid-template-columns:1fr 1fr}
  .smart-favorites{grid-template-columns:1fr 1fr}
  .branding-colors{grid-template-columns:1fr}
  .custom-company-name{font-size:15px;max-width:42vw}
  .custom-brand-logo{max-width:40vw}
  .custom-brand-logo img{max-width:39vw}
}
@media(max-width:420px){
  .today-overview,.smart-favorites{grid-template-columns:1fr}
}



.material-page{
  width:100%;
  min-width:0;
  display:grid;
  gap:14px;
}
.material-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:20px;
  align-items:start;
  padding:20px;
  border:1px solid rgba(16,24,40,.08);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--shadow);
}
.material-intro{min-width:0}
.material-intro h2{
  margin:4px 0 8px;
  color:#101828;
  font-size:clamp(1.55rem,3vw,2rem);
  line-height:1.12;
}
.material-intro p{
  max-width:680px;
  margin:0;
  line-height:1.55;
}
.material-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,auto));
  gap:8px;
  width:auto;
  max-width:430px;
  justify-content:end;
}
.material-actions #bookMaterial{
  grid-column:1/-1;
  grid-row:1;
}
.material-actions .btn{
  width:auto;
  min-width:130px;
  max-width:210px;
  white-space:normal;
  text-align:center;
}
.material-search-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,330px);
  gap:18px;
  align-items:center;
  margin-bottom:14px;
}
.material-search-head h3{margin:0 0 4px}
.material-search-head p{margin:0}
.material-search-head .search-input{
  width:100%;
  min-width:0;
  max-width:none;
  box-sizing:border-box;
}
.material-master-card,
.material-history-card{
  min-width:0;
  overflow:hidden;
}
.inventory-grid{
  min-width:0;
}
.inventory-item{
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
.inventory-top{
  min-width:0;
  align-items:flex-start;
}
.inventory-top>div:first-child{
  min-width:0;
  flex:1 1 auto;
}
.inventory-top h4,
.inventory-top span,
.inventory-top small{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.stock-value{
  flex:0 0 auto;
  min-width:72px;
  max-width:42%;
}
.stock-value b{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.inventory-bottom{
  min-width:0;
}
.inventory-bottom>span{
  min-width:0;
  overflow-wrap:anywhere;
}
.material-history-card .table-wrap{
  max-width:100%;
}

@media(max-width:720px){
  .material-page{gap:12px}
  .material-hero{
    grid-template-columns:1fr;
    gap:16px;
    padding:16px;
    border-radius:16px;
  }
  .material-intro h2{
    font-size:1.65rem;
  }
  .material-intro p{
    font-size:.95rem;
  }
  .material-actions{
    width:100%;
    max-width:none;
    grid-template-columns:1fr 1fr;
    justify-content:stretch;
  }
  .material-actions .btn{
    min-width:0;
    max-width:none;
    width:100%;
    min-height:46px;
  }
  .material-actions #bookMaterial{
    grid-column:1/-1;
    grid-row:1;
  }
  .material-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-bottom:0;
  }
  .material-kpis .mini-kpi{
    min-width:0;
    padding:14px;
  }
  .material-kpis .mini-kpi:nth-child(3){
    grid-column:1/-1;
  }
  .material-search-head{
    grid-template-columns:1fr;
    gap:12px;
    align-items:stretch;
  }
  .material-search-head .search-input{
    width:100%;
    max-width:none;
    min-height:48px;
  }
  .inventory-grid{
    grid-template-columns:1fr;
    gap:10px;
  }
  .inventory-item{
    width:100%;
    padding:14px;
    box-sizing:border-box;
  }
  .inventory-top{
    gap:10px;
  }
  .inventory-top h4{
    font-size:1.02rem;
    line-height:1.25;
  }
  .stock-value{
    min-width:64px;
    max-width:38%;
  }
  .stock-value b{
    font-size:1.28rem;
    line-height:1.1;
  }
  .inventory-bottom{
    display:grid;
    grid-template-columns:1fr auto;
    gap:8px;
    align-items:center;
  }
  .inventory-bottom .small{
    margin-left:0;
    grid-column:1/-1;
    justify-self:start;
  }
  .stock-warning{
    justify-self:end;
  }
}

@media(max-width:420px){
  .material-actions{
    grid-template-columns:1fr;
  }
  .material-actions #bookMaterial{
    grid-column:1;
  }
  .material-kpis{
    grid-template-columns:1fr 1fr;
  }
  .inventory-top{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
  }
  .stock-value{
    max-width:110px;
  }
}



.time-entry-flow{
  display:grid;
  gap:14px;
}
.time-entry-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.time-entry-flow .field{
  margin:0;
}
.time-entry-flow select,
.time-entry-flow input{
  width:100%;
  box-sizing:border-box;
}
.time-entry-flow .auth-hint{
  margin:0;
  border-radius:14px;
  line-height:1.45;
}
@media(max-width:560px){
  .time-entry-grid{
    grid-template-columns:1fr;
  }
}



.setting-row{
  position:relative;
  cursor:pointer;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
}
.setting-row:focus-visible{
  outline:3px solid color-mix(in srgb,var(--brand-accent,#1570ef) 25%,transparent);
  outline-offset:2px;
}
.setting-row>input[type="checkbox"]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.setting-row[aria-checked="true"] .switch-ui,
.setting-row>input[type="checkbox"]:checked + .switch-ui{
  background:#12b76a;
}
.setting-row[aria-checked="true"] .switch-ui:after,
.setting-row>input[type="checkbox"]:checked + .switch-ui:after{
  transform:translateX(20px);
}
.module-mini-switch{
  position:relative;
  display:block;
  width:42px;
  height:30px;
  padding:5px 4px;
  margin:-5px -4px;
  cursor:pointer;
  border-radius:999px;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
  z-index:3;
}
.module-mini-switch:focus-visible{
  outline:3px solid color-mix(in srgb,var(--brand-accent,#1570ef) 25%,transparent);
  outline-offset:2px;
}
.module-mini-switch input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.module-mini-switch[aria-checked="true"] span,
.module-mini-switch input:checked + span{
  background:#12b76a;
}
.module-mini-switch[aria-checked="true"] span:after,
.module-mini-switch input:checked + span:after{
  transform:translateX(14px);
}
.module-mini-switch:has(input:disabled){
  cursor:not-allowed;
  opacity:.45;
}

.log-export-card{max-width:760px}.resource-card p{margin:.4rem 0}#reportMonth{max-width:180px}

.public-beta-auth{max-width:540px}.auth-public-note{margin:14px 0 18px;padding:14px;border:1px solid #dbe5f5;border-radius:14px;background:#f7faff}.auth-public-note span{font-size:10px;letter-spacing:.15em;font-weight:900;color:#175cd3}.auth-public-note p{margin:6px 0 0;color:#475467}.public-registration-link{margin-top:16px;padding-top:14px;border-top:1px solid #e4e7ec;display:flex;gap:7px;justify-content:center;flex-wrap:wrap;font-size:13px}.public-registration-link a{font-weight:850;color:#175cd3}.auth-text-button{display:block;margin:10px auto 0;border:0;background:transparent;color:#175cd3;font-weight:750}.demo-login{margin-top:18px;border-top:1px solid #e4e7ec;padding-top:16px;display:grid;gap:10px}.demo-login small,.demo-login code{display:block;margin-top:3px}





.auth-shell{
  min-height:100dvh;
  width:100%;
  display:grid;
  place-items:center;
  padding:48px 24px;
  background:var(--app-bg,#f4f5f7);
}
.auth-card.public-beta-auth{
  width:min(560px,calc(100vw - 48px));
  max-width:560px;
  margin:auto;
}
.auth-brand{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
}
.auth-brand>div{
  display:flex;
  align-items:baseline;
  gap:6px;
  min-width:0;
}
.auth-brand>div>b,
.auth-brand>div>small{white-space:nowrap}


.topbar{
  grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr) !important;
  grid-template-areas:
    "left brand account"
    "notice brand account";
  column-gap:18px;
  row-gap:6px;
  align-items:start;
  min-height:150px;
  height:auto;
  padding:18px 28px 16px;
  overflow:visible;
  background:color-mix(in srgb,var(--app-bg,#f4f5f7) 78%,#80838a 22%);
}
.topbar-left{
  grid-area:left;
  justify-self:start;
  align-self:start;
}
.topbar .brand-home{
  grid-area:brand;
  justify-self:center;
  align-self:start;
  position:relative;
  inset:auto;
  transform:none;
  max-width:min(46vw,520px);
  z-index:3;
}
.topbar .notification-button{
  grid-area:notice;
  position:relative;
  inset:auto;
  justify-self:start;
  align-self:start;
  margin-left:46px;
  width:42px;
  height:42px;
}
.topbar .account-stack{
  grid-area:account;
  justify-self:end;
  align-self:start;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:9px;
  min-width:82px;
}
.topbar .account-stack .plan-pill,
.topbar .account-stack .header-avatar{
  position:relative;
  inset:auto;
  margin:0;
}


.main{
  position:relative;
  min-width:0;
  background:var(--app-bg,#f4f5f7);
}
.page-title,
.content{
  position:relative;
  z-index:1;
}
.drawer{
  background:#191d1c;
}


@media(min-width:1050px){
  .app-shell{
    grid-template-columns:240px minmax(0,1fr);
    align-items:start;
  }
  .drawer{
    position:sticky;
    top:0;
    height:100vh;
    grid-column:1;
    grid-row:1;
  }
  .main{
    grid-column:2;
    grid-row:1;
    width:100%;
    min-height:100vh;
  }
  .topbar{
    position:sticky;
    top:0;
    width:100%;
    min-height:132px;
    padding:18px 30px 14px;
    grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr) !important;
  }
  .topbar #navButton{
    visibility:hidden;
  }
  .topbar .brand-home{
    align-self:start;
    justify-self:center;
  }
  .topbar .notification-button{
    margin-left:48px;
  }
  .topbar .account-stack{
    justify-self:end;
    align-self:start;
    display:flex;
    flex-direction:column;
  }
}


@media(min-width:721px) and (max-width:1049px){
  .topbar{
    min-height:144px;
    grid-template-columns:minmax(145px,1fr) auto minmax(145px,1fr) !important;
    padding:18px 22px 14px;
  }
}


@media(max-width:720px){
  .auth-shell{
    display:block;
    min-height:100dvh;
    padding:0;
  }
  .auth-card.public-beta-auth{
    width:100%;
    max-width:none;
    min-height:100dvh;
    margin:0;
    border-radius:0;
  }
  .auth-brand{
    justify-content:flex-start;
  }
  .auth-brand>div{
    gap:3px;
  }

  .topbar{
    min-height:calc(118px + var(--safe-top));
    grid-template-columns:112px minmax(0,1fr) 82px !important;
    grid-template-areas:"left brand account" "notice brand account";
    padding-left:16px;
    padding-right:14px;
    padding-bottom:10px;
  }
  .topbar .notification-button{
    position:relative;
    margin-left:30px;
  }
}


.brand-home .custom-company-name,
.brand-home .custom-brand-logo{
  max-width:min(46vw,520px);
}
.brand-home .custom-brand-logo img{
  display:block;
  margin:auto;
}


.pdf-branding-settings{margin-top:22px;padding-top:18px;border-top:1px solid rgba(16,24,40,.10)}
.pdf-branding-title{display:flex;flex-direction:column;gap:3px;margin-bottom:12px}.pdf-branding-title>span{color:#667085;font-size:13px}
.pdf-branding-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
.pdf-branding-card{border:1px solid rgba(16,24,40,.12);border-radius:16px;padding:14px;background:rgba(255,255,255,.65)}
.pdf-branding-card small{display:block;color:#667085;margin-top:3px}
.pdf-brand-preview{height:92px;margin:12px 0;border:1px dashed #cfd6df;border-radius:12px;background:white;display:grid;place-items:center;overflow:hidden}
.pdf-brand-preview img{width:100%;height:100%;object-fit:contain}.pdf-brand-preview>span{font-size:13px;color:#98a2b3}
@media(max-width:760px){.pdf-branding-grid{grid-template-columns:1fr}}


.work2m6-standard-logo{display:flex;align-items:center;justify-content:center;max-width:330px;height:58px}
.work2m6-standard-logo img{display:block;max-width:100%;max-height:58px;object-fit:contain}
.work2m6-drawer-logo{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:4px 2px}
.work2m6-drawer-logo img{display:block;max-width:190px;max-height:74px;object-fit:contain}
.work2m6-auth-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.work2m6-auth-logo img{display:block;width:min(390px,90%);max-height:145px;object-fit:contain}
.work2m6-auth-logo span{font-weight:750;color:#475467;letter-spacing:.02em}
@media(max-width:720px){
 .work2m6-standard-logo{max-width:210px;height:52px}
 .work2m6-standard-logo img{max-height:52px}
 .work2m6-auth-logo{align-items:flex-start}
 .work2m6-auth-logo img{width:min(330px,88vw)}
}



@media (min-width: 981px){
  .app-shell .topbar,
  .app-shell .app-topbar,
  .app-shell > header.topbar,
  body .topbar{
    left:288px !important;
    width:calc(100% - 288px) !important;
    max-width:calc(100% - 288px) !important;
  }
}


@media (max-width: 980px){
  .app-shell .topbar,
  .app-shell .app-topbar,
  .app-shell > header.topbar,
  body .topbar{
    left:0 !important;
    width:100% !important;
    max-width:100% !important;
  }
}


.drawer-utility{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#d8dee9;padding:10px 12px;border-radius:10px;text-align:left;cursor:pointer}.drawer-utility:hover{background:rgba(255,255,255,.08)}.drawer-version{text-align:center;color:#7f8b9d;font-size:11px;padding:10px 4px 2px}.role-name-editor{display:grid;gap:10px;margin:14px 0}.role-name-row{display:grid;grid-template-columns:minmax(150px,.7fr) 1fr;gap:12px;align-items:center;padding:10px 12px;border:1px solid rgba(16,24,40,.1);border-radius:12px}.role-name-row>div{display:flex;gap:8px}.role-name-row input{min-width:0;flex:1}.role-name-row.locked{color:#667085;background:#f7f8fa}.auth-logo-fallback{font-size:32px}@media(max-width:680px){.role-name-row{grid-template-columns:1fr}.role-name-row>div{flex-direction:column}}
.demo-secure-bar{position:fixed;top:0;left:0;right:0;z-index:10000;height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;background:#08121f;color:#dce9f6;border-bottom:1px solid #27415e;font-size:11px;font-weight:650}.demo-secure-bar a{color:#8bcaff;text-decoration:none}.demo-secure-bar b{color:#fff;letter-spacing:.04em}.demo-secure-bar button{border:1px solid #315a84;background:#0d2237;color:#dbeeff;border-radius:8px;padding:5px 9px;font-size:10px;font-weight:800;cursor:pointer}.app-shell{padding-top:38px;min-height:100vh}.drawer{top:38px;height:calc(100vh - 38px)}.drawer-mask{top:38px}.demo-corner-badge{position:fixed;right:14px;bottom:18px;z-index:9997;background:#1570ef;color:#fff;border:1px solid rgba(255,255,255,.22);padding:9px 11px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.14em;box-shadow:0 12px 30px rgba(0,80,190,.25);pointer-events:none}.demo-runtime-note{margin:0 0 14px;padding:11px 13px;border:1px solid #bdd6ec;border-radius:12px;background:#eff8ff;color:#244b6d;font-size:12px;line-height:1.5}.demo-runtime-note b{color:#103a60}.demo-edit-hint{font-size:11px;color:#667085;margin-top:5px}.demo-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.demo-stat-grid>div{padding:14px;border:1px solid var(--border,#d5d9e0);border-radius:14px;background:var(--card,#fff)}.demo-stat-grid span{display:block;font-size:10px;color:#667085}.demo-stat-grid b{display:block;margin-top:5px;font-size:22px}.demo-list-card{display:grid;gap:8px}.demo-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e0e4ea;border-radius:12px;background:#fff}.demo-row>div{min-width:0}.demo-row strong{display:block}.demo-row small{display:block;color:#667085;margin-top:3px}.demo-row .right{text-align:right;white-space:nowrap}.demo-modal-backdrop{position:fixed;inset:0;z-index:11000;background:rgba(13,20,32,.62);display:grid;place-items:center;padding:18px}.demo-modal-card{width:min(660px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:18px;padding:22px;box-shadow:0 30px 100px rgba(0,0,0,.28)}.demo-modal-card .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-modal-card label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}.demo-modal-card input,.demo-modal-card select,.demo-modal-card textarea{width:100%;min-height:42px;border:1px solid #cbd3dc;border-radius:9px;padding:9px 10px;background:#fff;color:#111827}.demo-modal-card textarea{min-height:90px}.demo-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.demo-modal-actions button{border:0;border-radius:9px;padding:10px 14px;font-weight:800;cursor:pointer}.demo-modal-actions .cancel{background:#edf0f4;color:#344054}.demo-modal-actions .save{background:#1570ef;color:#fff}.demo-toast{position:fixed;left:50%;bottom:20px;z-index:12000;transform:translateX(-50%);background:#101828;color:#fff;border-radius:11px;padding:11px 14px;box-shadow:0 16px 40px rgba(0,0,0,.28);font-size:11px;max-width:min(560px,calc(100% - 26px));text-align:center}@media(max-width:760px){.demo-secure-bar{padding:0 8px}.demo-secure-bar span{font-size:9px;text-align:center}.demo-secure-bar a{font-size:0}.demo-secure-bar a:after{content:'← 2M6';font-size:10px}.demo-secure-bar button{font-size:9px;padding:5px 7px}.demo-stat-grid{grid-template-columns:1fr 1fr}.demo-modal-card .form-grid{grid-template-columns:1fr}.demo-corner-badge{bottom:12px}}
.week-planner{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:12px;overflow-x:auto;padding-bottom:6px}.planner-day{min-width:190px;border:1px solid #dde2e8;border-radius:14px;background:#f8fafc;padding:10px}.planner-day>header{padding:3px 3px 10px;color:#475467;font-size:12px}.planner-day .empty{padding:18px 8px;text-align:center;color:#98a2b3;font-size:12px}.planner-item{display:grid;gap:6px;margin-bottom:9px;padding:11px;border:1px solid #d9e2ec;border-left:4px solid var(--brand-accent,#1570ef);border-radius:11px;background:#fff}.planner-item>b{font-size:12px;color:#101828}.planner-item>span{font-size:11px;font-weight:800;color:#1570ef}.planner-item>small{font-size:10px;color:#667085;line-height:1.45}.planner-item .btn{justify-self:start;margin-top:3px}.planner-toolbar{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0 16px}.planner-toolbar>b{font-size:13px}.button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}.table{min-width:720px}.field>input,.field>select,.field>textarea{width:100%}@media(max-width:760px){.week-planner{grid-template-columns:repeat(5,78vw)}.demo-row{align-items:flex-start}.demo-row .right{white-space:normal}.button-row{display:grid;grid-template-columns:1fr}.button-row .btn{width:100%}}