:root{color-scheme:dark;--bg:#171717;--bg2:#1a1a1a;--panel:#1b1b1be8;--panel2:#202020;--panel3:#242424;--line:rgba(255,255,255,.13);--line-soft:rgba(255,255,255,.08);--text:#f3f3f3;--muted:#9a9a9a;--faint:#666;--accent:#8affc1;--accent2:#6a9cff;--ok:#8affc1;--warn:#e9bb72;--danger:#ef7d86;--radius:14px;--font:"Roboto Mono",Consolas,"Courier New",monospace;--display:"Roboto Mono",Consolas,"Courier New",monospace}*{box-sizing:border-box}html{font-size:16px;background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 14% -8%,rgba(106,156,255,.08),transparent 32%),radial-gradient(circle at 92% 110%,rgba(138,255,193,.06),transparent 34%),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px) 0 0/64px 64px,var(--bg);color:var(--text);font-family:var(--font);font-size:1rem;line-height:1.55;letter-spacing:-.015em;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 55%,rgba(0,0,0,.34));z-index:-1}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}::selection{background:var(--accent);color:#171717}.layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.side{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:rgba(23,23,23,.82);backdrop-filter:blur(14px);padding:24px 16px}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px}.mark{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:rgba(23,23,23,.62);color:var(--accent);font-family:var(--display);font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.18)}.brand strong{display:block;font-size:.9rem;background:linear-gradient(45deg,var(--accent2),var(--accent),var(--accent2));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:mdhGradient 7s ease-in-out infinite alternate}.brand small{color:var(--faint);font-size:.72rem}.nav{display:grid;gap:5px}.nav a{padding:12px 13px;border-radius:10px;color:#858585;font-size:.84rem;font-weight:600;border:1px solid transparent;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}.nav a:hover,.nav a.active{background:rgba(255,255,255,.035);color:var(--text);border-color:rgba(255,255,255,.08);transform:translateX(2px)}.nav a.active{box-shadow:inset 3px 0 var(--accent);color:var(--accent)}.side-bottom{position:absolute;bottom:18px;left:16px;right:16px}.main{padding:34px 38px 70px;max-width:1700px;width:100%}.top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.top h1{font-family:var(--display);font-size:clamp(2.2rem,4vw,3.4rem);font-weight:100;letter-spacing:-.055em;text-transform:none;margin:7px 0 0;background:linear-gradient(45deg,var(--accent2),var(--accent),var(--accent2));background-size:280% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:mdhGradient 8s ease-in-out infinite alternate}.top p{margin:0;color:var(--muted);max-width:720px;font-size:.88rem;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:20px;box-shadow:0 20px 50px rgba(0,0,0,.16);backdrop-filter:blur(8px);transition:transform .18s ease,border-color .18s ease,background .18s ease}.card:hover{transform:translateY(-2px);border-color:rgba(138,255,193,.24);background:rgba(31,31,31,.94)}.metric b{display:block;font-family:var(--display);font-size:2.15rem;margin-top:8px;font-weight:300}.metric span,.muted{color:var(--muted);font-size:.84rem}.section{margin-top:20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.section h2,.card h2{font-size:1.05rem;margin:0 0 8px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:rgba(27,27,27,.78);box-shadow:0 20px 50px rgba(0,0,0,.12)}table{width:100%;border-collapse:collapse;min-width:820px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line-soft);font-size:.84rem;vertical-align:middle}th{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}tr:last-child td{border-bottom:0}tbody tr{transition:background .15s ease}tbody tr:hover{background:rgba(255,255,255,.018)}.pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;font-size:.74rem;font-weight:800}.pill.ok{color:var(--ok)}.pill.off,.pill.danger{color:var(--danger)}.pill.warn{color:var(--warn)}.pill.online{color:var(--ok);border-color:rgba(138,255,193,.28);background:rgba(138,255,193,.05)}.pill.offline{color:var(--faint)}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:0 0 auto}.pill.online .status-dot{background:var(--ok);box-shadow:0 0 0 4px rgba(138,255,193,.07)}.pill.offline .status-dot{background:var(--faint)}.profile-status{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.btn{border:1px solid var(--line);background:rgba(32,32,32,.9);color:var(--text);border-radius:9px;padding:10px 14px;font-size:.8rem;font-weight:750;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease}.btn:hover{border-color:rgba(138,255,193,.28);color:var(--accent);transform:translateY(-1px)}.btn.primary{background:linear-gradient(90deg,var(--accent2),var(--accent));border-color:transparent;color:#171717}.btn.primary:hover{color:#171717;filter:brightness(1.05)}.btn.danger{color:var(--danger);border-color:rgba(239,125,134,.22)}.btn.danger:hover{border-color:rgba(239,125,134,.45);background:rgba(239,125,134,.05);color:#ff9da4}.btn.small{padding:7px 10px;font-size:.74rem}.inline{display:inline}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .wide{grid-column:1/-1}.field label{display:block;color:var(--muted);font-size:.72rem;font-weight:800;margin-bottom:7px;text-transform:uppercase;letter-spacing:.06em}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:rgba(20,20,20,.88);color:var(--text);border-radius:10px;padding:12px 13px;outline:none;font-size:.88rem;transition:border-color .15s ease,box-shadow .15s ease}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(138,255,193,.42);box-shadow:0 0 0 3px rgba(138,255,193,.04)}.flash{padding:13px 15px;border-radius:10px;margin-bottom:16px;border:1px solid var(--line);font-size:.84rem}.flash.success{border-color:rgba(138,255,193,.3);background:rgba(138,255,193,.05)}.flash.error{border-color:rgba(239,125,134,.36);background:rgba(239,125,134,.06)}.token{font-family:Consolas,monospace;word-break:break-all;background:#141414;border:1px solid var(--line);padding:12px;border-radius:10px;color:var(--accent)}.kanban{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:11px;overflow:auto;padding-bottom:8px}.lane{border:1px solid var(--line);border-radius:12px;background:rgba(27,27,27,.68);min-height:260px;padding:10px}.lane h3{font-size:.76rem;margin:3px 4px 10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.todo{background:rgba(32,32,32,.88);border:1px solid var(--line);border-radius:10px;padding:11px;margin-bottom:8px}.todo strong{display:block;font-size:.84rem}.todo p{color:var(--muted);font-size:.78rem;line-height:1.5;white-space:pre-wrap}.todo-actions{display:flex;gap:5px;flex-wrap:wrap}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login{width:min(460px,100%);border:1px solid var(--line);border-radius:18px;background:rgba(27,27,27,.9);padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.28);backdrop-filter:blur(10px)}.login h1{font-family:var(--display);font-weight:100;margin:14px 0 6px;letter-spacing:-.05em;background:linear-gradient(45deg,var(--accent2),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login p{color:var(--muted);font-size:.86rem;line-height:1.65}.code{font:.78rem/1.55 Consolas,monospace;white-space:pre-wrap;background:#141414;border:1px solid var(--line);border-radius:10px;padding:13px;overflow:auto}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.45fr);gap:15px}.icon-preview{width:56px;height:56px;object-fit:cover;border-radius:11px;border:1px solid var(--line);background:var(--panel3)}.options-row{display:flex;gap:22px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.86rem}.options-row label{display:flex;align-items:center;gap:8px}.addon-list{display:flex;flex-direction:column;gap:3px}.addon-list span{color:var(--muted);max-width:620px;white-space:normal}.addon-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}@keyframes mdhGradient{from{background-position:0% 50%}to{background-position:100% 50%}}@media(max-width:1100px){.split{grid-template-columns:1fr}}@media(max-width:760px){html{font-size:15px}.layout{display:block}.side{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.nav{grid-template-columns:repeat(2,1fr)}.side-bottom{position:static;margin-top:12px}.main{padding:25px 16px}.grid,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.top{align-items:flex-start;flex-direction:column}.kanban{grid-template-columns:repeat(5,260px)}.profile-status{align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:7px}
.mode-choice{position:relative;display:block;cursor:pointer}
.mode-choice input{position:absolute;opacity:0;pointer-events:none}
.mode-choice span{display:block;min-height:74px;padding:13px 14px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.025);transition:border-color .18s ease,background .18s ease,transform .18s ease}
.mode-choice span strong,.mode-choice span small{display:block}
.mode-choice span small{margin-top:6px;color:var(--muted);line-height:1.4}
.mode-choice input:checked+span{border-color:rgba(138,255,193,.55);background:rgba(138,255,193,.07);box-shadow:0 0 0 2px rgba(138,255,193,.04)}
.mode-choice:hover span{transform:translateY(-1px);border-color:rgba(138,255,193,.32)}
@media(max-width:760px){.mode-toggle{grid-template-columns:1fr}}