@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#eff8ff;--muted:#8dabc0;--cyan:#75e9ff;--line:#254358;--surface:#0d1b2b}*{box-sizing:border-box}body{margin:0;background:#060d17;color:var(--ink);font:16px/1.5 'DM Sans',sans-serif;min-height:100vh}button,input{font:inherit}button,a,input{outline-offset:5px}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}[hidden]{display:none!important}.auth-grid{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 40%,#06344a55,transparent 58%),linear-gradient(#284d6118 1px,transparent 1px),linear-gradient(90deg,#284d6118 1px,transparent 1px);background-size:auto,64px 64px,64px 64px;mask-image:linear-gradient(black,transparent)}.auth-header{position:relative;padding:32px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #20374977}.auth-brand{font:600 22px 'Space Grotesk',sans-serif;letter-spacing:-.8px}.auth-brand span{color:var(--cyan)}.access-label,.section-code{font-size:12px;letter-spacing:3px;color:var(--muted)}.login-layout{max-width:1380px;margin:auto;min-height:calc(100vh - 100px);padding:70px 6%;display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center}.auth-art{height:560px;position:relative;display:grid;place-items:center}.orbit{position:absolute;width:min(88%,440px);aspect-ratio:1;border:1px solid #58d5ff55;border-radius:50%;box-shadow:inset 0 0 40px #188cac09,0 0 45px #159cca0d}.orbit-one{border-top:3px solid var(--cyan);border-bottom:3px solid #8d71ff;animation:spin 30s linear infinite}.orbit-two{width:70%;border-style:dashed;transform:rotate(30deg)}.orbit-three{width:53%;border:1px solid #79dfff25;background:radial-gradient(#143a5266,transparent);box-shadow:0 0 80px #19a4ff16}.monogram{font:500 clamp(70px,9vw,130px) 'Space Grotesk',sans-serif;letter-spacing:-15px;padding-right:15px;text-shadow:0 0 45px #51caff40}.coordinate{position:absolute;left:0;font:12px 'Space Grotesk',sans-serif;letter-spacing:2px;color:var(--muted)}.coordinate.top{top:0}.coordinate.bottom{bottom:0;line-height:1.8}.login-panel{position:relative;background:linear-gradient(145deg,#102333ee,#0a1320ee);border:1px solid #325169;padding:44px;box-shadow:0 25px 100px #0006}.panel-edge{position:absolute;height:3px;width:70px;top:-2px;left:44px;background:var(--cyan);box-shadow:0 0 18px #75e9ff99}h1,h2,h3,p{margin:0}h1{font:500 clamp(38px,5vw,56px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:18px 0 32px}label{display:block;font-size:14px;color:#cbdfed;margin-top:22px}input{display:block;width:100%;background:#070f1a;border:1px solid #2b465a;color:white;padding:14px;margin-top:8px;border-radius:0;min-width:0}input:focus{border-color:var(--cyan);outline:1px solid var(--cyan)}.password-wrap{position:relative}.password-wrap input{padding-right:70px}.password-wrap button{position:absolute;right:12px;top:0;height:100%;border:0;background:none;color:var(--muted);font-size:13px}.primary{display:flex;justify-content:space-between;gap:20px;width:100%;border:0;background:var(--cyan);color:#061321;padding:15px 20px;font-weight:700;margin-top:24px}.primary:hover{background:#b2f4ff}.login-options{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;font-size:14px;color:var(--cyan)}.login-options button{border:0;background:none;color:inherit;padding:0;font-size:14px}.privacy-note{font-size:12px;color:var(--muted);margin-top:32px}.login-panel [role=status]{font-size:14px;color:#ffbaa7;margin-top:20px;overflow-wrap:anywhere}.login-panel [role=status]:empty{margin:0}.account-main{position:relative;max-width:1180px;margin:40px auto;padding:0 5% 60px}.account-nav{display:flex;gap:20px;align-items:center;font-size:14px}.account-nav button,.minor{border:1px solid var(--line);background:transparent;color:var(--cyan);padding:9px 14px}.account-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.account-card{padding:30px;border:1px solid var(--line);background:#0c1927;margin-bottom:24px}.account-card h2{font:500 25px 'Space Grotesk',sans-serif}.account-card .primary{width:auto;min-width:180px}.account-note{font-size:14px;color:var(--muted);margin:16px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}th{color:var(--muted);font-weight:500}td,th{padding:16px 10px;border-bottom:1px solid var(--line);white-space:nowrap}td button{margin:0 8px 0 0}.credential-box{border:1px solid var(--cyan);padding:20px;margin-top:20px;background:#112737}.credential-box code{display:block;overflow-wrap:anywhere;font-size:16px;padding:12px 0;color:var(--cyan);user-select:all}.activity-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.status{color:#ffbaa7;margin:18px 0;font-size:14px}.status:empty{display:none}.role{display:inline-block;padding:3px 8px;border:1px solid var(--line);color:var(--cyan);font-size:12px}.account-help{margin-top:16px;color:var(--muted);font-size:14px}.account-help a{color:var(--cyan)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:850px){.login-layout{grid-template-columns:1fr;max-width:560px;padding:45px 5%;gap:30px}.auth-art{display:none}.login-panel{padding:32px}.account-columns{grid-template-columns:1fr}.auth-header{flex-wrap:wrap;padding:24px 5%}.access-label{font-size:10px}.auth-brand{font-size:20px}.account-card{padding:22px}}@media(prefers-reduced-motion:reduce){.orbit{animation:none}}

.permission-form label,#new-categories label{display:flex;align-items:center;gap:8px;white-space:nowrap}.permission-form input,#new-categories input{width:auto;margin:0}.permission-form{min-width:160px}

.sharing-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sharing-pair select{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid var(--line);background:#070f1a;color:var(--ink);font:inherit}#sharing-categories{display:flex;gap:20px;flex-wrap:wrap;padding:16px;margin-top:20px;border:1px solid var(--line)}#sharing-categories label{display:flex;gap:8px;align-items:center;margin:0}#sharing-categories input{width:auto;margin:0}@media(max-width:600px){.sharing-pair{grid-template-columns:1fr;gap:0}}

.sharing-submit{display:flex;gap:10px;align-items:center}.sharing-submit input{width:auto;margin:0}.pending-card{border-top:1px solid var(--line);padding:24px 0}.pending-card p{margin:8px 0 16px;color:var(--muted);font-size:14px}.pending-photos{display:flex;gap:12px;flex-wrap:wrap}.pending-photos img{width:140px;height:110px;object-fit:contain;background:#070f1a}.pending-buttons{display:flex;gap:12px;margin-top:18px}