:root{--ink: #0e1a26;--bg-top: #e7f6ff;--bg-mid: #fdf6df;--bg-bottom: #ffe6d9;--card: #ffffff;--outline: #122033;--accent: #ff7f50;--accent-2: #1b9aaa;--title: #0d2238;--header-bg: rgba(253, 246, 223, .6);--intro: #233548;--tile-ink: #102133;--login-hover: #fff3dd;--toggle-track: #122033;--toggle-knob: #fff3dd}body[data-theme=dark]{--ink: #e9f0f8;--bg-top: #091220;--bg-mid: #101c2d;--bg-bottom: #1a2230;--card: #172435;--outline: #6fa5cc;--title: #f4fbff;--header-bg: rgba(9, 18, 32, .74);--intro: #bbd4ea;--tile-ink: #eff6fc;--login-hover: #22374c;--toggle-track: #eff6fc;--toggle-knob: #182739}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:Trebuchet MS,Segoe UI,sans-serif;background:radial-gradient(circle at 8% 14%,rgba(255,199,120,.35),transparent 28%),radial-gradient(circle at 91% 18%,rgba(27,154,170,.2),transparent 24%),linear-gradient(180deg,var(--bg-top),var(--bg-mid) 54%,var(--bg-bottom));display:flex;flex-direction:column;transition:background .25s ease,color .25s ease}.header-wrap{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--header-bg);border-bottom:2px solid rgba(18,32,51,.2)}.title-bar{max-width:1080px;margin:0 auto;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,2.3vw,1.45rem);letter-spacing:.08em;text-transform:lowercase;color:var(--title);text-align:left}.brand-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;cursor:pointer}.controls{display:inline-flex;align-items:center;gap:10px}.account-menu-wrap{position:relative}.login-btn{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:10px 14px;border:2px solid var(--outline);border-radius:999px;text-decoration:none;background:var(--card);color:var(--ink);font-weight:700;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px #12203326;background:var(--login-hover)}.login-btn.is-account{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:180px;border:2px solid var(--outline);border-radius:14px;background:var(--card);box-shadow:0 10px #1220332e;padding:8px;display:none;z-index:20}.account-menu.is-open{display:grid;gap:6px}.account-menu button{border:2px solid var(--outline);border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-weight:700;text-align:left;padding:8px 10px;cursor:pointer}.account-menu button:hover{background:var(--login-hover)}.theme-toggle{position:relative;width:48px;height:30px;border:2px solid var(--outline);border-radius:999px;background:var(--toggle-track);cursor:pointer;transition:background .2s ease,border-color .2s ease}.theme-toggle:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:999px;background:var(--toggle-knob);transition:transform .2s ease,background .2s ease}body[data-theme=dark] .theme-toggle:before{transform:translate(18px)}main{width:100%;max-width:1080px;margin:0 auto;padding:40px 20px 64px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}@media(min-width:960px){.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.users-page{display:grid;gap:18px}.users-page-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.users-action-button{border:2px solid var(--outline);border-radius:999px;background:var(--accent);color:#0a2033;padding:10px 14px;font:inherit;font-weight:800;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.users-action-button:hover{transform:translateY(-2px);box-shadow:0 8px #12203326;background:#ff936f}.users-title{margin:0;font-size:clamp(1.5rem,3vw,2rem);color:var(--title)}.users-subtitle{margin:6px 0 0;color:var(--intro);font-size:.95rem}.users-login-button{border:2px solid var(--outline);border-radius:999px;background:var(--card);color:var(--ink);padding:10px 14px;font:inherit;font-weight:700;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.users-login-button:hover{transform:translateY(-2px);box-shadow:0 8px #12203326;background:var(--login-hover)}.users-empty-state{display:grid;gap:12px;justify-items:start;padding:18px;border:2px solid var(--outline);border-radius:18px;background:#ffffff8c}body[data-theme=dark] .users-empty-state{background:#172435c7}.users-empty-state p,.users-status{margin:0;color:var(--intro)}.users-status-error{color:#a83333}.users-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}@media(min-width:960px){.users-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.user-card{display:grid;gap:14px;padding:18px;border:2px solid var(--outline);border-radius:18px;background:linear-gradient(145deg,#fffffff0,#ffffffa8),linear-gradient(120deg,#ff7f503d,#1b9aaa38);box-shadow:0 10px #1220331f}.user-card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}body[data-theme=dark] .user-card{background:linear-gradient(145deg,#172435f5,#172435b8),linear-gradient(120deg,#ff7f5024,#1b9aaa24)}.user-role{width:fit-content;border-radius:999px;border:1px solid currentColor;padding:4px 10px;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.user-role-owner{color:#9f6bff}.user-role-admin{color:#1b9aaa}.user-role-tester{color:coral}.user-status{width:fit-content;border-radius:999px;border:1px solid currentColor;padding:4px 10px;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.user-status-accepted{color:#17795f}.user-status-invited{color:#d97706}.user-email{margin:0;color:var(--tile-ink);font-size:1.15rem;word-break:break-word}.user-meta{display:grid;gap:10px;margin:0}.user-meta div{display:grid;gap:3px}.user-meta dt{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--intro)}.user-meta dd{margin:0;color:var(--tile-ink);font-size:.95rem}.auth-panel select.auth-input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.project-tile{display:flex;align-items:center;justify-content:center;min-height:120px;text-decoration:none;color:var(--tile-ink);font-size:1.3rem;font-weight:800;border-radius:18px;border:2px solid var(--outline);background:linear-gradient(145deg,#ffffffeb,#fff9),linear-gradient(120deg,#ff7f5059,#1b9aaa59);box-shadow:0 10px #12203326;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;cursor:pointer}.project-tile:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 16px #12203333;border-color:var(--accent-2)}.project-tile.is-loading{pointer-events:none;opacity:.7}.auth-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:18px;background:#0a182673;z-index:50}.auth-modal.is-open{display:flex}.auth-panel{width:min(440px,100%);border:2px solid var(--outline);border-radius:18px;background:var(--card);box-shadow:0 14px #12203333;padding:18px}.auth-head{margin:0 0 8px;font-size:1.1rem;color:var(--title)}.auth-sub{margin:0 0 14px;color:var(--intro);font-size:.95rem}.auth-row{display:grid;gap:6px;margin-bottom:12px}.auth-row label{font-weight:700;font-size:.92rem;color:var(--tile-ink)}.auth-input{width:100%;border:2px solid var(--outline);border-radius:10px;background:#fff;color:#102133;padding:10px 12px;font:inherit}body[data-theme=dark] .auth-input{background:#213348;color:#eff6fc}.auth-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.auth-primary,.auth-secondary{border:2px solid var(--outline);border-radius:999px;padding:9px 14px;font:inherit;font-weight:700;cursor:pointer}.auth-primary{background:var(--accent);color:#0a2033;min-width:126px}.auth-secondary{background:transparent;color:var(--ink)}.auth-message{min-height:1.2em;margin:8px 0 0;font-size:.9rem;color:#a83333}.auth-message.ok{color:#17795f}@media(max-width:680px){.title-bar{padding:12px;gap:10px}.login-btn{min-width:78px;padding:8px 10px;font-size:.9rem}.theme-toggle{width:44px;height:28px}.theme-toggle:before{width:18px;height:18px}body[data-theme=dark] .theme-toggle:before{transform:translate(16px)}main{padding-top:26px}.auth-actions{flex-direction:column}.auth-primary,.auth-secondary{width:100%}}