:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17332e;background:#f5f6f2;font-synthesis:none;--green:#173d35;--muted:#6d7d76;--gold:#d7be87;--line:#e1e7df}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ac8a43;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1.3px;font-weight:650}h2{font-size:21px;letter-spacing:-.5px}h3{font-size:17px}p{line-height:1.6}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:650}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand img{width:43px;height:43px}.brand b{font-size:20px;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:2px}.btn{min-height:46px;border:0;border-radius:11px;padding:12px 19px;background:var(--green);color:white;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none}.btn.secondary{background:#edf1eb;color:var(--green)}.btn.ghost{background:transparent;color:var(--green);border:1px solid var(--line)}.btn.danger{color:#a33a37;background:#fff1ee}.btn.wide{width:100%}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.login{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.intro{background:#142c29;color:#f4f2e9;padding:48px 9%;display:flex;flex-direction:column;position:relative;overflow:hidden}.intro:after{content:"";position:absolute;width:530px;height:530px;border:1px solid #56706355;border-radius:50%;bottom:-220px;right:-200px;box-shadow:0 0 0 55px #56706314,0 0 0 110px #56706310}.intro-copy{margin:auto 0;position:relative;z-index:1;padding:80px 0}.intro h1{font-family:Georgia,serif;font-size:clamp(42px,4.5vw,72px);font-weight:400;line-height:1.1;letter-spacing:-2px;margin:25px 0}.intro p{max-width:370px;color:#bacac0}.intro .eyebrow{color:var(--gold)}.intro-foot{font-size:12px;color:#a5b8ad}.form-side{display:grid;place-items:center;padding:42px 30px}.login-card{max-width:380px;width:100%}.login-card h2{font-size:29px;margin:14px 0 8px}.login-card form{margin:28px 0 18px}.field{display:block;margin-bottom:18px;font-size:13px;font-weight:550}.field input,.field select{display:block;margin-top:9px;width:100%;padding:13px 14px;border:1px solid #d4ded3;border-radius:10px;background:white;color:#17332e;min-height:48px;outline:none}.field input:focus{border-color:#4d7967;box-shadow:0 0 0 3px #4d796718}.password-wrap{position:relative}.password-wrap input{padding-right:60px}.password-wrap button{position:absolute;right:7px;top:7px;border:0;background:transparent;height:34px;padding:6px;color:var(--muted)}.notice{padding:13px 15px;border:1px solid #e4d9bd;background:#faf6e9;border-radius:10px;font-size:12px;line-height:1.6;margin:20px 0}.error{color:#9b302c;font-size:13px;line-height:1.5;margin:12px 0}.help{font-size:12px;text-align:center;line-height:1.7;color:var(--muted);margin-top:23px}.text-btn{border:0;background:transparent;padding:8px 0;color:var(--green);font-size:13px;text-decoration:underline}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100dvh}.sidebar{background:#142c29;color:#dce6dd;padding:32px 24px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:248px}.sidebar .brand{margin-bottom:55px}.sidebar .eyebrow{color:#93a79a;font-size:10px;margin:0 14px 16px}.nav{display:flex;flex-direction:column;gap:9px}.nav button{background:none;border:0;color:#a6b9ae;display:flex;align-items:center;gap:12px;padding:15px 17px;border-radius:10px;text-align:left}.nav button.active{background:#29433a;color:#ede9da}.nav button.active:after{content:"";width:5px;height:5px;background:var(--gold);border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;font-size:12px;color:#a3b7a9}.sidebar-bottom p{margin:16px 0}.main{grid-column:2;padding:0 48px 50px;max-width:1450px;width:100%;margin:auto}.topbar{height:94px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:13px}.topbar-right{display:flex;align-items:center;gap:12px}.avatar{display:grid;place-items:center;width:39px;height:39px;background:#e4eadd;border-radius:50%;font-size:13px}.greeting{display:flex;justify-content:space-between;align-items:center;margin:34px 0 26px;gap:15px}.greeting p{color:var(--muted);margin-top:8px;font-size:14px}.pill{font-size:11px;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:7px;background:#e9efe6;color:#496647;white-space:nowrap}.pill.gold{background:#eee5cf;color:#826a2f}.pill.night{background:#eeedf8;color:#646388}.dot{width:6px;height:6px;background:currentColor;border-radius:50%}.dashboard{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:23px}.hero{background:#173d35;color:#f5f3e9;border-radius:18px;padding:29px 31px;position:relative;overflow:hidden}.hero .eyebrow{color:#becabb}.hero h2{font-size:29px;margin:27px 0 9px}.hero .hero-date{font-size:15px;color:#c1d0c4}.hero .times{display:flex;align-items:center;gap:26px;margin:27px 0}.time b{font-size:35px;letter-spacing:-1px;font-weight:500}.time small{display:block;color:#b9cabe;font-size:12px;margin-top:6px}.times>span{color:#89a293;font-size:25px}.hero-foot{padding-top:20px;border-top:1px solid #476055;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.hero .btn{background:#d7be87;color:#243c31}.hero .shift-mark{position:absolute;right:28px;top:25px;color:#d6c89d}.hero .shift-mark .icon{width:27px;height:27px}.card{background:white;border:1px solid var(--line);border-radius:17px;padding:25px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:21px}.card-title h2{font-size:18px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px}.stat b{font-size:29px;font-weight:550;display:block;margin:10px 0 5px}.stat span{font-size:12px;color:var(--muted)}.stat .icon{color:#7c927e}.upcoming{margin-top:25px}.shift-row{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #edf0e9}.shift-row:last-child{border-bottom:0;padding-bottom:0}.day-block{width:48px;min-width:48px;text-align:center;background:#f2f4ed;border-radius:10px;padding:10px 5px}.day-block b{display:block;font-size:22px;font-weight:550}.day-block small{font-size:10px;color:var(--muted)}.shift-info{flex:1}.shift-info h3{font-size:14px;margin-bottom:7px}.shift-info p{font-size:12px;color:var(--muted)}.shift-info .date-detail{font-size:11px}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}.calendar-head b{text-transform:capitalize;font-size:14px}.arrow{border:0;background:#f3f5f0;border-radius:7px;width:32px;height:32px;font-size:19px;color:var(--green)}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.weekday{text-align:center;color:#99a398;font-size:10px;padding:8px 0}.day{position:relative;aspect-ratio:1;border:0;background:none;color:#40554c;border-radius:10px;font-size:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0}.day.today{box-shadow:inset 0 0 0 1px #93a58d}.day.shift{background:#e9efdf}.day.night{background:#efedf6}.day.selected{box-shadow:inset 0 0 0 2px #35634f}.day .dots{display:flex;gap:3px;min-height:4px}.day .dots i{width:4px;height:4px;border-radius:50%;background:#708657}.day.night .dots i{background:#8481a8}.legend{display:flex;gap:16px;font-size:10px;color:var(--muted);margin:18px 0 8px}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;background:#c3d1ad;border-radius:3px}.legend i.purple{background:#c2bddc}.selected-day{padding-top:16px;border-top:1px solid var(--line);margin-top:18px;font-size:12px;min-height:80px}.selected-day p{margin-top:7px;color:var(--muted)}.quiet{font-size:12px;color:var(--muted);line-height:1.7;margin-top:22px;display:flex;gap:10px}.quiet .icon{flex-shrink:0;width:17px}.bottom-nav{display:none}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.profile-line{padding:17px 0;border-bottom:1px solid var(--line);font-size:14px}.profile-line small{display:block;margin-bottom:7px;color:var(--muted);font-size:12px}.empty{padding:25px 0;text-align:center;color:var(--muted);line-height:1.7;font-size:14px}.badge-demo{background:#ede4ce;color:#6c5d36;text-align:center;padding:8px 16px;font-size:11px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.admin-grid .card{min-width:0}.admin-grid input[type=file]{font-size:12px}.result-link{word-break:break-all;font-size:12px;padding:15px;background:#eef3e8;margin-top:15px;border-radius:10px}.row-wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:#173d35;color:white;padding:12px 20px;border-radius:10px;max-width:90vw;z-index:10;font-size:13px;display:none}.mobile-brand{display:none}.login-card .divider{text-align:center;color:#9aa499;font-size:11px;margin:20px 0}.schedule-layout{display:grid;grid-template-columns:350px 1fr;gap:23px}.status-strip{font-size:11px;color:var(--muted);margin-top:24px}.topbar .btn{padding:9px;min-height:36px}.admin-user{border-top:1px solid var(--line);padding:14px 0}.admin-user p{font-size:12px;color:var(--muted)}
@media(min-width:1500px){.main{padding:0 70px 60px}.hero{min-height:310px}}@media(max-width:1100px){.sidebar{width:205px;padding:30px 18px}.shell{grid-template-columns:205px 1fr}.main{padding:0 25px 35px}.dashboard{grid-template-columns:1fr}.schedule-layout{grid-template-columns:1fr 1fr}.hero{min-height:285px}.profile-grid,.admin-grid{grid-template-columns:1fr}}
@media(max-width:700px){h1{font-size:27px;letter-spacing:-.9px}.login{display:block}.intro{padding:28px 25px;min-height:200px}.intro-copy{padding:30px 0 5px}.intro h1{font-size:35px;margin:12px 0;max-width:300px}.intro p,.intro-foot,.intro-copy .eyebrow{display:none}.intro .brand img{width:35px;height:35px}.form-side{padding:30px 25px 45px}.login-card h2{font-size:25px}.shell{display:block}.sidebar{display:none}.main{padding:0 20px 100px}.topbar{height:77px}.topbar>.muted{display:none}.mobile-brand{display:flex}.mobile-brand .brand b{font-size:16px}.mobile-brand .brand img{width:33px;height:33px}.topbar-right>.muted{display:none}.greeting{margin:26px 0 22px;align-items:flex-start}.greeting>.pill{display:none}.greeting p{font-size:12px;max-width:270px}.hero{padding:24px;min-height:0;border-radius:16px}.hero h2{font-size:25px;margin-top:28px}.hero .times{margin:23px 0;gap:22px}.time b{font-size:31px}.hero-foot{font-size:11px}.hero-foot .btn{min-height:40px;padding:10px 13px;font-size:12px}.dashboard{gap:20px}.stats{gap:12px;margin-top:15px}.stat{padding:17px}.stat b{font-size:26px}.card{padding:21px;border-radius:15px}.upcoming{margin-top:20px}.shift-row{gap:13px}.shift-row>.pill{font-size:10px;padding:6px 7px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:5;background:#fcfdf9f5;border-top:1px solid #dde5d9;backdrop-filter:blur(15px);padding:8px 14px max(9px,env(safe-area-inset-bottom));justify-content:space-around}.bottom-nav button{flex:1;border:0;background:none;color:#8a978b;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;padding:5px}.bottom-nav button.active{color:var(--green)}.bottom-nav button .icon{width:23px;height:23px}.schedule-layout,.profile-grid,.admin-grid{grid-template-columns:1fr}.schedule-layout .calendar .day{aspect-ratio:1.25}.badge-demo{font-size:10px;line-height:1.5}.status-strip{line-height:1.7}.quiet{font-size:11px}.topbar .avatar{width:34px;height:34px}.day{font-size:13px}.legend{font-size:11px}.login-card form{margin-top:22px}}@media(prefers-reduced-motion:no-preference){.card,.hero{animation:appear .35s ease-out}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}

.brand b{font-size:20px;letter-spacing:-.5px}.brand small{letter-spacing:1.5px;font-size:8px}.code-list{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.code{background:#edf1e7;border:1px solid #d5dfcc;border-radius:12px;padding:16px;font-size:22px;font-weight:600}.sidebar .brand{gap:9px}.sidebar .brand img{width:35px;height:35px}.mobile-brand .brand b{font-size:16px}

.ack-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f6ecd5;border:1px solid #e5d4ac;padding:22px;border-radius:15px;margin-bottom:24px}.ack-banner p{font-size:13px;margin-top:6px;color:#706340}.ack-ok{padding:18px 22px;border-radius:13px;background:#e5efdf;margin-bottom:24px;font-size:14px}.ack-ok small{display:block;margin-top:5px;color:#607257}.demo-gap{margin-top:16px}.demo-light{color:#d7be87}.overview-stats{margin-bottom:24px}.day small{font-size:9px}.topbar-right .btn{font-size:12px}.sidebar .btn{font-size:12px}.badge-demo{position:relative;z-index:6}.sidebar{padding-top:48px}.main{margin:0 auto}.bottom-nav button{min-height:44px}@media(max-width:700px){.ack-banner{display:block;padding:18px}.ack-banner .btn{width:100%;margin-top:15px;font-size:12px}.topbar{height:auto;min-height:95px;gap:10px;flex-wrap:wrap;padding:15px 0}.topbar-right{flex-wrap:wrap}.bottom-nav button{font-size:11px}.day{min-height:40px}.demo-gap{margin-top:14px}}