:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-gradient:linear-gradient(135deg, #0a1628 0%, #0d2137 40%, #12284a 70%, #0f1e30 100%);--glass:#ffffff14;--glass-light:#ffffff1f;--glass-strong:#0a1628d9;--glass-border:#ffffff26;--glass-shadow:0 8px 32px #0000004d, inset 0 1px 0 #ffffff1a;--orange-glass:#f06000d9;--orange-border:#ffa0504d;--text-primary:#f0f4f8;--text-secondary:#ffffffa8;--accent:#f06000;--success:#4ade80;--warning:#fbbf24;--danger:#f87171;--radius-xl:24px;--radius-lg:20px;--radius-md:16px;--radius-sm:12px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background:#081321}body{background:var(--bg-gradient) fixed;color:var(--text-primary);overscroll-behavior-y:contain;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.app-shell,.loading-screen,.login-screen{min-height:100dvh;padding:calc(var(--safe-top) + 12px) 16px calc(var(--safe-bottom) + 104px);position:relative}.app-shell:before,.login-screen:before,.loading-screen:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 20%,#f0600038,#0000 30%),radial-gradient(circle at 80% 0,#6366f133,#0000 25%),radial-gradient(circle at 70% 70%,#38bdf82e,#0000 32%);position:fixed;inset:0}.app-main,.screen,.header,.floating-nav,.login-card,.loading-screen__card,.pull-indicator,.offline-banner{z-index:1;position:relative}.app-main,.screen{flex-direction:column;gap:16px;display:flex}.header{top:calc(var(--safe-top) + 8px);-webkit-backdrop-filter:blur(28px)saturate(180%);background:#ffffff14;border:1px solid #ffffff1f;border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:grid;position:sticky;box-shadow:0 18px 48px #00000059}.header__brand,.header__action{background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.header__brand img{object-fit:contain;width:28px;height:28px}.header__copy{text-align:center}.header__eyebrow{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:.72rem;display:block}.header__title{margin:0;font-size:1rem;font-weight:700}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:18px}.glass-card--light{background:var(--glass-light)}.glass-card--tight{padding:14px}.glass-stack,.list-stack,.stat-grid,.info-grid,.quick-grid,.tab-panel,.sheet-form{gap:14px;display:grid}.stat-grid,.info-grid,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{overflow:hidden}.hero-row,.row-between,.list-item__row,.record-row,.form-row,.section-header,.metrics-row,.action-row,.profile-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-row{align-items:flex-start}.hero-copy h2,.section-title,.login-card h1,.profile-title,.metric-value,.stat-value,.info-value{margin:0;font-weight:700}.hero-copy p,.section-subtitle,.muted,.stat-label,.info-label,.supporting-text,.list-item__meta,.metric-label{color:var(--text-secondary);margin:0}.hero-copy h2,.login-card h1{font-size:1.5rem}.hero-copy p,.supporting-text{font-size:.95rem}.stat-card,.info-card,.quick-card,.metric-card,.record-card,.notification-card,.profile-card,.summary-card,.filter-card{gap:8px;display:grid}.stat-value,.metric-value{font-size:1.35rem}.quick-card{min-height:92px}.quick-card__icon,.metric-icon,.stat-icon,.info-icon{width:38px;height:38px;color:var(--accent);background:#ffffff14;border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.section-title{font-size:1.05rem}.section-header--spaced{margin-top:4px}.segmented-control,.tab-list,.filter-pills{flex-wrap:wrap;gap:8px;display:flex}.segmented-button,.tab-button,.filter-pill,.icon-button,.chip-button,.action-link,.upload-button{appearance:none;color:var(--text-primary);background:#ffffff0f;border:1px solid #ffffff24;border-radius:14px;padding:10px 14px;transition:transform .2s,background .2s,border-color .2s}.segmented-button.is-active,.tab-button.is-active,.filter-pill.is-active,.action-link,.upload-button,.icon-button:hover,.segmented-button:hover,.tab-button:hover,.filter-pill:hover{background:#ffffff1f;border-color:#ffffff38}button:disabled{opacity:.55}.glass-button{appearance:none;border:1px solid var(--orange-border);background:var(--orange-glass);-webkit-backdrop-filter:blur(10px);color:#fff7f0;border-radius:16px;padding:14px 18px;font-weight:700;box-shadow:0 16px 32px #f0600047}.glass-button--secondary{box-shadow:none;background:#ffffff14;border-color:#ffffff24}.glass-button--success{color:#d8ffea;background:#4ade8029;border-color:#4ade804d}.glass-button--danger{color:#ffe3e3;background:#f8717129;border-color:#f871714d}.primary-cta{width:100%;min-height:58px;font-size:1rem}.input,.select,.textarea,input[type=date],input[type=file]{width:100%;color:var(--text-primary);background:#ffffff0f;border:1px solid #ffffff26;border-radius:12px;padding:13px 14px}.input::placeholder,.textarea::placeholder{color:#ffffff6b}.textarea{resize:vertical;min-height:92px}.form-label{color:var(--text-secondary);gap:8px;font-size:.92rem;display:grid}.status-pill{min-height:30px;color:var(--text-primary);background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:.82rem;font-weight:600;display:inline-flex}.status-pill--success{color:#d3ffe5;background:#4ade8024}.status-pill--warning{color:#fff2c7;background:#fbbf2429}.status-pill--danger{color:#ffe1e1;background:#f8717126}.status-pill--accent{color:#ffd9bf;background:#f060002e}.avatar{color:#fff;letter-spacing:.03em;background:linear-gradient(135deg,#f06000e6,#ffbe76bf);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden;box-shadow:0 12px 32px #00000038}.avatar img{object-fit:cover;width:100%;height:100%}.record-card,.notification-card{gap:12px}.record-meta,.notification-meta,.detail-grid{gap:6px;display:grid}.record-meta,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.value-strong{font-weight:700}.value-subtle{color:var(--text-secondary);font-size:.9rem}.notification-card.is-unread{border-color:#f060005c;box-shadow:0 0 0 1px #f0600026,0 10px 38px #f0600029}.inline-error,.error-card,.offline-banner{color:#ffe2e2;background:#f871711f;border:1px solid #f8717147;border-radius:16px;padding:14px}.offline-banner{top:calc(var(--safe-top) + 84px);z-index:5;-webkit-backdrop-filter:blur(16px);margin-bottom:12px;position:sticky}.skeleton{background:#ffffff14;border-radius:14px;min-height:18px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff29,#0000);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.bottom-sheet{z-index:20;padding:20px 16px calc(var(--safe-bottom) + 20px);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet__backdrop{-webkit-backdrop-filter:blur(12px);background:#040a1499;position:absolute;inset:0}.bottom-sheet__panel{-webkit-backdrop-filter:blur(30px)saturate(180%);background:#0e182ae0;border:1px solid #ffffff1f;border-radius:28px;width:min(100%,560px);max-height:min(78vh,720px);padding:18px;position:relative;overflow:auto;box-shadow:0 24px 64px #00000080}.bottom-sheet__grabber{background:#fff3;border-radius:999px;width:52px;height:6px;margin:0 auto 14px}.pull-indicator{color:var(--text-secondary);justify-content:center;align-items:flex-end;font-size:.8rem;transition:height .2s;display:flex;overflow:hidden}.pull-indicator.is-ready{color:#ffd2b1}.floating-nav{left:16px;right:16px;bottom:calc(var(--safe-bottom) + 16px);-webkit-backdrop-filter:blur(30px)saturate(200%);background:#0a1628d9;border:1px solid #ffffff1f;border-radius:28px;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:8px;display:grid;position:fixed;box-shadow:0 20px 60px #00000080}.floating-nav--admin{grid-template-columns:repeat(6,minmax(0,1fr))}.floating-nav__item{min-height:60px;color:var(--text-secondary);border-radius:22px;place-items:center;gap:4px;font-size:.72rem;display:grid;position:relative}.floating-nav__item svg{width:20px;height:20px}.floating-nav__item.is-active{color:var(--text-primary);background:#ffffff1f}.floating-nav__badge{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:700;display:inline-flex;position:absolute;top:8px;right:14px}.login-screen{padding-bottom:calc(var(--safe-bottom) + 24px);place-items:center;display:grid}.login-orb,.login-orb--alt,.login-orb--soft{filter:blur(18px);border-radius:50%;position:absolute}.login-orb{background:#f0600038;width:220px;height:220px;top:10%;left:10%}.login-orb--alt{background:#60a5fa2e;width:180px;height:180px;bottom:16%;right:6%}.login-orb--soft{background:#ffffff14;width:140px;height:140px;bottom:30%;left:12%}.login-card{-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid #ffffff24;border-top:4px solid var(--accent);background:#ffffff14;border-radius:28px;gap:16px;width:min(100%,420px);padding:24px;display:grid;box-shadow:0 24px 64px #0006}.login-card__logo{width:112px;margin:0 auto 4px}.login-card__copy{text-align:center}.loading-screen{place-items:center;display:grid}.loading-screen__card{text-align:center;gap:14px;width:min(100%,360px);display:grid}.loading-screen__spinner{border:3px solid #ffffff1f;border-top-color:var(--accent);border-radius:50%;width:52px;height:52px;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.profile-avatar{margin:0 auto}.empty-state{text-align:center;padding:28px 18px}.kbd{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;padding:2px 6px}@media (width>=720px){.app-shell,.loading-screen,.login-screen{max-width:720px;margin:0 auto}}
