:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#233245;background:#f2f4f7;font-synthesis:none;--blue:#1766ba;--navy:#183859;--muted:#728092;--line:#e1e6ed}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #66a8ed;outline-offset:4px}button{border:0}a{color:var(--blue)}.boot{text-align:center;padding:30vh 20px;color:var(--muted)}.login{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.story{background:var(--navy);color:#fff;padding:60px clamp(35px,6vw,110px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.story:after{content:"";position:absolute;width:580px;height:580px;border:1px solid #ffffff14;border-radius:50%;bottom:-260px;right:-220px;box-shadow:0 0 0 90px #ffffff04,0 0 0 180px #ffffff03;pointer-events:none}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;letter-spacing:.04em}.brand small{display:block;letter-spacing:.16em;font-weight:500;font-size:10px;margin-top:1px}.brand-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#ffffff15;color:#8fc7ff}.logo{max-width:230px;max-height:100px;object-fit:contain}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#8bbcec}.story h1{font-size:clamp(38px,4vw,60px);line-height:1.12;font-weight:650;letter-spacing:-.045em;margin:18px 0 24px}.story p{color:#bdcbdc;font-size:16px;line-height:1.8;max-width:365px}.features{display:flex;gap:24px;margin-top:35px}.feature{font-size:12px;display:flex;align-items:center;gap:8px;color:#d4e1ee}.copyright{font-size:11px;color:#96acc4;z-index:1}.access{display:flex;align-items:center;justify-content:center;padding:55px 30px;background:#f8f9fb}.login-card{width:100%;max-width:370px}.mobile-brand{display:none}.access h2{font-size:32px;letter-spacing:-.035em;margin:14px 0 10px}.sub{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 32px}.label{font-size:12px;font-weight:650;display:block;margin:20px 0 8px}input,select,textarea{width:100%;border:1px solid #d7dee8;border-radius:10px;padding:13px 14px;background:#fff;color:#26384e;outline:none;min-height:47px}input:focus,select:focus,textarea:focus{border-color:#3987d8;box-shadow:0 0 0 3px #3987d815}.password{position:relative}.password input{padding-right:65px}.reveal{position:absolute;right:7px;top:6px;height:35px;padding:0 9px;background:transparent;color:var(--muted);font-size:11px}.primary{background:var(--blue);color:#fff;border-radius:10px;padding:14px 18px;font-size:14px;font-weight:650;min-height:47px}.login-card .primary{width:100%;margin-top:25px;display:flex;align-items:center;justify-content:space-between}.hint{font-size:11px;color:#8894a3;line-height:1.7;text-align:center;margin-top:24px}.notice{font-size:13px;line-height:1.5;padding:12px 14px;background:#fff1f0;color:#a83935;border-radius:9px;margin-top:16px}.quiet{background:transparent;color:var(--muted);padding:10px;border-radius:8px}.shell{max-width:1100px;margin:0 auto;padding:32px 36px}.topbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:27px;border-bottom:1px solid var(--line)}.topbar .brand{color:var(--navy);font-size:21px}.topbar .brand-icon{background:#e1ebf6;color:var(--blue)}.top-actions{display:flex;align-items:center;gap:12px;font-size:13px}.avatar{background:var(--navy);color:#fff;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.intro{display:flex;justify-content:space-between;align-items:center;margin:35px 0 28px;gap:16px}.intro h1{font-size:29px;letter-spacing:-.04em;margin:5px 0}.intro p{font-size:13px;color:var(--muted);margin:0}.tabs{display:flex;gap:7px;padding-bottom:22px}.tab{padding:11px 18px;border-radius:9px;background:transparent;color:var(--muted);font-size:13px;font-weight:600}.tab.active{background:var(--navy);color:#fff}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #23324503}.panel-head{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head h2{font-size:16px;margin:0}.dates{display:flex;align-items:center;gap:10px}.dates input{font-size:12px;width:145px;min-height:38px;padding:8px}.empty{padding:65px 25px;text-align:center;color:var(--muted)}.empty .empty-icon{font-size:30px;margin-bottom:15px;color:#9fb5cc}.empty h3{color:#34475e;font-size:16px;margin:12px 0 7px}.empty p{font-size:13px;margin:0 auto;line-height:1.7;max-width:300px}.item{padding:22px 24px;display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line)}.item:last-child{border-bottom:0}.time{font-size:14px;font-weight:700;min-width:53px;color:var(--navy)}.item-content{flex:1;min-width:0}.item h3{margin:0 0 6px;font-size:15px;overflow-wrap:anywhere}.item p{margin:4px 0;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.badge{display:inline-block;padding:5px 8px;background:#ecf3fb;color:#3573b7;border-radius:6px;font-size:10px;margin-top:7px}.badge.urgent{color:#ae4b26;background:#fff1e8;margin-left:7px}.edit{background:#f2f5f8;color:#52677e;border-radius:8px;padding:10px;font-size:12px}.amount{font-size:17px;font-weight:700;margin:8px 0;color:var(--navy)}.footer{text-align:center;font-size:10px;color:#93a0af;padding:30px}.week-day{padding:12px 24px;background:#f8fafc;color:#6b7f96;font-size:12px;font-weight:650;border-bottom:1px solid var(--line)}dialog{width:min(540px,calc(100% - 28px));max-height:90svh;border:0;border-radius:18px;padding:28px;box-shadow:0 25px 90px #102d4d38;color:#233245}dialog::backdrop{background:#0e233c80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0;font-size:21px}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}.form-actions .primary{min-width:140px}.toast{padding:12px 16px;margin-bottom:18px;background:#fff0ec;color:#a64632;font-size:13px;border-radius:9px}textarea{resize:vertical;min-height:85px}.loading{padding:65px 20px;text-align:center;color:var(--muted);font-size:13px}.offline{font-size:12px;color:#a04e27;padding:10px;background:#fff4e8;text-align:center}@media(min-width:1300px){.story{padding-top:70px;padding-bottom:45px}}@media(max-width:760px){.login{display:block}.story{display:none}.access{min-height:100svh;padding:40px 27px;background:#f2f4f7}.mobile-brand{display:block;margin-bottom:55px}.mobile-brand .brand{color:var(--navy);font-size:29px}.mobile-brand .brand-icon{background:#e0ebf6;color:var(--blue);width:49px;height:49px}.access h2{font-size:29px}.shell{padding:20px 17px}.topbar{padding-bottom:19px}.topbar .brand{font-size:18px}.top-actions{gap:5px}.top-actions>span{display:none}.intro{margin:28px 0 25px}.intro h1{font-size:26px}.intro .primary{font-size:12px;padding:13px}.tabs{gap:2px}.tab{padding:11px 13px;font-size:12px}.panel-head{padding:17px 16px;flex-wrap:wrap}.panel-head h2{font-size:14px}.item{padding:19px 16px;gap:12px;align-items:flex-start}.time{min-width:43px;font-size:12px}.edit{font-size:11px;padding:8px}.row{gap:10px}dialog{padding:23px}.empty{padding:55px 20px}.week-day{padding:12px 16px}.logo{max-width:230px}.copyright{display:none}}.install-app{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:10;max-width:calc(100% - 32px);white-space:nowrap;background:#1766ba;color:#fff;border:1px solid #ffffff50;border-radius:12px;padding:14px 22px;font-size:14px;font-weight:650;box-shadow:0 5px 22px #18385940}.install-app[hidden]{display:none}.brand-slot .logo{display:block;border-radius:10px;max-width:230px;max-height:154px}.topbar .brand-slot .logo{width:100px;height:66px;object-fit:contain}.mobile-brand{margin-bottom:30px}.mobile-brand .brand-slot .logo{width:270px;max-width:100%;max-height:180px;margin:auto}html:has(.login){background:#000;color-scheme:dark}.login,.login .story,.login .access{background:#000;color:#f5f7fa}.login .story:after{display:none}.login .sub,.login .hint,.login .story p,.login .copyright{color:#a5afbd}.login .label{color:#dce3ed}.login input{background:#101216;border-color:#303640;color:#f5f7fa;color-scheme:dark}.login input::placeholder{color:#949eac}.login input:focus{border-color:#539eea;box-shadow:0 0 0 3px #3987d82b}.login input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #101216 inset;-webkit-text-fill-color:#f5f7fa;caret-color:#f5f7fa}.login .reveal{color:#b8c4d4}.login .brand{color:#f5f7fa}.login .brand-icon{background:#122235;color:#8fc7ff}.login .brand-slot .logo{border-radius:0;-webkit-mask-image:linear-gradient(174deg,#000 0%,#000 79%,rgba(0,0,0,.95) 86%,rgba(0,0,0,.45) 93%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%),linear-gradient(#000 0%,#000 88%,transparent 100%);mask-image:linear-gradient(174deg,#000 0%,#000 79%,rgba(0,0,0,.95) 86%,rgba(0,0,0,.45) 93%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%),linear-gradient(#000 0%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.login .notice{background:#301515;color:#ffc7c2}body:has(.login){background:#000;color-scheme:dark}.login .access{padding-bottom:calc(40px + env(safe-area-inset-bottom,0px))}
