:root{font-family:Segoe UI,Arial,sans-serif;color:#17251e;background:#f2f0e9;font-synthesis:none;--ink: #17251e;--green: #234f3d;--light-green: #dce9e1;--cream: #f7f3e9;--gold: #d39b38;--line: #d5d9d3;--red: #ad4f3c}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.hero{background:var(--ink);color:#fff;padding:24px max(24px,calc((100vw - 1420px)/2));position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-120px;bottom:-370px;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff05}.brand{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700}.brand span{background:var(--gold);color:var(--ink);width:34px;height:34px;display:inline-grid;place-items:center;border-radius:50%;letter-spacing:0}.hero-grid{min-height:360px;display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center;position:relative;z-index:1}.eyebrow,.step-number{margin:0 0 10px;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700;color:var(--gold)}h1{font:500 clamp(44px,5.2vw,76px)/.98 Georgia,serif;letter-spacing:-.025em;margin:0;max-width:880px}.lede{max-width:670px;color:#bfcac4;line-height:1.65;margin:24px 0 0;font-size:15px}.drop-zone{min-height:210px;border:1px dashed rgba(255,255,255,.35);border-radius:18px;background:#ffffff09;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;transition:.2s ease}.drop-zone:hover{border-color:var(--gold);background:#ffffff12;transform:translateY(-2px)}.drop-zone.loaded{border-style:solid;border-color:#61806e}.drop-zone strong{margin:14px 0 6px;font-size:16px}.drop-zone small{color:#aebcb4;line-height:1.5}.upload-icon{font-size:34px;color:var(--gold)}.workspace{max-width:1420px;margin:0 auto;padding:40px 24px 70px}.alert{background:#f7ddd7;border-left:4px solid var(--red);padding:16px 20px;margin-bottom:22px;border-radius:0 10px 10px 0}.empty-state{background:#fff;border:1px solid var(--line);padding:70px 40px;text-align:center;border-radius:16px}h2{font:500 32px/1.1 Georgia,serif;margin:0}.empty-state p:last-child{color:#68736d}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.summary-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;min-height:142px;display:flex;flex-direction:column}.summary-grid span{text-transform:uppercase;font-size:10px;letter-spacing:.14em;font-weight:700;color:#6b7770}.summary-grid strong{font:500 35px/1.1 Georgia,serif;margin:auto 0 6px}.summary-grid small{color:#77827c}.summary-grid .warning-card{background:#fff4df;border-color:#ead2a4}.summary-grid .warning-card strong{color:#a76b12}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px}.section-heading>p{color:#758078;max-width:440px;margin:0;font-size:13px;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}label{color:#5a665f;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;position:relative}label input,label select,.employee-row input{width:100%;display:block;border:0;border-bottom:1px solid #bfc7c2;background:transparent;padding:10px 1px 9px;color:var(--ink);outline:none;text-transform:none;letter-spacing:0;font-weight:500}label input:focus,label select:focus,.employee-row input:focus{border-bottom-color:var(--green);box-shadow:0 1px 0 var(--green)}label em{position:absolute;right:2px;bottom:11px;font-style:normal;text-transform:none;color:#7c8781;font-weight:400}.toggle-field{display:flex;flex-direction:column;justify-content:space-between}.toggle-control{min-height:40px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #bfc7c2;text-transform:none;letter-spacing:0}.toggle-field .toggle-control input{width:36px;height:20px;margin:0;accent-color:var(--green);box-shadow:none}.toggle-control b{font-size:13px;color:var(--ink)}.method-note{margin-top:24px;padding:14px 18px;background:var(--cream);border-radius:8px;color:#59645e;font-size:13px;line-height:1.55}.method-note strong{color:var(--ink)}.tabs{display:flex;gap:4px;background:#edf0ed;border-radius:9px;padding:4px}.tabs button{border:0;background:transparent;padding:8px 14px;border-radius:7px;color:#65716a;font-size:12px;font-weight:700}.tabs button.active{background:#fff;color:var(--green);box-shadow:0 1px 5px #14281e1a}.attendance-wrap{overflow:auto;border:1px solid var(--line);max-height:600px}.attendance-table{border-collapse:separate;border-spacing:0;min-width:100%;font-size:11px}.attendance-table th,.attendance-table td{border-right:1px solid #e0e4e1;border-bottom:1px solid #e0e4e1;padding:0;min-width:42px;text-align:center;height:42px}.attendance-table thead th{position:sticky;top:0;z-index:3;background:var(--green);color:#fff;font-weight:700}.attendance-table th:first-child{position:sticky;left:0;z-index:2;min-width:210px;max-width:210px;background:#fff;text-align:left;padding:8px 12px}.attendance-table thead th:first-child{z-index:4;background:var(--green)}.attendance-table .total-head{position:sticky;z-index:5;min-width:96px;line-height:1.25}.attendance-table .total-head.worked-days,.attendance-table .total-cell.worked-days{right:344px}.attendance-table .total-head.worked-hours,.attendance-table .total-cell.worked-hours{right:240px;min-width:104px}.attendance-table .total-head.planned-hours,.attendance-table .total-cell.planned-hours{right:120px;min-width:120px}.attendance-table .total-head.overtime-hours,.attendance-table .total-cell.overtime-hours{right:0;min-width:120px}.attendance-table .total-cell{position:sticky;z-index:2;min-width:96px;background:#fff8e8;color:var(--ink);font-weight:700;box-shadow:-1px 0 #d8d0bd}.attendance-table .total-cell input{width:100%;min-width:0;height:41px;padding:0 8px;box-sizing:border-box;color:inherit;font:inherit}.attendance-table th small{display:block;color:#849088;font-weight:400;margin-top:2px}.attendance-table td input{width:41px;height:41px;border:0;outline:0;background:transparent;padding:0;text-align:center;font-size:10px}.attendance-table td.work{background:#f5faf7;color:var(--green)}.attendance-table td.weekend,.attendance-table td.holiday{background:#ecefec;color:#7c8680}.attendance-table td.has-issue{background:#f9dfda;box-shadow:inset 0 -3px #c26450}.attendance-table td input:focus{box-shadow:inset 0 0 0 2px var(--gold);background:#fff}.legend{display:flex;gap:24px;flex-wrap:wrap;color:#6c7771;font-size:11px;margin-top:15px}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:10px;height:10px;border-radius:2px;display:inline-block}.legend .ok{background:#dbeadf}.legend .rest{background:#dfe3e0}.legend .problem{background:#e89d8e}.employee-list{border:1px solid var(--line)}.employee-row{display:grid;grid-template-columns:80px 150px 1fr 1fr;gap:18px;align-items:center;padding:8px 14px;border-bottom:1px solid #e3e6e4}.employee-row:last-child{border-bottom:0}.employee-row input[type=checkbox]{width:17px;height:17px;accent-color:var(--green)}.employee-header{background:var(--green);color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;padding-top:12px;padding-bottom:12px}.employee-row code{color:#6c7771;font-size:12px}.export-band{margin-top:24px;background:var(--green);color:#fff;border-radius:16px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:40px}.export-band h2{font-size:36px}.export-band p:last-child{color:#b9c8c0;margin-bottom:0}.primary{border:0;background:var(--gold);color:var(--ink);padding:17px 22px;border-radius:9px;font-weight:800;white-space:nowrap;box-shadow:0 7px 20px #00000029}.primary:hover{background:#e1a94a;transform:translateY(-1px)}.primary:disabled{opacity:.55;cursor:wait}.primary span{margin-left:28px}footer{text-align:center;color:#738078;font-size:11px;padding:0 20px 35px}@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:35px;padding:55px 0 40px}.summary-grid,.form-grid{grid-template-columns:repeat(2,1fr)}.employee-row{grid-template-columns:60px 110px 1fr 1fr}}@media(max-width:640px){.hero{padding:20px}.hero-grid{min-height:0}.drop-zone{min-height:160px}.workspace{padding:24px 12px 50px}.summary-grid,.form-grid{grid-template-columns:1fr}.summary-grid article{min-height:120px}.panel{padding:20px 14px}.section-heading,.export-band{align-items:flex-start;flex-direction:column;gap:18px}.employee-list{overflow-x:auto}.employee-row{min-width:720px}h1{font-size:43px}.export-band{padding:26px 22px}.primary{width:100%}}