:root{--bg:#0c0d12;--bg-elevated:#14151c;--border:#2a2c38;--text:#a1a7b3;--text-strong:#eef0f5;--accent:#7c6cf0;--accent-hover:#9488f5;--danger:#f87171;--radius:12px;--font:"DM Sans", system-ui, "Segoe UI", Roboto, sans-serif;--shadow:0 8px 32px #00000059;font-family:var(--font);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-height:100svh;margin:0}#root{min-height:100svh}.login{background:radial-gradient(ellipse 80% 50% at 50% -20%, #7c6cf040, transparent), var(--bg);justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.login__card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);width:100%;max-width:400px;box-shadow:var(--shadow);padding:40px 36px}.login__title{letter-spacing:-.02em;color:var(--text-strong);text-align:center;margin:0 0 8px;font-size:1.75rem;font-weight:600}.login__subtitle{text-align:center;color:var(--text);margin:0 0 28px;font-size:.95rem}.login__form{flex-direction:column;gap:10px;display:flex}.login__label{color:var(--text);font-size:.8125rem;font-weight:500}.login__input{width:100%;font:inherit;color:var(--text-strong);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);outline:none;padding:12px 14px;transition:border-color .15s}.login__input:focus{border-color:var(--accent)}.login__input:disabled{opacity:.5;cursor:not-allowed}.login__error{color:var(--danger);margin:0;font-size:.875rem}.login__submit{font:inherit;color:#fff;background:var(--accent);border-radius:var(--radius);cursor:pointer;border:none;margin-top:8px;padding:12px 20px;font-weight:600;transition:background .15s}.login__submit:hover:not(:disabled){background:var(--accent-hover)}.login__submit:disabled{opacity:.45;cursor:not-allowed}.login__hint{color:var(--text);text-align:center;margin:20px 0 0;font-size:.8125rem;line-height:1.45}.login__hint code,.login__inline-code{background:var(--bg);border:1px solid var(--border);color:var(--text-strong);border-radius:6px;padding:2px 6px;font-size:.8125rem}.dashboard{max-width:1200px;margin:0 auto;padding:28px 24px 48px}.dashboard__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.dashboard__title{letter-spacing:-.02em;color:var(--text-strong);margin:0;font-size:1.75rem;font-weight:600}.dashboard__tagline{color:var(--text);margin:4px 0 0;font-size:.9375rem}.dashboard__logout{font:inherit;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;flex-shrink:0;padding:8px 16px;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s,background .15s}.dashboard__logout:hover{color:var(--text-strong);border-color:var(--text);background:var(--bg-elevated)}.dashboard__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.tile{height:100%;color:inherit;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:6px;padding:20px 18px;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.tile:hover{border-color:#7c6cf073;transform:translateY(-2px);box-shadow:0 12px 40px #00000040}.tile__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tile__name{color:var(--text-strong);font-size:1.0625rem;font-weight:600}.tile__external{opacity:.45;flex-shrink:0;margin-top:2px;transition:opacity .15s}.tile:hover .tile__external{opacity:.85}.tile__desc{color:var(--text);font-size:.875rem;line-height:1.4}.tile__url{color:var(--text);opacity:.75;margin-top:auto;padding-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}