:root{--staff-bg: #090806;--staff-panel: rgba(38, 34, 28, .72);--staff-panel-strong: rgba(46, 41, 33, .88);--staff-line: rgba(244, 180, 95, .28);--staff-line-soft: rgba(255, 255, 255, .11);--staff-text: #fff7ea;--staff-muted: rgba(255, 247, 234, .62);--staff-accent: #f4b45f;--staff-danger: #ff6b57;color:var(--staff-text);background:var(--staff-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#080807e0,#080807fa),radial-gradient(circle at 50% 8%,rgba(244,180,95,.13),transparent 28rem),linear-gradient(135deg,#11100d,#060504)}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}svg{width:1.2em;height:1.2em;flex:0 0 auto}.phoneShell{position:relative;width:min(100%,520px);min-height:100vh;margin:0 auto;padding:max(22px,env(safe-area-inset-top)) clamp(10px,4.2vw,18px) calc(112px + env(safe-area-inset-bottom));overflow-x:hidden}.phoneShell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0000002e,#000000c2),radial-gradient(circle at 50% 18%,rgba(255,255,255,.06),transparent 17rem),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 8px);pointer-events:none}.appHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.wordmark{border:0;background:transparent;color:var(--staff-accent);font-size:1.05rem;font-weight:800;letter-spacing:.42em;text-transform:uppercase;padding:0}.headerActions{display:flex;align-items:center;gap:12px}.circleButton,.avatarButton{position:relative;width:56px;height:56px;display:grid;place-items:center;border:1px solid var(--staff-line);border-radius:999px;background:linear-gradient(145deg,#ffffff14,#ffffff08);box-shadow:inset 0 1px #ffffff14,0 12px 28px #00000042}.avatarButton{background:radial-gradient(circle at 30% 20%,#f4b45f61,#f4b45f1f),#ffffff0a;font-size:1rem}.dot{position:absolute;top:6px;right:8px;width:12px;height:12px;border-radius:999px;background:var(--staff-accent)}.screenContent,.screenStack{display:grid;gap:16px}.screenTitle{display:grid;gap:6px}.screenTitle p{margin:0;color:var(--staff-text);font-family:Georgia,Times New Roman,serif;font-size:1.1rem}.screenTitle h1{margin:0;color:var(--staff-text);font-family:Georgia,Times New Roman,serif;font-size:clamp(2.3rem,9.5vw,4.9rem);line-height:.94;letter-spacing:0;text-wrap:balance}.screenTitle span{color:var(--staff-muted);font-size:1rem;line-height:1.35}.sectionHeading{margin:8px 0 -4px;font-family:Georgia,Times New Roman,serif;font-size:1.35rem}.mockBottomNav{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));z-index:20;width:min(520px,calc(100vw - 28px));display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;transform:translate(-50%);border:1px solid var(--staff-line);border-radius:20px;padding:10px;background:#0a0907e6;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 18px 50px #0000007a}.mockBottomNav button{min-width:0;min-height:58px;border:0;border-radius:14px;background:transparent;color:#fff7ea94;display:grid;justify-items:center;align-content:center;gap:4px;font-size:.67rem}.mockBottomNav svg{font-size:1.5rem}.mockBottomNav button.active{color:var(--staff-accent);background:#f4b45f21}.statusCard,.metricCard,.quickAccess button,.summaryBar,.shiftMockRow,.listMockRow,.uploadDrop,.cameraButton,.infoLine,.mediaRow,.trainingProgress,.nextTraining,.newsRow,.detailGlass,.profileHero,.infoSection,.settingsGlass,.emptyMock,.segmented,.requestTiles button,.requestPanel,.tipLine,.trainingDetail,.searchBox,.nfcCard{border:1px solid var(--staff-line-soft);border-radius:22px;background:linear-gradient(145deg,#ffffff18,#ffffff0b);box-shadow:inset 0 1px #ffffff12,0 18px 44px #0000003b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.statusCard{display:grid;grid-template-columns:1fr auto;gap:clamp(10px,3.2vw,14px);padding:clamp(18px,5vw,22px);border-color:var(--staff-line)}.statusCard h2{margin:8px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:3rem;line-height:.95;white-space:nowrap}.statusCard p,.statusCard small{display:flex;align-items:center;gap:9px;margin:0;color:var(--staff-muted)}.statusCard .goldButton{grid-column:1 / -1;position:relative;margin-top:4px}.statusCard .goldButton:before{content:"";position:absolute;left:0;right:0;top:-18px;height:1px;background:var(--staff-line-soft)}.statusCard small{grid-column:1 / -1;font-size:.86rem}.cardKicker{color:var(--staff-accent)!important;font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.statusDial{position:relative;width:106px;height:106px;display:grid;place-items:center;border:1px solid var(--staff-accent);border-radius:999px;color:var(--staff-text);background:radial-gradient(circle,#f4b45f33,#f4b45f08);box-shadow:0 0 0 22px #f4b45f06}.statusDial:before{content:"";position:absolute;width:146px;height:146px;border-radius:999px;background:repeating-conic-gradient(from 0deg,rgba(244,180,95,.5) 0 1.5deg,transparent 1.5deg 6deg);mask:radial-gradient(circle,transparent 58%,#000 59%);opacity:.52;pointer-events:none}.statusDial svg{width:48px;height:48px}.goldButton{min-height:58px;border:0;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(180deg,#ffd27f,var(--staff-accent));color:#14100a;font-size:1rem;font-weight:800;box-shadow:0 16px 36px #f4b45f29}.metricGrid.mock{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metricCard{min-height:118px;padding:clamp(13px,3.6vw,16px);display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-content:start}.metricCard>div,.iconBox,.metricInline>div{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--staff-line);border-radius:14px;color:var(--staff-accent);background:#f4b45f14}.metricCard span{color:var(--staff-muted);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.metricCard strong{grid-column:2;font-family:Georgia,Times New Roman,serif;font-size:1.65rem;line-height:1}.metricCard p{grid-column:2;margin:0;color:var(--staff-muted)}.metricCard.accent{border-color:var(--staff-line);color:#ffd27f}.quickAccess{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quickAccess button,.dualActions button{min-height:66px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid var(--staff-line-soft);padding:0 16px;text-align:left}.quickAccess svg:first-child,.dualActions svg:first-child{color:var(--staff-accent)}.segmented{display:grid;grid-auto-flow:column;padding:5px}.segmented button{min-height:52px;border:0;border-radius:15px;background:transparent;color:var(--staff-muted);font-size:1rem}.segmented button.active{color:#150f08;background:linear-gradient(180deg,#ffd27f,var(--staff-accent))}.weekStrip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;border:1px solid var(--staff-line-soft);border-radius:20px;padding:10px;background:#ffffff0b}.weekStrip div{min-height:66px;border-radius:14px;display:grid;justify-items:center;align-content:center;gap:2px;color:var(--staff-muted)}.weekStrip div.active{border:1px solid var(--staff-line);color:var(--staff-accent);background:#f4b45f1c}.weekStrip span{font-size:.72rem;text-transform:uppercase}.weekStrip strong{font-family:Georgia,Times New Roman,serif;font-size:1.4rem}.weekStrip i{width:6px;height:6px;border-radius:999px;background:var(--staff-accent)}.summaryBar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:18px;gap:18px}.metricInline{display:grid;grid-template-columns:auto 1fr;gap:2px 14px}.metricInline span{color:var(--staff-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.metricInline strong{font-family:Georgia,Times New Roman,serif;font-size:1.5rem}.metricInline p{margin:0;color:var(--staff-muted);grid-column:2}.shiftMockRow,.listMockRow,.mediaRow,.newsRow{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:16px}.dateBlock{min-width:54px;padding-right:12px;border-right:1px solid var(--staff-line-soft);display:grid;justify-items:center}.dateBlock span{color:var(--staff-accent);font-size:.72rem;text-transform:uppercase}.dateBlock strong{font-family:Georgia,Times New Roman,serif;font-size:1.6rem}.shiftMockRow h3,.listMockRow h3,.mediaRow h3,.newsRow h3{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.28rem;line-height:1.05}.shiftMockRow p,.listMockRow p,.mediaRow p,.newsRow span,.muted{margin:3px 0 0;color:var(--staff-muted)}.statusPill{width:max-content;max-width:120px;border:1px solid var(--staff-line-soft);border-radius:999px;padding:7px 11px;color:var(--staff-muted);font-size:.72rem;text-transform:uppercase;white-space:nowrap}.statusPill.ok{color:#9edc82;border-color:#9edc8247;background:#2969222e}.statusPill.warn{color:var(--staff-accent);border-color:var(--staff-line);background:#f4b45f1f}.statusPill.bad{color:#ff9a8b;border-color:#ff6b5752;background:#ff6b571a}.dualActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dualActions button{grid-template-columns:auto 1fr;align-content:center;border-radius:18px;background:#ffffff0b}.dualActions span{grid-column:2;color:var(--staff-muted);font-size:.84rem}.requestTiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.requestTiles button{min-height:112px;display:grid;align-content:center;justify-items:start;gap:14px;padding:16px;color:var(--staff-text);text-align:left;font-family:Georgia,Times New Roman,serif;font-size:1.14rem}.requestTiles svg{color:var(--staff-accent)}.requestTiles button.active{border-color:var(--staff-line);background:#f4b45f1f}.requestPanel{display:grid;gap:12px;padding:18px}.requestPanel h3{margin:0;color:var(--staff-accent);font-family:Georgia,Times New Roman,serif;font-size:1.35rem}.requestPanel p{margin:0;color:var(--staff-muted);line-height:1.4}.requestForm{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.requestForm textarea{grid-column:1 / -1}.swapForm{display:grid;gap:8px}.swapForm textarea{min-height:82px}.rowActions{display:grid;gap:6px;justify-items:end}input,textarea,select{width:100%;min-height:48px;border:1px solid var(--staff-line-soft);border-radius:14px;background:#ffffff0f;color:var(--staff-text);padding:0 14px;outline:none}textarea{min-height:94px;padding:12px 14px;resize:vertical}input::placeholder,textarea::placeholder{color:#fff7ea73}.uploadDrop{min-height:190px;display:grid;place-items:center;align-content:center;gap:10px;border:1px dashed var(--staff-accent);color:var(--staff-muted)}.uploadDrop input,.cameraButton input{display:none}.uploadDrop svg{width:54px;height:54px;color:var(--staff-accent)}.uploadDrop strong{color:var(--staff-accent);font-size:1.2rem}.cameraButton{min-height:56px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--staff-accent)}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.chips button{min-height:46px;border:1px solid var(--staff-line-soft);border-radius:999px;background:#ffffff0e;color:var(--staff-text);padding:0 16px;white-space:nowrap}.chips button.active{color:#130f09;background:linear-gradient(180deg,#ffd27f,var(--staff-accent))}.captionBox{min-height:82px}.infoLine,.tipLine{padding:15px 17px;color:var(--staff-muted)}.mediaRow{grid-template-columns:92px 1fr auto}.mediaRow img,.videoThumb{width:92px;height:72px;object-fit:cover;border-radius:12px;background:#f4b45f14;display:grid;place-items:center}.trainingProgress{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px;overflow:hidden}.trainingProgress div{display:grid;justify-items:center;gap:6px}.trainingProgress span{color:var(--staff-accent);text-transform:uppercase;letter-spacing:.15em;font-size:.68rem}.trainingProgress strong{font-family:Georgia,Times New Roman,serif;font-size:2rem}.trainingProgress i{grid-column:1 / -1;height:8px;border-radius:999px;background:linear-gradient(90deg,#ffd27f,var(--staff-accent))}.trainingProgress p{grid-column:1 / -1;margin:0;color:var(--staff-muted)}.nextTraining{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 16px;padding:22px;border-color:var(--staff-accent)}.nextIcon{grid-row:1 / span 4;width:86px;height:86px;border:1px solid var(--staff-line);border-radius:999px;display:grid;place-items:center;color:var(--staff-accent);background:#f4b45f14}.nextTraining p{margin:0;color:var(--staff-accent);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.nextTraining h3{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.45rem}.nextTraining span,.nextTraining small{color:var(--staff-muted)}.nextTraining .goldButton{grid-column:3;grid-row:3 / span 2;align-self:center;min-width:136px}.rowProgress{display:block;max-width:90px;height:7px;margin-top:8px;border-radius:999px;background:linear-gradient(90deg,#ffd27f,var(--staff-accent))}.trainingDetail{padding:20px;display:grid;gap:14px}.trainingDetail h3{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.8rem}.trainingDetail img{width:100%;max-height:260px;object-fit:cover;border-radius:16px}.trainingDetail p{color:var(--staff-muted);line-height:1.5}.quizBlock{display:grid;gap:8px}.quizBlock button{min-height:48px;border:1px solid var(--staff-line-soft);border-radius:14px;background:#ffffff0d;text-align:left;padding:0 14px}.quizBlock button.active{border-color:var(--staff-accent);color:var(--staff-accent)}.searchBox{min-height:56px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 16px}.searchBox input{border:0;background:transparent;padding:0}.newsRow{grid-template-columns:auto 1fr auto auto;cursor:pointer}.newsRow.pinned{border-color:var(--staff-line)}.newsRow p{margin:0 0 4px;color:var(--staff-accent);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.newsRow small{display:block;margin-top:8px;color:var(--staff-muted)}.newsRow i{width:9px;height:9px;border-radius:999px;background:var(--staff-accent)}.profileHero{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:20px}.bigAvatar{width:94px;height:94px;border:1px solid var(--staff-accent);border-radius:999px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#f4b45f59,#f4b45f14);font-size:2rem}.profileHero h2{margin:6px 0 2px;font-family:Georgia,Times New Roman,serif;font-size:1.8rem}.profileHero p{margin:0 0 10px;color:var(--staff-accent)}.profileIdentity{min-width:0;align-self:center}.miniMetrics{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.miniMetrics .metricCard{min-height:96px;padding:10px;grid-template-columns:auto 1fr}.miniMetrics .metricCard>div{width:40px;height:40px}.miniMetrics .metricCard strong{font-size:1.2rem}.infoSection,.settingsGlass,.detailGlass{padding:18px}.infoSection h3,.settingsGlass h3{margin:0 0 12px;color:var(--staff-accent);display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem}.infoSection div,.settingsGlass button{min-height:46px;border:0;border-top:1px solid var(--staff-line-soft);background:transparent;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--staff-text);width:100%;text-align:left}.infoSection span,.settingsGlass span{color:var(--staff-muted)}.logoutRow{color:var(--staff-danger)!important}.loginMock{min-height:100vh;display:grid;align-content:center;gap:18px;padding:30px 26px;background-position:center;background-size:cover}.loginMock.simple{background:var(--staff-bg)}.loginLogoWrap{width:min(280px,72vw);min-height:130px;margin:0 auto 12px;display:grid;place-items:center}.loginLogoWrap img{max-width:100%;max-height:160px;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(0,0,0,.7))}.loginTextLogo{color:#fff;font-family:Georgia,Times New Roman,serif;font-size:4rem;font-weight:800}.loginMock h1{margin:0;text-align:center;font-family:Georgia,Times New Roman,serif;font-size:3.1rem}.loginMock>p{margin:-6px 0 12px;text-align:center;color:var(--staff-muted);font-size:1.1rem}.loginForm{display:grid;gap:14px}.mockInput{min-height:64px;border:1px solid var(--staff-line);border-radius:18px;background:#ffffff0f;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 16px;color:var(--staff-accent)}.mockInput input{border:0;background:transparent;min-height:58px;padding:0;color:var(--staff-text)}.mockInput button{border:0;background:transparent;color:var(--staff-accent)}.orLine{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;color:var(--staff-accent);letter-spacing:.18em}.orLine span{height:1px;background:var(--staff-line-soft)}.outlineWide{min-height:58px;border:1px solid var(--staff-line);border-radius:18px;background:#ffffff09;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--staff-accent)}.linkButton{border:0;background:transparent;color:var(--staff-accent);text-decoration:underline;font-size:1rem}.loginMock footer{margin-top:18px;border-top:1px solid var(--staff-line-soft);padding-top:24px;color:var(--staff-muted);display:flex;justify-content:center;align-items:center;gap:10px}.notice,.emptyMock{border:1px solid var(--staff-line-soft);border-radius:14px;padding:12px 14px;background:#f4b45f1a;color:#ffe0af}.notice.danger{border-color:#ff6b5759;background:#ff6b571f;color:#ffc7be}.tinyButton,.backButton{width:max-content;min-height:38px;border:1px solid var(--staff-line-soft);border-radius:999px;background:#ffffff0b;padding:0 13px}.sectionLine{display:flex;justify-content:space-between;align-items:center;gap:12px}.sectionLine h3{margin:0}.sectionLine button{border:0;background:transparent;color:var(--staff-accent)}.nfcCard{position:fixed;left:18px;right:18px;bottom:108px;z-index:30;max-width:484px;margin:0 auto;padding:18px;background:#140f0af5}@media(max-width:390px){.phoneShell{padding-left:10px;padding-right:10px}.mockBottomNav{width:calc(100vw - 16px);padding:7px}.mockBottomNav button{font-size:.6rem;min-height:52px}.screenTitle h1{font-size:clamp(2.25rem,9.35vw,2.55rem)}.screenTitle p{font-size:1rem}.screenTitle span{font-size:.92rem}.statusCard h2{font-size:2.05rem}.statusDial{width:82px;height:82px}.statusDial:before{width:116px;height:116px}.statusDial svg{width:38px;height:38px}.metricGrid.mock,.quickAccess,.dualActions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.summaryBar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.metricCard{min-height:104px;gap:3px 9px}.metricCard>div,.iconBox,.metricInline>div{width:42px;height:42px;border-radius:12px}.metricCard span,.metricInline span{font-size:.62rem;letter-spacing:.1em}.metricCard strong{font-size:1.35rem}.metricCard p,.metricInline p,.quickAccess button span{font-size:.78rem}.quickAccess button,.dualActions button{min-height:60px;padding:0 10px;gap:8px}.requestTiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.requestTiles button{min-height:96px;padding:12px;font-size:.95rem}.requestForm{grid-template-columns:1fr}.shiftMockRow,.listMockRow,.mediaRow,.newsRow{gap:9px;padding:13px}.listMockRow{grid-template-columns:auto minmax(0,1fr) auto}.rowActions{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:stretch}.rowActions .tinyButton{width:100%}.statusPill{max-width:92px;padding:6px 8px;font-size:.62rem}.nextTraining{grid-template-columns:auto minmax(0,1fr);padding:16px;gap:8px 12px}.nextIcon{grid-column:1;grid-row:2 / span 3;width:62px;height:62px}.nextTraining p{grid-column:1 / -1}.nextTraining h3{font-size:1.2rem}.nextTraining span{font-size:.86rem}.nextTraining .statusPill{grid-column:2;grid-row:2;justify-self:start}.nextTraining h3,.nextTraining span,.nextTraining small{grid-column:2}.nextTraining .goldButton{grid-column:1 / -1;grid-row:auto;min-width:0;min-height:48px}.profileHero{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:16px}.bigAvatar{width:74px;height:74px;font-size:1.45rem}.profileHero h2{font-size:1.45rem;overflow-wrap:anywhere}.miniMetrics{grid-template-columns:1fr}}