.projectHoursHint{z-index:35;color:#fff;letter-spacing:.04em;opacity:.82;background:#111;border-radius:10px;padding:9px 12px;font:800 9px Arial;position:fixed;bottom:18px;right:18px}.projectTotal{cursor:pointer}.projectTotal:hover{background:#fafaf7}.projectHoursOverlay{z-index:10000;background:#00000094;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.projectHoursModal{background:#f5f5f1;border-radius:20px;width:min(1180px,96vw);max-height:90vh;padding:24px;font-family:Arial,Helvetica,sans-serif;position:relative;overflow:auto;box-shadow:0 25px 80px #00000059}.projectHoursClose{color:#fff;background:#111;border:0;border-radius:999px;width:38px;height:38px;font-size:24px;position:absolute;top:14px;right:16px}.projectHoursModal header{margin-bottom:16px;padding-right:48px}.projectHoursModal header>span{letter-spacing:.15em;color:#a64a16;font-size:9px;font-weight:900}.projectHoursModal h2{margin:5px 0;font-size:32px}.projectHoursModal header p{color:#666;margin:0;font-size:12px}.projectHoursKpis{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.projectHoursKpis>div,.projectHoursEmployees,.projectHoursEntries,.projectBudgetBar{background:#fff;border:1px solid #e3e3dd;border-radius:14px}.projectHoursKpis>div{padding:12px}.projectHoursKpis span,.projectBudgetBar span{color:#777;text-transform:uppercase;font-size:8px;font-weight:900;display:block}.projectHoursKpis strong{margin-top:4px;font-size:19px;display:block}.projectBudgetBar{grid-template-columns:repeat(4,1fr);gap:1px;margin-top:12px;display:grid;overflow:hidden}.projectBudgetBar>div{background:#fff;padding:12px}.projectBudgetBar strong{margin-top:4px;font-size:17px;display:block}.projectHoursEmployees,.projectHoursEntries{margin-top:14px;padding:16px}.projectHoursEmployees h3,.projectHoursEntries h3{margin:0 0 10px;font-size:16px}.projectHoursEmployees>div{border-top:1px solid #eee;justify-content:space-between;gap:12px;padding:9px 0;display:flex}.projectHoursEmployees>div span{flex-direction:column;display:flex}.projectHoursEmployees small{color:#777;margin-top:2px}.projectHoursTable{overflow-x:auto}.phRow{border-top:1px solid #eee;grid-template-columns:90px 2fr repeat(6,.7fr);gap:8px;min-width:760px;padding:9px 0;font-size:11px;display:grid}.phRowWithWork{grid-template-columns:90px 1.3fr 2.4fr repeat(6,.65fr);min-width:980px}.phRow.head{text-transform:uppercase;color:#777;border-top:0;font-size:8px;font-weight:900}.workDescription{color:#444;line-height:1.35}.projectHoursPrint{color:#fff;background:#111;border:0;border-radius:12px;width:100%;margin-top:14px;padding:13px;font-size:10px;font-weight:900}.projectHoursLoading,.projectHoursError{text-align:center;padding:30px}.projectHoursError{color:#8a1c1c}@media (max-width:700px){.projectHoursHint{display:none}.projectHoursOverlay{padding:8px}.projectHoursModal{border-radius:16px;max-height:94vh;padding:16px}.projectHoursModal h2{font-size:25px}.projectHoursKpis,.projectBudgetBar{grid-template-columns:repeat(2,1fr)}.projectHoursEmployees,.projectHoursEntries{padding:12px}}@media print{.projectHoursHint,.projectHoursClose,.projectHoursPrint{display:none!important}body:has(.projectHoursOverlay) .projectHoursOverlay{background:#fff;padding:0;position:static}body:has(.projectHoursOverlay) .projectHoursModal{width:100%;max-height:none;box-shadow:none;border-radius:0;padding:0;overflow:visible}body:has(.projectHoursOverlay) .projectHoursKpis{grid-template-columns:repeat(6,1fr)}body:has(.projectHoursOverlay)>:not(.projectHoursOverlay){visibility:hidden}:is(body:has(.projectHoursOverlay) .projectHoursOverlay,body:has(.projectHoursOverlay) .projectHoursOverlay *){visibility:visible}}
.openProjectManager{color:#111;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:10px;width:100%;margin-top:12px;padding:11px;font-size:10px;font-weight:900}.workProjectOverlay{z-index:10020;background:#00000094;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.workProjectModal{background:#f5f5f1;border-radius:20px;width:min(1180px,96vw);max-height:92vh;padding:24px;font-family:Arial,Helvetica,sans-serif;position:relative;overflow:auto}.workProjectClose{color:#fff;background:#111;border:0;border-radius:999px;width:38px;height:38px;font-size:24px;position:absolute;top:14px;right:16px}.workProjectModal header>span{letter-spacing:.16em;color:#a64a16;font-size:9px;font-weight:900}.workProjectModal h2{margin:5px 0;font-size:32px}.workProjectModal header p{color:#666;margin:0 0 16px}.workProjectLayout{grid-template-columns:320px 1fr;gap:16px;display:grid}.workProjectLayout aside{align-content:start;gap:8px;display:grid}.workProjectLayout aside button{text-align:left;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:12px;gap:4px;padding:12px;display:grid}.workProjectLayout aside button.active{border-color:#111;box-shadow:inset 3px 0 #111}.workProjectLayout aside small{color:#777}.workProjectLayout aside span{color:#a64a16;font-size:9px;font-weight:900}.workProjectEditor{background:#fff;border:1px solid #e2e2dc;border-radius:14px;padding:16px}.projectManagerGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.projectManagerGrid label{color:#666;font-size:9px;font-weight:900}.projectManagerGrid input,.projectManagerGrid select{box-sizing:border-box;background:#fff;border:1px solid #d7d7d0;border-radius:9px;width:100%;margin-top:5px;padding:11px;display:block}.projectManagerGrid .wide{grid-column:1/-1}.budgetInfo{background:#f5f5f1;border-radius:10px;justify-content:space-between;align-items:center;padding:12px;display:flex}.budgetInfo span{color:#777;font-size:9px;font-weight:900}.saveProjectManager{color:#fff;background:#f45a00;border:0;border-radius:11px;width:100%;margin-top:14px;padding:13px;font-size:10px;font-weight:900}.workProjectError{color:#8a1c1c;background:#fff0f0;border-radius:10px;margin-bottom:12px;padding:12px}.workProjectLoading,.workProjectEmpty{text-align:center;color:#777;padding:30px}@media (max-width:700px){.workProjectOverlay{padding:8px}.workProjectModal{padding:16px}.workProjectLayout,.projectManagerGrid{grid-template-columns:1fr}.projectManagerGrid .wide{grid-column:auto}.workProjectLayout aside{max-height:230px;overflow:auto}.workProjectModal h2{font-size:25px}}@media print{.workProjectOverlay{display:none!important}}
