:root{--color-red-dark-1:#1f0a14;--color-red-dark-2:#260d19;--color-red-1:#b84443;--color-cream:#f7e5bb;--color-cream-light:#beae91;--color-brown:#523f3c;--color-brown-light-1:#756257;--color-green:#6f9890;--color-green-light:#4f6762;--color-gradient:radial-gradient(51.33% 76.27% at 10.21% 6.78%,#320c1e 0%,#1f0a14 100%)}*{box-sizing:border-box}body,html{min-height:100vh;margin:0}body{background:var(--color-gradient),var(--color-red-dark-1);color:var(--color-cream);font-family:Inter,system-ui,sans-serif;font-size:14px}h1{margin:0 0 16px;font-size:22px}a{color:var(--color-green);text-decoration:none}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--color-brown);background:#260d1973;flex-direction:column;flex:none;width:232px;padding:20px 14px;display:flex}.sidebar__brand{color:var(--color-cream);align-items:center;gap:10px;padding:2px 10px 18px;font-size:17px;font-weight:600;display:flex}.sidebar__nav{flex-direction:column;gap:4px;display:flex}.sidebar__link{color:var(--color-cream-light);border-radius:10px;padding:10px 14px;text-decoration:none;transition:background .15s,color .15s;display:block}.sidebar__link:hover:not(.sidebar__link--active){background:var(--color-red-dark-2);color:var(--color-cream)}.sidebar__link--active,.sidebar__link--active:hover{background:var(--color-cream);color:var(--color-red-dark-1);font-weight:600}.content{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid #523f3c66;align-items:center;gap:14px;padding:14px 28px;display:flex}.page{width:100%;max-width:1100px;margin:0 auto;padding:28px}.btn{border:1px solid var(--color-brown);color:var(--color-cream);font:inherit;cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 18px;transition:background .15s,opacity .15s;display:inline-flex}.btn:hover{background:var(--color-red-dark-2)}.btn--primary{background:var(--color-cream);color:var(--color-red-dark-1);border-color:var(--color-cream);font-weight:600}.btn--primary:hover{background:var(--color-cream-light)}.btn--danger{border-color:var(--color-red-1);color:var(--color-red-1)}.btn--green{border-color:var(--color-green);color:var(--color-green)}.btn:disabled{opacity:.4;cursor:not-allowed}.input,select.input,textarea.input{border:1px solid var(--color-brown);width:100%;color:var(--color-cream);font:inherit;background:#260d198c;border-radius:10px;padding:10px 14px}.input:focus{border-color:var(--color-cream-light);outline:none}.input::placeholder{color:var(--color-cream-light);opacity:.55}textarea.input{min-height:320px;font-family:ui-monospace,monospace;font-size:12.5px;line-height:1.5}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--color-cream-light);border-bottom:1px solid var(--color-brown);padding:8px 12px;font-size:12px;font-weight:500}.table td{border-bottom:1px solid #523f3c66;padding:10px 12px}.table tr:hover td{background:#260d1980}.card{border:1px solid var(--color-brown);background:#260d198c;border-radius:16px;padding:20px 24px}.badge{border:1px solid var(--color-green);color:var(--color-green);border-radius:999px;padding:2px 10px;font-size:12px;display:inline-block}.badge--warn{border-color:var(--color-red-1);color:var(--color-red-1)}.dot-host{display:inline-block;position:relative}.dot-host__dot{background:var(--color-green);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite dot-pulse;position:absolute;top:-3px;right:-10px}@keyframes dot-pulse{0%,to{transform:scale(1);box-shadow:0 0 #6f989099}50%{transform:scale(1.35);box-shadow:0 0 0 7px #6f989000}}.muted{color:var(--color-cream-light)}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spacer{flex:1}.modal-backdrop{z-index:50;background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-red-dark-2);border:1px solid var(--color-brown);border-radius:20px;width:calc(100% - 32px);max-width:520px;max-height:88vh;padding:28px;position:relative;overflow-y:auto}.modal__close{width:36px;height:36px;color:var(--color-cream-light);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:22px;line-height:1;display:flex;position:absolute;top:14px;right:14px}.modal__close:hover{background:var(--color-red-dark-1);color:var(--color-cream)}.avatar{background:var(--color-green-light);width:64px;height:64px;color:var(--color-cream);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:24px;font-weight:600;display:flex;overflow:hidden}.avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.table{table-layout:fixed}.table .col-id{width:64px}.table .col-plan{width:110px}.table .col-date{width:120px}.table .col-actions{text-align:right;width:130px}.table td{text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;height:57px;overflow:hidden}.table td.col-actions{text-overflow:clip;overflow:visible}.acc{border:1px solid var(--color-brown);background:#260d198c;border-radius:14px;margin-bottom:10px;overflow:hidden}.acc__head{width:100%;color:var(--color-cream);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:14px 18px;font-weight:500;display:flex}.acc__head:hover{background:var(--color-red-dark-2)}.acc__chevron{color:var(--color-cream-light);margin-left:auto;transition:transform .2s}.acc--open .acc__chevron{transform:rotate(180deg)}.acc__body{padding:0 18px 18px}.acc__value{white-space:pre-wrap;color:var(--color-cream-light);max-height:420px;font-family:ui-monospace,monospace;font-size:12.5px;line-height:1.55;overflow-y:auto}.field{margin-bottom:14px}.field label{color:var(--color-cream-light);margin-bottom:6px;font-size:12px;display:block}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.plan-list{flex-direction:column;gap:8px;display:flex}.plan-option{border:1px solid var(--color-brown);color:var(--color-cream);font:inherit;cursor:pointer;text-align:left;background:0 0;border-radius:12px;justify-content:space-between;align-items:center;padding:11px 16px;display:flex}.plan-option:hover:not(.plan-option--active){background:var(--color-red-dark-1)}.plan-option--active{border-color:var(--color-cream);background:#f7e5bb14;font-weight:600}.plan-option--current{color:var(--color-green);font-size:11px}.icon-btn{border:1px solid var(--color-brown);color:var(--color-cream-light);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;display:inline-flex}.icon-btn:hover{color:var(--color-cream);background:var(--color-red-dark-2)}