:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f5f4fa;background:#0b0b10;color-scheme:dark;--panel:#15151d;--line:#2d2b37;--muted:#9e9aa9;--purple:#7657ed;--green:#12b886}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 0,#2d1b50 0,transparent 28%),#0b0b10;min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:230px;padding:28px 18px;border-right:1px solid #24232c;background:#101016;display:flex;flex-direction:column}.brand{display:inline-block;width:max-content;color:#fff;text-decoration:none;font-weight:950;font-style:italic;letter-spacing:-1px;background:linear-gradient(135deg,#835ef2,#19c8b0);padding:8px 11px;border-radius:8px}nav{display:grid;gap:5px;margin-top:34px}.nav-label{font-size:9px;letter-spacing:.15em;color:#777285;margin:18px 12px 3px}nav a{color:#aaa6b4;text-decoration:none;padding:11px 12px;border-radius:8px;font-size:14px;font-weight:650}nav a:hover,nav a.active{color:white;background:#252330}.account{margin-top:auto;display:grid;gap:5px;padding:12px}.account span{font-weight:700}.account a{color:#8f8a9d;font-size:13px}.app{margin-left:230px;width:min(1180px,calc(100% - 270px));padding:42px 0 70px}header{margin-bottom:24px}.eyebrow{font-size:11px;color:#a38cff;font-weight:850;letter-spacing:.17em;margin:0 0 8px}h1{font-size:30px;margin:0;letter-spacing:-.03em}h2{font-size:18px;margin:0 0 6px}h3{font-size:14px;color:#c8c4d0;margin:22px 0 10px}p{color:var(--muted)}.panel{padding:22px;background:#15151de8;border:1px solid var(--line);border-radius:14px;margin-bottom:18px;box-shadow:0 20px 50px #0004}.section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.section-title p{margin:0;font-size:13px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}label{display:flex;flex-direction:column;gap:7px;color:#bdb9c7;font-size:13px;margin-bottom:14px}input,textarea,select{width:100%;border:1px solid #393643;border-radius:8px;background:#0f0f15;color:#fff;padding:11px 12px;font:inherit;outline:none}input:focus,textarea:focus,select:focus{border-color:#7d63ed;box-shadow:0 0 0 3px #7657ed22}.primary,.quiet{border:0;border-radius:8px;padding:11px 15px;background:var(--purple);color:white;font-weight:750;cursor:pointer}.small{padding:9px 12px;font-size:12px}.green{background:var(--green)}.save{margin-top:2px}.status,.pill,.owner{padding:5px 8px;border-radius:20px;background:#27233a;color:#b9abff;font-size:11px;font-weight:750}.pill{background:#193a31;color:#78e2c4}.pill.off{background:#3b2428;color:#f29aa7}.link-button{display:inline-block;text-align:center;text-decoration:none}.panel-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.records{border-top:1px solid var(--line)}.record{display:grid;grid-template-columns:1fr 1.2fr 70px 20px;gap:10px;align-items:center;padding:14px 8px;border-bottom:1px solid var(--line);color:#d8d5df;text-decoration:none;font-size:13px}.record:hover{background:#1d1c25}.record.two{grid-template-columns:1fr auto}.header-row{font-size:9px;color:#888393}.empty{text-align:center;padding:55px 15px}.empty p{font-size:12px}.stack-icon{font-size:30px;color:#726c7d;margin-bottom:16px}.editor-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.preview{border-left:4px solid var(--preview-color);background:#0e0e13;padding:17px;border-radius:5px;min-height:190px}.preview h3{font-size:18px;color:#fff;margin-top:0}.preview p{white-space:pre-line;font-size:13px;line-height:1.55}.preview button{background:var(--preview-color);color:white;border:0;padding:8px 11px;border-radius:5px}.toggles,.panel-checks{display:flex;flex-wrap:wrap;gap:10px 25px}.toggles label,.panel-checks label,.check{display:flex;flex-direction:row;align-items:center}.toggles input,.panel-checks input,.check input{width:auto}.panel-checks{padding:16px;background:#101016;border-radius:9px;margin-bottom:18px}.actions{display:flex;gap:10px}.danger-zone{margin-top:25px}.danger-button{border:1px solid #70313d;color:#ff9dab;background:transparent;padding:10px 14px;border-radius:8px}.categories{display:grid;gap:8px}.category-row{display:grid;grid-template-columns:1fr 72px 1.6fr;gap:8px}.hint{font-size:12px}.migration{border-color:#245244}.two-col{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.invite{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.invite strong{display:block;margin-bottom:8px}.user-list{display:grid}.user{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #292731}.user:last-child{border:0}.user>div:nth-child(2){display:grid;gap:3px;min-width:0;flex:1}.user small{color:var(--muted)}.avatar{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#302852;color:#c8bcff;font-weight:850}.owner{background:#332b50}.quiet{background:#292732;padding:10px 13px;color:#c7c3d0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:12px;border-bottom:1px solid #292731}th{color:#938e9e}td a{color:#a894ff}.flash{padding:12px 14px;border-radius:9px;margin-bottom:16px;font-size:14px}.flash.success{background:#173c32;border:1px solid #296954;color:#95edd4}.flash.error{background:#402329;border:1px solid #73323e;color:#ffadba}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(410px,100%);padding:34px;background:#16151ddd;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 90px #0008}.auth-card .eyebrow{margin-top:28px}.auth-card h1{font-size:34px}.auth-card .muted{margin-bottom:24px}.auth-card .primary{width:100%}.auth-card strong{color:#d5ccff}@media(max-width:950px){.panel-columns,.editor-grid{grid-template-columns:1fr}}@media(max-width:850px){aside{position:static;width:auto;flex-direction:row;align-items:center;padding:14px 18px}nav{display:flex;margin:0 0 0 24px}.nav-label{display:none}.account{margin-left:auto}.account span{display:none}.app{margin:0;width:auto;padding:28px 18px}.two-col,.grid{grid-template-columns:1fr}}@media(max-width:600px){nav a{font-size:11px;padding:8px}.section-title{display:grid}.section-title .primary{width:100%}.category-row{grid-template-columns:1fr 62px}.category-row input:last-child{grid-column:1/-1}.record{grid-template-columns:1fr 1fr}.header-row{display:none}}
