:root{font-family:Segoe UI,Arial,sans-serif;color:#1a2b44;background:#f3f6fb;font-size:15px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select{font:inherit}button{background:#275bb5;color:white;border:1px solid #275bb5;border-radius:6px;padding:10px 15px;cursor:pointer}button.secondary{color:#1a2b44;background:white;border-color:#d4deeb}button:disabled{opacity:.45;cursor:default}label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#526882}input,select{min-height:41px;padding:8px;border:1px solid #cbd5e3;border-radius:5px;background:#fff;color:#152b49}input[type=checkbox]{min-height:18px;width:18px}form{display:grid;gap:16px}#login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.intro{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#17365d;color:#fff;padding:35px}.intro img{width:min(85%,420px);max-height:340px;object-fit:contain}.intro h1{font-size:38px}.loginbox{align-self:center;max-width:480px;padding:40px;width:100%}details{margin-top:26px}details form{margin-top:20px}#app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}aside{background:#17365d;color:#fff;padding:24px 15px}aside>img{width:70px;height:70px;object-fit:contain}aside h1{font-size:27px}nav{display:flex;flex-direction:column;gap:7px;margin:20px 0}nav button{text-align:left;background:transparent;border:0}nav button.active{background:#275bb5}aside p{font-size:13px}aside .secondary{margin-top:15px}.workspace{padding:24px;min-width:0}header>div{display:flex;align-items:end;gap:10px;flex-wrap:wrap}header label:first-child{min-width:230px}#message,#loginmessage{color:#a34708;font-size:14px;min-height:20px}#controls{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.tablewrap{overflow:auto;background:white;border:1px solid #e1e8f0;border-radius:8px}table{border-collapse:collapse;white-space:nowrap;min-width:100%;font-size:13px}th{background:#eaf0f8;text-align:left;padding:13px}td{padding:12px;border-bottom:1px solid #e9eef6;max-width:350px;overflow:hidden;text-overflow:ellipsis}td.number{text-align:right}td button{padding:5px 9px}.editform{background:white;padding:22px;margin-bottom:22px;grid-template-columns:repeat(3,minmax(160px,1fr));border-radius:9px;border:1px solid #d7e2ef}.editform .actions{display:flex;gap:10px;grid-column:1/-1}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.card{padding:22px;background:white;border:1px solid #dce5f0;border-radius:10px}.card strong{display:block;font-size:26px;margin-top:13px}.people{display:flex;gap:14px;flex-wrap:wrap;padding:15px;background:#fff;margin-bottom:18px}.people label{flex-direction:row;align-items:center}.sectionhint{font-size:13px;color:#64748b}.reportbrand{max-width:150px;max-height:65px;object-fit:contain}@media(max-width:850px){#login{grid-template-columns:1fr}.intro{min-height:170px;padding:18px}.intro img{max-height:130px}.intro h1{margin:6px;font-size:27px}.intro p{margin:3px}.loginbox{justify-self:center;padding:25px}#app{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}aside{min-width:0;padding:10px 14px;position:static}aside>img{float:left;width:40px;height:40px;margin-right:10px}aside h1{font-size:23px;margin:5px}nav{flex-direction:row;max-width:100%;overflow-x:auto;margin:10px 0;white-space:nowrap}nav button{padding:7px 12px}aside p{display:inline-block;margin-right:15px}aside #logout{padding:5px 12px;margin:0}.workspace{padding:16px}.editform{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:480px){.metrics,.editform{grid-template-columns:1fr}.card strong{font-size:23px}header label:first-child{min-width:180px;max-width:100%}}@media print{aside,header,#controls,#formarea,button,.people{display:none!important}#app{display:block}.workspace{padding:0}body{background:white}.tablewrap{overflow:visible;border:0}table{white-space:normal;font-size:10px;width:100%}th,td{padding:5px;max-width:none;overflow:visible}thead{display:table-header-group}tr{break-inside:avoid}.metrics{display:none}h2{font-size:18px}@page{size:A4 landscape;margin:12mm}}
.selector-arrows{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%}.selector-arrows button{padding:8px;min-width:30px}.selector-arrows select{min-width:0;max-width:250px}.company-logo{height:44px;width:62px;object-fit:contain;align-self:center}.workspace header label{min-width:0;max-width:100%}#person-select{max-width:270px}#year-select{width:85px}#page-back{float:right;margin:15px 0 0 8px}.editform>fieldset{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;border:1px solid #dbe4f0;border-radius:6px}.editform fieldset label{display:flex;flex-direction:row;align-items:center}.editform>label,.editform>div{min-width:0}.import-preview{grid-column:1/-1;max-height:380px;overflow:auto}.warning{color:#a14a00;background:#fff4dd;padding:12px;border-radius:7px;width:100%}.attendance-matrix th:first-child{position:sticky;left:0;z-index:2;background:#eaf0f8;min-width:190px;max-width:230px;white-space:normal}.attendance-matrix td{padding:4px;text-align:center}.attendance-cell{padding:5px;min-width:33px;color:#18324d;border-radius:4px;border:1px solid #dde6ed;font-size:12px}.status-work{background:#e3f4e9}.status-paid{background:#e2edff}.status-unpaid{background:#ffe5e5}.status-sick{background:#fff0d6}.status-missing{background:#f2f2f2;color:#a15300}.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.day-card{white-space:pre-line;min-height:85px;font-size:12px}.raise-input{width:105px;min-width:75px;background:#fff5d7}.report-caption{padding:12px;background:white;margin-bottom:10px}.report-caption h3{margin:8px 0}.report-caption p{margin:8px 0}@media(max-width:600px){.selector-arrows select{max-width:210px}#person-select{max-width:230px}.calendar-days{grid-template-columns:repeat(3,minmax(0,1fr))}.day-card{padding:5px}.workspace header>div{gap:9px}#page-back{padding:6px;font-size:12px}.editform>fieldset{grid-template-columns:1fr}}@media print{#page-back,#live-status{display:none!important}.report-caption{display:block}.attendance-matrix th:first-child{position:static;min-width:85px}.attendance-cell{min-width:0;padding:0;border:0;font-size:8px}}

@media(max-width:600px){.calendar-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.day-card{font-size:10px;min-height:70px;padding:2px}.calendar-days strong{text-align:center;font-size:11px}}
@media(max-width:600px){.workspace header>div{gap:8px}.workspace header label{flex:1 1 calc(50% - 5px);min-width:0;font-size:12px}.workspace header label:last-child{flex-basis:100%}.workspace header .selector-arrows{gap:2px}.workspace header .selector-arrows button{min-width:27px;padding:7px 5px}.workspace header select{width:100%;max-width:100%!important;font-size:12px;padding:7px 3px}.workspace header #period{width:100%;min-width:0;font-size:12px;padding:7px 2px}.workspace header #refresh{padding:8px 12px;align-self:end}.day-card.status-work{background:#e3f4e9}.day-card.status-sick{background:#fff0d6}.day-card.status-paid{background:#e2edff}}

#release-notice:not([hidden]){position:sticky;top:0;z-index:9999;background:#fff3cd;color:#513c00;padding:12px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid #d4af37} #release-notice button{margin:0}
.suite-actions{min-width:160px;white-space:normal}.suite-actions button{margin:3px}.suite-bar{height:16px;background:#3575b9;border-radius:5px;min-width:3px}.workspace details{background:#fff;border:1px solid #d5e0ed;border-radius:8px;padding:14px;margin:8px 0}.workspace summary{cursor:pointer;font-weight:600;color:#17365d}.workspace select[multiple]{min-height:100px;min-width:190px}#shared-form{max-width:380px}#formarea input[readonly]{min-width:300px;max-width:100%}
.suite-filters{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:16px;width:100%}#app>aside{height:100vh;position:sticky;top:0;overflow-y:auto}nav button:hover{background:rgba(255,255,255,.12)}nav button.active:hover{background:#275bb5}@media(max-width:850px){#app>aside{height:auto;position:static;overflow:visible}.suite-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.suite-filters{grid-template-columns:1fr}}@media print{#app>aside{display:none}}
.operator-page #customer-filters{display:grid;width:100%;gap:14px}.operator-page #customers td:last-child{white-space:normal;min-width:240px;max-width:320px}.operator-page #customers td:last-child button{margin:3px;display:inline-block}.operator-page pre{white-space:pre-wrap;overflow-wrap:anywhere}.operator-page #edit .card input{margin:6px;max-width:100%}