@import url("https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&display=swap");:root{--bg:#0a0a0a;--bg2:#0f0f0f;--bg3:#141414;--bg4:#1a1a1a;--border:#222222;--border2:#2e2e2e;--muted:#555555;--dim:#888888;--light:#bbbbbb;--white:#f5f4f0;--red:#FF4D1C;--red2:#e03d10;--red-a:rgba(255,77,28,0.08);--red-b:rgba(255,77,28,0.15);--green:#1CFF8F;--sidebar-width:224px;--topbar-height:64px;--font-display:"Syne",sans-serif;--font-body:"DM Mono",monospace;--transition:0.2s ease;--radius:6px;--radius-lg:10px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--light);font-family:var(--font-body);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--red);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--red2)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;color:var(--white);letter-spacing:-.03em;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}p{color:var(--light);line-height:1.7}a{color:var(--red);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--red2)}code,pre{font-family:var(--font-body);font-size:.875rem}input,select,textarea{background:var(--bg);border:1px solid var(--border);color:var(--white);font-family:var(--font-body);font-size:14px;padding:10px 14px;border-radius:var(--radius);outline:none;transition:border-color var(--transition);width:100%}input:focus,select:focus,textarea:focus{border-color:var(--red)}input::placeholder,textarea::placeholder{color:var(--muted)}select option{background:var(--bg3)}label{display:block;color:var(--dim);font-size:12px;margin-bottom:6px;letter-spacing:.05em;text-transform:uppercase}button{font-family:var(--font-body);font-size:14px;cursor:pointer;border:none;border-radius:var(--radius);transition:background var(--transition),opacity var(--transition)}.btn-primary{background:var(--red);color:var(--white);padding:10px 20px;font-weight:500}.btn-primary:hover{background:var(--red2)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg4);color:var(--light);padding:10px 20px;border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border2);background:var(--bg3)}.btn-ghost{background:transparent;color:var(--dim);padding:8px 12px;border:1px solid transparent}.btn-ghost:hover{color:var(--white);border-color:var(--border)}.btn-danger{background:transparent;color:var(--red);padding:10px 20px;border:1px solid var(--red)}.btn-danger:hover{background:var(--red-a)}.card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.form-group{margin-bottom:20px}.error-msg{color:var(--red);font-size:12px;margin-top:8px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.badge-green{background:rgba(28,255,143,.1);color:var(--green);border:1px solid rgba(28,255,143,.2)}.badge-red{background:var(--red-a);color:var(--red);border:1px solid rgba(255,77,28,.2)}.badge-muted{background:var(--bg4);color:var(--dim);border:1px solid var(--border)}.divider{height:1px;background:var(--border);margin:24px 0}@keyframes spin{to{transform:rotate(1turn)}}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border2);border-top-color:var(--red);border-radius:50%;animation:spin .7s linear infinite}.text-red{color:var(--red)}.text-green{color:var(--green)}.text-dim{color:var(--dim)}.text-muted{color:var(--muted)}.text-white{color:var(--white)}.text-light{color:var(--light)}.mono{font-family:var(--font-body)}.syne{font-family:var(--font-display)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.mobile-topbar{display:none;align-items:center;gap:12px;padding:12px 16px;background:var(--bg2);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:90}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:98}@media (max-width:768px){.mobile-topbar{display:flex}.sidebar-overlay.is-open{display:block}.app-main{margin-left:0!important}.app-sidebar{transform:translateX(-100%);transition:transform .25s ease}.app-sidebar.is-open{transform:translateX(0)}.sidebar-close-btn{display:block!important}}@media (min-width:769px){.app-sidebar{transform:translateX(0)!important}}.page-header{margin-bottom:32px}.page-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--white);letter-spacing:-.03em}.page-subtitle{color:var(--dim);margin-top:4px;font-size:13px}