:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#10203a;background:#f4f7fb;font-synthesis:none;--blue:#1769e8;--blue-dark:#0e55c7;--navy:#122a46;--ink:#10203a;--muted:#687892;--line:#d8e1ec;--surface:#fff;--bg:#f4f7fb;--green:#087f5b;--red:#b42318;--radius:12px;line-height:1.45}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}button,a{webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}svg{width:20px;height:20px;stroke-width:1.9}button{cursor:pointer}.app-loading{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.brand{height:76px;display:flex;align-items:center;gap:13px}.brand__mark{display:grid;place-items:center;color:var(--blue)}.brand__mark svg{width:34px;height:34px;stroke-width:2.2}.brand strong{display:block;font-size:25px;line-height:1.05;letter-spacing:-.02em}.brand small{display:block;color:var(--muted);font-size:13px;margin-top:5px}.brand--compact{height:auto}.brand--compact .brand__mark svg{width:28px;height:28px}.button{border:1px solid transparent;border-radius:9px;min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650;background:none}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{background:var(--blue);color:#fff;box-shadow:0 4px 12px #1769e824}.button--primary:hover{background:var(--blue-dark)}.button--secondary{background:#fff;border-color:#bfcde0;color:#33506f}.button--ghost{background:#eef3fa;color:#23415f}.button--large{min-height:56px;border-radius:12px;font-size:16px}.icon-button{width:38px;height:38px;border:0;border-radius:8px;background:transparent;display:grid;place-items:center}.icon-button:hover{background:#eef3fa}.field{display:flex;flex-direction:column;gap:7px}.field>span,.filters label>span{font-weight:650;color:#66758c;font-size:14px}.field input,.field select,.field textarea,.filters input,.filters select,.search-field{width:100%;border:1px solid #cdd8e6;border-radius:10px;background:#fff;min-height:48px;padding:0 14px;outline:none;transition:.15s border-color,.15s box-shadow}.field textarea{padding:12px 14px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.filters input:focus,.filters select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1769e81f}.form-error{color:#9b1c1c;background:#fff0f0;border:1px solid #ffcaca;border-radius:9px;padding:10px 12px;font-size:14px}.form-note{color:#4b5f78;background:#eef5ff;border:1px solid #cfe0f7;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.45}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(380px,520px) 1fr;background:#fff}.login-panel{padding:7vh 9vw;display:flex;flex-direction:column;justify-content:center;gap:38px}.login-panel .brand{position:absolute;top:24px}.login-panel h1{font-size:34px;margin:0 0 8px;letter-spacing:-.03em}.login-panel p{margin:0;color:var(--muted)}.login-panel form{display:grid;gap:18px}.login-art{background:linear-gradient(145deg,#112c4a,#0f4e9f);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px}.login-art>svg{width:94px;height:94px;opacity:.85}.login-art h2{font-size:38px;margin:30px 0 10px}.login-art p{max-width:420px;color:#c7d8ed;font-size:18px}.worker-shell{min-height:100vh;max-width:620px;margin:auto;background:var(--bg);box-shadow:0 0 45px #162b4717}.mobile-header{height:82px;padding:0 22px;border-bottom:1px solid var(--line);background:#fffffff0;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-header .brand{height:auto}.mobile-header .brand small{display:none}.mobile-header .brand strong{font-size:22px}.mobile-header .brand__mark svg{width:30px;height:30px}.user-menu{border:0;background:transparent;display:flex;align-items:center;gap:8px;max-width:54%;padding:6px}.user-menu>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu>svg{width:17px}.avatar{width:34px;height:34px;border-radius:50%;background:#dfe9f6;display:grid;place-items:center;font-weight:750;color:#34506f;flex:none}.mobile-main{padding-bottom:98px;min-height:calc(100vh - 82px)}.worker-page{padding:28px 22px}.worker-page h1{font-size:34px;line-height:1.08;letter-spacing:-.035em;margin:0}.worker-page header p{color:var(--muted);margin:6px 0 0}.mobile-nav{position:fixed;z-index:25;bottom:0;left:50%;transform:translate(-50%);width:min(620px,100%);height:86px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;padding:7px max(12px,env(safe-area-inset-right)) env(safe-area-inset-bottom);box-shadow:0 -10px 30px #1e365414}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#617087;font-size:12px;font-weight:600}.mobile-nav a.active{color:var(--blue)}.mobile-nav__plus{width:42px;height:42px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;box-shadow:0 7px 16px #1769e847}.mobile-nav__primary{margin-top:-20px}.hello>span{color:var(--muted);font-weight:600}.hello h1{margin-top:4px}.add-work-hero{margin-top:26px;background:var(--blue);color:#fff;border-radius:16px;padding:22px;display:flex;align-items:center;gap:16px;box-shadow:0 14px 26px #1769e838}.add-work-hero>span{width:48px;height:48px;border-radius:13px;background:#ffffff29;display:grid;place-items:center}.add-work-hero>span svg{width:27px;height:27px}.add-work-hero>div{display:flex;flex-direction:column;flex:1}.add-work-hero strong{font-size:18px}.add-work-hero small{color:#dceaff;margin-top:2px}.period-summary{margin-top:18px;background:#fff;border:1px solid #e0e7ef;border-radius:14px;padding:20px}.period-summary header{display:flex;align-items:center;gap:9px;color:#52657d}.period-summary header h2{font-size:15px;margin:0}.period-summary>strong{display:block;font-size:30px;letter-spacing:-.025em;margin-top:14px}.period-summary p{color:var(--muted);margin:3px 0 0}.period-summary--month{background:#eef4fc}.text-link{margin:22px 4px;display:flex;align-items:center;justify-content:space-between;color:var(--blue);font-weight:650}.work-form{display:grid;gap:20px}.autocomplete{position:relative}.autocomplete input{padding-right:46px}.input-svg,.input-icon{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#53647b}.input-icon{border:0;background:transparent;width:30px;height:30px;display:grid;place-items:center}.autocomplete__menu{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:5px;box-shadow:0 15px 35px #19304d29;max-height:240px;overflow:auto}.autocomplete__menu button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:0;background:transparent;border-radius:7px;width:100%;padding:10px;text-align:left}.autocomplete__menu button:hover{background:#edf4ff}.autocomplete__menu small,.autocomplete__hint{color:var(--muted);font-size:13px}.autocomplete__hint{padding:12px}.form-row{display:grid;grid-template-columns:1fr 1.3fr;gap:12px}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;right:13px;top:50%;transform:translateY(-50%);pointer-events:none;color:#596b81}.calculation{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:0 18px;box-shadow:0 5px 17px #142b470d}.calculation>div{padding:15px 0;display:flex;align-items:center;justify-content:space-between}.calculation>div+div{border-top:1px solid var(--line)}.calculation span{color:var(--muted)}.calculation strong{font-size:17px}.calculation>div:last-child strong{font-size:28px;color:var(--blue);letter-spacing:-.02em}.save-button{position:sticky;bottom:94px;z-index:15;box-shadow:0 11px 26px #1769e842}.success-page{text-align:center;padding-top:14vh}.success-icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#ddf8ec;color:var(--green);margin:0 auto 25px}.success-icon svg{width:40px;height:40px}.success-page p{color:var(--muted);margin:10px 0 2px}.success-page>strong{font-size:30px;color:var(--blue)}.success-actions{display:grid;gap:10px;margin-top:38px}.works-page header{margin-bottom:20px}.work-list{display:grid;gap:10px}.work-list article{background:#fff;border:1px solid #dfe7f0;border-radius:12px;padding:15px;display:grid;grid-template-columns:66px 1fr auto;gap:12px;align-items:center}.work-list__date{display:flex;flex-direction:column}.work-list__date span{font-weight:750}.work-list__date small{color:var(--blue);font-size:11px}.work-list__main{display:flex;flex-direction:column;min-width:0}.work-list__main strong,.work-list__main span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-list__main span,.work-list__main small{color:var(--muted)}.work-list__amount{font-size:16px}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:22px}.pagination button{border:1px solid var(--line);background:#fff;border-radius:8px;width:40px;height:40px}.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,#152d48,#10253d);color:#c5d5e7;padding:0 8px;display:flex;flex-direction:column;z-index:30}.sidebar .brand{padding:0 15px;color:#fff}.sidebar .brand small{color:#9eb3ca}.sidebar nav{display:grid;gap:3px;margin-top:8px}.sidebar nav a,.sidebar__logout{height:49px;border:0;background:transparent;border-radius:7px;color:#c1d1e3;display:flex;align-items:center;gap:13px;padding:0 15px;font-size:14px}.sidebar nav a:hover{background:#ffffff0d}.sidebar nav a.active{background:var(--blue);color:#fff;box-shadow:0 7px 17px #0000002e}.sidebar__logout{margin-top:auto;margin-bottom:15px;width:100%}.admin-main{grid-column:2;min-width:0}.admin-topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;padding:0 28px;position:sticky;top:0;z-index:20}.admin-user{display:flex;align-items:center;gap:10px;font-size:14px}.admin-mobile-brand{display:none}.admin-page{padding:28px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-header h1{font-size:28px;letter-spacing:-.025em;margin:0}.page-header p{color:var(--muted);margin:4px 0 0}.filters{display:flex;gap:12px;align-items:flex-end;background:#fff;border-block:1px solid #e2e8f0;margin:0 -28px;padding:18px 28px;flex-wrap:wrap}.filters label:not(.search-field){display:flex;flex-direction:column;gap:5px;min-width:150px}.filters input,.filters select{min-height:42px;padding:0 11px}.search-field{width:min(300px,100%);height:42px;display:flex;align-items:center;gap:8px;padding:0 12px}.search-field input{border:0;box-shadow:none!important;padding:0;min-height:auto}.filters--compact{margin-bottom:18px}.summary-strip{background:#fff;margin:0 -28px 24px;padding:21px 28px;display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid #e2e8f0}.summary-strip>div{padding-left:34px}.summary-strip>div:first-child{padding-left:0}.summary-strip>div+div{border-left:1px solid var(--line)}.summary-strip span{display:block;color:var(--muted);font-size:13px}.summary-strip strong{display:block;font-size:26px;margin-top:4px}.table-wrap{background:#fff;border:1px solid #dfe7f0;border-radius:11px;overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.table-wrap th{height:48px;background:#f8fafc;text-align:left;color:#2e4059;font-weight:700;padding:0 12px;border-bottom:1px solid var(--line)}.table-wrap td{padding:13px 12px;border-bottom:1px solid #e4ebf2;color:#2b405b}.table-wrap tbody tr:hover{background:#f7faff}.table-wrap .num{text-align:right;font-variant-numeric:tabular-nums}.table-wrap .strong{font-weight:750;color:var(--ink)}.link-cell{color:var(--blue)!important}.status{display:inline-flex;padding:4px 10px;border-radius:999px;background:#ddf8ec;color:var(--green);font-size:12px;font-weight:700}.status--cancelled{background:#fff0ee;color:var(--red)}.action-cell{text-align:right}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:14px;color:var(--muted);font-size:13px}.table-footer div{display:flex;align-items:center;gap:9px}.table-footer button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 10px}.overview-links{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:15px}.overview-links a{background:#fff;border:1px solid #dee6ef;border-radius:13px;padding:23px;display:flex;gap:16px;align-items:center}.overview-links a>svg{width:30px;height:30px;color:var(--blue)}.overview-links span{display:flex;flex-direction:column}.overview-links small{color:var(--muted);margin-top:3px}.empty-state{min-height:360px;background:#fff;border:1px dashed #cdd8e6;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.empty-state svg{width:44px;height:44px}.empty-state h2{color:var(--ink);margin:16px 0 0}.empty-state p{margin:6px}.modal-backdrop{position:fixed;z-index:100;inset:0;background:#08142275;display:grid;place-items:center;padding:20px}.modal{background:#fff;width:min(560px,100%);max-height:90vh;overflow:auto;border-radius:14px;box-shadow:0 24px 70px #00000042}.modal>header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.modal h2{font-size:20px;margin:0}.modal-form{padding:22px;display:grid;gap:16px}.modal-form footer{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}@media(max-width:900px){.admin-shell{grid-template-columns:74px 1fr}.sidebar{width:74px}.sidebar .brand{justify-content:center}.sidebar .brand>span:last-child,.sidebar nav a span,.sidebar__logout{font-size:0}.sidebar nav a{justify-content:center;padding:0}.sidebar__logout{display:flex;justify-content:center;padding:0}.admin-main{grid-column:2}.overview-links{grid-template-columns:1fr}.page-header{align-items:flex-start}.filters{align-items:stretch}.summary-strip>div{padding-left:18px}.admin-page{padding:20px}.filters,.summary-strip{margin-inline:-20px;padding-inline:20px}}@media(max-width:620px){.login-page{display:block;background:var(--bg)}.login-panel{min-height:100vh;padding:95px 24px 35px;justify-content:flex-start}.login-panel .brand{top:10px}.login-panel h1{font-size:30px}.login-art{display:none}.user-menu>span:nth-child(2){display:none}.worker-page{padding:25px 18px}.mobile-header{padding:0 18px}.worker-page h1{font-size:31px}.form-row{grid-template-columns:1fr 1fr}.work-list article{grid-template-columns:56px 1fr}.work-list__amount{grid-column:2;text-align:left;color:var(--blue)}.admin-shell{display:block}.sidebar{position:fixed;inset:auto 0 0;width:100%;height:67px;display:block;padding:0;overflow-x:auto}.sidebar .brand,.sidebar__logout{display:none}.sidebar nav{height:100%;display:flex;margin:0}.sidebar nav a{min-width:68px;flex:1;height:100%;border-radius:0}.sidebar nav a:nth-child(n+6){display:none}.admin-main{padding-bottom:70px}.admin-topbar{height:60px;justify-content:space-between;padding:0 16px}.admin-mobile-brand{display:block}.admin-page{padding:18px 14px}.page-header{flex-direction:column;margin-bottom:16px}.page-header .button{width:100%}.filters,.summary-strip{margin-inline:-14px;padding-inline:14px}.filters{flex-direction:column;align-items:stretch}.filters label:not(.search-field),.search-field{width:100%;max-width:none}.summary-strip{grid-template-columns:1fr 1fr}.summary-strip>div{padding-left:14px}.summary-strip>div:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:14px 0 0;margin-top:14px}.summary-strip strong{font-size:22px}.table-wrap{border-radius:8px}.overview-links{grid-template-columns:1fr}.overview-links a{padding:18px}.admin-user>span:last-child{display:none}}@media(max-width:390px){.form-row{grid-template-columns:1fr}.calculation>div{align-items:flex-start;flex-direction:column;gap:4px}.mobile-nav{height:82px}.mobile-main{padding-bottom:91px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}