:root{--brand:var(--gastio-brand);--brand-hover:var(--gastio-brand-hover);--background:var(--gastio-background);--surface:var(--gastio-surface);--surface-muted:var(--gastio-surface-muted);--text:var(--gastio-text);--text-muted:var(--gastio-text-muted);--border:var(--gastio-border);--success:var(--gastio-success);--warning:var(--gastio-warning);--danger:var(--gastio-danger);--info:var(--gastio-info);--space-xs:var(--gastio-space-xs);--space-sm:var(--gastio-space-sm);--space-md:var(--gastio-space-md);--space-lg:var(--gastio-space-lg);--space-xl:var(--gastio-space-xl);--space-xxl:var(--gastio-space-xxl);--radius-small:var(--gastio-radius-sm);--radius-medium:var(--gastio-radius-md);--radius-large:var(--gastio-radius-lg);--radius-pill:999px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--background);font-synthesis:none}*{box-sizing:border-box}html{min-width:320px;background:var(--background);color:var(--text)}body{margin:0;min-height:100vh;background:var(--background);color:var(--text)}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.logo-dark{display:none}.logo-light,.logo-dark{width:min(220px,100%);height:auto}[data-theme="dark"] .logo-light{display:none}[data-theme="dark"] .logo-dark{display:block}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-lg)}.auth-card{width:min(100%,560px);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-large);padding:clamp(var(--space-lg),5vw,var(--space-xxl));box-shadow:0 24px 70px rgba(0,0,0,.18)}.auth-brand{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl)}.theme-toggle,.nav-toggle{width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-muted);color:var(--text);display:grid;place-items:center;cursor:pointer;flex:0 0 auto}.eyebrow{margin:0 0 var(--space-xs);font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--brand)}h1{font-size:clamp(1.65rem,4vw,2.5rem);line-height:1.12;margin:0;color:var(--text)}h2{font-size:1.15rem;margin:0 0 var(--space-md);color:var(--text)}h3{font-size:1rem;color:var(--text)}p,li,dt,dd{color:inherit}.form-stack{display:grid;gap:var(--space-md);margin-top:var(--space-lg)}label{display:grid;gap:var(--space-xs);font-weight:700;font-size:.92rem;color:var(--text)}input,select,textarea{width:100%;min-width:0;min-height:48px;border:1px solid var(--border);border-radius:var(--radius-small);background:var(--surface);color:var(--text);caret-color:var(--text);padding:10px 12px}select option{background:var(--surface);color:var(--text)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 1000px var(--surface) inset;transition:background-color 9999s ease-out}textarea{resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{border-color:var(--brand);outline:3px solid color-mix(in srgb,var(--brand) 45%,transparent);outline-offset:2px}.button{min-height:48px;border:0;border-radius:var(--radius-small);background:var(--brand);color:var(--gastio-on-brand);font-weight:800;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);cursor:pointer;text-decoration:none}.button:hover{background:var(--brand-hover);text-decoration:none}.button-secondary{background:var(--surface-muted);color:var(--text);border:1px solid var(--border)}.button-danger{background:var(--danger);color:var(--gastio-white)}.button-small{min-height:40px;padding:7px 11px}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:var(--surface);color:var(--text);border-right:1px solid var(--border);padding:var(--space-lg);display:flex;flex-direction:column;z-index:20}.sidebar-brand{display:block;margin-bottom:var(--space-xl)}.sidebar nav{display:grid;gap:3px;overflow:auto}.sidebar nav a{min-height:44px;display:flex;align-items:center;padding:8px 12px;border-radius:var(--radius-small);color:var(--text);font-weight:700}.sidebar nav a:hover{background:var(--surface-muted);text-decoration:none}.sidebar-user{margin-top:auto;border-top:1px solid var(--border);padding-top:var(--space-md);display:grid;gap:var(--space-xs)}.sidebar-user a,.link-button{min-height:44px;display:flex;align-items:center;background:none;border:0;color:var(--brand);padding:0;cursor:pointer}.nav-toggle{display:none;position:fixed;left:var(--space-md);bottom:var(--space-md);z-index:30;background:var(--brand);color:var(--gastio-on-brand)}.dev-main{margin-left:260px;min-height:100vh;padding:clamp(var(--space-lg),4vw,var(--space-xxl));max-width:1800px;color:var(--text)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-xl)}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.metric,.panel{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-medium);padding:var(--space-lg);min-width:0}.metric{display:grid;gap:var(--space-xs);border-top:4px solid var(--brand)}.metric strong{font-size:2rem}.metric-success{border-top-color:var(--success)}.metric-warning{border-top-color:var(--warning)}.metric-danger{border-top-color:var(--danger)}.metric-info{border-top-color:var(--info)}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:var(--space-lg)}.panel{margin-bottom:var(--space-lg)}.panel-heading,.page-actions,.actions-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.page-actions{justify-content:flex-end;margin-bottom:var(--space-lg)}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin:0}.facts div{background:var(--surface-muted);border-radius:var(--radius-small);padding:var(--space-md);min-width:0}.facts dt{font-size:.78rem;color:var(--text-muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.facts dd{margin:var(--space-xs) 0 0;overflow-wrap:anywhere}.summary-list,.compact-list,.session-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-sm)}.summary-list li,.session-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--border)}.session-list li{align-items:flex-start}.muted{color:var(--text-muted);font-size:.85rem}.badge{display:inline-flex;align-items:center;min-height:28px;padding:3px 9px;border-radius:var(--radius-pill);font-size:.78rem;font-weight:800;background:var(--surface-muted)}.badge-success{color:var(--text);border:1px solid color-mix(in srgb,var(--success) 60%,var(--border));background:color-mix(in srgb,var(--success) 16%,var(--surface))}.badge-warning{color:var(--text);border:1px solid color-mix(in srgb,var(--warning) 60%,var(--border));background:color-mix(in srgb,var(--warning) 16%,var(--surface))}.badge-danger{color:var(--text);border:1px solid color-mix(in srgb,var(--danger) 60%,var(--border));background:color-mix(in srgb,var(--danger) 16%,var(--surface))}.table-panel{padding:0;overflow:hidden}.table-scroll{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;vertical-align:top;padding:13px 15px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}th{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--surface-muted)}.compact-form{display:flex;align-items:center;gap:var(--space-sm);min-width:230px}.compact-form select{min-height:40px}.inline-form{display:inline-flex;margin:var(--space-sm) var(--space-sm) 0 0}.danger-zone{border:1px solid color-mix(in srgb,var(--danger) 45%,var(--border));padding:var(--space-md);border-radius:var(--radius-small)}.notice{padding:var(--space-md);border-radius:var(--radius-small);margin:0 0 var(--space-lg);border-left:4px solid var(--brand);background:var(--surface-muted);color:var(--text)}.notice-success{border-left-color:var(--success);background:color-mix(in srgb,var(--success) 12%,var(--surface))}.notice-error{border-left-color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,var(--surface));color:var(--text)}.masked{font-family:ui-monospace,Consolas,monospace}.modal{width:min(92vw,560px);border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);color:var(--text);padding:var(--space-lg)}.modal::backdrop{background:rgba(0,0,0,.55)}details{margin-top:var(--space-md)}summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:800}.setup-steps{display:grid;gap:var(--space-sm);padding-left:1.35rem}.setup-qr{display:grid;place-items:center;margin:var(--space-lg) auto;padding:var(--space-md);width:min(100%,352px);background:var(--gastio-white);border:1px solid var(--border);border-radius:var(--radius-medium)}.setup-qr img{display:block;width:100%;height:auto;aspect-ratio:1}.setup-key{display:grid;gap:var(--space-xs);padding:var(--space-md);background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-small)}.setup-key span{font-size:.8rem;font-weight:800;color:var(--text-muted)}.setup-key code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.95rem;font-weight:700;color:var(--text);overflow-wrap:anywhere;letter-spacing:.06em}
@media(max-width:980px){.sidebar{transform:translateX(-100%);transition:transform .2s ease}.sidebar.is-open{transform:translateX(0);box-shadow:20px 0 60px rgba(0,0,0,.25)}.nav-toggle{display:grid}.dev-main{margin-left:0}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.dev-main{padding:var(--space-md);padding-bottom:80px}.page-header{margin-bottom:var(--space-lg)}.metrics,.grid-two,.facts{grid-template-columns:1fr}.metric strong{font-size:1.6rem}.panel{padding:var(--space-md)}.table-panel{padding:var(--space-sm)}table,thead,tbody,tr,th,td{display:block;min-width:0}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}tbody{display:grid;gap:var(--space-md)}tr{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-small);padding:var(--space-sm)}td{display:grid;grid-template-columns:minmax(92px,38%) minmax(0,1fr);gap:var(--space-sm);border:0;padding:8px}td::before{content:attr(data-label);font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-weight:800}.compact-form{min-width:0;flex-wrap:wrap}.compact-form select,.compact-form .button{width:100%}.session-list li{display:grid}.auth-shell{padding:var(--space-md)}.auth-card{padding:var(--space-lg)}}
:root{--link:var(--gastio-link,var(--info))}a,.eyebrow{color:var(--link)}
.gastio-icon-theme{mask-image:url('/assets/icons/icon-sun.png');-webkit-mask-image:url('/assets/icons/icon-sun.png')}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo-light{display:none}:root:not([data-theme="light"]) .logo-dark{display:block}:root:not([data-theme="light"]) .gastio-icon-theme{mask-image:url('/assets/icons/icon-moon.png');-webkit-mask-image:url('/assets/icons/icon-moon.png')}}
:root[data-theme="dark"] .logo-light{display:none}:root[data-theme="dark"] .logo-dark{display:block}:root[data-theme="dark"] .gastio-icon-theme{mask-image:url('/assets/icons/icon-moon.png');-webkit-mask-image:url('/assets/icons/icon-moon.png')}
:root[data-theme="light"] .logo-light{display:block}:root[data-theme="light"] .logo-dark{display:none}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}