.page{flex-direction:column;min-height:calc(100vh - 48px);display:flex}.page[data-multi-column]{height:calc(100vh - 48px);max-height:calc(100vh - 48px);overflow:hidden}html[data-multi-column-active=true],html[data-multi-column-active=true] body{overflow:hidden!important}@media (max-width:1024px){.page[data-multi-column]{height:calc(100vh - 48px - 90px - var(--safe-area-bottom));max-height:calc(100vh - 48px - 90px - var(--safe-area-bottom))}}.pageHeader{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.pageHeaderLeft{align-items:center;gap:12px;display:flex}.pageTitle{color:var(--text-primary);margin:0;font-size:.9375rem;font-weight:600}.pageSubtitle{color:var(--text-tertiary);font-size:.75rem}.pageHeaderRight{align-items:center;gap:8px;display:flex}.pageContent{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px}.pageContentNarrow{max-width:800px}.pageContentWide{max-width:1400px}.errorBanner{background:var(--state-danger-bg);border:1px solid var(--state-danger-border);color:var(--accent-danger);border-radius:var(--radius-md);align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:.8125rem;line-height:1.4;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:64px 24px;display:flex}.emptyIcon{color:var(--text-muted);opacity:.5}.emptyTitle{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.emptyText{color:var(--text-secondary);max-width:360px;margin:0;font-size:.8125rem}.loading,.feed{flex-direction:column;gap:12px;display:flex}.waiting{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:64px 24px;font-size:.8125rem;display:flex}.pulse{background:var(--accent-primary);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}@media (max-width:640px){.pageHeader{padding:10px 12px}.pageHeaderLeft{gap:12px}.pageContent{padding:12px}.loading,.feed{gap:8px}.grid{grid-template-columns:1fr;gap:8px}}
:root{--bg-primary:#fff;--bg-secondary:#f8f9fb;--bg-tertiary:#f1f3f5;--bg-hover:#e9ecef;--bg-active:#dee2e6;--glass-bg:#ffffffd9;--glass-border:#0000000f;--text-primary:#1a1a1a;--text-secondary:#495057;--text-tertiary:#6c757d;--text-muted:#9ca3af;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-primary-active:#4338ca;--accent-secondary:#0891b2;--accent-success:#16a34a;--accent-success-text:#15803d;--accent-warning:#d97706;--accent-warning-text:#b45309;--accent-danger:#dc2626;--accent-danger-hover:#b91c1c;--accent-info:#0284c7;--border-subtle:#0000000d;--border-default:#0000001a;--border-hover:#00000026;--border-focus:var(--accent-primary);--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 2px 6px #0000000d,0 1px 2px #00000008;--shadow-lg:0 4px 12px #0000000f,0 2px 4px #00000008;--shadow-xl:0 8px 24px #00000014,0 4px 8px #0000000a;--shadow-glow:0 0 20px #6366f11a;--shadow-focus:0 0 0 3px #6366f11a;--shadow-dropdown:0 4px 12px #00000014,0 0 0 1px #0000000a;--overlay-bg:#00000040;--modal-shadow:0 8px 24px #00000014,0 4px 12px #0000000d;--state-danger-bg:#dc262614;--state-danger-bg-hover:#dc262626;--state-danger-border:#dc262633;--state-success-bg:#16a34a14;--state-success-bg-hover:#16a34a26;--state-success-border:#16a34a33;--state-warning-bg:#d9770614;--state-warning-bg-hover:#d9770626;--state-warning-border:#d9770633;--state-info-bg:#0284c714;--state-info-bg-hover:#0284c726;--state-info-border:#0284c733;--state-accent-bg:#6366f114;--state-accent-bg-hover:#6366f126;--state-accent-border:#6366f133;--state-neutral-bg:#0000000a;--state-neutral-bg-hover:#00000014;--state-neutral-border:#0000001a;--status-online:#16a34a;--status-offline:#dc2626;--status-pending:#d97706;--status-info:#0284c7;--input-bg:var(--bg-primary);--input-border:var(--border-default);--input-focus-border:var(--accent-primary);--input-focus-shadow:var(--shadow-focus);--button-secondary-bg:var(--bg-tertiary);--button-secondary-hover:var(--bg-hover);--card-bg:var(--bg-primary);--card-border:var(--border-subtle);--dropdown-bg:var(--bg-primary);--dropdown-shadow:var(--shadow-lg);--skeleton-base:var(--bg-tertiary);--skeleton-shine:var(--bg-hover);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--z-sticky:100;--z-banner:500;--z-overlay:1000;--z-modal:1100;--z-popover:1200;--z-toast:1300;--z-top:1400;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px)}[data-theme=dark]{--bg-primary:#0a0a0b;--bg-secondary:#121214;--bg-tertiary:#1a1a1e;--bg-hover:#222226;--bg-active:#2a2a2e;--glass-bg:#121214cc;--glass-border:#ffffff0f;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-muted:#52525b;--accent-primary:#8b5cf6;--accent-primary-hover:#7c3aed;--accent-primary-active:#6d28d9;--accent-secondary:#06b6d4;--accent-success:#22c55e;--accent-success-text:#4ade80;--accent-warning:#f59e0b;--accent-warning-text:#fbbf24;--accent-danger:#ef4444;--accent-danger-hover:#dc2626;--accent-info:#0ea5e9;--border-subtle:#ffffff0d;--border-default:#ffffff1a;--border-hover:#ffffff26;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--shadow-xl:0 20px 25px #0009;--shadow-glow:0 0 20px #8b5cf626;--shadow-focus:0 0 0 3px #8b5cf626;--shadow-dropdown:0 4px 16px #00000080,0 0 0 1px #ffffff0d;--overlay-bg:#000000b3;--modal-shadow:0 25px 50px -12px #00000080;--state-danger-bg:#ef44441f;--state-danger-bg-hover:#ef444433;--state-danger-border:#ef444440;--state-success-bg:#22c55e1f;--state-success-bg-hover:#22c55e33;--state-success-border:#22c55e40;--state-warning-bg:#f59e0b1f;--state-warning-bg-hover:#f59e0b33;--state-warning-border:#f59e0b40;--state-info-bg:#0ea5e91f;--state-info-bg-hover:#0ea5e933;--state-info-border:#0ea5e940;--state-accent-bg:#8b5cf61f;--state-accent-bg-hover:#8b5cf633;--state-accent-border:#8b5cf640;--state-neutral-bg:#ffffff0a;--state-neutral-bg-hover:#ffffff14;--state-neutral-border:#ffffff1a;--status-online:#22c55e;--status-offline:#ef4444;--status-pending:#f59e0b;--status-info:#0ea5e9;--input-bg:var(--bg-tertiary);--skeleton-base:var(--bg-tertiary);--skeleton-shine:var(--bg-hover)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth}@media (min-width:769px){html{scrollbar-gutter:stable}}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}input:-webkit-autofill{-webkit-box-shadow:0 0 0 9999px var(--bg-tertiary)inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;transition:background-color 9999s,color 9999s!important}input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 9999px var(--bg-tertiary)inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;transition:background-color 9999s,color 9999s!important}input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 9999px var(--bg-tertiary)inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;transition:background-color 9999s,color 9999s!important}input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 9999px var(--bg-tertiary)inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;transition:background-color 9999s,color 9999s!important}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 9999px var(--bg-tertiary)inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;transition:background-color 9999s,color 9999s!important}textarea:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 9999px var(--bg-tertiary)inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;transition:background-color 9999s,color 9999s!important}textarea:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 9999px var(--bg-tertiary)inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;transition:background-color 9999s,color 9999s!important}textarea:-webkit-autofill:active{-webkit-box-shadow:0 0 0 9999px var(--bg-tertiary)inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;transition:background-color 9999s,color 9999s!important}select:-webkit-autofill{-webkit-box-shadow:0 0 0 9999px var(--bg-tertiary)inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;transition:background-color 9999s,color 9999s!important}select:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 9999px var(--bg-tertiary)inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;transition:background-color 9999s,color 9999s!important}select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 9999px var(--bg-tertiary)inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;transition:background-color 9999s,color 9999s!important}select:-webkit-autofill:active{-webkit-box-shadow:0 0 0 9999px var(--bg-tertiary)inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;transition:background-color 9999s,color 9999s!important}input:autofill,input:autofill:hover,input:autofill:focus,input:autofill:active,textarea:autofill,textarea:autofill:hover,textarea:autofill:focus,textarea:autofill:active,select:autofill,select:autofill:hover,select:autofill:focus,select:autofill:active{-webkit-box-shadow:0 0 0 9999px var(--bg-tertiary)inset!important;box-shadow:0 0 0 9999px var(--bg-tertiary)inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;transition:background-color 9999s,color 9999s!important}@-moz-document url-prefix(){:is(input:-moz-autofill,textarea:-moz-autofill,select:-moz-autofill){background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;filter:none!important}}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}.skeleton{background:linear-gradient(90deg,var(--skeleton-base)0%,var(--skeleton-shine)50%,var(--skeleton-base)100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s forwards fade-in}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#nprogress{pointer-events:none}#nprogress .bar{background:var(--accent-primary);z-index:var(--z-top);width:100%;height:2px;position:fixed;top:0;left:0}#nprogress .peg{width:100px;height:100%;box-shadow:0 0 6px var(--accent-primary),0 0 3px var(--accent-primary);opacity:1;display:block;position:absolute;right:0;transform:rotate(3deg)translateY(-4px)}.inputWithIcon{align-items:center;display:flex;position:relative}.inputWithIcon .inputIcon{color:var(--text-tertiary);pointer-events:none;transition:color .2s;position:absolute;left:14px}.inputWithIcon:focus-within .inputIcon{color:var(--accent-primary)}.inputWithIcon .input{width:100%;height:48px;color:var(--text-primary);background:var(--state-neutral-bg);border:1px solid var(--border-default);border-radius:12px;outline:none;padding:0 14px 0 44px;font-size:.9375rem;transition:all .2s}.inputWithIcon .input::placeholder{color:var(--text-tertiary)}.inputWithIcon .input:hover{background:var(--bg-hover);border-color:var(--border-hover)}.inputWithIcon .input:focus{background:var(--bg-hover);border-color:var(--accent-primary);box-shadow:var(--shadow-focus)}.inputWithIcon .inputIconRight{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:14px}.inputWithIcon .inputIconRight:hover{color:var(--text-secondary)}@media (display-mode:standalone){body{padding-top:var(--safe-area-top)}button,a,nav{-webkit-user-select:none;user-select:none}}