:root{--bg:#101111;--panel:#191a1b;--line:#303132;--muted:#999b9d;--text:#f4f4ef;--accent:#ff6b32}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:15px}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;background:var(--accent);color:#101111;border:0;padding:15px 20px;font-weight:700;text-decoration:none;display:inline-flex;justify-content:space-between;gap:25px;border-radius:4px}button:hover,.button:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}h1,h2,p{margin:0}h1{font-size:clamp(36px,4.1vw,64px);line-height:.98;letter-spacing:-2.5px;font-weight:900}h1 em{font-style:normal;color:var(--accent)}h2{font-size:28px;letter-spacing:-1px;line-height:1.1;margin:10px 0 22px}p{line-height:1.6;margin:12px 0}small,.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--muted);font-weight:700}.eyebrow{display:block;margin-bottom:18px}.logo{font-size:64px;font-weight:900;letter-spacing:-8px;line-height:1.2;display:block;margin-bottom:26px}.logo span{color:var(--accent)}aside{position:fixed;width:245px;inset:0 auto 0 0;border-right:1px solid var(--line);padding:32px 24px;display:flex;flex-direction:column}aside b{font-size:14px}aside small{font-size:8px;margin-top:8px}nav{display:grid;gap:10px;margin:45px 0}nav a{padding:12px 0;color:#707274;font-size:11px;display:flex;gap:14px}nav span{color:var(--text);font-size:13px}nav a:hover span{color:var(--accent)}.aside-bottom{margin-top:auto;display:grid;gap:12px}main{margin-left:245px;padding:26px 42px 40px;max-width:1800px}.top{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1px;padding-bottom:24px;border-bottom:1px solid var(--line);color:var(--muted)}.live{color:var(--accent)}header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:42px 0 26px}header p{color:var(--muted);margin:20px 0 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.stats article{background:var(--panel);padding:24px 18px;border:1px solid var(--line);min-height:155px;display:flex;flex-direction:column}.stats article:first-child{background:var(--text);color:#111}.stats strong{font-size:48px;line-height:1.2;letter-spacing:-2px;margin:12px 0}.stats span{font-size:11px;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);padding:28px;margin-bottom:20px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.badge{border:1px solid #454647;border-radius:30px;padding:7px 10px;font-size:10px;white-space:nowrap}.muted{color:var(--muted);font-size:13px}.quiet{background:transparent;border:1px solid #4c4d4e;color:var(--text);font-size:12px}.form-grid,.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:grid;gap:9px;font-size:12px;color:#c0c1c2;margin-bottom:20px}input,textarea,select{background:#101111;color:var(--text);border:1px solid #444648;padding:13px;border-radius:4px;width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.filters button{padding:8px 14px;background:transparent;color:var(--muted);border:1px solid var(--line);font-size:12px}.filters .active{color:#111;background:var(--text)}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border:1px solid var(--line);padding:20px;min-width:0;background:#141515}.card h3{font-size:20px;line-height:1.2;margin:16px 0}.card img{width:100%;height:190px;object-fit:cover;background:#222}.card p{white-space:pre-wrap;font-size:13px;overflow-wrap:anywhere}.card .caption{max-height:150px;overflow:auto;color:#aaa}.card label{margin-top:15px}.card button{font-size:12px;padding:10px;margin:4px 4px 0 0}.meta{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:10px;color:var(--muted)}.metrics{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);margin-top:18px;padding-top:12px;font-size:11px;color:var(--muted)}.metrics strong{display:block;color:var(--text);font-size:20px}.empty{padding:28px;border:1px dashed #3f4143;color:var(--muted);line-height:1.6}.queue-row,.connection,.event,.subscription{padding:16px 0;border-bottom:1px solid var(--line);display:flex;gap:20px;align-items:center;justify-content:space-between}.connection{align-items:start;display:block}.connection p{font-size:12px;color:var(--muted)}.connection b{display:block;margin-bottom:12px}.event{font-size:12px;color:var(--muted)}.event span{color:var(--text)}.text-link{color:var(--accent)}#notice:not(:empty){border-left:3px solid var(--accent);padding:10px 16px;background:#25211e}footer{display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:10px;line-height:1.6;margin-top:36px}footer span{max-width:400px}.login{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr}.login-art{padding:70px 8vw;background:#181919;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.login h1{font-size:clamp(48px,6vw,92px)}.login p{color:var(--muted)}.serial{font-size:11px;letter-spacing:2px;color:#777;margin-top:80px}.login form{align-self:center;max-width:430px;width:100%;padding:35px;justify-self:center}.login form h2{font-size:35px}.login form button{width:100%}.login form a{font-size:12px;color:#999}.login form .muted{margin-bottom:35px}#loginError{color:#ff956f} [hidden]{display:none!important}
@media(max-width:1150px){aside{width:205px}main{margin-left:205px;padding:24px}.stats{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr 1fr}header{display:block}header .button{margin-top:24px}}@media(max-width:700px){aside{position:static;width:auto;padding:20px;display:block}.logo{font-size:44px;margin-bottom:10px}aside small,aside nav,aside .aside-bottom{display:none}aside>a{float:right;font-size:11px}main{margin:0;padding:20px 14px}h1{font-size:39px;letter-spacing:-1.5px}.panel{padding:20px 16px}.content-grid,.columns,.form-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-wrap:wrap}.stats{gap:8px}.stats article{padding:16px 12px}.stats small{font-size:8px;letter-spacing:.5px}.stats strong{font-size:38px}.top{font-size:8px}.login{grid-template-columns:1fr}.login-art{padding:36px 25px}.login h1{font-size:42px}.serial{margin-top:30px}.login form{padding:30px}.login form>.logo{display:none}footer{display:block}.queue-row{align-items:start;flex-direction:column}.event{gap:10px;font-size:10px}}
.card img{height:auto;aspect-ratio:3/4;object-fit:contain}.card h3{font-size:21px;line-height:1.22}.card .caption{max-height:110px}.stats span{line-height:1.5}
/* Private workspace */
aside{overflow-y:auto}aside nav{margin:22px 0;gap:3px}aside nav a{padding:9px 0}.nav-caption{font-size:9px;color:var(--accent);letter-spacing:2px;margin:18px 0 7px}nav a.selected span{color:var(--accent)}.personal-head{padding:35px 0 25px}.personal-head h1{font-size:clamp(32px,4vw,54px)}.personal-head p{max-width:650px}.personal-tools{display:flex;gap:12px;align-items:center;margin-bottom:26px}.personal-tools input{max-width:340px}.personal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.personal-card{padding:26px;border:1px solid var(--line);background:var(--panel);min-width:0}.personal-card h3{font-size:25px;line-height:1.2;overflow-wrap:anywhere}.personal-note{white-space:pre-wrap;overflow-wrap:anywhere;color:#b7b9bb;font-size:14px}.record-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.record-actions button{font-size:12px;padding:11px 13px}.personal-card progress{width:100%;accent-color:var(--accent);height:9px}.priority{font-size:11px;color:#ff9c76}.health-value{font-size:32px}.personal-dialog{color:var(--text);background:var(--panel);border:1px solid #555;width:min(580px,calc(100% - 24px));max-height:88vh;padding:30px;border-radius:10px}.personal-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.personal-dialog h2{margin-bottom:28px}.checkbox-row{display:flex;align-items:center}.checkbox-row input{width:auto;accent-color:var(--accent)}.form-error{color:#ff9c76}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.weekday{font-size:10px;color:var(--muted);padding:12px 4px}.calendar-cell{min-height:105px;border:1px solid var(--line);padding:5px;min-width:0}.calendar-cell.is-today{border-color:var(--accent)}.day-button{padding:5px 8px;background:transparent;color:var(--text);font-size:12px}.calendar-event{display:block;width:100%;padding:5px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#34302d;color:#ffd2bd;font-size:10px;text-align:left}.calendar-panel h2{font-size:23px;margin:0}.calendar-panel .section-head{margin-bottom:20px}.personal-list .empty{grid-column:1/-1}
@media(max-width:700px){aside nav{display:flex;overflow-x:auto;gap:14px;margin:15px 0 0;padding-bottom:8px}aside nav a{flex-shrink:0;white-space:nowrap;gap:6px}aside nav a span{font-size:12px}.nav-caption{display:none}aside .aside-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px}aside .aside-bottom small{display:block}aside>a{float:none;display:block;margin:10px 0}.personal-list{grid-template-columns:1fr}.personal-tools{flex-wrap:wrap}.personal-tools input{order:3;max-width:none}.personal-dialog{padding:22px}.calendar-panel{padding:12px 7px}.calendar-cell{min-height:75px;padding:2px}.calendar-grid{gap:2px}.calendar-event{font-size:8px;padding:4px 2px}.calendar-panel h2{font-size:18px}.calendar-panel .quiet{padding:8px 12px}.personal-card{padding:22px}.personal-card .meta{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.finance-sync{margin-top:25px}.finance-sync button{margin:8px 10px 0 0}.import-preview{max-height:260px;overflow:auto;font-size:12px;line-height:1.7;white-space:pre-wrap}.personal-dialog>button{margin:10px 10px 0 0}#finance .personal-tools{flex-wrap:wrap}#finance .personal-tools input{max-width:180px}
