*{box-sizing:border-box}body{color:#17202a;background:#f4f6f8;margin:0;font-family:Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}header{color:#fff;background:#17376b;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;display:flex}header h1{margin:0;font-size:28px}header p{opacity:.85;margin:3px 0 0}.headerActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}header button,.weekbar button,.manage button{color:#fff;background:#2f80ed;border:0;border-radius:7px;padding:9px 12px;font-weight:700}.draft,.published{color:#111;background:#f2c94c;border-radius:20px;padding:8px 12px;font-weight:700}.published{background:#8bd39a}.weekbar{background:#fff;border-bottom:1px solid #d7dce2;justify-content:center;align-items:center;gap:18px;padding:12px 18px;display:flex}.alerts{color:#7a5400;background:#fff3cd;border-bottom:1px solid #f2d27a;flex-wrap:wrap;gap:16px;padding:10px 18px;font-weight:700;display:flex}.tableWrap{padding:12px;overflow:auto}table{border-collapse:collapse;background:#fff;width:100%;min-width:1300px}th,td{text-align:center;border:1px solid #ccd3da;padding:8px;position:relative}thead th{background:#e9eef5}tbody th{text-align:left;white-space:nowrap;min-width:190px}.employeeName{font-weight:700}tbody th small{color:#6b7280}.managerRow{background:#e9f1fb}.supervisorRow{background:#fff3a6}.sectionRow td{text-align:left;padding-left:16px;font-weight:800}.sectionRow.supervisors td{background:#f7d154}.sectionRow.associates td{background:#e9eef5}.shiftButton{background:#eef2f7;border:0;border-radius:6px;width:100%;min-width:72px;padding:8px 6px;font-weight:800}.shiftPicker{z-index:20;background:#fff;border:1px solid #cbd5e1;grid-template-columns:repeat(3,1fr);gap:4px;min-width:180px;padding:6px;display:grid;position:absolute;top:43px;left:4px;box-shadow:0 8px 20px #0002}.shiftPicker button{background:#f8fafc;border:1px solid #d6dbe1;border-radius:5px;padding:7px}.hours{font-weight:800}.manage{background:#fff;border:1px solid #d7dce2;border-radius:10px;margin:12px;padding:12px}.manageTop{flex-wrap:wrap;gap:8px;display:flex}.manage input,.manage select{border:1px solid #cbd5e1;border-radius:6px;padding:9px}.manageList{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px;margin-top:12px;display:grid}.manageList>div{border:1px solid #e1e5ea;border-radius:6px;justify-content:space-between;align-items:center;padding:8px;display:flex}.manageList button{background:#6b7280}.message{background:#fff;border:1px solid #ddd;border-radius:8px;max-width:420px;padding:10px 14px;position:fixed;bottom:15px;right:15px;box-shadow:0 6px 18px #0002}.login{background:#17376b;place-items:center;min-height:100vh;display:grid}.card{background:#fff;border-radius:14px;width:min(390px,90vw);padding:32px;box-shadow:0 12px 35px #0004}.card h1{color:#17376b;margin:0}.card h2{margin-top:5px}.card input{border:1px solid #bbb;border-radius:7px;width:100%;margin:7px 0;padding:12px}.card button{color:#fff;background:#2f80ed;border:0;border-radius:7px;width:100%;padding:11px;font-weight:700}@media (max-width:800px){header{flex-direction:column;align-items:flex-start}.weekbar{justify-content:flex-start;overflow:auto}}main>header.appHeader{color:#fff;background:linear-gradient(90deg,#0a2b4efa 0%,#0a2b4ef0 48%,#0a2b4ead 100%),url(/airport-portal.png) right 48%/145% no-repeat;border-radius:0 0 45% 10%/0 0 12% 5%}main.appShell{background-image:radial-gradient(90% 30% at 90% 112%,#0000 83%,#2c86e31a 84%,#0000 85%),radial-gradient(105% 35% at 90% 112%,#0000 83%,#2c86e312 84%,#0000 85%),linear-gradient(#f8fbfff2,#f8fbfff2),url(/airport-portal.png);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100svh}main.appShell .appNav{background:#142f53!important;border-top:1px solid #36618f!important}main.appShell .appNav>button{color:#fff!important;background:0 0!important}main.appShell .appNav[data-view=schedule]>button:first-child,main.appShell .appNav[data-view=requests]>button:nth-child(2),main.appShell .appNav[data-view=vacations]>button:nth-child(3),main.appShell .appNav[data-view=inbox]>button:nth-child(4),main.appShell .appNav[data-view=profile]>button:nth-child(5){background:#2386e3!important}main.appShell button.requestChoice{box-shadow:0 3px 10px #0c2a4c1f;box-sizing:border-box!important;color:#fff!important;text-align:left!important;background:#173b66!important;border:1px solid #398ee5!important;border-radius:12px!important;grid-template-columns:36px minmax(0,1fr) 24px!important;align-items:center!important;column-gap:16px!important;width:100%!important;max-width:none!important;min-height:78px!important;margin:0 0 12px!important;padding:16px 20px!important;font-size:17px!important;font-weight:800!important;display:grid!important}main.appShell button.requestChoice>svg{width:30px!important;height:30px!important}main.appShell button.requestChoice>span:last-child{text-align:right;font-size:30px;line-height:1;margin:0!important}
