:root{--hmsc-green:#809f6f;--hmsc-green-dark:#5f7e51;--hmsc-green-soft:#edf3e9;--hmsc-ink:#1d2a22;--hmsc-muted:#6b756f;--hmsc-border:#dfe5dc;--hmsc-bg:#f5f7f3;--hmsc-danger:#b44747;--hmsc-warn:#b47a2a;--hmsc-shadow:0 12px 34px rgba(29,42,34,.08)}
.hmsc-front-shell{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--hmsc-ink);background:var(--hmsc-bg);min-height:70vh;border-radius:28px;overflow:hidden;box-shadow:var(--hmsc-shadow);margin:20px auto;max-width:1320px;position:relative;padding-bottom:86px}.hmsc-front-shell *{box-sizing:border-box}.hmsc-front-top{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:18px 24px;border-bottom:1px solid var(--hmsc-border);position:sticky;top:0;z-index:20}.hmsc-front-brand{display:flex;align-items:center;gap:12px}.hmsc-front-brand>span{width:42px;height:42px;border-radius:14px;background:var(--hmsc-green);display:grid;place-items:center;color:#fff;font-weight:800}.hmsc-front-brand strong,.hmsc-front-brand small{display:block}.hmsc-front-brand small{color:var(--hmsc-muted);margin-top:2px}.hmsc-front-user{text-align:right}.hmsc-front-user strong,.hmsc-front-user a{display:block}.hmsc-front-user a{font-size:12px;color:var(--hmsc-green-dark);margin-top:3px}.hmsc-front-main{padding:22px}.hmsc-front-hero{background:linear-gradient(135deg,var(--hmsc-green),var(--hmsc-green-dark));color:#fff;border-radius:24px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.hmsc-front-hero h1{font-size:34px;margin:4px 0}.hmsc-front-hero p,.hmsc-front-hero small{margin:0;opacity:.88}.hmsc-front-hero-number{text-align:center;background:rgba(255,255,255,.16);padding:17px 22px;border-radius:18px;min-width:130px}.hmsc-front-hero-number strong{font-size:36px;display:block}.hmsc-front-hero-number span{font-size:12px}.hmsc-front-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.hmsc-front-kpi{display:flex;gap:13px;align-items:center;background:#fff;padding:16px;border:1px solid var(--hmsc-border);border-radius:18px;text-decoration:none!important;color:inherit!important;box-shadow:0 4px 16px rgba(29,42,34,.04)}.hmsc-front-kpi:hover{transform:translateY(-1px);box-shadow:var(--hmsc-shadow)}.hmsc-front-kpi-icon{width:42px;height:42px;border-radius:14px;background:var(--hmsc-green-soft);position:relative;flex:0 0 42px}.hmsc-front-kpi-icon:after{content:"•";font-size:28px;color:var(--hmsc-green);position:absolute;inset:0;display:grid;place-items:center}.icon-calendar:after{content:"◫"}.icon-orders:after{content:"≡"}.icon-alert:after{content:"!"}.icon-defect:after{content:"⚠"}.icon-people:after{content:"♟"}.icon-box:after{content:"□"}.icon-invoice:after,.icon-euro:after{content:"€"}.hmsc-front-kpi small,.hmsc-front-kpi strong,.hmsc-front-kpi span{display:block}.hmsc-front-kpi small{color:var(--hmsc-muted);text-transform:uppercase;font-size:10px;letter-spacing:.08em}.hmsc-front-kpi strong{font-size:26px;line-height:1.1}.hmsc-front-kpi span{font-size:12px;color:var(--hmsc-muted)}.hmsc-front-two{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.hmsc-front-panel{background:#fff;border:1px solid var(--hmsc-border);border-radius:20px;padding:18px;margin-bottom:18px}.hmsc-front-panel h1,.hmsc-front-panel h2,.hmsc-front-panel h3{margin-top:0}.hmsc-front-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.hmsc-front-panel-head h2{font-size:18px;margin:0}.hmsc-front-panel-head a{font-size:13px;color:var(--hmsc-green-dark)}.hmsc-front-actions{display:grid;gap:8px}.hmsc-front-actions a{display:flex;justify-content:space-between;padding:12px 14px;border-radius:12px;background:var(--hmsc-green-soft);text-decoration:none!important;color:var(--hmsc-ink)!important;font-weight:600}.hmsc-front-actions a:hover{background:#e2ebdd}.hmsc-front-list-row,.hmsc-front-job,.hmsc-front-defect,.hmsc-front-person{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 4px;border-bottom:1px solid #edf0eb}.hmsc-front-list-row:last-child,.hmsc-front-job:last-child,.hmsc-front-defect:last-child,.hmsc-front-person:last-child{border-bottom:0}.hmsc-front-list-row>div:first-child,.hmsc-front-defect>div:first-child{min-width:0}.hmsc-front-list-row strong,.hmsc-front-list-row span,.hmsc-front-list-row small,.hmsc-front-defect strong,.hmsc-front-defect span,.hmsc-front-defect small{display:block}.hmsc-front-list-row>div>small,.hmsc-front-defect>div>small{color:var(--hmsc-muted);font-size:11px}.hmsc-front-list-row>div>span,.hmsc-front-defect>div>span{color:var(--hmsc-muted);font-size:12px;margin-top:3px}.hmsc-front-status{white-space:nowrap;font-size:11px;padding:6px 9px;border-radius:999px;background:#eef1ec;color:#566057}.status-in_progress,.status-running{background:#fff2d6;color:#8b5b00}.status-done,.status-paid{background:#e3f3df;color:#3b7032}.status-open,.status-planned{background:#eaf0f7;color:#45627e}.hmsc-front-title{display:flex;align-items:center;gap:14px;margin:2px 0 18px}.hmsc-front-title>a{width:42px;height:42px;border-radius:13px;background:#fff;border:1px solid var(--hmsc-border);display:grid;place-items:center;text-decoration:none!important;color:var(--hmsc-green-dark)!important;font-size:20px}.hmsc-front-title h1{margin:0;font-size:27px}.hmsc-front-title small{color:var(--hmsc-muted)}.hmsc-front-job{align-items:flex-start}.hmsc-front-job-time{min-width:56px}.hmsc-front-job-time strong,.hmsc-front-job-time span{display:block}.hmsc-front-job-time strong{font-size:18px}.hmsc-front-job-time span{font-size:11px;color:var(--hmsc-muted)}.hmsc-front-job h3{margin:2px 0 3px;font-size:16px}.hmsc-front-job p{margin:0;color:var(--hmsc-muted)}.hmsc-front-meta{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}.hmsc-front-meta span{font-size:11px;background:#f0f3ee;border-radius:999px;padding:4px 7px}.hmsc-front-defect.is-overdue,.hmsc-front-list-row.is-overdue{background:#fff5f5;margin:0 -8px;padding-left:12px;padding-right:12px;border-radius:12px}.hmsc-front-priority{display:block;font-size:11px;border-radius:999px;padding:5px 8px;background:#f2f2ef;text-align:center}.priority-urgent{background:#fde0e0!important;color:#982c2c}.priority-high{background:#fff0da!important;color:#8a5919}.hmsc-front-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--hmsc-green-soft);color:var(--hmsc-green-dark);font-weight:800}.hmsc-front-person{justify-content:flex-start}.hmsc-front-person>div:nth-child(2){flex:1}.hmsc-front-person strong,.hmsc-front-person span{display:block}.hmsc-front-person span{font-size:12px;color:var(--hmsc-muted)}.hmsc-front-person-state{text-align:right;font-size:12px;font-weight:700;color:#3b7032}.hmsc-front-person-state.away{color:var(--hmsc-warn)}.hmsc-front-person-state.off{color:var(--hmsc-danger)}.hmsc-front-person-state small{display:block;font-weight:400}.hmsc-front-empty{text-align:center;color:var(--hmsc-muted);padding:28px}.hmsc-front-bottom{position:fixed;z-index:50;left:50%;bottom:12px;transform:translateX(-50%);width:min(720px,calc(100vw - 22px));background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border:1px solid var(--hmsc-border);box-shadow:0 10px 30px rgba(29,42,34,.15);border-radius:20px;padding:8px;display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.hmsc-front-bottom a{text-decoration:none!important;color:var(--hmsc-muted)!important;text-align:center;padding:6px 2px;border-radius:12px}.hmsc-front-bottom a.active{background:var(--hmsc-green-soft);color:var(--hmsc-green-dark)!important}.hmsc-front-bottom span,.hmsc-front-bottom small{display:block}.hmsc-front-bottom span{font-size:18px;line-height:1.1}.hmsc-front-bottom small{font-size:9px;margin-top:3px}.hmsc-front-login{max-width:520px;padding:32px;min-height:0}.hmsc-front-login>.hmsc-front-brand{margin-bottom:20px}.hmsc-front-login .hmsc-front-panel{margin:0}.hmsc-front-btn{display:block;text-align:center;border:1px solid var(--hmsc-green);color:var(--hmsc-green-dark)!important;text-decoration:none!important;border-radius:12px;padding:12px 16px;margin-top:10px;font-weight:700}.hmsc-front-btn.primary{background:var(--hmsc-green);color:#fff!important}.hmsc-front-link{display:block;text-align:center;margin-top:16px;color:var(--hmsc-muted)}.hmsc-employee-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hmsc-employee-kpi-grid>div{background:var(--hmsc-green-soft);border-radius:13px;padding:12px;text-align:center}.hmsc-employee-kpi-grid strong,.hmsc-employee-kpi-grid span{display:block}.hmsc-employee-kpi-grid strong{font-size:21px;color:var(--hmsc-green-dark)}.hmsc-employee-kpi-grid span{font-size:10px;color:var(--hmsc-muted)}
@media(max-width:900px){.hmsc-front-shell{margin:0;border-radius:0;min-height:100vh}.hmsc-front-kpis{grid-template-columns:repeat(2,1fr)}.hmsc-front-two{grid-template-columns:1fr}.hmsc-front-main{padding:14px}.hmsc-front-hero{border-radius:18px;padding:20px}.hmsc-front-hero h1{font-size:28px}.hmsc-front-user strong{display:none}}
@media(max-width:520px){.hmsc-front-top{padding:12px 14px}.hmsc-front-brand>span{width:36px;height:36px;border-radius:11px}.hmsc-front-brand strong{font-size:14px}.hmsc-front-brand small{font-size:10px}.hmsc-front-kpis{gap:9px}.hmsc-front-kpi{padding:12px;gap:9px}.hmsc-front-kpi-icon{width:36px;height:36px;flex-basis:36px}.hmsc-front-kpi strong{font-size:22px}.hmsc-front-hero-number{min-width:100px;padding:13px}.hmsc-front-hero-number strong{font-size:30px}.hmsc-front-panel{padding:14px;border-radius:16px}.hmsc-front-bottom{bottom:7px}.hmsc-front-job{display:grid;grid-template-columns:52px 1fr}.hmsc-front-job>.hmsc-front-status{grid-column:2;justify-self:start}.hmsc-front-defect{align-items:flex-start}.hmsc-front-person-state{font-size:10px}.hmsc-employee-kpi-grid{grid-template-columns:repeat(3,1fr)}}