:root{--bg:#050d16;--surface:#081521;--surface-2:#0c1b29;--surface-3:#122435;--line:#294156;--line-soft:#57779138;--text:#f3f7fb;--muted:#9cadbe;--cyan:#24d8df;--cyan-soft:#24d8df24;--pink:#e81778;--danger:#ff4d78;--radius:8px}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 76% 15%,#0f48692e,#0000 32%),linear-gradient(135deg,#07131f,#040a11 68%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#050e17d1;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(22px,5vw,72px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.8px;white-space:nowrap;font-size:27px;font-weight:850}.brand strong{color:var(--cyan);font-weight:700}.topbar-nav{color:#dae3ec;align-items:center;gap:26px;font-size:14px;display:flex}.topbar-nav>a,.topbar-nav .link-button,.account-name{align-items:center;gap:8px;display:inline-flex}.topbar-nav>a:hover,.link-button:hover{color:var(--cyan)}.link-button{color:inherit;cursor:pointer;background:0 0;border:0;padding:8px 0}.main-content{width:min(1500px,100%);margin:0 auto;padding:28px clamp(18px,5vw,72px) 72px}.mobile-nav{display:none}.dashboard{grid-template-columns:minmax(0,1fr);gap:26px;display:grid}.dashboard:has(.entry-panel){grid-template-columns:minmax(0,1fr) 390px}.dashboard-main{min-width:0}.month-navigation{justify-content:center;align-items:center;gap:24px;margin:4px 0 22px;display:flex}.month-navigation h1{text-transform:capitalize;letter-spacing:-.5px;margin:0;font-size:clamp(24px,3vw,31px)}.icon-button{color:#dce6ef;border:1px solid var(--line);background:linear-gradient(#102130,#0a1722);border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.icon-button:hover{color:var(--cyan);border-color:var(--cyan)}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.summary-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#0c1b29f2,#06101af2);align-items:center;gap:18px;min-height:106px;padding:22px;display:flex}.summary-icon{width:50px;height:50px;color:var(--cyan);background:var(--cyan-soft);border-radius:50%;flex:none;place-items:center;display:grid}.summary-icon svg{width:25px;height:25px}.summary-card small{color:#b7c3cf;margin-bottom:4px;display:block}.summary-card strong{font-size:24px;line-height:1;display:block}.cyan-text{color:var(--cyan)}.toolbar{justify-content:flex-end;gap:10px;margin:18px 0 12px;display:flex}.primary-button,.secondary-button,.danger-button{min-height:42px;color:var(--text);cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:0 20px;font-weight:700;display:inline-flex}.primary-button{background:linear-gradient(135deg,#df126f,#ef2183);box-shadow:0 8px 25px #e8177821}.primary-button:hover{filter:brightness(1.08)}.secondary-button{background:#0a1824;border-color:#39556c}.secondary-button:hover{border-color:var(--cyan);color:var(--cyan)}.danger-button{color:#ff7899;background:#ff4d7812;border-color:#ff4d786b}.danger-button:disabled{opacity:.35;cursor:not-allowed}.full-button{width:100%;margin-top:8px}.table-wrap{border:1px solid var(--line-soft);background:#050f1899;border-radius:7px;overflow:hidden}.time-table{border-collapse:collapse;width:100%;font-size:14px}.time-table th{text-align:left;color:#c5d0db;background:linear-gradient(#142536,#10202f);height:43px;padding:0 14px;font-size:12px;font-weight:650}.time-table td{color:#e9eef4;border-top:1px solid var(--line-soft);height:43px;padding:0 14px}.time-table th+th,.time-table td+td{border-left:1px solid #415b6f21}.time-table tbody tr:hover{background:#1dd3dc09}.status{border:1px solid;border-radius:5px;justify-content:center;min-width:67px;padding:4px 10px;font-size:12px;display:inline-flex}.status-work{color:#5cf4ec;background:#00aeb529;border-color:#00aeb5}.status-vacation{color:#50c7ff;background:#008ccf24;border-color:#008ccf}.status-sick{color:#ff68a8;background:#cf1d6c24;border-color:#cf1d6c}.row-action{border-radius:4px;place-items:center;width:32px;height:32px;margin-left:auto;display:grid}.row-action:hover{background:var(--cyan-soft);color:var(--cyan)}.table-note{border-top:1px solid var(--line-soft);color:var(--muted);margin:0;padding:10px 14px;font-size:12px}.empty-state{border:1px dashed var(--line);text-align:center;min-height:230px;color:var(--muted);border-radius:8px;place-content:center;display:grid}.empty-state strong{color:var(--text);font-size:20px}.empty-state p{margin:7px 0 0}.entry-panel,.admin-form-card,.preview-card,.upload-card{border:1px solid var(--line);background:linear-gradient(145deg,#0c1b29fa,#050e17fa);border-radius:9px;box-shadow:0 22px 70px #0000003d}.entry-panel{align-self:start;padding:24px;position:sticky;top:100px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.panel-heading h2,.preview-title h2{margin:4px 0 0;font-size:23px}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:1.7px;font-size:11px;font-weight:800}.entry-form{gap:16px;min-width:0;display:grid}.entry-form label,.entry-form legend{color:#d9e1e9;font-size:13px;font-weight:650}.entry-form input:not([type=checkbox]):not([type=radio]),.entry-form select,.entry-form textarea{width:100%;color:var(--text);background:#07131f;border:1px solid #355067;border-radius:6px;outline:0;margin-top:8px;padding:11px 13px}.entry-form input:focus,.entry-form select:focus,.entry-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #24d8df14}.entry-form textarea{resize:vertical}.field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-pair>label,.segmented>label{min-width:0}.entry-form select{text-overflow:ellipsis;min-width:0;max-width:100%}.toggle-row{cursor:pointer;align-items:center;gap:12px;display:flex}.toggle-row input{opacity:0;position:absolute}.toggle{background:#263746;border-radius:20px;width:44px;height:24px;padding:3px;transition:all .2s}.toggle:after{content:"";background:#e7edf3;border-radius:50%;width:18px;height:18px;transition:all .2s;display:block}.toggle-row input:checked+.toggle{background:var(--cyan)}.toggle-row input:checked+.toggle:after{transform:translate(20px)}.entry-form fieldset{border:0;margin:0;padding:0}.segmented{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px;display:grid}.segmented input{opacity:0;position:absolute}.segmented span{background:#0a1825;border:1px solid #31495e;border-radius:6px;place-items:center;min-height:39px;font-size:13px;display:grid}.segmented input:checked+span{color:var(--cyan);border-color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan)}.optional{color:var(--muted);font-weight:400}.form-hint{color:var(--muted);margin:-6px 0 0;font-size:12px;line-height:1.5}.absence-box{background:#24d8df0b;border:1px solid #24d8df40;border-radius:7px;gap:12px;padding:16px;display:grid}.absence-box>label{color:var(--cyan)}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{text-align:center;border:1px solid var(--line);background:#06111bf2;border-radius:12px;width:min(430px,100%);padding:38px;box-shadow:0 30px 90px #00000073}.login-card .brand{margin-bottom:34px;display:inline-block}.login-icon{width:56px;height:56px;color:var(--cyan);background:var(--cyan-soft);border-radius:50%;place-items:center;margin:0 auto 18px;display:grid}.login-card h1{margin:7px 0 8px;font-size:29px}.login-card>p{color:var(--muted);margin:0 0 24px;line-height:1.55}.login-card .entry-form{text-align:left}.login-card>small{color:#738596;margin-top:20px;display:block}.alert{color:#cdecee;background:#24d8df0f;border:1px solid #24d8df59;border-radius:6px;padding:12px 14px;font-size:13px}.alert-error{color:#ffadc1;background:#ff4d7812;border-color:#ff4d7866;margin-bottom:18px}.narrow-page{width:min(900px,100%);margin:22px auto}.page-heading{margin-bottom:24px}.page-heading h1{margin:5px 0 8px;font-size:32px}.page-heading p{color:var(--muted);max-width:680px;margin:0;line-height:1.55}.upload-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:350px;padding:40px;display:flex}.upload-icon{width:70px;height:70px;color:var(--cyan);background:var(--cyan-soft);border-radius:50%;place-items:center;display:grid}.upload-icon svg{width:34px;height:34px}.upload-card h2{margin:18px 0 6px}.upload-card p{color:var(--muted);margin:0 0 20px}.file-input{background:#07131f;border:1px dashed #3d5b72;border-radius:6px;width:min(430px,100%);margin-bottom:18px;padding:12px}.file-input::file-selector-button{color:var(--text);cursor:pointer;background:#112537;border:0;border-radius:4px;margin-right:13px;padding:8px 12px}.preview-card{padding:26px}.preview-title{align-items:center;gap:14px;display:flex}.preview-title>svg{color:var(--cyan);width:28px;height:28px}.preview-card>p{color:var(--muted)}.preview-card .alert{margin:16px 0}.preview-table-wrap{border:1px solid var(--line-soft);border-radius:6px;overflow:auto}.time-table.compact{min-width:620px}.muted{color:var(--muted);font-size:13px}.admin-grid{grid-template-columns:minmax(0,1fr) 380px;gap:30px;margin-top:22px;display:grid}.admin-form-card{align-self:start;padding:24px;position:sticky;top:100px}.admin-form-card .entry-form{margin-top:22px}.user-list{gap:10px;display:grid}.user-card{border:1px solid var(--line-soft);background:#081521b8;border-radius:7px;justify-content:space-between;align-items:center;gap:20px;padding:18px;display:flex}.user-card strong,.user-card span{display:block}.user-card span{color:var(--muted);margin-top:4px;font-size:13px}.settings-grid{align-items:start}.target-current{border:1px solid var(--line);background:linear-gradient(145deg,#0c1b29f2,#06101af2);border-radius:8px;align-items:center;gap:16px;padding:22px;display:flex}.target-current>svg{width:34px;height:34px;color:var(--cyan)}.target-current span,.target-current strong,.target-current small{display:block}.target-current span,.target-current small{color:var(--muted)}.target-current strong{color:var(--cyan);margin:3px 0;font-size:27px}.target-history{margin-top:28px}.target-history h2{font-size:19px}.target-history article{border-bottom:1px solid var(--line-soft);grid-template-columns:24px 1fr auto;align-items:center;gap:12px;padding:15px 4px;display:grid}.target-history article svg{color:var(--muted)}.target-history article span{color:#cbd5df}.settings-import{margin-top:24px}@media (max-width:1100px){.summary-grid{grid-template-columns:repeat(2,1fr)}.dashboard:has(.entry-panel){grid-template-columns:1fr}.entry-panel{z-index:18;border-radius:0;padding:28px max(22px,50vw - 280px);position:fixed;inset:72px 0 0;overflow:auto}.admin-grid{grid-template-columns:1fr}.admin-form-card{position:static}}@media (max-width:720px){.topbar{height:64px;padding:0 18px}.brand{font-size:23px}.account-name,.topbar-nav>a{display:none}.topbar-nav{gap:0}.link-button{font-size:13px}.link-button svg{display:none}.main-content{padding:22px 16px 96px}.mobile-nav{z-index:30;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06111bf5;grid-template-columns:repeat(3,1fr);height:72px;display:grid;position:fixed;inset:auto 0 0}.mobile-nav a{color:#c3cfda;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex}.mobile-nav svg{width:21px;height:21px}.mobile-nav .mobile-capture{color:var(--cyan)}.mobile-nav .mobile-capture svg{width:29px;height:29px}.month-navigation{gap:15px}.month-navigation h1{text-align:center;min-width:190px;font-size:24px}.summary-grid{grid-template-columns:1fr 1fr;gap:10px}.summary-card{gap:11px;min-height:91px;padding:14px}.summary-icon{width:40px;height:40px}.summary-card strong{font-size:19px}.summary-card small{font-size:11px}.toolbar{grid-template-columns:1fr 1fr;display:grid}.toolbar .primary-button{grid-area:1/1/auto/-1}.toolbar .secondary-button{padding:0 10px;font-size:12px}.table-wrap{overflow-x:auto}.time-table{min-width:760px}.entry-panel{width:100%;min-width:0;max-width:100vw;padding:24px 18px 96px;inset:64px 0 0;overflow-x:hidden}.field-pair{grid-template-columns:1fr 1fr}.login-card{padding:30px 22px}.upload-card{padding:26px 18px}.preview-card{padding:20px 15px}.user-card{flex-direction:column;align-items:flex-start}.user-card form,.user-card button{width:100%}}@media (max-width:430px){.summary-grid{grid-template-columns:1fr}.summary-card{min-height:78px}.field-pair{grid-template-columns:1fr}}