:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f6f6f6;background:#080808;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#080808}button{font:inherit;cursor:pointer}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#050505;border-right:1px solid #242424;padding:25px 15px 16px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 31px}.brand-logo{width:48px;height:48px;object-fit:contain;flex-shrink:0;background:#000;border-radius:6px}.brand strong{font-size:10px;letter-spacing:1px;display:block;white-space:nowrap}.brand small{display:block;color:#888;font-size:9px;letter-spacing:2px;margin-top:5px}.workspace-label,.eyebrow{font-size:10px;letter-spacing:1.7px;color:#888;font-weight:700}.workspace-label{padding:0 12px 12px}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#a5a5a5;border-radius:9px;padding:12px;display:flex;align-items:center;gap:12px;text-align:left;font-size:13px;transition:background .15s,color .15s}.nav-item:hover{background:#171717;color:#fff}.nav-item.active{background:#fff;color:#080808;font-weight:650}.nav-icon{font-size:17px;width:19px;text-align:center}.unread-dot,.tiny-dot{width:7px;height:7px;background:#fff;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:10px;padding:15px 11px;border-top:1px solid #222;color:#ddd;font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b9b9b9;flex-shrink:0}.sidebar-bottom small,.user-card small{display:block;color:#777;font-size:10px;margin-top:4px}.user-card{display:flex;align-items:center;gap:10px;padding:13px 8px 2px;border-top:1px solid #222;margin-top:2px;font-size:11px}.avatar{width:34px;height:34px;border:1px solid #4b4b4b;background:#171717;display:grid;place-items:center;border-radius:50%;font-size:10px;font-weight:800;letter-spacing:1px}.avatar.small{width:32px;height:32px}.chevron{margin-left:auto;color:#888}.main-area{margin-left:252px;min-height:100vh}.topbar{height:72px;border-bottom:1px solid #222;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#080808}.breadcrumb{font-size:12px;color:#888}.breadcrumb span{padding:0 10px;color:#555}.breadcrumb b{color:#eee;font-weight:500}.top-actions{display:flex;align-items:center;gap:20px}.secure-label{font-size:11px;color:#aaa;display:flex;align-items:center;gap:8px}.secure-label .status-dot{background:#eee}.icon-button{position:relative;background:transparent;border:1px solid #292929;color:#eee;border-radius:9px;width:36px;height:36px;font-size:18px}.tiny-dot{position:absolute;right:6px;top:6px;width:5px;height:5px}.mobile-brand{display:none;align-items:center;gap:8px}.mobile-brand img{width:30px;height:30px;object-fit:contain;background:#000;border-radius:4px}.page-content{max-width:1440px;margin:0 auto;padding:38px 36px 20px}.welcome-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{margin:0 0 10px}h1{font-size:clamp(28px,3vw,36px);letter-spacing:-1.2px;margin:0;font-weight:600}.muted{color:#929292;font-size:13px;line-height:1.7;margin:10px 0 0}.button{border-radius:8px;padding:11px 15px;font-size:12px;font-weight:650}.button-light{background:#f5f5f5;color:#080808;border:1px solid #f5f5f5}.button-light:hover{background:#dcdcdc}.button-outline{background:transparent;border:1px solid #444;color:#eee;margin-top:18px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-card,.panel{background:#101010;border:1px solid #262626;border-radius:12px}.stat-card{padding:19px 18px;min-height:145px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#999;font-size:9px;letter-spacing:1.3px;font-weight:700}.stat-symbol{font-size:17px;color:#eee}.stat-value{font-size:25px;letter-spacing:-.7px;font-weight:600;margin:21px 0 8px}.stat-value small{font-size:13px;color:#888;font-weight:400;letter-spacing:0}.stat-foot{font-size:10px;color:#777}.progress{height:3px;background:#2b2b2b;border-radius:4px;overflow:hidden;margin:0 0 9px}.progress span{display:block;height:100%;background:#fff}.content-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.panel{padding:22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading h2{font-size:17px;letter-spacing:-.3px;margin:0;font-weight:550}.panel-heading .eyebrow{margin-bottom:7px}.text-button{background:transparent;border:0;color:#bbb;font-size:11px;white-space:nowrap}.text-button:hover{color:#fff}.empty-state{min-height:215px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.empty-icon{width:45px;height:45px;border:1px solid #333;border-radius:12px;display:grid;place-items:center;font-size:22px;color:#ddd;margin-bottom:14px}.empty-state b{font-size:13px;font-weight:550}.empty-state p{max-width:300px;font-size:11px;line-height:1.7;color:#777;margin:8px 0 0}.activity-panel{padding-bottom:10px}.quick-link{display:flex;align-items:center;width:100%;gap:12px;text-align:left;background:transparent;border:0;border-bottom:1px solid #252525;padding:15px 0;color:#eee}.quick-link:last-child{border-bottom:0}.quick-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid #333;border-radius:9px;font-size:16px}.quick-link b{display:block;font-size:12px;font-weight:550}.quick-link small{display:block;color:#777;font-size:10px;margin-top:5px}.quick-link .arrow{margin-left:auto;color:#777}.quick-link:hover b,.quick-link:hover .arrow{color:#fff}.notice{margin-top:18px;display:flex;gap:14px;align-items:flex-start;padding:17px 19px}.notice-icon{border:1px solid #555;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:12px;flex-shrink:0}.notice b{font-size:12px;font-weight:600}.notice p{font-size:11px;color:#888;line-height:1.7;margin:5px 0 0}.placeholder-panel{min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.placeholder-panel h2{font-size:17px;font-weight:550;margin:0}.placeholder-panel p{max-width:410px}footer{padding:30px 2px 8px;color:#686868;font-size:10px}footer span{padding:0 5px;color:#444}.footer-right{float:right}.mobile-brand{font-weight:800;letter-spacing:1px}.mobile-brand span{font-size:9px;color:#999;margin-left:5px;letter-spacing:2px}@media(max-width:1100px){.sidebar{width:220px}.main-area{margin-left:220px}.page-content{padding:30px 24px}.topbar{padding:0 24px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{display:none}.main-area{margin-left:0}.topbar{height:60px;padding:0 17px}.mobile-brand{display:flex}.breadcrumb,.secure-label{display:none}.top-actions{gap:10px}.page-content{padding:28px 16px 18px}.welcome-row{align-items:flex-start;flex-direction:column;margin-bottom:22px}.welcome-row .button{width:100%}.stats-grid{gap:9px}.stat-card{padding:15px 13px;min-height:130px}.stat-top{font-size:8px;letter-spacing:.8px}.stat-value{font-size:22px;margin:18px 0 7px}.stat-foot{font-size:9px;line-height:1.5}.panel{padding:17px}.panel-heading h2{font-size:16px}.empty-state{min-height:190px;padding:18px 5px}.notice{padding:15px;gap:10px}.footer-right{float:none;display:block;margin-top:8px}h1{font-size:30px}}@media(max-width:380px){.stats-grid{grid-template-columns:1fr}.stat-card{min-height:110px}.stat-value{margin:12px 0 5px}.panel-heading{align-items:flex-start;flex-direction:column}}.role-switch{background:#151515;border:1px solid #393939;border-radius:8px;color:#eee;padding:9px 11px;font-size:10px;white-space:nowrap}.role-switch:hover{background:#252525}.tag{display:inline-flex;align-items:center;border:1px solid #3b3b3b;border-radius:6px;padding:6px 8px;color:#bdbdbd;font-size:9px;letter-spacing:1px;white-space:nowrap}.shift-form{display:grid;gap:17px;margin-top:24px}.shift-form label{display:grid;gap:8px;color:#c9c9c9;font-size:11px}.shift-form input{width:100%;min-height:42px;border-radius:8px;border:1px solid #353535;background:#080808;color:#f5f5f5;padding:10px 12px;font:inherit}.shift-form input:focus{outline:2px solid #aaa;outline-offset:1px}.form-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.form-note{font-size:10px;color:#777;line-height:1.6;margin:0}.saved-shifts{margin-top:18px}.shift-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #292929}.shift-row:last-child{border-bottom:0}.shift-date{min-width:110px;font-size:12px;color:#ddd}.shift-details{display:grid;gap:5px;flex:1;min-width:0}.shift-details b{font-size:12px;font-weight:550;overflow-wrap:anywhere}.shift-details small{font-size:10px;color:#888}.empty-state.compact{min-height:130px}.mobile-brand img{display:block}@media(max-width:700px){.role-switch{font-size:9px;padding:8px}.form-row{grid-template-columns:1fr}.shift-row{align-items:flex-start;flex-wrap:wrap}.shift-date{min-width:100%;font-size:11px}.shift-row .tag{margin-left:auto}}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);background:#080808}.login-brand-panel{min-height:100vh;background:#030303;border-right:1px solid #252525;padding:clamp(32px,6vw,86px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-brand-panel:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #181818;border-radius:50%;right:-260px;bottom:-210px;box-shadow:0 0 0 50px #050505,0 0 0 51px #181818,0 0 0 105px #050505,0 0 0 106px #181818;pointer-events:none}.login-crest{width:clamp(170px,22vw,270px);height:clamp(170px,22vw,270px);object-fit:contain;align-self:flex-start;margin-bottom:36px;position:relative;z-index:1}.login-brand-panel .eyebrow{position:relative;z-index:1}.login-brand-panel h1{font-size:clamp(34px,4.3vw,56px);line-height:1.08;letter-spacing:-1.9px;position:relative;z-index:1}.login-tagline{font-size:14px;line-height:1.8;color:#969696;max-width:390px;position:relative;z-index:1}.login-bottom-note{position:absolute;left:clamp(32px,6vw,86px);bottom:34px;display:flex;align-items:center;gap:9px;color:#777;font-size:9px;letter-spacing:1.4px;z-index:1}.login-bottom-note .status-dot{background:#ddd}.login-form-panel{min-height:100vh;padding:36px clamp(24px,5vw,72px) 20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-form-wrap{width:100%;max-width:420px}.login-form-wrap>.eyebrow{margin-top:10px}.login-form-wrap h2{font-size:28px;letter-spacing:-.9px;margin:0;font-weight:600}.login-subtitle{margin:10px 0 28px}.auth-form{display:grid;gap:17px}.auth-form label{display:grid;gap:8px;font-size:11px;color:#c9c9c9}.auth-form input{width:100%;height:46px;background:#101010;border:1px solid #343434;border-radius:8px;padding:0 13px;color:#fff;font:inherit}.auth-form input:focus{outline:2px solid #aaa;outline-offset:1px}.auth-form input::placeholder{color:#666}.login-submit{height:46px;display:flex;align-items:center;justify-content:space-between;margin-top:5px}.login-submit span{font-size:17px}.auth-feedback{min-height:0;color:#cfcfcf;font-size:11px;line-height:1.6;margin:0}.auth-divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:#666;font-size:9px;letter-spacing:1.5px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#292929;flex:1}.login-footnote{font-size:10px;line-height:1.8;color:#777;margin:0}.prototype-entry{border:1px solid #292929;background:#101010;border-radius:10px;padding:16px;margin-top:26px}.prototype-entry>b{font-size:12px}.prototype-entry p{font-size:10px;line-height:1.7;color:#888;margin:7px 0 12px}.prototype-entry>div{display:flex;gap:8px;flex-wrap:wrap}.prototype-entry .button{margin-top:0;padding:9px 11px;font-size:10px}.login-mobile-logo{display:none}.login-footer{font-size:9px;color:#626262;margin-top:32px;width:100%;max-width:420px}.role-switch{max-width:150px}.top-actions{gap:12px}@media(max-width:850px){.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:28px 22px}.login-mobile-logo{display:flex;align-items:center;gap:12px;margin-bottom:40px}.login-mobile-logo img{width:54px;height:54px;object-fit:contain}.login-mobile-logo b{display:block;font-size:12px;letter-spacing:1px}.login-mobile-logo small{display:block;color:#888;font-size:9px;letter-spacing:1.4px;margin-top:5px}.login-form-wrap>.eyebrow{margin-top:0}.login-footer{margin-top:25px}.prototype-entry>div{display:grid;grid-template-columns:1fr}.prototype-entry .button{width:100%}}.panel-description{margin:8px 0 0;font-size:11px;line-height:1.7}.schedule-card{border:1px solid #292929;background:linear-gradient(135deg,#111,#090909);border-radius:11px;padding:17px;margin-top:12px}.schedule-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.schedule-card-main{display:flex;gap:18px;align-items:flex-start}.schedule-date-block{min-width:125px;padding-right:18px;border-right:1px solid #292929;display:grid;gap:8px}.schedule-date-block b{font-size:12px;color:#f1f1f1}.schedule-date-block small,.shift-details small{font-size:10px;color:#888;line-height:1.6}.shift-details h3{margin:0 0 7px;font-size:14px;font-weight:600}.shift-details{display:grid;gap:4px;min-width:0}.shift-instructions{margin:8px 0 0;padding:9px 11px;background:#080808;border-left:2px solid #777;color:#aaa;font-size:10px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.shift-status{font-size:10px;color:#aaa}.timeoff-panel{margin-top:18px}.timeoff-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #292929}.timeoff-row:last-child{border-bottom:0}.timeoff-icon{width:35px;height:35px;display:grid;place-items:center;background:#181818;border:1px solid #303030;border-radius:8px;color:#ddd;flex-shrink:0}.timeoff-row .shift-details{flex:1}.timeoff-row .tag{font-size:8px}.timeoff-row .text-button{font-size:10px}.shift-form textarea{width:100%;resize:vertical;min-height:82px;border-radius:8px;border:1px solid #353535;background:#080808;color:#f5f5f5;padding:12px;font:inherit;line-height:1.6}.shift-form textarea:focus{outline:2px solid #aaa;outline-offset:1px}.shift-form textarea::placeholder{color:#666}@media(max-width:700px){.schedule-card{padding:13px}.schedule-card-main{gap:12px}.schedule-date-block{min-width:100px;padding-right:12px}.timeoff-row{flex-wrap:wrap}.timeoff-row .shift-details{min-width:calc(100% - 55px)}.timeoff-row .tag{margin-left:47px}.timeoff-row .text-button{margin-left:auto}}.auth-form input,.shift-form input,.shift-form textarea{font-size:16px!important}.login-role-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:-8px 0 20px}.role-choice{min-height:46px;border:1px solid #383838;border-radius:8px;background:#111;color:#aaa;font-size:14px;font-weight:600}.role-choice.selected{background:#f5f5f5;color:#080808;border-color:#f5f5f5}.login-footnote b{color:#ddd;font-weight:650}.role-switch{display:none!important}@media(max-width:850px){.login-form-panel{padding-left:22px;padding-right:22px}.login-form-wrap{max-width:460px}.login-mobile-logo{margin-bottom:36px}}.desktop-management-action{display:inline-flex}@media(max-width:850px){.desktop-management-action,.manager-tools-panel,.schedule-editor{display:none!important}.auth-form input,.shift-form input,.shift-form textarea{font-size:16px!important}}.mobile-bottom-nav,.mobile-more-menu{display:none}.sign-out-button{border:1px solid #383838;background:#111;color:#ddd;border-radius:8px;padding:9px 12px;font:inherit;font-size:11px}.sign-out-button:hover{background:#202020;color:#fff}@media(max-width:850px){html,body,#app{width:100%;max-width:100%;overflow-x:hidden}.main-area{width:100%;min-width:0}.topbar,.top-actions{gap:8px}.sign-out-button{padding:8px 9px;font-size:10px}.page-content{width:100%;max-width:100%;min-width:0;padding-bottom:108px}.stats-grid,.content-grid{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}.stat-card,.panel,.schedule-card{min-width:0;max-width:100%}.form-row{grid-template-columns:minmax(0,1fr)}.schedule-card-main{min-width:0;flex-wrap:wrap}.schedule-date-block{min-width:0;max-width:100%;border-right:0;border-bottom:1px solid #292929;padding:0 0 10px;width:100%}.shift-details{width:100%;min-width:0;overflow-wrap:anywhere}.timeoff-row{min-width:0}.timeoff-row .shift-details{min-width:0;flex:1}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:20;left:0;right:0;bottom:0;padding:8px 7px calc(8px + env(safe-area-inset-bottom));background:#080808f7;border-top:1px solid #303030;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-nav-item{min-width:0;border:0;background:transparent;color:#858585;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 2px}.mobile-nav-item span{font-size:18px;line-height:1.1}.mobile-nav-item small{font-size:9px;white-space:nowrap}.mobile-nav-item.active{color:#fff}.mobile-nav-item.active span{transform:translateY(-1px)}.mobile-more-menu{display:grid;position:fixed;z-index:21;right:10px;bottom:calc(74px + env(safe-area-inset-bottom));width:min(250px,calc(100vw - 20px));max-height:min(60vh,440px);overflow:auto;background:#111;border:1px solid #363636;border-radius:13px;padding:8px;box-shadow:0 12px 40px #000b;gap:3px}.mobile-more-menu[hidden]{display:none}.mobile-more-menu button{border:0;background:transparent;color:#ddd;text-align:left;border-radius:8px;padding:12px;font:inherit;font-size:12px;display:flex;gap:12px;align-items:center}.mobile-more-menu button:hover{background:#222}.desktop-management-action,.schedule-editor,.manager-tools-panel{display:none!important}.welcome-row{min-width:0}.welcome-row h1{overflow-wrap:anywhere}.panel-heading{min-width:0;flex-wrap:wrap}.empty-state,.notice{min-width:0}footer{padding-bottom:10px}}@media(max-width:380px){.page-content,.topbar{padding-left:12px;padding-right:12px}.mobile-brand span{font-size:8px}.sign-out-button{font-size:9px;padding:7px}.mobile-nav-item small{font-size:8px}}@media(min-width:851px){.mobile-bottom-nav,.mobile-more-menu{display:none!important}}