*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#07101b;color:#edf4ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}header{height:96px;border-bottom:1px solid #1b2a3b;display:flex;align-items:center;padding:0 32px;gap:50px;background:#07101b}.brand{display:flex;align-items:center;gap:14px}.logo{width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,#386bff,#7759ff);display:grid;place-items:center;font-weight:900}.brand h1{margin:0;font-size:28px}.brand h1 span{color:#5c72ff}.brand p{margin:2px 0 0;color:#94a7c0}nav{display:flex;gap:10px}nav button,.toolbar button,.toolbar select{border:1px solid transparent;background:transparent;color:#b8c8dc;padding:13px 18px;border-radius:11px;font-size:15px}nav .active{background:#142448;color:#75a1ff}.logout{margin-left:auto;color:#b8c8dc;text-decoration:none;border:1px solid #26374a;padding:11px 17px;border-radius:25px}main{padding:24px;max-width:1600px;margin:auto}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-bottom:20px}.stats article{background:#0d1825;border:1px solid #1d2c3d;border-radius:15px;padding:20px 24px;display:flex;flex-direction:column;min-height:126px}.stats small{font-size:16px;color:#b7c7da}.stats strong{font-size:29px;margin:8px 0;color:#5ee9ae}.stats article:nth-child(2) strong,.stats article:nth-child(3) strong,.stats article:nth-child(5) strong{color:#f3f7ff}.stats article:nth-child(4) strong{color:#ffbf69}.stats span{color:#8498b1}.calendar-card{border:1px solid #1c2b3b;background:#0a1420;border-radius:16px;overflow:hidden}.toolbar{display:flex;align-items:center;padding:20px;gap:12px;border-bottom:1px solid #1b2a3a}.toolbar h2{font-size:28px;margin:0 20px}.toolbar button,.toolbar select{border-color:#294057;background:#0d1a28}.spacer{flex:1}.calendar-wrap{display:grid;grid-template-columns:1fr 180px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);border-right:1px solid #1b2a3a}.dow{text-align:center;padding:12px;color:#a8bdd5;border-bottom:1px solid #1b2a3a}.day{min-height:126px;border:0;border-right:1px solid #1b2a3a;border-bottom:1px solid #1b2a3a;background:#0c1724;color:#eef5ff;text-align:left;padding:13px;display:flex;flex-direction:column;gap:8px;cursor:pointer}.day:hover{background:#112033}.day b{font-size:17px}.day strong{font-size:18px}.day span{color:#54e6a6;font-size:14px}.day em{margin:auto;color:#526980;font-style:normal}.outside{opacity:.28;cursor:default}.filled{box-shadow:inset 0 0 0 1px #244466}.week-totals{display:grid;grid-template-rows:auto repeat(6,1fr)}.week{display:flex;min-height:126px;border-bottom:1px solid #1b2a3a;align-items:center;justify-content:center;flex-direction:column}.week strong{font-size:20px}.week span{color:#8498b1;margin-top:6px}.foot-total{display:flex;padding:20px;align-items:center;font-size:18px}.foot-total strong{margin-left:auto;color:#5ee9ae;font-size:24px}dialog{border:1px solid #294057;border-radius:16px;background:#09131f;color:#edf4ff;padding:0;width:min(430px,calc(100vw - 30px));box-shadow:0 25px 80px #000b}dialog::backdrop{background:#0009}dialog form{padding:22px}.dialog-head{display:flex;align-items:center}.dialog-head h3{margin:0 0 20px;flex:1}.x{background:transparent;border:0;color:#a7b8cc;font-size:28px}label{display:flex;flex-direction:column;gap:8px;margin:14px 0;color:#bac9da}input{background:#0e1a28;border:1px solid #30445a;color:white;border-radius:9px;padding:13px;font-size:16px}form>button{width:100%;padding:13px;border:0;border-radius:9px;background:#315cff;color:white;font-size:16px;margin-top:10px}.danger{background:transparent;color:#ff626c;border:1px solid #4a2630}.login-body{min-height:100vh;display:grid;place-items:center}.login-card{width:min(440px,calc(100vw - 30px));background:#0d1825;border:1px solid #1d2c3d;border-radius:18px;padding:28px}.login-card .brand{margin-bottom:25px}.error{background:#3b1720;color:#ffb0b7;padding:12px;border-radius:9px}.login-card form button{background:#315cff}@media(max-width:900px){header{padding:14px 18px;height:auto;flex-wrap:wrap;gap:14px}nav{display:none}.logout{margin-left:auto}.stats{grid-template-columns:1fr 1fr}.calendar-wrap{grid-template-columns:minmax(900px,1fr) 150px;overflow-x:auto}.calendar-card{overflow-x:auto}.toolbar{min-width:900px}.foot-total{min-width:900px}}@media(max-width:560px){.brand p{display:none}.stats{grid-template-columns:1fr 1fr}.stats article{padding:15px;min-height:110px}.stats strong{font-size:21px}main{padding:12px}.logout{font-size:13px;padding:9px}.calendar-wrap{grid-template-columns:minmax(760px,1fr) 140px}.toolbar,.foot-total{min-width:760px}.day,.week{min-height:105px}}

nav .nav-link{display:inline-flex;align-items:center;border:1px solid transparent;background:transparent;color:#b8c8dc;padding:13px 18px;border-radius:11px;font-size:15px;text-decoration:none}nav .nav-link.active{background:#142448;color:#75a1ff}.settings-main{max-width:900px}.settings-card{background:#0d1825;border:1px solid #1d2c3d;border-radius:16px;padding:28px}.settings-head small{color:#5ee9ae;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.settings-head h2{font-size:30px;margin:7px 0}.settings-head p{color:#94a7c0}.settings-form{max-width:560px;margin-top:25px}.settings-form .hint{font-size:13px;color:#8498b1}.settings-form button{max-width:300px}.success{background:#123529;color:#9ff2cb;padding:12px;border-radius:9px;margin:18px 0}.settings-note{margin-top:30px;padding:18px;border:1px solid #263b50;background:#0a1420;border-radius:12px;color:#b7c7da}.settings-note strong{color:#edf4ff}.settings-note p{margin-bottom:0;line-height:1.6}.settings-note code{color:#83a7ff}

.week small{color:#ffbf69;margin-top:7px;font-size:12px}.week .week-net{color:#5ee9ae;margin-top:3px}@media(max-width:1200px) and (min-width:901px){.stats{grid-template-columns:repeat(3,1fr)}}