:root{--bg:#070b16;--bg-2:#0b1120;--panel:rgba(15,23,42,0.78);--panel-strong:rgba(15,23,42,0.96);--panel-soft:rgba(30,41,59,0.62);--line:rgba(148,163,184,0.14);--line-strong:rgba(148,163,184,0.22);--text:#f8fafc;--muted:#94a3b8;--soft:#cbd5e1;--accent:#8b5cf6;--accent-2:#06b6d4;--accent-3:#22c55e;--danger:#f87171;--danger-bg:rgba(127,29,29,0.28);--shadow-lg:0 28px 80px rgba(2,6,23,.42);--shadow-md:0 18px 50px rgba(2,6,23,.26);--radius-xl:26px;--radius-lg:20px;--radius-md:16px;--radius-sm:12px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(139,92,246,.14),transparent 26%),radial-gradient(circle at top right,rgba(6,182,212,.12),transparent 24%),linear-gradient(180deg,#08101d,#060913 44%,#04070d);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.015),rgba(255,255,255,.015)),linear-gradient(transparent 95%,rgba(255,255,255,.03) 0);background-size:100% 100%,100% 24px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}input,select,textarea{transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.shell{width:min(1520px,calc(100% - 40px));min-height:100vh;margin:0 auto;padding:30px 0 24px}.authCard,.dataCard,.dayBlock,.entryForm,.manualSummaryCard,.modal,.topbar,.workspace{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.topbar{min-height:90px;padding:18px 18px 18px 30px;background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(15,23,42,.78));border:1px solid var(--line);border-radius:var(--radius-xl);justify-content:space-between;gap:28px;position:-webkit-sticky;position:sticky;top:16px;z-index:30;box-shadow:var(--shadow-lg)}.facts,.topbar{display:flex;align-items:center}.facts{gap:56px;min-width:420px}.fact{display:flex;flex-direction:column;gap:4px}.fact span{font-size:11px;font-weight:900;letter-spacing:.14em;color:#7dd3fc;text-transform:uppercase}.fact strong{font-size:17px;color:var(--text);text-shadow:0 0 18px rgba(139,92,246,.12)}.topActions{display:flex;align-items:center;gap:10px}.tabs{display:flex;padding:5px;gap:5px;background:rgba(2,6,23,.65);border:1px solid var(--line);border-radius:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.tabs button{height:44px;border:0;border-radius:11px;padding:0 16px;color:#94a3b8;background:transparent;display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.02em}.tabs button.active{color:#fff;background:linear-gradient(90deg,rgba(139,92,246,.24),rgba(6,182,212,.18));box-shadow:inset 0 0 0 1px rgba(139,92,246,.26)}.employeeSelectWrap{position:relative}.employeeSelectWrap select{min-width:230px;height:44px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-strong);border-radius:13px;background:rgba(15,23,42,.72);color:#f8fafc;padding:0 44px 0 16px;font-weight:800;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.employeeSelectWrap select:focus{border-color:rgba(56,189,248,.55);box-shadow:0 0 0 4px rgba(56,189,248,.12)}.selectIcon{pointer-events:none;position:absolute;right:14px;top:13px;color:#93c5fd}.iconButton{width:44px;height:44px;border:1px solid var(--line-strong);border-radius:13px;display:grid;place-items:center;background:rgba(15,23,42,.78);color:#dbeafe}.iconButton:hover{transform:translateY(-1px);background:rgba(30,41,59,.92)}.primaryIcon{background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:white;border-color:transparent;box-shadow:0 12px 28px rgba(79,70,229,.24)}.logoutButton{color:#fecaca}.workspace{margin-top:16px;min-height:calc(100vh - 190px);background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(15,23,42,.74));border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow-lg)}.pageWrap{width:min(1200px,100%);margin:0 auto}.pageHeading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:24px}.eyebrow{display:block;color:#7dd3fc;font-size:11px;letter-spacing:.18em;font-weight:900;margin-bottom:5px;text-transform:uppercase}.modalHead h2,.pageHeading h1{margin:0;font-size:34px;letter-spacing:-.04em}.rowActions{display:flex;gap:8px;flex-wrap:wrap}.dataGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.dataCard{min-height:96px;background:linear-gradient(180deg,rgba(15,23,42,.84),rgba(15,23,42,.68));border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.dataCard>span{color:#93c5fd;font-size:10px;font-weight:900;letter-spacing:.12em}.valueLine{margin-top:11px;display:flex;align-items:center;gap:8px}.valueLine strong{font-size:18px;word-break:break-word}.muted{color:#64748b;font-weight:600!important}.manualSummaryCard{margin-top:18px;min-height:138px;display:grid;grid-template-columns:1fr 1px 1fr;align-items:stretch;background:radial-gradient(circle at top left,rgba(139,92,246,.12),transparent 40%),radial-gradient(circle at bottom right,rgba(6,182,212,.1),transparent 35%),linear-gradient(180deg,rgba(15,23,42,.96),rgba(15,23,42,.82));border:1px solid rgba(125,211,252,.14);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-md)}.manualSummaryItem{min-width:0;padding:26px 28px;display:flex;flex-direction:column;justify-content:center}.manualSummaryItem span{color:#a5b4fc;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.manualSummaryItem strong{margin-top:10px;font-size:30px;line-height:1.08;word-break:break-word}.manualSummaryDivider{width:1px;background:linear-gradient(180deg,transparent,rgba(148,163,184,.24),transparent)}.copyButton{width:31px;height:31px;border:1px solid var(--line);border-radius:9px;background:rgba(30,41,59,.76);color:#bfdbfe;display:grid;place-items:center}.copyButton:hover{color:white;background:rgba(59,130,246,.16);border-color:rgba(96,165,250,.4)}.dangerGhost,.ghost,.primary,.smallButton{min-height:42px;padding:0 15px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:900;font-size:12px;letter-spacing:.03em}.ghost{border:1px solid var(--line-strong);background:rgba(15,23,42,.78);color:#e2e8f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.ghost:hover{transform:translateY(-1px);background:rgba(30,41,59,.92)}.dangerGhost{border:1px solid rgba(248,113,113,.24);background:var(--danger-bg);color:#fecaca}.dangerGhost:hover{background:rgba(127,29,29,.36)}.primary{border:0;background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:white;box-shadow:0 14px 28px rgba(79,70,229,.22)}.primary:hover{transform:translateY(-1px);filter:brightness(1.05)}.processingHeader{align-items:center}.stats{display:flex;gap:10px}.stats>div{min-width:94px;background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(15,23,42,.66));border:1px solid var(--line);border-radius:16px;padding:12px 15px}.stats span{display:block;color:#7dd3fc;font-weight:900;font-size:10px;letter-spacing:.11em}.stats strong{display:block;margin-top:4px;font-size:22px}.entryForm{padding:20px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(15,23,42,.72));border-radius:20px;margin-bottom:28px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.entryFormTop{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:10px}.entryFormTop>label{display:block;font-size:11px;letter-spacing:.13em;font-weight:900;color:#a5b4fc;padding-bottom:11px;text-transform:uppercase}.processingDateField{display:flex;flex-direction:column;gap:6px}.processingDateField label{font-size:9px;letter-spacing:.08em;font-weight:900;color:#94a3b8;text-transform:uppercase}.processingDateField input{height:40px;min-width:180px;border:1px solid var(--line-strong);border-radius:12px;background:rgba(2,6,23,.55);color:#f1f5f9;padding:0 11px;outline:none;color-scheme:dark}.authField>input:focus,.employeeSelectWrap select:focus,.entryForm textarea:focus,.field input:focus,.field select:focus,.historyTools select:focus,.passwordInput input:focus,.processingDateField input:focus{border-color:rgba(96,165,250,.55);box-shadow:0 0 0 4px rgba(59,130,246,.12)}.entryForm textarea{width:100%;resize:vertical;min-height:136px;border:1px solid var(--line);border-radius:16px;outline:none;background:rgba(2,6,23,.5);color:white;padding:16px;line-height:1.55}.entryFooter{margin-top:13px;display:flex;align-items:center;justify-content:space-between;gap:15px}.entryHint{display:flex;flex-direction:column;gap:4px}.entryHint span{color:#94a3b8;font-size:12px}.entryHint strong{color:#e2e8f0;font-size:11px}.timelineTitle{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.timelineTitleLeft{display:flex;align-items:baseline;gap:12px}.timelineTitle h2{margin:0;font-size:16px;letter-spacing:.06em}.timelineTitle span{color:#94a3b8;font-size:12px}.historyTools{display:flex;align-items:center;gap:8px}.historyTools select{height:36px;border:1px solid var(--line);border-radius:11px;background:rgba(15,23,42,.8);color:#dbeafe;padding:0 10px;outline:none;font-size:11px;font-weight:800}.copyDayButton,.deleteDayButton,.deletePeriodButton{height:36px;padding:0 12px;border-radius:11px;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:900;letter-spacing:.05em}.deletePeriodButton{border:1px solid rgba(248,113,113,.22);background:rgba(127,29,29,.24);color:#fecaca}.deletePeriodButton:hover:not(:disabled){background:rgba(127,29,29,.36)}.dayBlock{border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:10px;background:linear-gradient(180deg,rgba(15,23,42,.8),rgba(15,23,42,.66))}.dayHeader{width:100%;min-height:66px;color:white;display:flex;align-items:stretch;justify-content:space-between;background:transparent}.dayHeader:hover{background:rgba(255,255,255,.015)}.dayToggle{flex:1 1;min-width:0;border:0;background:transparent;color:white;padding:0 20px;display:flex;align-items:center;text-align:left}.dayToggle>div{display:flex;align-items:baseline;gap:12px}.dayToggle strong{font-size:15px}.dayToggle span{color:#94a3b8;font-size:12px}.dayHeaderActions{display:flex;align-items:center;gap:8px;padding-right:10px}.copyDayButton{border:1px solid rgba(96,165,250,.22);background:rgba(30,41,59,.66);color:#dbeafe}.copyDayButton:hover{background:rgba(59,130,246,.18);border-color:rgba(96,165,250,.4)}.copyDayButton.copied{color:white}.deleteDayButton{border:1px solid rgba(248,113,113,.22);background:rgba(127,29,29,.24);color:#fecaca}.deleteDayButton:hover{background:rgba(127,29,29,.36)}.dayChevron{width:38px;height:38px;border:1px solid transparent;border-radius:11px;background:transparent;color:#94a3b8;display:grid;place-items:center}.dayChevron:hover{background:rgba(59,130,246,.12);color:#fff;border-color:rgba(96,165,250,.2)}.dayChevron svg{transition:transform .2s ease}.dayChevron svg.rotated{transform:rotate(180deg)}.dayEntries{padding:10px;background:rgba(2,6,23,.22);border-top:1px solid var(--line)}.entry{display:grid;grid-template-columns:125px 1fr;grid-gap:12px;gap:12px;padding:14px;border-bottom:1px solid rgba(148,163,184,.09)}.entry:last-child{border-bottom:0}.entryMeta{display:flex;flex-direction:column;align-items:flex-start;gap:5px;color:#94a3b8;font-size:11px}.entryMeta span{color:#dbeafe;font-weight:900}.entryMeta button{margin-top:4px;width:29px;height:29px;border:1px solid rgba(248,113,113,.18);border-radius:9px;background:rgba(127,29,29,.18);color:#fca5a5;display:grid;place-items:center}.entry pre{margin:0;white-space:pre-wrap;word-break:break-word;font:inherit;line-height:1.55;color:#e5eefc}.empty,.historyEmpty{color:#94a3b8;text-align:center;padding:72px 20px}.empty{min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center}.emptyIcon{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(6,182,212,.2));margin-bottom:18px;border:1px solid rgba(125,211,252,.18);color:#dbeafe}.empty h2{margin:0 0 8px;color:#eef2ff}.empty p{margin:0 0 22px}.footer{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#64748b;font-size:11px;padding:4px 10px 0}.footerButtons{display:flex;gap:7px}.smallButton{min-height:34px;font-size:10px;cursor:pointer}.modalBackdrop{position:fixed;inset:0;z-index:100;background:rgba(2,6,23,.68);display:grid;place-items:center;padding:20px}.modal{width:min(780px,100%);max-height:calc(100vh - 40px);overflow:auto;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(15,23,42,.88));border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 100px rgba(2,6,23,.55)}.modalHead{padding:24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start}.modalHead h2{font-size:24px}.closeButton{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:rgba(30,41,59,.7);color:#cbd5e1}.modal form{padding:22px 24px 24px}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.wide{grid-column:1/-1}.field label{font-size:10px;letter-spacing:.09em;font-weight:900;color:#93c5fd}.field input,.field select{width:100%;height:46px;border:1px solid var(--line);background:rgba(2,6,23,.52);border-radius:12px;outline:none;color:white;padding:0 13px}.modalActions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.authScreen{min-height:100vh;padding:24px;display:grid;place-items:center;background:radial-gradient(circle at top left,rgba(139,92,246,.22),transparent 28%),radial-gradient(circle at top right,rgba(6,182,212,.18),transparent 26%),linear-gradient(180deg,#08101d,#050914 45%,#03060b)}.authCard{width:min(430px,100%);padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(15,23,42,.8));box-shadow:0 24px 80px rgba(2,6,23,.46);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.authBrand{width:52px;height:52px;margin-bottom:24px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:white;font-weight:1000;letter-spacing:-.05em;box-shadow:0 12px 30px rgba(79,70,229,.3)}.authCard h1{margin:0;font-size:32px;letter-spacing:-.04em}.authCard>p{margin:8px 0 24px;color:#94a3b8;font-size:14px}.authField{margin-top:14px}.authField>label{display:block;margin-bottom:7px;color:#93c5fd;font-size:10px;font-weight:900;letter-spacing:.08em}.authField>input,.passwordInput input{width:100%;height:48px;border:1px solid var(--line);border-radius:12px;outline:none;background:rgba(2,6,23,.52);color:#fff;padding:0 13px}.passwordInput{position:relative}.passwordInput input{padding-right:48px}.passwordInput button{position:absolute;top:6px;right:6px;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:rgba(30,41,59,.72);color:#bfdbfe}.authError{margin-top:14px;padding:10px 12px;border:1px solid rgba(248,113,113,.22);border-radius:12px;background:rgba(127,29,29,.24);color:#fecaca;font-size:12px}.authSubmit{width:100%;margin-top:18px}.loadingCard{display:flex;align-items:center;justify-content:center;gap:10px;min-height:120px}.systemError{margin-top:14px;padding:12px 14px;border:1px solid rgba(248,113,113,.22);border-radius:14px;background:rgba(127,29,29,.24);color:#fecaca;font-size:12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1000px){.topbar{align-items:stretch;flex-direction:column}.facts{min-width:0;justify-content:space-between}.topActions{flex-wrap:wrap}.tabs{flex:1 1}.tabs button{flex:1 1;justify-content:center}.employeeSelectWrap{flex:1 1}.employeeSelectWrap select{width:100%}}@media (max-width:680px){.shell{width:min(100% - 18px,1500px);padding-top:10px}.topbar{top:8px;padding:16px;gap:15px}.facts{gap:14px;flex-direction:column;align-items:flex-start}.fact{width:100%;justify-content:space-between}.tabs{width:100%;flex-basis:100%}.workspace{padding:18px 14px;border-radius:22px}.dataGrid,.formGrid{grid-template-columns:1fr}.field.wide{grid-column:auto}.pageHeading{align-items:flex-start;flex-direction:column}.manualSummaryCard{grid-template-columns:1fr}.manualSummaryDivider{width:100%;height:1px}.manualSummaryItem strong{font-size:24px}.processingHeader{flex-direction:row;align-items:center}.entryFormTop{align-items:stretch;flex-direction:column;gap:8px}.entryFormTop>label{padding-bottom:0}.processingDateField input{width:100%}.entryFooter{align-items:flex-start;flex-direction:column}.entryFooter .primary{width:100%}.timelineTitle{align-items:flex-start;flex-direction:column}.timelineTitleLeft{width:100%;justify-content:space-between}.historyTools{width:100%}.historyTools select{flex:1 1;min-width:0}.deletePeriodButton{flex-shrink:0}.dayHeader{align-items:stretch}.dayHeaderActions{gap:4px;padding-right:6px}.copyDayButton,.deleteDayButton{padding:0 8px;font-size:0}.copyDayButton svg,.deleteDayButton svg{margin:0}.entry{grid-template-columns:1fr}.entryMeta{flex-direction:row;align-items:center}.footer{align-items:flex-start;flex-direction:column;padding-top:12px}.footerButtons{width:100%}.footerButtons>*{flex:1 1}}