:root{--text:#9aa6b8;--text-h:#f7fbff;--bg:#05070b;--surface:#0d1119;--surface-raised:#141a25;--border:#202b3b;--accent:#168bff;--accent-bright:#61d8ff;--accent-bg:#168bff21;--accent-border:#3ab2ff73;--shadow:0 20px 70px #00000073;--glow:0 0 32px #168bff59;--sans:Inter, system-ui, "Segoe UI", sans-serif;--heading:Montserrat, Inter, system-ui, sans-serif;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{background:var(--bg)}body{min-width:320px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent-bright);outline-offset:3px}#root{min-height:100svh}h1,h2{color:var(--text-h);font-family:var(--heading);margin-top:0}h1{letter-spacing:-.055em;font-size:clamp(2.25rem,7vw,4.5rem);line-height:.98}h2{font-size:1.1rem}p{margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}#app-shell{background:radial-gradient(circle at 85% 5%, #168bff1f, transparent 27rem), var(--bg);min-height:100svh}#sidebar{z-index:20;border-right:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080b11f0;flex-direction:column;width:260px;padding:32px 20px;display:flex;position:fixed;inset:0 auto 0 0}#brand{color:var(--text-h);margin:0 12px 34px;display:grid}#brand img{width:172px;height:auto}#brand small{color:var(--text);letter-spacing:.18em;text-transform:uppercase;margin-top:6px;font-size:.68rem;font-weight:700}#member-summary{border:1px solid var(--border);background:var(--surface);border-radius:16px;align-items:center;gap:12px;margin-bottom:26px;padding:12px;display:flex}#member-summary img{object-fit:cover;border-radius:50%;width:40px;height:40px}#member-summary div{display:grid}#member-summary span{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}#member-summary strong{color:var(--text-h)}#primary-navigation{flex:1;gap:5px;display:grid}#primary-navigation a{min-height:46px;color:var(--text);border-radius:13px;align-items:center;gap:13px;padding:0 13px;text-decoration:none;transition:color .2s,background .2s,transform .2s;display:flex}#primary-navigation a>span{color:#708097;text-align:center;width:24px;font-size:1.25rem}#primary-navigation a:hover{color:var(--text-h);transform:translate(3px)}#primary-navigation a[aria-current=page]{color:#fff;box-shadow:inset 3px 0 var(--accent-bright);background:linear-gradient(110deg,#168bff3d,#168bff0f)}#primary-navigation a[aria-current=page]>span{color:var(--accent-bright)}#logout-button{border:1px solid var(--border);min-height:44px;color:var(--text);cursor:pointer;background:0 0;border-radius:13px}#app-content{width:min(1180px,100% - 260px);min-height:100svh;margin-left:260px;padding:64px clamp(32px,5vw,72px) 120px}#mobile-header,#menu-backdrop,#quick-access{display:none}#page-header,#dashboard-header{max-width:760px;margin-bottom:36px}#page-header>p:first-child,#dashboard-header>p:first-child,#profile-summary>div>p:first-child{color:var(--accent-bright);letter-spacing:.15em;text-transform:uppercase;font-size:.72rem;font-weight:800}#page-header h1,#dashboard-header h1,#profile-summary h1{text-transform:uppercase;margin:12px 0 16px}#dashboard-pass{border:1px solid var(--accent-border);color:#fff;min-height:190px;box-shadow:var(--glow);isolation:isolate;background:linear-gradient(125deg,#092b56 0%,#087ced 58%,#42c8ff 140%);border-radius:26px;justify-content:space-between;align-items:flex-end;margin-bottom:28px;padding:30px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}#dashboard-pass:after{content:"";z-index:-1;border:42px solid #ffffff1f;border-radius:50%;width:270px;height:270px;position:absolute;top:-150px;right:-50px}#dashboard-pass:hover{transform:translateY(-3px);box-shadow:0 24px 70px #168bff61}#dashboard-pass span{display:grid}#dashboard-pass small{letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-weight:700}#dashboard-pass strong{font:800 clamp(1.7rem, 4vw, 2.5rem)/1 var(--heading);text-transform:uppercase}#dashboard-pass em{opacity:.85;margin-top:12px;font-style:normal}#dashboard-pass b{text-shadow:0 0 25px #ffffff73;font-size:5.5rem;line-height:.8}#feature-grid,#profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}#feature-grid>a,#profile-grid article{border:1px solid var(--border);min-height:118px;color:var(--text);background:linear-gradient(145deg, var(--surface-raised), var(--surface));border-radius:20px;align-items:center;gap:16px;padding:22px;text-decoration:none;transition:border .2s,transform .2s,background .2s;display:flex}#feature-grid>a:hover{border-color:var(--accent-border);background:var(--accent-bg);transform:translateY(-2px)}#feature-grid>a>span{width:48px;height:48px;color:var(--accent-bright);background:var(--accent-bg);border-radius:15px;flex:none;place-items:center;font-size:1.6rem;display:grid}#feature-grid h2{margin:0 0 3px}#feature-grid p{font-size:.88rem}#feature-grid b{color:var(--accent-bright);margin-left:auto;font-size:1.8rem}#profile-summary{align-items:center;gap:24px;display:flex}#profile-summary img{border:2px solid var(--accent);object-fit:cover;width:112px;height:112px;box-shadow:var(--glow);border-radius:50%}#profile-grid article{display:block}#profile-grid dl,#profile-grid dd{margin:0}#profile-grid dl{gap:16px;margin-top:22px;display:grid}#profile-grid dt{color:var(--text);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}#profile-grid dd{color:var(--text-h);margin-top:3px}#language-options{border:1px solid var(--border);border-radius:20px;flex-wrap:wrap;gap:10px;max-width:720px;padding:24px;display:flex}#language-options legend{color:var(--text-h);padding:0 8px}#language-options button,#access-card button{border:1px solid var(--accent-border);min-height:46px;color:var(--accent-bright);background:var(--accent-bg);cursor:pointer;border-radius:13px;padding:9px 14px}#language-options button[aria-pressed=true]{color:#03101c;background:var(--accent-bright)}#login-page{background:radial-gradient(circle at 50% 10%, #168bff38, transparent 28rem), var(--bg);place-items:center;min-height:100svh;padding:24px;display:grid}#login-card{border:1px solid var(--border);width:min(460px,100%);box-shadow:var(--shadow);background:#0d1119eb;border-radius:24px;padding:40px}#login-card #brand{margin-left:0}#login-form{gap:10px;display:grid}#login-form input:not([type=checkbox]){border:1px solid var(--border);min-height:48px;color:var(--text-h);background:var(--bg);border-radius:12px;padding:12px}#remember-option{gap:8px;margin:6px 0;display:flex}#login-form button{color:#fff;background:var(--accent);cursor:pointer;min-height:50px;box-shadow:var(--glow);border:0;border-radius:13px;font-weight:800}#form-error{color:#ff7c8b}#access-card{border:1px solid var(--accent-border);background:var(--surface);width:min(520px,100%);box-shadow:var(--glow);border-radius:26px;gap:16px;padding:24px;display:grid}#qr-code{aspect-ratio:1;background:#fff;border-radius:18px;place-items:center;padding:18px;display:grid}#qr-code img{object-fit:contain;width:100%;height:100%}#access-status{justify-content:space-between;gap:12px;display:flex}#access-status strong{color:var(--text-h)}#access-card button:disabled{opacity:.45}#wake-lock-button{box-shadow:var(--glow);font-weight:800;color:#03101c!important;background:var(--accent-bright)!important}#access-help{max-width:520px;margin-top:18px;font-size:.88rem}#data-table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:20px;overflow-x:auto}#data-table{border-collapse:collapse;text-align:left;width:100%}#data-table caption{color:var(--text-h);font:800 1.25rem var(--heading);text-align:left;text-transform:uppercase;padding:22px}#data-table th,#data-table td{border-top:1px solid var(--border);padding:16px 22px}#data-table th{color:var(--accent-bright);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}#data-table td{color:var(--text-h)}@media (width<=760px){#app-shell{padding-top:72px}#mobile-header{z-index:18;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05070bd1;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:72px;padding:0 18px;display:flex;position:fixed;inset:0 0 auto}#mobile-brand{text-decoration:none;display:flex}#mobile-brand img{width:116px;height:auto}#menu-button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:14px;place-content:center;gap:5px;width:46px;height:46px;display:grid}#menu-button span{background:#fff;border-radius:2px;width:20px;height:2px;transition:transform .25s,opacity .2s;display:block}#menu-button[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}#menu-button[aria-expanded=true] span:nth-child(2){opacity:0}#menu-button[aria-expanded=true] span:last-child{transform:translateY(-7px)rotate(-45deg)}#menu-backdrop{z-index:19;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000a6;border:0;animation:.2s both fade-in;display:block;position:fixed;inset:0}#menu-backdrop[hidden]{display:none}#sidebar{width:min(86vw,340px);padding:28px 20px calc(28px + env(safe-area-inset-bottom));box-shadow:var(--shadow);transition:transform .32s cubic-bezier(.2,.8,.2,1);transform:translate(-105%)}#sidebar[data-open=true]{transform:translate(0)}#app-content{width:100%;min-height:calc(100svh - 72px);padding:34px 18px calc(118px + env(safe-area-inset-bottom));margin:0}#dashboard-header{margin-bottom:28px}#dashboard-pass{min-height:180px;padding:24px}#dashboard-pass b{font-size:4.2rem}#feature-grid,#profile-grid{grid-template-columns:1fr}#feature-grid>a{min-height:96px;padding:18px}#quick-access{z-index:17;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));color:#fff;background:linear-gradient(110deg,#087ced,#45caff);border:1px solid #ffffff57;border-radius:999px;align-items:center;gap:10px;min-height:58px;padding:0 24px;font-weight:800;text-decoration:none;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 36px #087ced73}#quick-access span{font-size:1.55rem}#profile-summary{flex-direction:column;align-items:flex-start}#login-card{padding:30px 22px}#access-card{padding:16px}#access-status{flex-direction:column;align-items:flex-start}}@keyframes fade-in{0%{opacity:0}}