:root{--shell-bg: #14202d;--shell-bg-soft: #1a2a3a;--shell-surface: #1c2a3a;--shell-surface-raised: #243449;--shell-surface-soft: #2d4056;--shell-border: #33465d;--shell-border-strong: #4a5f78;--shell-text: #f4f7fb;--shell-text-muted: #a8b4c3;--shell-text-soft: #d3dbe6;--shell-accent: #ffb533;--shell-accent-pressed: #d8901c;--shell-shadow: 0 24px 70px rgba(4, 12, 22, .42);--shell-radius-sm: 8px;--shell-radius-md: 12px;--shell-radius-lg: 16px;--shell-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--shell-font);color:var(--shell-text);background:var(--shell-bg);-webkit-font-smoothing:antialiased}.app-shell{min-height:100dvh;min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid color-mix(in srgb,white 8%,transparent);background:color-mix(in srgb,var(--shell-bg-soft) 88%,transparent)}.app-header-user{display:flex;align-items:center;gap:.75rem}.app-header-user-meta{display:grid;gap:.1rem;text-align:right}.app-header-user-meta strong{font-size:.875rem;font-weight:700}.app-header-user-meta span{font-size:.75rem}.app-brand{display:inline-flex;flex-direction:column;gap:.15rem;color:inherit;text-decoration:none}.app-brand strong{font-size:1.25rem;font-weight:800;letter-spacing:.01em}.app-brand span{font-size:.8125rem;font-weight:500;color:var(--shell-text-muted)}.app-main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:1.5rem}.home{display:grid;gap:1.25rem}.home-intro h1{margin:0;font-size:1.5rem;font-weight:700;line-height:1.3}.home-intro p{margin:.5rem 0 0;color:var(--shell-text-muted);font-size:.9375rem;line-height:1.45}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;max-width:360px}.app-tile-shell{position:relative}.app-tile{aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;gap:.4rem;padding:.7rem;border-radius:var(--shell-radius-md);border:1px solid color-mix(in srgb,white 8%,transparent);background:color-mix(in srgb,var(--shell-surface-raised) 88%,transparent);box-shadow:var(--shell-shadow);color:inherit;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.app-tile-shell:hover .app-tile{background:var(--shell-surface-soft);border-color:color-mix(in srgb,var(--shell-accent) 35%,var(--shell-border));transform:translateY(-2px)}.app-tile:focus-visible{outline:2px solid var(--shell-accent);outline-offset:3px}.app-tile-settings{position:absolute;top:.45rem;right:.45rem;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;border-radius:999px;border:1px solid color-mix(in srgb,white 12%,transparent);background:color-mix(in srgb,var(--shell-bg) 72%,transparent);color:var(--shell-text-muted);text-decoration:none;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.app-tile-settings:hover{color:var(--shell-accent);border-color:color-mix(in srgb,var(--shell-accent) 45%,var(--shell-border));background:color-mix(in srgb,var(--shell-surface-soft) 90%,transparent)}.app-tile-settings:focus-visible{outline:2px solid var(--shell-accent);outline-offset:2px}.app-tile-icon{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--shell-radius-sm);background:color-mix(in srgb,var(--shell-accent) 16%,transparent);color:var(--shell-accent);font-size:.7rem;font-weight:800}.app-tile-copy{display:grid;gap:.2rem}.app-tile-copy strong{font-size:.8125rem;font-weight:800}.app-tile-copy span{font-size:.6875rem;line-height:1.3;color:var(--shell-text-muted)}.remote-host{min-height:100dvh;min-height:100vh;width:100%;margin:0;padding:0;background:transparent}.card{background:var(--shell-surface);border:1px solid color-mix(in srgb,white 8%,transparent);border-radius:var(--shell-radius-md);padding:1rem 1.25rem}.muted{color:var(--shell-text-muted)}h1,h2{margin-top:0}.btn{appearance:none;border:1px solid transparent;border-radius:var(--shell-radius-sm);padding:.55rem .9rem;font:inherit;font-size:.875rem;font-weight:700;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--shell-accent);color:#1a1408}.btn-primary:hover:not(:disabled){background:var(--shell-accent-pressed)}.btn-ghost{background:transparent;border-color:color-mix(in srgb,white 12%,transparent);color:var(--shell-text-soft)}.btn-ghost:hover:not(:disabled){background:color-mix(in srgb,white 6%,transparent)}.btn-danger{background:transparent;border-color:color-mix(in srgb,#ef5b5b 45%,transparent);color:#ff8d8d}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,#ef5b5b 14%,transparent)}.btn-icon{width:2.5rem;height:2.5rem;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;line-height:1}.field{display:grid;gap:.35rem}.field-label{font-size:.75rem;font-weight:700;color:var(--shell-text-muted)}.field-input{width:100%;border:1px solid var(--shell-border);border-radius:var(--shell-radius-sm);background:var(--shell-bg-soft);color:var(--shell-text);padding:.7rem .85rem;font:inherit;font-size:.9375rem}.field-input::placeholder{color:var(--shell-text-muted)}.field-input:focus{outline:2px solid color-mix(in srgb,var(--shell-accent) 55%,transparent);outline-offset:1px;border-color:var(--shell-border-strong)}.form-error{margin:0;color:#ef5b5b;font-size:.875rem;font-weight:600}.users-page{display:grid;gap:1rem}.users-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.users-page-header h1{margin:0;font-size:1.5rem;font-weight:700}.users-page-header p{margin:.35rem 0 0}.users-form{display:grid;gap:.85rem}.users-form h2{margin:0;font-size:1.05rem}.users-form-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.users-form-meta{margin:0;font-size:.75rem;word-break:break-all}.users-form-actions{display:flex;justify-content:flex-end}.users-list{padding:.35rem;max-height:min(52vh,420px);overflow:auto}.users-list-items{list-style:none;margin:0;padding:0;display:grid}.users-list-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem .9rem;border-bottom:1px solid color-mix(in srgb,white 6%,transparent)}.users-list-item:last-child{border-bottom:none}.users-list-item-copy{display:grid;gap:.2rem;min-width:0}.users-list-item-copy strong{font-size:.9375rem}.users-list-item-copy span{font-size:.75rem}.users-list>.muted{margin:0;padding:.9rem}.users-list-item-button,button.users-list-item{width:100%;appearance:none;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:var(--shell-radius-sm)}.users-list-item-button:hover,button.users-list-item:hover{background:color-mix(in srgb,white 5%,transparent)}.users-list-item-active{background:color-mix(in srgb,var(--shell-accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--shell-accent) 35%,transparent)}.page-back-link{display:inline-block;margin-bottom:.55rem;color:var(--shell-text-muted);text-decoration:none;font-size:.8125rem;font-weight:600}.page-back-link:hover{color:var(--shell-accent)}.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:1rem;background:color-mix(in srgb,#061018 72%,transparent)}.modal-card{width:min(100%,420px);display:grid;gap:1rem;padding:1.1rem 1.2rem 1.2rem;border-radius:var(--shell-radius-lg);border:1px solid color-mix(in srgb,white 10%,transparent);background:var(--shell-surface);box-shadow:var(--shell-shadow)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.modal-header h2{margin:0;font-size:1.1rem}.modal-header p{margin:.3rem 0 0;font-size:.8125rem}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;flex-wrap:wrap}.modal-actions .btn-danger{margin-right:auto}.modal-users-list{max-height:min(40vh,280px)}.role-list{display:grid;gap:.45rem}.role-option{display:flex;align-items:center;gap:.65rem;padding:.7rem .8rem;border-radius:var(--shell-radius-sm);border:1px solid color-mix(in srgb,white 8%,transparent);background:color-mix(in srgb,var(--shell-bg-soft) 70%,transparent);cursor:pointer}.role-option input{width:1rem;height:1rem;accent-color:var(--shell-accent)}.role-option span{font-size:.9375rem;font-weight:600}.auth-boot,.auth-page{min-height:100dvh;min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth-card{width:min(100%,400px);display:grid;gap:.9rem}.auth-card-header h1{margin:.35rem 0 0;font-size:1.5rem;font-weight:700}.auth-card-header p{margin:.4rem 0 0}.auth-brand{margin:0;font-size:.8125rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--shell-accent)}.auth-submit{width:100%;margin-top:.25rem}.auth-footer{margin:0;text-align:center;font-size:.875rem}.auth-footer a{color:var(--shell-accent);text-decoration:none;font-weight:700}.auth-footer a:hover{text-decoration:underline}.invite-result{display:grid;gap:.65rem}.invite-result h2{margin:0;font-size:1.05rem}.invite-result p{margin:0}.invite-url{word-break:break-all;font-size:.8125rem}select.field-input{appearance:auto}