:root{--brand: #a4441f;--brand-600: #8f3a19;--brand-700: #752e12;--brand-soft: #fbeee6;--brand-line: #f0dccd;--ink: #191613;--ink-2: #3e3933;--muted: #6f6861;--surface: #ffffff;--surface-2: #fbfaf8;--page: #f4f2ef;--line: #e9e5df;--line-strong: #d8d2c8;--ok: #2f6b4b;--ok-bg: #eaf4ee;--warn: #8a5a12;--warn-bg: #fdf4e2;--danger: #a02b4a;--danger-bg: #fceff2;--danger-line: #f2d3db;--info: #1f467c;--info-bg: #eef3fb;--info-line: #d5e1f3;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius-xl: 26px;--radius-lg: 20px;--radius: 14px;--radius-sm: 10px;--shadow-1: 0 1px 2px rgb(26 22 18 / 4%), 0 12px 28px rgb(26 22 18 / 5%);--shadow-2: 0 2px 6px rgb(26 22 18 / 6%), 0 22px 46px rgb(26 22 18 / 10%);--sidebar: 264px;--sidebar-collapsed: 76px;--page-max: 1060px;--transition: .16s ease}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--page);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}::selection{background:var(--brand-soft);color:var(--brand-700)}h1,h2,p,dl,dd,figure{margin:0}h1,h2{text-wrap:balance}h1{font-size:clamp(1.5rem,1.25rem + 1.1vw,1.95rem);font-weight:700;line-height:1.15;letter-spacing:-.025em}h2{font-size:1.08rem;font-weight:700;letter-spacing:-.015em}a{color:var(--brand-700);text-underline-offset:3px}a:hover{color:var(--brand)}:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-80px;left:16px;z-index:50;padding:10px 16px;border-radius:10px;background:var(--ink);color:#fff;font-weight:600;text-decoration:none;transition:top var(--transition)}.skip-link:focus{top:12px;color:#fff}.content:focus{outline:none}.content:focus-visible{outline:3px solid var(--brand);outline-offset:-6px;border-radius:18px}.shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh;transition:grid-template-columns .22s ease}.shell--collapsed{grid-template-columns:var(--sidebar-collapsed) minmax(0,1fr)}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:26px;height:100vh;padding:26px 18px 22px;overflow:hidden;background:var(--surface);border-right:1px solid var(--line)}.sidebar__top{display:flex;align-items:center;gap:6px}.sidebar__toggle{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:10px;background:none;color:#8d857d;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition)}.sidebar__toggle:hover{border-color:var(--line);background:var(--surface-2);color:var(--ink)}.sidebar__toggle svg{transition:transform .22s ease}.brand{display:inline-flex;align-items:center;gap:11px;min-width:0;padding:0 6px;color:var(--ink);text-decoration:none}.brand:hover{color:var(--ink)}.brand__mark,.splash__mark{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#b74f26,var(--brand-700));box-shadow:inset 0 1px #ffffff42,0 8px 16px #a4441f3d;color:#fff;font-size:1.15rem;font-weight:800;line-height:1}.brand__text{display:flex;flex-direction:column;max-width:200px;overflow:hidden;line-height:1.15;transition:max-width .2s ease,opacity .14s ease}.brand__name{font-size:1.22rem;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.brand__tag{color:var(--muted);font-size:.76rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.brand__text,.nav__link span,.me__text,.button__label{transition:max-width .2s ease,opacity .14s ease}.nav__link span,.me__text{max-width:220px}.button__label{max-width:200px}.shell--collapsed .sidebar{gap:20px;padding-inline:14px}.shell--collapsed .sidebar__top{flex-direction:column;gap:14px}.shell--collapsed .brand{gap:0;padding:0}.shell--collapsed .brand__text{max-width:0;opacity:0}.shell--collapsed .sidebar__toggle svg{transform:rotate(180deg)}.shell--collapsed .nav__label{height:1px;margin:12px 8px;padding:0;overflow:hidden;border-top:1px solid var(--line);color:transparent;font-size:0}.shell--collapsed .nav__link{justify-content:center;gap:0;padding:11px}.shell--collapsed .nav__link span{max-width:0;overflow:hidden;opacity:0;white-space:nowrap}.shell--collapsed .me{justify-content:center;padding:6px 0}.shell--collapsed .me__text{max-width:0;overflow:hidden;opacity:0}.shell--collapsed .sidebar__foot .button{gap:0;padding:10px}.shell--collapsed .button__label{max-width:0;overflow:hidden;opacity:0;white-space:nowrap}.nav{display:flex;flex-direction:column;gap:3px}.nav__label{margin:14px 0 6px;padding-left:12px;color:#7b736b;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.nav__label:first-child{margin-top:0}.nav__link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:var(--ink-2);font-size:.95rem;font-weight:600;text-decoration:none;transition:background-color var(--transition),color var(--transition)}.nav__link svg{flex:none;color:#8d857d;transition:color var(--transition)}.nav__link:hover{background:var(--surface-2);color:var(--ink)}.nav__link:hover svg{color:var(--ink-2)}.nav__link--active,.nav__link--active:hover{background:var(--brand-soft);color:var(--brand-700)}.nav__link--active svg{color:var(--brand)}.sidebar__foot{display:grid;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.me{display:flex;align-items:center;gap:10px;min-width:0;padding:6px}.me__avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--brand-soft);color:var(--brand-700);font-size:.82rem;font-weight:800;letter-spacing:.02em}.me__text{display:flex;flex-direction:column;min-width:0;line-height:1.3}.me__name{overflow:hidden;font-size:.89rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.me__email{overflow:hidden;color:var(--muted);font-size:.79rem;text-overflow:ellipsis;white-space:nowrap}.mobilebar{display:none}.content{width:100%;max-width:var(--page-max);margin:0 auto;padding:30px clamp(16px,3vw,36px) 56px}.panel{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-1)}.panel__head{display:flex;align-items:center;gap:16px;padding:22px 26px;border-bottom:1px solid var(--line)}.chip{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:50%;background:var(--brand-soft);color:var(--brand-700)}.panel__heading{min-width:0}.panel__heading p{margin-top:4px;color:var(--muted);font-size:.97rem}.count{display:inline-flex;align-items:baseline;gap:6px;margin-inline-start:auto;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.83rem;font-weight:600;white-space:nowrap}.count strong{color:var(--ink);font-size:1rem;font-weight:800;font-variant-numeric:tabular-nums}.panel__body{display:grid;gap:26px;padding:24px 26px 28px}.tabs{display:flex;justify-content:center;gap:6px;overflow-x:auto;padding:0 26px;border-bottom:1px solid var(--line);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{display:inline-flex;align-items:center;gap:9px;padding:15px 16px 14px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font:inherit;font-size:.95rem;font-weight:650;white-space:nowrap;cursor:pointer;transition:color var(--transition),border-color var(--transition)}.tab svg{flex:none;color:#979089;transition:color var(--transition)}.tab:hover{color:var(--ink)}.tab:hover svg{color:var(--ink-2)}.tab[aria-selected=true]{border-bottom-color:var(--brand);color:var(--brand-700)}.tab[aria-selected=true] svg{color:var(--brand)}.cards{display:grid;grid-template-columns:1fr;gap:18px;padding:0;margin:0;list-style:none}@media (min-width: 720px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.cards__item{display:flex}.tile{display:flex;flex-direction:column;gap:12px;width:100%;padding:24px;background:var(--tone-bg);border:1px solid var(--tone-line);border-radius:22px;transition:transform var(--transition),box-shadow var(--transition)}.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}.tile--clay{--tone-bg: #fbeee6;--tone-line: #f2ddcd;--tone-fg: #9d4420;--tone-strong: #7f3417}.tile--sage{--tone-bg: #ecf5ee;--tone-line: #d9eadd;--tone-fg: #2c6a4b;--tone-strong: #215338}.tile--sky{--tone-bg: #ecf2fb;--tone-line: #d9e4f5;--tone-fg: #2a5a9e;--tone-strong: #1f467c}.tile--rose{--tone-bg: #fbeef1;--tone-line: #f3d9e0;--tone-fg: #a13a58;--tone-strong: #823048}.tile--amber{--tone-bg: #fdf4e2;--tone-line: #f4e6c8;--tone-fg: #8a5a12;--tone-strong: #6d470e}.tile__icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:4px;overflow:hidden;border-radius:50%;background:var(--surface);box-shadow:0 2px 8px #1a161214;color:var(--tone-fg);font-size:1.3rem;font-weight:800}.tile__icon img{width:32px;height:32px;object-fit:contain}.tile__title{color:var(--ink);font-size:1.14rem;font-weight:700;letter-spacing:-.015em}.tile__description{flex:1;color:#5b544d;font-size:.94rem}.tile__cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;align-self:flex-start;min-height:42px;margin-top:6px;padding:9px 20px;border-radius:999px;background:var(--tone-fg);color:#fff;font-size:.94rem;font-weight:650;text-decoration:none;transition:background-color var(--transition),gap var(--transition)}.tile__cta:hover{gap:13px;background:var(--tone-strong);color:#fff}.tile__cta:focus-visible{outline-color:var(--tone-strong);outline-offset:3px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:999px;font:inherit;font-weight:650;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),transform 80ms ease,box-shadow var(--transition)}.button:active:not(:disabled){transform:translateY(1px)}.button--primary{background:linear-gradient(180deg,#ad4a22,var(--brand-600));box-shadow:inset 0 1px #ffffff29,0 2px 8px #a4441f38;color:#fff}.button--primary:hover{background:linear-gradient(180deg,var(--brand),var(--brand-700));color:#fff}.button--ghost{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.button--ghost:hover{background:var(--surface-2);border-color:#c6bfb4;color:var(--ink)}.button--danger{background:transparent;border-color:var(--danger-line);color:var(--danger)}.button--danger:hover{background:var(--danger);border-color:var(--danger);color:#fff}.button--small{min-height:36px;padding:6px 13px;font-size:.82rem}.button:disabled{opacity:.6;cursor:progress}.iconbutton{display:grid;place-items:center;flex:none;width:40px;height:40px;margin-inline-start:auto;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink-2);cursor:pointer}.iconbutton:hover{background:var(--surface-2);color:var(--ink)}.section{display:grid;gap:14px;scroll-margin-top:24px}.section+.section{padding-top:24px;border-top:1px solid var(--line)}.section__title{color:var(--ink)}.section--danger .section__title{color:var(--danger)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.profile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 0 6px;text-align:center}.profile__avatar{position:relative;display:grid;place-items:center;width:88px;height:88px;margin-bottom:4px;border-radius:50%;background:radial-gradient(120% 120% at 25% 0%,rgb(255 255 255 / 42%),transparent 62%),linear-gradient(145deg,#b74f26,var(--brand-700));box-shadow:inset 0 1px #ffffff38,0 12px 26px #a4441f3d;color:#fff;font-size:1.9rem;font-weight:800;letter-spacing:.02em}.profile__check{position:absolute;right:1px;bottom:3px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:3px solid var(--surface);background:#219653;color:#fff}.profile__name{font-size:1.18rem;font-weight:700;overflow-wrap:anywhere}.profile__email{color:var(--muted);font-size:.94rem;overflow-wrap:anywhere}.facts{display:grid;margin:6px 0 0;border-top:1px solid var(--line)}.facts>div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;align-items:baseline;padding:13px 2px;border-bottom:1px solid var(--line)}.facts dt{color:var(--muted);font-size:.9rem}.facts dd{margin:0;font-weight:600;overflow-wrap:anywhere}.badge{display:inline-block;padding:3px 11px;border-radius:999px;font-size:.75rem;font-weight:700;line-height:1.5;white-space:nowrap}.badge--ok{background:var(--ok-bg);color:var(--ok)}.badge--warn{background:var(--warn-bg);color:var(--warn)}.muted{color:var(--muted);font-size:.92rem}.notice{padding:13px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);font-size:.95rem}.notice p{margin:0}.notice--info{border-color:var(--info-line);background:var(--info-bg);color:var(--info)}.notice--ok{border-color:#c6e3d2;background:var(--ok-bg);color:var(--ok)}.table-wrap{overflow-x:auto}.devices{width:100%;border-collapse:collapse;font-size:.94rem}.devices th{padding:0 12px 10px;border-bottom:1px solid var(--line-strong);color:var(--ink-2);font-size:.8rem;font-weight:700;text-align:left;white-space:nowrap}.devices th:first-child{padding-left:4px}.devices th:last-child{width:56px;padding-right:4px}.devices td{padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.devices td:first-child{padding-left:4px}.devices td:last-child{padding-right:4px;text-align:right}.device__main{display:flex;align-items:flex-start;gap:12px}.device__icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);color:var(--ink-2)}.device__summary{display:flex;flex-direction:column;gap:2px;min-width:0}.device__title{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.97rem;font-weight:700;overflow-wrap:anywhere}.device__meta{display:flex;flex-wrap:wrap;gap:2px 10px;color:var(--muted);font-size:.84rem;font-variant-numeric:tabular-nums}.device__meta>span{overflow-wrap:anywhere}.device__ip{color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}.iconbutton--danger{width:38px;height:38px;margin-inline-start:auto;border-color:transparent;background:transparent;color:var(--muted)}.iconbutton--danger:hover{border-color:var(--danger-line);background:var(--danger-bg);color:var(--danger)}.device__action-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.section__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:8px;padding-top:18px;border-top:1px solid var(--line)}.section__foot p{max-width:52ch}.empty{display:grid;justify-items:center;gap:6px;padding:48px 24px;text-align:center;background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:var(--radius-lg)}.empty__icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:6px;border-radius:50%;background:var(--brand-soft);color:var(--brand-700)}.empty p{max-width:46ch;color:var(--muted);font-size:.95rem}.standalone{display:grid;place-items:center;min-height:100vh;padding:24px 18px;background:var(--page)}.card{width:100%;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-1)}.card--center{max-width:480px;text-align:center}.card--center .actions{justify-content:center}.bye__icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 10px;border-radius:50%;background:var(--ok-bg);color:var(--ok)}.standalone h1{font-size:clamp(1.4rem,1.2rem + 1.2vw,1.8rem)}.standalone .card>p{margin-top:10px;color:var(--ink-2)}.splash{display:grid;justify-items:center;align-content:center;gap:16px;min-height:100vh;padding:24px;background:radial-gradient(560px 300px at 50% 32%,rgb(164 68 31 / 8%),transparent 70%),var(--page);color:var(--muted);text-align:center}.splash__loader{position:relative;display:grid;place-items:center;width:80px;height:80px}.splash__loader:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 90deg,transparent 0turn .5turn,var(--brand) .78turn,#d99a76 .92turn,transparent 1turn);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 3px));animation:splash-spin 1.05s linear infinite}.splash__loader:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:radial-gradient(circle,rgb(164 68 31 / 16%),transparent 68%);animation:splash-halo 2.4s ease-in-out infinite}.splash__mark{position:relative;width:46px;height:46px;font-size:1.26rem;animation:splash-breathe 2.4s ease-in-out infinite}.splash__label{font-size:.95rem}.splash__bar{display:block;width:132px;height:3px;overflow:hidden;border-radius:999px;background:var(--brand-soft)}.splash__bar>span{display:block;width:45%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--brand),transparent);animation:splash-slide 1.35s ease-in-out infinite}@keyframes splash-spin{to{transform:rotate(1turn)}}@keyframes splash-halo{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}@keyframes splash-breathe{0%,to{transform:scale(1)}50%{transform:scale(.93)}}@keyframes splash-slide{0%{transform:translate(-110%)}to{transform:translate(320%)}}@media (max-width: 900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.mobilebar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffffeb;border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(140%) blur(12px);backdrop-filter:saturate(140%) blur(12px)}.brand--compact{padding:0}.brand--compact .brand__mark{width:32px;height:32px;border-radius:10px;font-size:1rem}.brand--compact .brand__name{font-size:1.06rem}.mobilebar__nav{display:flex;gap:4px;margin-inline-start:auto;padding:3px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}.mobilebar__nav .nav__link{gap:7px;padding:7px 11px;border-radius:999px;font-size:.85rem}.content{padding:18px 14px 40px}.iconbutton{margin-inline-start:0}}@media (max-width: 620px){.panel{border-radius:20px}.panel__head{align-items:flex-start;padding:18px}.chip{width:46px;height:46px}.panel__body{padding:18px}.tabs{justify-content:flex-start;gap:2px;padding:0 18px}.tab{padding:13px 12px 12px}.count{display:none}.tile{padding:20px}.tile__cta,.actions .button{width:100%}.facts>div{grid-template-columns:1fr;gap:2px}.devices thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.devices,.devices tbody,.devices tr,.devices td{display:block;width:100%}.devices tr{padding:14px 0;border-bottom:1px solid var(--line)}.devices td,.devices td:first-child,.devices td:last-child{padding:0;border:0;text-align:left}.devices .device__ip{margin:8px 0 0 48px;color:var(--muted);font-size:.88rem}.devices td:last-child{margin-top:12px}.devices td:last-child .iconbutton{width:auto;min-height:38px;gap:8px;padding:6px 14px;border-color:var(--danger-line);border-radius:999px;background:var(--surface);color:var(--danger);font:inherit;font-size:.85rem;font-weight:650}.device__action-text{position:static;width:auto;height:auto;overflow:visible;clip:auto}.section__foot{flex-direction:column;align-items:stretch}.section__foot .button{width:100%}}@media (max-width: 420px){.mobilebar__nav .nav__link span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mobilebar__nav .nav__link{padding:8px 10px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.tile:hover{transform:none}}@media print{.sidebar,.mobilebar,.actions,.tabs{display:none}body{background:#fff}.shell{display:block}.panel,.card,.tile{border-color:#ddd;box-shadow:none}}