:root{--navy:#063f69;--blue:#075687;--blue2:#0b6fa9;--blue3:#eaf5fb;--cream:#fbfaf5;--paper:#fff;--ink:#173348;--muted:#6f7b84;--line:#d8e0e5;--soft:#f3f7f9;--green:#2c7b65;--amber:#a66b16;--red:#a94141;--shadow:0 12px 30px rgba(17,58,84,.12)}
*{box-sizing:border-box}html,body{margin:0;background:#edf4f7;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}.shell{max-width:1180px;margin:0 auto;min-height:100vh;background:var(--paper);box-shadow:0 0 44px rgba(10,50,75,.12)}
.hero{height:250px;position:relative;overflow:hidden;background:var(--navy)}.hero>img.photo{width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(4,42,66,.02) 23%,rgba(4,53,85,.20) 54%,rgba(4,57,91,.96) 100%)}.brand{position:absolute;z-index:2;left:25px;right:25px;bottom:18px;display:flex;gap:14px;align-items:center;color:#fff}.brand img{width:63px;height:63px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}.brand h1{font-family:Georgia,"Times New Roman",serif;font-size:34px;font-weight:500;line-height:1.02;margin:0 0 3px}.brand .subtitle{font-size:18px}.userchip{margin-left:auto;align-self:flex-end;background:rgba(255,255,255,.92);color:var(--navy);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:750;backdrop-filter:blur(5px)}
.nav{display:flex;gap:6px;padding:10px 16px;border-bottom:1px solid var(--line);background:#fff;overflow-x:auto;position:sticky;top:0;z-index:20}.nav a{white-space:nowrap;padding:9px 13px;border-radius:999px;color:var(--navy);font-weight:700;font-size:14px}.nav a.active{background:var(--blue3);box-shadow:inset 0 0 0 1px #a9ccdf}.nav .spacer{flex:1}.content{padding:18px 18px 34px}.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:15px}.pagehead h2{margin:0;color:var(--navy);font-size:25px}.pagehead p{margin:4px 0 0;color:var(--muted)}
.btn{min-height:44px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 14px;color:var(--ink);font-weight:750;cursor:pointer}.btn.primary{background:linear-gradient(#0e76b4,#075687);color:#fff;border-color:#075687}.btn.soft{background:#fffaf0}.btn.danger{color:var(--red);border-color:#e1b9b9}.btn.green{background:var(--green);border-color:var(--green);color:#fff}.btn.small{min-height:36px;padding:6px 10px;font-size:13px}.btn:disabled{opacity:.55;cursor:not-allowed}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px}.card.soft{background:var(--cream)}.card.blue{background:#eef8fd;border-color:#c7deea}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.muted{color:var(--muted)}.tiny{font-size:12px}.small{font-size:14px}.strong{font-weight:800}.pill{display:inline-block;border-radius:999px;padding:5px 9px;background:#edf4f7;color:var(--navy);font-size:12px;font-weight:750}.pill.green{background:#e6f4ef;color:#236554}.pill.amber{background:#fff3dd;color:#85550f}.pill.red{background:#fae8e8;color:#8a3636}.pill.blue{background:#e8f4fa;color:#075687}
.alert{border-radius:10px;padding:11px 13px;margin-bottom:12px;font-size:14px}.alert.ok{background:#e9f5ef;border:1px solid #bfdfd2;color:#275f50}.alert.err{background:#fbeaea;border:1px solid #e7bebe;color:#873b3b}.alert.info{background:#edf7fc;border:1px solid #c5dde9;color:#275a76}
label{font-size:12px;font-weight:800;color:var(--navy);display:block}label span{display:block;margin-bottom:5px}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);padding:9px 10px}textarea{min-height:86px;resize:vertical}.formgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.formgrid .wide{grid-column:span 2}.form-actions{display:flex;gap:10px;align-items:end}.sectiontitle{font-size:17px;color:var(--navy);font-weight:850;margin:0 0 10px}
.weekbar{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}.weekbar .week{font-size:20px;color:var(--navy);font-weight:850;min-width:190px;text-align:center}.arrowbtn{width:44px;height:44px;border-radius:9px;background:#fff;border:1px solid var(--line);font-size:25px;color:var(--navy);cursor:pointer}.schedule-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}.schedule{width:100%;border-collapse:separate;border-spacing:0;min-width:900px;font-size:13px}.schedule th,.schedule td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 7px;text-align:center}.schedule thead th{background:linear-gradient(#0c6698,#074f79);color:white;font-size:12px}.schedule thead th:first-child{text-align:left;padding-left:12px;position:sticky;left:0;z-index:4}.schedule tbody th{position:sticky;left:0;z-index:3;background:#fff;text-align:left;padding:9px 11px;white-space:nowrap}.schedule tbody tr:nth-child(even) th,.schedule tbody tr:nth-child(even) td{background:#fbfcfd}.avatar{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#dceaf1;color:var(--navy);font-size:11px;font-weight:900;margin-right:6px}.shiftpill{display:block;padding:6px;border-radius:7px;background:#edf6fb;color:var(--navy);font-size:11px;line-height:1.25;margin:2px 0;border:1px solid #d5e8f2}.shiftpill.manager{cursor:pointer}.shiftpill .pos{display:block;color:#667783;font-size:10px;margin-top:2px}.schedule-empty{color:#b0b8be}
.mobile-days{display:none}.daycard{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;margin-bottom:10px}.dayhead{padding:10px 12px;background:linear-gradient(#0c6698,#074f79);color:#fff;font-weight:850}.dayrows{padding:4px 10px}.dayrow{display:grid;grid-template-columns:1.1fr 1fr;gap:8px;padding:10px 0;border-bottom:1px solid #edf0f2}.dayrow:last-child{border-bottom:0}.dayrow .who{font-weight:800}.dayrow .when{text-align:right;color:var(--navy);font-weight:750}
.bottomnav{display:none}.request-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff;margin-bottom:10px}.request-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.request-title{font-weight:850;color:var(--navy);font-size:16px}.request-meta{font-size:13px;color:var(--muted);margin-top:3px}.request-body{margin-top:10px;font-size:14px}.request-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.notif{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.notif:last-child{border-bottom:0}.dot{width:9px;height:9px;background:var(--blue2);border-radius:50%;margin-top:6px;flex:0 0 auto}.dot.read{background:#ccd4d9}.notif .ntitle{font-weight:800}.notif .nbody{font-size:13px;color:var(--muted);margin-top:2px}
.staffrow{display:grid;grid-template-columns:1.2fr 1.5fr 1.2fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.staffrow:last-child{border-bottom:0}.staffname{font-weight:850;color:var(--navy)}.invitebox{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:#f4f7f8;border:1px solid var(--line);border-radius:8px;padding:8px;word-break:break-all}.switchrow{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.switchrow:last-child{border-bottom:0}.switchrow .stitle{font-weight:850;color:var(--navy)}.switchrow .sdesc{font-size:13px;color:var(--muted);margin-top:3px}.switch{position:relative;width:52px;height:30px;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;border-radius:99px;background:#ccd5da;cursor:pointer;transition:.18s}.slider:before{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.18s;box-shadow:0 1px 4px rgba(0,0,0,.25)}.switch input:checked+.slider{background:var(--blue2)}.switch input:checked+.slider:before{transform:translateX(22px)}
.login-page{min-height:100vh;background:#eaf2f6;display:grid;place-items:center;padding:22px}.login-card{width:min(460px,100%);background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #dbe3e7}.login-photo{height:185px;position:relative}.login-photo>img{width:100%;height:100%;object-fit:cover}.login-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.02),rgba(4,55,88,.78))}.login-brand{position:absolute;z-index:2;bottom:13px;left:16px;color:#fff;display:flex;align-items:center;gap:10px}.login-brand img{width:50px;height:50px}.login-brand h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:25px;margin:0}.login-body{padding:20px}.login-body h2{margin:0 0 4px;color:var(--navy)}.login-body .btn{width:100%;margin-top:9px}.checkline{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-top:9px}.checkline input{width:18px;height:18px;min-height:0}.installhint{font-size:12px;color:var(--muted);margin-top:12px;text-align:center}
.empty{padding:28px 16px;text-align:center;color:var(--muted)}.kpi{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.kpi .num{font-size:27px;font-weight:900;color:var(--navy)}.kpi .label{font-size:13px;color:var(--muted)}.footer{padding:18px;color:#84909a;text-align:center;font-size:11px}.photofoot{position:relative;overflow:hidden;min-height:86px;border:1px solid #c7dce8;border-radius:12px;background:#eaf5fb;padding:15px 145px 15px 16px;color:var(--navy);display:flex;gap:12px;align-items:center}.photofoot img{position:absolute;right:0;bottom:-25px;width:155px;height:120px;object-fit:cover;clip-path:polygon(25% 0,100% 0,100% 100%,0 100%)}
@media(max-width:800px){.shell{box-shadow:none}.hero{height:220px}.brand{left:16px;right:16px;bottom:13px}.brand img{width:52px;height:52px}.brand h1{font-size:27px}.brand .subtitle{font-size:15px}.userchip{display:none}.content{padding:14px 12px 88px}.nav{padding:8px 10px}.nav.manager-nav{position:static}.pagehead{align-items:flex-start;flex-direction:column}.grid2,.grid3{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr 1fr}.formgrid .wide{grid-column:span 2}.desktop-only{display:none}.schedule-wrap.employee-team{display:none}.mobile-days{display:block}.staffrow{grid-template-columns:1fr}.staffrow>*{min-width:0}.bottomnav{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;z-index:30;left:0;right:0;bottom:0;background:rgba(255,255,255,.97);border-top:1px solid var(--line);padding:5px max(8px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));backdrop-filter:blur(8px)}.bottomnav a{text-align:center;color:#667783;font-size:11px;padding:6px 3px}.bottomnav a .ico{display:block;font-size:22px;line-height:22px;margin-bottom:2px}.bottomnav a.active{color:var(--blue);font-weight:850}.photofoot{padding-right:105px}.photofoot img{width:120px}.request-top{flex-direction:column}.request-actions .btn{flex:1}.weekbar .week{min-width:150px;font-size:18px}}
@media(max-width:450px){.hero{height:205px}.brand h1{font-size:23px}.brand .subtitle{font-size:14px}.brand img{width:47px;height:47px}.content{padding-left:10px;padding-right:10px}.formgrid{grid-template-columns:1fr}.formgrid .wide{grid-column:auto}.row.mobile-stack{align-items:stretch;flex-direction:column}.row.mobile-stack .btn{width:100%}.pagehead h2{font-size:23px}.dayrow{grid-template-columns:1fr auto}.login-page{padding:0}.login-card{border-radius:0;min-height:100vh}.login-photo{height:210px}}