:root{color-scheme:dark;font-family:Assistant,Rubik,Segoe UI,Arial,sans-serif;background:#050505;color:#fff;--bg: #050505;--surface: #111113;--surface-2: #19191d;--surface-3: #222228;--line: rgba(255, 255, 255, .12);--soft-line: rgba(255, 255, 255, .08);--text: #ffffff;--muted: #a7a7af;--red: #e50914;--red-2: #a90710;--red-soft: rgba(229, 9, 20, .16);--green: #30d17d;--danger: #ff4d57;--shadow: 0 24px 80px rgba(0, 0, 0, .55)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{min-height:100%;background:#050505;touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-width:320px;min-height:100dvh;margin:0;background:linear-gradient(135deg,rgba(229,9,20,.15),transparent 28%),repeating-linear-gradient(120deg,rgba(255,255,255,.03) 0 1px,transparent 1px 9px),#050505;color:var(--text);overflow-x:hidden;touch-action:pan-x pan-y}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}input,select,textarea{touch-action:manipulation;user-select:text;-webkit-user-select:text}button:disabled{cursor:not-allowed;opacity:.48}.app{position:relative;width:100%;max-width:430px;min-height:100dvh;margin:0 auto;isolation:isolate;background:linear-gradient(180deg,rgba(229,9,20,.09),transparent 210px),var(--bg);box-shadow:var(--shadow);overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-x pan-y}.top-grain{position:fixed;top:0;right:0;bottom:0;left:0;max-width:430px;margin:0 auto;pointer-events:none;opacity:.45;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 70%);mask-image:linear-gradient(to bottom,black,transparent 70%)}.screen{min-height:100dvh;padding:24px 18px calc(28px + env(safe-area-inset-bottom))}.screen.with-nav{padding-top:calc(96px + env(safe-area-inset-top));padding-bottom:calc(106px + env(safe-area-inset-bottom))}.app-header{position:fixed;top:0;right:50%;z-index:10;display:grid;width:100%;max-width:430px;min-height:72px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"logout logo greeting";align-items:center;direction:ltr;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;transform:translate(50%);border-bottom:1px solid var(--soft-line);background:#050505e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-greeting{display:grid;grid-area:greeting;justify-self:end;min-width:0;direction:rtl;text-align:right}.header-greeting strong{display:block;max-width:145px;overflow:hidden;color:var(--text);font-size:16px;font-weight:900;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.header-logo{display:grid;grid-area:logo;width:54px;height:54px;place-items:center;border:1px solid rgba(229,9,20,.22);border-radius:50%;background:radial-gradient(circle,#e5091424,#0b0b0cc7)}.header-logo img,.login-logo img{display:block;object-fit:contain;background:transparent;filter:drop-shadow(0 8px 18px rgba(0,0,0,.34));-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.header-logo img{width:46px;height:46px}.logout-button{display:inline-flex;grid-area:logout;min-width:74px;min-height:44px;align-items:center;justify-content:center;justify-self:start;gap:7px;border:1px solid var(--line);border-radius:999px;background:#ffffff0f;color:var(--text);direction:rtl;font-weight:900}.login-screen{display:flex;min-height:calc(100dvh - 48px);flex-direction:column;justify-content:center;gap:22px}.login-logo{display:grid;width:128px;height:128px;place-items:center;margin:0 auto 4px;border:1px solid rgba(229,9,20,.28);border-radius:50%;background:radial-gradient(circle,rgba(229,9,20,.18),transparent 63%),#09090ab8;box-shadow:0 20px 50px #e509143d}.login-logo img{width:112px;height:112px}.intro-copy,.section-heading{display:grid;gap:6px}.intro-copy{text-align:center}.eyebrow{margin:0;color:var(--red);font-size:12px;font-weight:800;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:38px;line-height:1;font-weight:900}.login-screen h1{font-family:"Bauhaus 93",Assistant,Rubik,Segoe UI,Arial,sans-serif}h2{font-size:28px;line-height:1.12;font-weight:900}.intro-copy p:last-child,.section-heading p:last-child{color:var(--muted);font-size:15px;line-height:1.55}.panel,.session-card,.next-session-card,.trainee-card,.history-card,.empty-state,.notice,.status-banner{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent),var(--surface)}.auth-panel,.form-panel{display:grid;gap:16px;padding:16px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;border:1px solid var(--soft-line);border-radius:8px;background:#080809}.segmented button{display:flex;min-height:48px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-weight:800}.segmented button.active{background:var(--red);color:#fff;box-shadow:0 10px 26px #e5091459}.field{display:grid;gap:8px;color:var(--muted);font-size:13px;font-weight:800}.field input,.field select,.input-with-icon{width:100%;min-height:54px;border:1px solid var(--line);border-radius:8px;background:#09090b;color:var(--text)}.field input,.field select{padding:0 14px;outline:none}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-with-icon{display:flex;align-items:center;gap:10px;padding:0 12px}.input-with-icon input{min-height:50px;padding:0;border:0;background:transparent}.primary-button,.secondary-button,.danger-button,.success-button,.ghost-button,.back-button{display:flex;width:100%;min-height:54px;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-weight:900;line-height:1.2}.primary-button{border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#f01420,#b40710);color:#fff;box-shadow:0 14px 34px #e5091447}.secondary-button,.ghost-button,.back-button{border:1px solid var(--line);background:#ffffff0f;color:var(--text)}.danger-button{border:1px solid rgba(255,77,87,.35);background:#ff4d571f;color:#fff}.success-button{border:1px solid rgba(48,209,125,.35);background:#30d17d24;color:#fff}.button-label{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0}.button-label span{overflow-wrap:anywhere}.ghost-button{margin-top:2px}.back-button{width:auto;min-height:44px;justify-content:flex-start;padding:0;border:0;background:transparent;color:var(--muted)}.demo-hint,.session-meta,.mini-stats,.capacity-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.demo-hint{color:var(--muted);font-size:12px}.error-text{display:flex;align-items:center;gap:7px;color:#ff858d;font-size:13px;font-weight:800}.stack,.card-list{display:grid;gap:14px}.section-heading{margin-bottom:2px}.notice,.status-banner{display:flex;min-height:52px;align-items:center;gap:9px;padding:13px 14px;color:#f5f5f5;font-size:13px;font-weight:800}.notice{background:#e509141f}.day-tabs{display:flex;gap:8px;margin-inline:-18px;padding:0 18px 2px;overflow-x:auto;scrollbar-width:none}.day-tabs::-webkit-scrollbar{display:none}.day-tabs button{flex:0 0 auto;min-width:78px;min-height:44px;border:1px solid var(--line);border-radius:999px;background:#ffffff0f;color:var(--muted);font-weight:900}.day-tabs button.active{border-color:#e5091473;background:var(--red);color:#fff;box-shadow:0 12px 28px #e509143d}.next-session-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;background:linear-gradient(135deg,rgba(229,9,20,.2),transparent 58%),var(--surface-2)}.next-session-card>div:first-child{display:grid;min-width:0;gap:5px}.next-session-card span,.next-session-card small{color:var(--muted);font-size:13px;font-weight:800}.next-session-card strong{overflow-wrap:anywhere;font-size:20px;line-height:1.18}.status-banner.cancelled{border-color:#ff4d5759;background:#ff4d571f}.session-card,.trainee-card,.history-card{display:grid;gap:14px;padding:15px}.session-card{cursor:pointer}.expanded-session-card{border-color:#e509146b;background:linear-gradient(135deg,rgba(229,9,20,.12),transparent 56%),var(--surface);box-shadow:0 18px 38px #0000003d;transform:scale(1.012)}.day-session-card .session-top strong{font-size:24px}.today-section{display:grid;gap:12px;padding:14px;border:1px solid var(--soft-line);border-radius:8px;background:#ffffff09}.compact-heading h2{font-size:22px}.compact-empty{min-height:132px}.muted-card{opacity:.62}.session-top,.trainee-line,.history-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.session-top>div:first-child,.trainee-line>div:last-child,.history-card>div:first-child{display:grid;min-width:0;gap:5px}.session-top strong,.trainee-line strong,.history-card strong{overflow-wrap:anywhere;font-size:17px}.session-top span,.trainee-line span,.history-card span,.session-meta span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.registered-names{display:grid;gap:9px;padding:12px;border:1px solid var(--soft-line);border-radius:8px;background:#ffffff0b}.registered-names>span,.registered-names small{color:var(--muted);font-size:12px;font-weight:900}.registered-names>div{display:flex;flex-wrap:wrap;gap:8px}.registered-names strong{min-height:30px;padding:6px 10px;border:1px solid rgba(229,9,20,.28);border-radius:999px;background:#e509141f;color:#fff;font-size:13px;font-weight:900}.time-badge,.pill{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:0 10px;border:1px solid rgba(229,9,20,.4);border-radius:999px;background:var(--red-soft);color:#fff;font-size:13px;font-weight:900}.time-badge.cancelled,.pill.cancelled{border-color:#ffffff29;background:#ffffff14}.pill.success{border-color:#30d17d66;background:#30d17d29}.pill.danger{border-color:#ff4d5766;background:#ff4d5729}.pill.warning{border-color:#ffc95a73;background:#ffc95a29}.hot-text{color:#ff7078!important}.metric-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-strip.two{grid-template-columns:1fr 1fr}.metric{display:grid;min-height:78px;align-content:center;gap:4px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.metric strong{font-size:26px;line-height:1}.metric span{color:var(--muted);font-size:12px;font-weight:800}.readonly-training,.capacity-row{min-height:58px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#09090b}.readonly-training{display:flex;align-items:center;gap:11px}.readonly-training div{display:grid;gap:3px}.readonly-training span,.capacity-row span{color:var(--muted);font-size:12px;font-weight:800}.readonly-training strong,.capacity-row strong{font-size:17px}.avatar{display:grid;flex:0 0 auto;width:46px;height:46px;place-items:center;border:1px solid rgba(229,9,20,.36);border-radius:50%;background:#e5091426;font-weight:900}.attendance-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mark-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:#ffffff0f;color:var(--text);font-weight:900}.mark-button.active{border-color:#30d17d73;background:#30d17d29}.mark-button.active.danger{border-color:#ff4d5773;background:#ff4d5729}.mini-stats{justify-content:flex-start;flex-wrap:wrap}.mini-stats span{min-height:30px;padding:6px 9px;border:1px solid var(--soft-line);border-radius:999px;color:var(--muted);font-size:12px;font-weight:800}.empty-state{display:grid;min-height:170px;place-items:center;gap:7px;padding:24px;color:var(--muted);text-align:center}.empty-state strong{color:var(--text);font-size:18px}.empty-state span{font-size:14px;line-height:1.45}.search-field{margin-bottom:2px}.bottom-nav{position:fixed;right:50%;bottom:0;z-index:12;display:grid;width:100%;max-width:430px;grid-template-columns:repeat(3,1fr);gap:6px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));transform:translate(50%);border-top:1px solid var(--line);background:#070708eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{display:grid;min-height:58px;place-items:center;gap:4px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:11px;font-weight:900}.bottom-nav button.active{border-color:#e5091459;background:#e5091429;color:#fff}@media(prefers-reduced-motion:no-preference){.primary-button,.secondary-button,.danger-button,.success-button,.ghost-button,.mark-button,.logout-button,.day-tabs button,.bottom-nav button,.session-card,.next-session-card,.trainee-card{transition:transform .12s ease,border-color .14s ease,background .14s ease,opacity .14s ease}button:active:not(:disabled),.session-card:active,.next-session-card:active,.trainee-card:active{transform:scale(.988)}}