:root{--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-2: #f1f5f9;--color-surface-3: #e9eef4;--color-menu-surface: #ffffff;--color-input-bg: #f8fafc;--color-input-border: #e2e8f0;--color-text: #0f172a;--color-muted: #e3e3e3;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-brand: #10b981;--color-brand-hover: #059669;--color-brand-soft: rgba(16, 185, 129, .1);--color-brand-soft-strong: rgba(16, 185, 129, .2);--color-brand-border: rgba(16, 185, 129, .35);--color-brand-on: #ffffff;--color-danger: #ef4444;--color-danger-soft: rgba(239, 68, 68, .1);--color-success: #10b981;--color-success-soft: rgba(16, 185, 129, .12);--color-success-text: #047857;--space-2xs: 4px;--space-xs: 6px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 6px 18px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .08);--shadow-focus: 0 0 0 2px var(--color-brand-soft-strong);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--font-mono: "SFMono-Regular", Consolas, monospace;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--lh-tight: 1.2;--lh-base: 1.5;--ease-out: cubic-bezier(.2, .8, .2, 1);--duration-fast: .12s;--duration-base: .18s;--page-max: 1440px;--page-padding-x: 28px}body.light{color-scheme:light}body.dark{color-scheme:dark;--color-bg: #040a14;--color-surface: #0a111b;--color-surface-2: #0d1622;--color-surface-3: #121f2d;--color-menu-surface: #070f19;--color-input-bg: #060d17;--color-input-border: #182334;--color-text: #e7eef7;--color-muted: #e3e3e3;--color-border: #1d293a;--color-border-strong: #2a3b52;--color-brand: #10b981;--color-brand-hover: #059669;--color-brand-soft: rgba(16, 185, 129, .14);--color-brand-soft-strong: rgba(16, 185, 129, .25);--color-brand-border: rgba(16, 185, 129, .45);--color-danger-soft: rgba(239, 68, 68, .18);--color-success-soft: rgba(16, 185, 129, .2);--color-success-text: #6ee7b7;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .28);--shadow-md: 0 6px 18px rgba(0, 0, 0, .34);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .42)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-base)}body.dark .app:not(.app--home){background:var(--color-bg)}body.dark .app.app--home{--color-bg: #0e1319;--color-surface: #111b2e;--color-surface-2: #15233b;--color-surface-3: #1b2d4a;--color-menu-surface: #111b2e;--color-input-bg: #0e1319;--color-input-border: #2b3f5d;--color-border: #2b3f5d;--color-border-strong: #3c5478;--color-brand: #10b981;--color-brand-hover: #059669}a{color:var(--color-text);text-decoration:none}.app-icon{width:1em;height:1em;display:inline-block;flex-shrink:0;vertical-align:middle;stroke:currentColor}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-md);line-height:var(--lh-tight)}p{margin:0 0 var(--space-md)}label{display:block;font-size:var(--fs-sm);color:var(--color-muted);margin-bottom:var(--space-2xs)}button{appearance:none;background:transparent;border:0;margin:0;padding:0;font:inherit;color:inherit;cursor:pointer;font-family:inherit}pre,code{font-family:var(--font-mono);font-size:var(--fs-sm)}pre{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);text-align:left}.app{padding:0 0 var(--space-3xl)}.app-shell{display:flex;gap:var(--space-xl);align-items:flex-start}.app-shell--with-sidebar{gap:0}.app-sidebar{--sidebar-expanded-width: 260px;--sidebar-collapsed-width: 30px;position:sticky;top:0;width:var(--sidebar-expanded-width);flex:0 0 var(--sidebar-expanded-width);display:flex;flex-direction:column;background:#0e141b;border-right:1px solid #1e252c;border-top:0;border-bottom:0;border-left:0;border-radius:0;padding:var(--space-lg);min-height:100vh;overflow:hidden;transition:width .18s ease,flex-basis .18s ease,padding .18s ease}.app-sidebar--collapsed{width:var(--sidebar-collapsed-width);flex-basis:var(--sidebar-collapsed-width);padding:var(--space-md) 2px}.app-sidebar--collapsed .app-sidebar__menu{opacity:0;pointer-events:none}.app-sidebar--collapsed .app-sidebar__bottom,.app-sidebar--collapsed .app-sidebar__separator{opacity:0;pointer-events:none;height:0;margin:0}.app-sidebar--collapsed .app-sidebar__top{margin-bottom:0}.app-content{min-width:0;flex:1 1 auto;background:#070e14;padding:0 var(--page-padding-x) var(--space-xl) var(--space-xl)}.app-shell:not(.app-shell--with-sidebar) .app-content{padding-left:var(--page-padding-x)}@media(max-width:900px){.app-shell{flex-direction:column;gap:var(--space-lg)}.app-sidebar{position:static;width:100%;flex-basis:auto;border-left:1px solid #1e252c;border-radius:var(--radius-lg);padding:var(--space-md);min-height:0}.app-sidebar--collapsed{width:100%;flex-basis:auto;padding:var(--space-md)}.app-sidebar--collapsed .app-sidebar__menu{opacity:1;pointer-events:auto}.app-sidebar--collapsed .app-sidebar__bottom,.app-sidebar--collapsed .app-sidebar__separator,.app-sidebar--collapsed .app-sidebar__top{opacity:1;pointer-events:auto;height:auto}.app-content{padding:0 var(--page-padding-x)}}.app-stack{display:flex;flex-direction:column;gap:var(--space-md)}.app-stack--sm{gap:var(--space-sm)}.app-stack--lg{gap:var(--space-lg)}.app-stack--xl{gap:var(--space-xl)}.app-row{display:flex;align-items:center;gap:var(--space-sm)}.app-row--md{gap:var(--space-md)}.app-row--lg{gap:var(--space-lg)}.app-row--wrap{flex-wrap:wrap}.app-row--end{justify-content:flex-end}.app-row--between{justify-content:space-between}.app-section{padding:var(--space-2xl) 0}.app-section--tight{padding:var(--space-xl) 0}.app-section--loose{padding:var(--space-3xl) 0}.app-section+.app-section{border-top:1px solid var(--color-border)}.app-section__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.app-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.app-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.app-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:720px){.app-grid--2,.app-grid--3{grid-template-columns:1fr}}.app-button{appearance:none;border:0;margin:0;font:inherit;color:inherit;transition:all var(--duration-base) var(--ease-out);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);border:1px solid var(--color-border);background:transparent;color:var(--color-text);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--fs-md);line-height:1.2;cursor:pointer;white-space:nowrap}.app-button:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-border-strong)}.app-button:focus-visible{outline:none;border-color:var(--color-brand);box-shadow:var(--shadow-focus)}.app-button:disabled{opacity:.5;cursor:not-allowed}.app-button--sm{padding:4px 10px;font-size:var(--fs-sm)}.app-button--md{padding:8px 16px;font-size:var(--fs-md)}.app-button--block{width:100%}.app-button--primary{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-brand-on);font-weight:700;letter-spacing:.01em}.app-button--primary:hover:not(:disabled){background:var(--color-brand-hover);border-color:var(--color-brand-hover);transform:translateY(-1px)}.app-button--danger{border-color:var(--color-danger);color:var(--color-danger);background:transparent}.app-button--danger:hover:not(:disabled){background:var(--color-danger-soft);border-color:var(--color-danger)}.app-button--ghost{border-color:transparent;background:transparent}.app-button--ghost:hover:not(:disabled){background:var(--color-surface-2);border-color:transparent}.app-button--link{border-color:transparent;background:transparent;padding:4px 6px;color:var(--color-muted)}.app-button--link:hover:not(:disabled){color:var(--color-text);background:var(--color-brand-soft);border-color:transparent}.app-button--link.is-active{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.app-button--icon{padding:4px 8px;min-width:28px}.app-input{display:block;width:100%;background:var(--color-input-bg);border:1px solid var(--color-input-border);color:var(--color-text);border-radius:var(--radius-md);padding:11px 12px;font-family:inherit;font-size:var(--fs-md);line-height:1.4;transition:all var(--duration-base) var(--ease-out)}.app-input::placeholder{color:var(--color-muted)}.app-input:hover:not(:disabled):not(:focus){border-color:var(--color-border-strong)}.app-input:focus{outline:none;border-color:var(--color-brand);box-shadow:var(--shadow-focus)}.app-input:disabled{opacity:.6;cursor:not-allowed}.app-input--sm{padding:6px 9px;font-size:var(--fs-sm)}.app-input--inline{width:auto}textarea.app-input{line-height:1.5;resize:vertical;min-height:148px}.app-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.app-card--flat{box-shadow:none}.app-card--tight{padding:var(--space-md);gap:var(--space-sm)}.app-card--loose{padding:var(--space-xl);gap:var(--space-lg)}.app-card--hover{transition:all var(--duration-base) var(--ease-out)}.app-card--hover:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.app-card--muted{background:var(--color-surface-2)}.app-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);line-height:1;padding:3px 8px;border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-muted);white-space:nowrap}.app-badge--xs{font-size:10px;padding:2px 6px}.app-badge--private{background:var(--color-surface-2);border-color:var(--color-border);color:var(--color-muted)}.app-badge--shared{background:var(--color-brand-soft);border-color:var(--color-brand-border);color:var(--color-success-text)}.app-badge--outdated{background:#eab3081f;border-color:#eab30866;color:#a16207}.app-badge--danger{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.app-toast{position:fixed;top:18px;right:18px;z-index:50;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:10px 14px;font-size:var(--fs-sm);color:var(--color-text);animation:app-toast-in var(--duration-base) var(--ease-out)}.app-toast--success{border-color:var(--color-brand-border);background:var(--color-success-soft);color:var(--color-success-text)}.app-toast--error{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger)}@keyframes app-toast-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.app-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--color-muted)}.app-empty-state p{margin:0}.app-empty-state__icon{font-size:32px;line-height:1;margin-bottom:var(--space-2xs)}.app-topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 0;margin:0 calc(var(--page-padding-x) + 16px) var(--space-lg)}.app-topbar__brand{margin-bottom:0}.app-topbar__user{display:flex;align-items:center;gap:var(--space-lg)}.app-sidebar{--sidebar-nav-font-size: 16px;--sidebar-nav-icon-size: 18px}.app-sidebar__top{display:grid;gap:var(--space-md);margin-bottom:var(--space-md);transition:opacity .12s ease}.app-sidebar__brand{margin-bottom:0}.app-sidebar__brand-row{display:flex;align-items:center;gap:var(--space-sm);justify-content:space-between}.app-sidebar--collapsed .app-sidebar__brand{display:none}.app-sidebar--collapsed .app-sidebar__brand-row{justify-content:center}.app-sidebar__separator{margin:var(--space-md) 0 0;border-top:1px solid #1b293a;transition:opacity .12s ease}.app-sidebar__bottom{margin-top:auto;padding-top:var(--space-md);display:grid;gap:var(--space-md);transition:opacity .12s ease}.app-sidebar__bottom .app-theme-switch{justify-self:start}.app-sidebar__account{display:grid;gap:var(--space-sm)}.app-sidebar__settings-link,.app-nav__link,.app-sidebar__logout{transition:all var(--duration-base) var(--ease-out);display:flex;align-items:center;gap:var(--space-sm);padding:9px 12px;border-radius:var(--radius-md);color:#fdfdfe;font-size:var(--sidebar-nav-font-size);line-height:1.2;font-weight:500;border:1px solid transparent;background:transparent}.app-sidebar__settings-link:hover,.app-nav__link:hover,.app-sidebar__logout:hover{color:#fdfdfe;background:#151b22;border-color:#1f262d}.app-sidebar__settings-link.active,.app-nav__link.active,.app-sidebar__logout.active{background:#151b22;border-color:#1f262d;color:#fdfdfe}.app-nav__brand{display:inline-flex;align-items:center;gap:var(--space-sm);font-weight:600;font-size:var(--fs-lg);color:var(--color-text);margin-bottom:0}.app-nav__brand-logo{display:block;height:38px;width:auto}.app-nav__brand-text{line-height:1;font-size:18px}.app-sidebar__menu{display:flex;flex-direction:column;gap:var(--space-xs);transition:opacity .12s ease}.app-sidebar__toggle{transition:all var(--duration-base) var(--ease-out);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:22px;border:0;background:transparent;color:var(--color-text);margin-bottom:0}.app-sidebar__toggle:hover{color:var(--color-text)}.app-sidebar__logout{width:100%;justify-content:flex-start;text-align:left}.app-sidebar__logout.app-button:hover:not(:disabled),.app-sidebar__logout.app-button:active:not(:disabled),.app-sidebar__logout.app-button:focus-visible:not(:disabled){color:#fdfdfe;background:#151b22;border-color:#1f262d}.app-sidebar__logout:disabled{opacity:.6;cursor:not-allowed}.app-sidebar__logout:disabled:hover{background:transparent;border-color:transparent;color:var(--color-muted)}.app-nav__link .app-icon,.app-sidebar__settings-link .app-icon,.app-sidebar__logout .app-icon{width:var(--sidebar-nav-icon-size);height:var(--sidebar-nav-icon-size);color:var(--color-muted)}.app-nav__badge{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);background:var(--color-brand);color:var(--color-brand-on);font-size:var(--fs-xs);font-weight:700;line-height:1}.app-nav__user-chip{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--fs-sm);color:var(--color-muted)}.app-sidebar__user-chip{padding:9px 12px;font-size:var(--sidebar-nav-font-size)}.app-nav__avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-pill);color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;flex-shrink:0}.app-nav__user-meta{display:grid;gap:2px;min-width:0}.app-nav__user-name{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#fdfdfe}.app-theme-switch{transition:all var(--duration-base) var(--ease-out);display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer}.app-theme-switch:focus-visible{outline:none;border-color:var(--color-brand);box-shadow:var(--shadow-focus);border-radius:var(--radius-pill)}.app-theme-switch__track{position:relative;display:inline-flex;align-items:center;width:46px;height:26px;border-radius:var(--radius-pill);background:#213142;transition:background-color var(--duration-fast) var(--ease-out)}.app-theme-switch__thumb{position:absolute;left:3px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--color-brand);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out)}.app-theme-switch__thumb-icon{width:12px;height:12px;color:#fff}.app-theme-switch.is-on .app-theme-switch__track{background:#22c55e47}.app-theme-switch.is-on .app-theme-switch__thumb{transform:translate(20px)}.app-nav__user-email{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#798b99}.app-sidebar__user-chip .app-nav__user-email{font-size:var(--sidebar-nav-font-size)}.articles-sidebar{width:260px;flex-shrink:0;border-right:1px solid #1a2634;background:#0e141a;border-radius:var(--radius-lg);padding:var(--space-sm) 0;align-self:flex-start;position:sticky;top:var(--space-lg)}.articles-sidebar__header{display:flex;align-items:center;gap:var(--space-sm);justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid #1a2634}.articles-sidebar__header h3{margin:0;font-size:var(--fs-md);color:var(--color-muted);font-weight:600}.articles-tree{padding:var(--space-sm)}.articles-tree__empty{padding:var(--space-md) var(--space-lg);margin:0;color:var(--color-muted);font-size:14px}.tree-node-group .tree-node-group{padding-left:14px}.tree-node-row{display:flex;align-items:center;gap:2px}.tree-node-row:hover .tree-node-actions{opacity:1}.tree-chevron{appearance:none;background:transparent;border:0;margin:0;font:inherit;color:inherit;cursor:pointer;transition:transform var(--duration-base) var(--ease-out);width:22px;min-width:22px;padding:0 0 0 8px;color:var(--color-muted);font-size:10px;text-align:left}.tree-chevron.expanded{transform:rotate(90deg);transform-origin:10px 50%}.tree-chevron.leaf{cursor:default}.tree-node{appearance:none;background:transparent;border:0;margin:0;font:inherit;color:inherit;transition:all var(--duration-base) var(--ease-out);flex:1;text-align:left;border-radius:var(--radius-md);padding:6px 10px;color:var(--color-muted);font-size:14px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-node:hover{background:var(--color-brand-soft);color:var(--color-text)}.tree-node.active{background:#151b22;border:1px solid #1f262d;color:var(--color-text)}.tree-node-actions{transition:opacity var(--duration-base) var(--ease-out);display:flex;opacity:0}.tree-node-actions .app-button{padding:2px 6px}.editor-formatting-toolbar{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;padding:var(--space-sm) var(--space-md);background:#0e141a;border:1px solid #1a2634;border-radius:var(--radius-md)}.toolbar-group{display:flex;align-items:center;gap:4px}.toolbar-sep{width:1px;height:18px;background:var(--color-border);margin:0 var(--space-xs)}.toolbar-btn{appearance:none;background:transparent;border:0;margin:0;font:inherit;color:inherit;cursor:pointer;transition:all var(--duration-base) var(--ease-out);display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 8px;border-radius:var(--radius-sm);font-size:14px;color:var(--color-muted)}.toolbar-btn:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text)}.toolbar-btn.active{background:var(--color-brand-soft);color:var(--color-text)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.article-editor{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-xl);gap:var(--space-md);display:flex;flex-direction:column;background:#0e141a;border-color:#1a2634}.editor-toolbar{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;justify-content:space-between}.editor-title-input{flex:1;min-width:220px;background:transparent;border:0;padding:var(--space-xs) 0;font-size:var(--fs-xl);font-weight:600;color:var(--color-text)}.editor-title-input::placeholder{color:var(--color-muted)}.editor-title-input:focus{outline:none}.article-editor__title{flex:1;min-width:220px;margin:0;font-size:var(--fs-xl);font-weight:600;color:var(--color-text)}.editor-toolbar-buttons{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.article-editor__delete-icon{fill:currentColor;stroke:currentColor;stroke-width:1.8}.unsaved-dot{width:8px;height:8px;border-radius:50%;background:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-soft)}.tiptap-wrapper{border:1px solid #1a2634;border-radius:var(--radius-md);padding:var(--space-lg);min-height:260px;background:#070e14}.tiptap-wrapper .ProseMirror{outline:none;min-height:220px;line-height:1.6}.tiptap-wrapper .ProseMirror>*+*{margin-top:var(--space-sm)}.tiptap-wrapper .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--color-muted);pointer-events:none;height:0}.tiptap-wrapper .ProseMirror table{border-collapse:collapse;margin:var(--space-md) 0}.tiptap-wrapper .ProseMirror table td,.tiptap-wrapper .ProseMirror table th{border:1px solid var(--color-border);padding:6px 10px;min-width:80px}.tiptap-wrapper--preview .ProseMirror{cursor:default}.hash-convert-prompt{display:flex;align-items:flex-start;gap:var(--space-md);justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-brand-soft);border:1px solid var(--color-brand-border);border-radius:var(--radius-md);color:var(--color-text);font-size:14px;flex-wrap:wrap}.hash-text{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-muted);margin-top:2px;word-break:break-all}.outdated-banner{display:flex;align-items:center;gap:var(--space-md);justify-content:space-between;padding:var(--space-sm) var(--space-lg);background:#eab3081a;border:1px solid rgba(234,179,8,.4);border-radius:var(--radius-md);color:#a16207;font-size:14px}.article-lock-banner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:#ef444414;border:1px solid rgba(239,68,68,.35);border-radius:var(--radius-md);color:#dc2626;font-size:14px}.article-lock-banner .app-icon{flex-shrink:0;width:16px;height:16px}.article-lock-banner span{flex:1}.articles-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--space-xl);align-items:flex-start;padding-top:var(--space-lg);width:100%}@media(max-width:900px){.articles-layout{grid-template-columns:1fr}}.articles-main{display:flex;flex-direction:column;gap:var(--space-md);min-width:0;width:100%}.articles-main__header{display:flex;align-items:center;gap:var(--space-md);justify-content:space-between;flex-wrap:wrap}.articles-main__header h1{margin:0}.share-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-md);gap:var(--space-sm);display:flex;flex-direction:column;width:320px;max-width:calc(100vw - 2 * var(--space-lg))}.share-panel--floating{position:absolute;top:calc(100% + 6px);right:0;z-index:20;box-shadow:var(--shadow-md)}.share-panel__header{display:flex;align-items:center;gap:var(--space-sm);justify-content:space-between}.share-panel__title{font-weight:600;font-size:var(--fs-sm)}.share-panel__empty{margin:0;padding:var(--space-sm) 0;color:var(--color-muted);font-size:var(--fs-sm)}.share-panel__note{margin:0;color:var(--color-muted);font-size:var(--fs-sm)}.share-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;border-top:1px solid var(--color-border)}.share-row:first-of-type{border-top:0}.share-row__user{flex:1;font-size:var(--fs-sm);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-add-row{display:flex;align-items:center;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.share-role-select{width:auto}.share-email-autocomplete{position:relative;flex:1}.share-email-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;margin:0;padding:4px;list-style:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:180px;overflow-y:auto;z-index:30}.share-email-suggestion-item{padding:6px 10px;border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--color-text);cursor:pointer}.share-email-suggestion-item:hover,.share-email-suggestion-item.active{background:var(--color-brand-soft)}.insert-secret-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-md);gap:var(--space-sm);display:flex;flex-direction:column;position:absolute;top:calc(100% + 6px);left:0;z-index:20;width:320px;max-width:calc(100vw - 2 * var(--space-lg));box-shadow:var(--shadow-md)}.insert-secret-panel__header{display:flex;align-items:center;gap:var(--space-sm);justify-content:space-between}.insert-secret-panel__header-actions{display:flex;align-items:center;gap:var(--space-xs)}.insert-secret-panel__title{font-weight:600;font-size:var(--fs-sm)}.insert-secret-key-row{display:flex;align-items:center;gap:var(--space-sm)}.insert-secret-create-form{display:flex;flex-direction:column;gap:var(--space-sm)}.insert-secret-create-form label{display:inline-block;margin-bottom:var(--space-2xs);font-size:var(--fs-xs);color:var(--color-muted)}.insert-secret-create-form textarea{resize:vertical;min-height:92px}.insert-secret-create-actions{display:flex;align-items:center;gap:var(--space-sm);justify-content:flex-end}.insert-secret-divider{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--fs-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em}.insert-secret-divider:before,.insert-secret-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.insert-secret-list{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto}.insert-secret-empty{margin:0;padding:var(--space-md);text-align:center;color:var(--color-muted);font-size:var(--fs-sm)}.insert-secret-item{appearance:none;background:transparent;border:0;margin:0;font:inherit;color:inherit;cursor:pointer;transition:all var(--duration-base) var(--ease-out);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-sm);padding:6px 8px;border-radius:var(--radius-sm);font-size:var(--fs-sm);text-align:left}.insert-secret-item:hover{background:var(--color-brand-soft)}.insert-secret-item__icon{font-size:var(--fs-md)}.insert-secret-item__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insert-secret-item__desc{grid-column:2/-1;font-size:var(--fs-xs);color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secret-ref-node{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-md);transition:all var(--duration-base) var(--ease-out)}.secret-ref-node:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.secret-ref-node{gap:var(--space-sm);display:flex;flex-direction:column}.secret-ref-node.no-access{background:var(--color-surface-2);border-style:dashed}.secret-ref-node.outdated{border-color:#eab30866;background:#eab3080f}.secret-ref-node__header{display:flex;align-items:center;gap:var(--space-sm)}.secret-ref-node__lock{font-size:var(--fs-lg)}.secret-ref-node__name{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secret-ref-node__name.is-muted{color:var(--color-muted)}.secret-ref-node__badges{display:flex;align-items:center;gap:var(--space-xs)}.secret-ref-node__actions{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.secret-ref-node__actions-divider{width:1px;height:16px;background:var(--color-border)}.secret-masked{font-family:var(--font-mono);font-size:var(--fs-sm);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 10px;opacity:.7;-webkit-user-select:none;user-select:none;margin:0;transition:all var(--duration-base) var(--ease-out)}.secret-ref-node:hover .secret-masked{opacity:1}.secret-revealed{font-family:var(--font-mono);font-size:var(--fs-sm);background:var(--color-success-soft);border:1px solid var(--color-brand-border);border-radius:var(--radius-sm);padding:6px 10px;color:var(--color-success-text);margin:0;word-break:break-all;animation:secret-reveal var(--duration-base) var(--ease-out)}.secret-revealed-wrap{display:flex;flex-direction:column;gap:var(--space-xs)}.secret-revealed__header{display:flex;align-items:center;gap:var(--space-sm);margin:0;font-size:14px;color:var(--color-muted)}@keyframes secret-reveal{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.request-pending-badge{font-size:var(--fs-xs);color:var(--color-muted);padding:4px 8px;background:var(--color-surface-2);border-radius:var(--radius-pill)}.landing{display:flex;flex-direction:column;gap:var(--space-2xl);max-width:1100px;margin:0 auto;padding:var(--space-xl) 0 var(--space-2xl);color:#d9e7f7}.landing-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--space-2xl);align-items:center;background:radial-gradient(circle at 85% 35%,rgba(16,185,129,.22),transparent 55%),linear-gradient(145deg,#08101b,#0b1523 55%,#091420);border:1px solid #1c2f44;border-radius:20px;padding:clamp(20px,4vw,44px);box-shadow:0 20px 60px #00000059}@media(max-width:820px){.landing-hero{grid-template-columns:1fr}}.landing-hero__content{display:flex;flex-direction:column;gap:var(--space-md)}.landing-hero__content h1{font-size:clamp(36px,5vw,58px);margin:0;max-width:560px;letter-spacing:-.02em;color:#eff6ff}.landing-hero__sub{font-size:clamp(16px,2vw,20px);color:#a8bdd5;max-width:520px;margin:0}.landing-hero__cta{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin-top:var(--space-sm)}.landing-hero__benefits{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap;padding:0;margin:var(--space-md) 0 0;list-style:none;color:#9eb3cb;font-size:var(--fs-sm)}.landing-hero__benefits li{display:flex;align-items:center;gap:var(--space-xs)}.landing-hero__benefits .app-icon{color:#22d38f}.landing-hero__preview{position:relative}.landing-hero__preview:before{content:"";position:absolute;inset:-18px;border-radius:20px;background:radial-gradient(circle,rgba(16,185,129,.25) 0%,transparent 68%);z-index:0;pointer-events:none}.landing-hero__preview img{position:relative;z-index:1;width:100%;height:auto;border-radius:14px;box-shadow:0 16px 45px #0000006b;border:1px solid #264261;background:#02060d}.landing-panel{background:linear-gradient(180deg,#08111d,#070f1a);border:1px solid #1a2b40;border-radius:18px;padding:clamp(18px,3.5vw,34px);box-shadow:0 14px 40px #00000047}.landing-section{display:flex;flex-direction:column;gap:var(--space-md);align-items:center;text-align:center}.landing-section h2{margin:0;font-size:clamp(30px,4vw,44px);color:#f1f5fb}.landing-section__sub{color:#9eb3cb;max-width:760px;margin:0}.landing-kicker{text-transform:uppercase;letter-spacing:.09em;font-size:var(--fs-sm);font-weight:700;color:#25cf90;margin:0}.landing-section__list{display:flex;flex-wrap:nowrap;gap:var(--space-md);padding:0;margin:var(--space-md) 0;list-style:none;justify-content:center}@media(max-width:820px){.landing-section__list{flex-wrap:wrap}}.landing-section__list li{padding:8px 14px;background:#111f31;border:1px solid #263b53;border-radius:10px;font-size:var(--fs-sm);color:#d6e5f4;text-transform:lowercase}.landing-chaos{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--fs-lg);font-weight:600;color:#22d38f;margin:0}.landing-solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);width:100%}@media(max-width:900px){.landing-solution-grid{grid-template-columns:1fr}}.landing-solution-card{flex-direction:column;gap:var(--space-sm);background:linear-gradient(180deg,#0e1a2a,#0b1522);border:1px solid #1f334a;border-radius:14px;padding:20px;display:flex;align-items:center;text-align:center;min-height:176px}.landing-solution-card h3{margin:0;font-size:var(--fs-lg);color:#f0f5fb}.landing-solution-card p{margin:0;color:#9db2c9;font-size:13px;max-width:260px}.landing-solution-card__icon{width:44px;height:44px;border-radius:999px;display:inline-grid;place-items:center;background:#10b98126;border:1px solid rgba(16,185,129,.38);color:#22d38f;margin-bottom:var(--space-xs)}.landing-demo{position:relative;width:100%;max-width:860px}.landing-demo img{width:100%;height:auto;border-radius:14px;border:1px solid #294465;display:block}.landing-demo__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:999px;border:1px solid rgba(16,185,129,.5);background:#0c1a29bf;display:grid;place-items:center;color:#22d38f;box-shadow:0 12px 28px #00000059}.landing-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);width:100%}@media(max-width:900px){.landing-trust-grid{grid-template-columns:1fr}}.landing-trust-item{display:flex;flex-direction:column;gap:var(--space-xs);padding:18px;border:1px solid #21374f;border-radius:14px;background:#0e1a2a;text-align:left}.landing-trust-item .app-icon{color:#22d38f}.landing-trust-item h3{margin:0;font-size:var(--fs-lg);color:#eff6ff}.landing-trust-item p{margin:0;color:#9eb3cb;font-size:13px}.landing-trust-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);width:100%;max-width:760px;padding:0;margin:var(--space-sm) 0 0;list-style:none}@media(max-width:680px){.landing-trust-list{grid-template-columns:1fr}}.landing-trust-list li{display:flex;align-items:center;gap:var(--space-xs);justify-content:flex-start;padding:12px 14px;background:linear-gradient(180deg,#0f1d2e,#0c1726);border:1px solid #27415e;border-radius:12px;color:#d8e6f5;font-size:var(--fs-sm);font-weight:500;letter-spacing:.01em;text-align:left;box-shadow:inset 0 1px #ffffff08}.landing-trust-list li:before{content:"";width:8px;height:8px;margin-right:4px;border-radius:999px;background:#22d38f;box-shadow:0 0 0 4px #22d38f2e;flex:0 0 auto}.landing-final-cta{display:flex;align-items:center;gap:var(--space-lg);justify-content:space-between;text-align:left;background:linear-gradient(180deg,#091726,#07131f)}@media(max-width:900px){.landing-final-cta{flex-direction:column;align-items:flex-start}}.landing-final-cta__lead{display:flex;align-items:center;gap:var(--space-md);flex:1 1 auto;min-width:0}.landing-final-cta__lead h2{font-size:clamp(26px,3.4vw,38px)}.landing-final-cta__lead p{margin:0;color:#9eb3cb}.landing-final-cta__icon{width:46px;height:46px;border-radius:999px;display:inline-grid;place-items:center;background:#10b98133;border:1px solid rgba(16,185,129,.45);color:#22d38f}.landing-cta{display:flex;gap:var(--space-sm);display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:10px;background:#12c687;color:#00180f;font-weight:600;white-space:nowrap;transition:all var(--duration-base) var(--ease-out)}.landing-cta:hover{background:#24d99b;transform:translateY(-1px)}.landing-cta--secondary{background:#07121eb3;color:#d8e6f5;border:1px solid #2b425d}.landing-cta--secondary:hover{background:#11253a;border-color:#365173;transform:none}.landing-footer{display:flex;align-items:center;gap:var(--space-lg);justify-content:space-between;padding:6px 4px 0;color:#91a8c1;font-size:var(--fs-sm);flex-wrap:wrap}.landing-footer__brand{display:flex;align-items:center;gap:var(--space-sm);color:#dbe8f7;font-weight:600}.landing-footer__brand img{width:22px;height:22px}.landing-footer__links{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.landing-footer__links a{color:#91a8c1;transition:color var(--duration-base) var(--ease-out)}.landing-footer__links a:hover{color:#dce9f9}.landing-footer__copy{margin:0;color:#6f88a4}.access-page{display:flex;flex-direction:column;gap:var(--space-lg);padding-top:var(--space-lg)}.access-page .app-button--sm{padding:7px 12px;font-size:13px}.access-page .app-badge--xs{font-size:12px;padding:3px 8px}.access-page .app-icon{width:24px;height:24px}.access-page__header{display:flex;flex-direction:column;gap:var(--space-2xs)}.access-page__header h1{margin:0}.access-tabs{display:flex;align-items:center;gap:var(--space-xs);border-bottom:1px solid #1a2634}.access-tab{appearance:none;background:transparent;border:0;margin:0;font:inherit;color:inherit;cursor:pointer;transition:all var(--duration-base) var(--ease-out);display:flex;align-items:center;gap:var(--space-xs);padding:10px 14px;color:var(--color-muted);border-bottom:2px solid transparent;font-size:var(--fs-md)}.access-tab:hover{color:#fdfdfe}.access-tab.active{color:#fdfdfe;border-bottom-color:var(--color-brand)}.access-tab__badge{background:var(--color-brand);color:var(--color-brand-on);border-radius:var(--radius-pill);padding:1px 7px;font-size:var(--fs-xs);font-weight:600}.access-overview,.access-requests-list{display:flex;flex-direction:column;gap:var(--space-md)}.access-user-card,.access-request-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg);gap:var(--space-md);background:#0e141a;border-color:#1a2634}.access-user-card__header{display:flex;align-items:center;gap:var(--space-md);justify-content:space-between;flex-wrap:wrap;padding-bottom:var(--space-sm);cursor:pointer}.access-user-card__header .app-button--danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.access-user-card__header.is-collapsed{padding-bottom:0}.access-user-card__header-actions{display:flex;align-items:center;gap:var(--space-sm)}.access-user-card__chevron{width:18px;height:18px;color:var(--color-muted)}.access-user-card__email{font-weight:600}.access-user-card__meta{font-size:14px;color:var(--color-muted)}.access-items-section{display:flex;flex-direction:column;gap:var(--space-xs);padding-top:var(--space-sm);padding-bottom:var(--space-sm);border-top:1px solid #1a2634}.access-user-card>.access-items-section:last-child{padding-bottom:0}.access-items-section__label{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}.access-item-row{display:flex;align-items:center;gap:var(--space-sm);font-size:14px}.access-item-row__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.access-request-card{display:grid;grid-template-columns:1fr auto;gap:var(--space-md);align-items:center}@media(max-width:640px){.access-request-card{grid-template-columns:1fr}}.access-request-card__info{display:flex;flex-direction:column;gap:var(--space-2xs);font-size:14px}.access-request-card__what{font-size:14px}.access-request-card__actions{display:flex;align-items:center;gap:var(--space-sm);justify-content:flex-end;flex-wrap:wrap}.auth-page{display:flex;flex-direction:column;gap:var(--space-lg)}.auth-page h1{margin:0}.auth-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.auth-v2{padding-top:clamp(20px,3vw,40px);color:#e6edf8}.auth-v2__layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.9fr);gap:clamp(20px,3vw,38px);align-items:stretch;max-width:1160px;margin:0 auto}.auth-v2__layout--narrow{grid-template-columns:minmax(320px,560px);justify-content:center}.auth-v2__hero{display:flex;flex-direction:column;gap:var(--space-lg);padding:clamp(16px,2.2vw,26px);border-radius:20px;border:1px solid #1f2f45;background:radial-gradient(circle at 68% 64%,rgba(16,185,129,.18),transparent 46%),linear-gradient(170deg,#08111c,#0a1524 65%,#08111b)}.auth-v2__hero h1{margin:0;font-size:clamp(34px,4.2vw,58px);line-height:1.02;letter-spacing:-.02em;max-width:12ch}.auth-v2__hero h1 span{display:block;color:#14c68c}.auth-v2__hero p{margin:0;max-width:52ch;font-size:clamp(14px,1.3vw,22px);color:#b2c4d8}.auth-v2__kicker{display:flex;align-items:center;gap:var(--space-xs);width:fit-content;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid rgba(36,198,155,.35);background:#10b9811a;font-size:var(--fs-sm);color:#5ce7ba}.auth-v2__benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);padding:0;margin:0;list-style:none}.auth-v2__benefits li{display:flex;align-items:flex-start;gap:var(--space-xs);font-size:var(--fs-sm);color:#aac0d8}.auth-v2__benefits li .app-icon{margin-top:2px;color:#1ad89a}.auth-v2__preview{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm);max-width:540px;border:1px solid #23374f;border-radius:16px;padding:var(--space-lg);background:linear-gradient(180deg,#0d1623f2,#09101cf5);box-shadow:0 20px 42px #02060c6b}.auth-v2__preview-head{display:flex;align-items:center;gap:var(--space-sm);justify-content:space-between}.auth-v2__preview-head strong{font-size:var(--fs-md);color:#f2f7ff}.auth-v2__preview-head span{font-size:var(--fs-sm);color:#8fa8c4}.auth-v2__preview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm)}.auth-v2__preview-stats article{display:flex;flex-direction:column;gap:2px;border:1px solid #203247;border-radius:10px;padding:10px;background:#0f1a28e6}.auth-v2__preview-stats small{font-size:11px;color:#84a0be}.auth-v2__preview-stats strong{font-size:var(--fs-lg);color:#eef5ff}.auth-v2__preview-list{list-style:none;padding:0;margin:var(--space-xs) 0 0}.auth-v2__preview-list li{padding:8px 0;font-size:var(--fs-sm);color:#bbcee2;border-bottom:1px solid #203042}.auth-v2__preview-list li:last-child{border-bottom:0}.auth-v2__panel{border-radius:18px;border-color:#1f3146;background:linear-gradient(180deg,#0c1522,#091320);box-shadow:0 24px 54px #03081066;gap:var(--space-lg);align-self:center;width:100%;max-width:460px;margin:0 auto}.auth-v2__panel-header{text-align:center}.auth-v2__panel-header h2{margin:0;font-size:clamp(34px,4.2vw,48px)}.auth-v2__panel-header p{margin:var(--space-xs) 0 0;color:#a4bdd7;font-size:var(--fs-md)}.auth-v2__google{appearance:none;background:transparent;border:0;margin:0;font:inherit;color:inherit;cursor:pointer;transition:all var(--duration-base) var(--ease-out);display:flex;align-items:center;gap:var(--space-sm);justify-content:center;width:100%;padding:11px 14px;border-radius:var(--radius-md);border:1px solid #344a62;background:#f8fbff;color:#0c1828;font-size:var(--fs-md);font-weight:600}.auth-v2__google:hover:not(:disabled){background:#edf3fb;transform:translateY(-1px)}.auth-v2__google:focus-visible{outline:none;border-color:var(--color-brand);box-shadow:var(--shadow-focus)}.auth-v2__google:disabled{opacity:.6;cursor:not-allowed}.auth-v2__divider{display:flex;align-items:center;gap:var(--space-sm);color:#7f97b2;font-size:var(--fs-sm)}.auth-v2__divider:before,.auth-v2__divider:after{content:"";height:1px;background:#213246;flex:1 1 auto}.auth-v2__form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-v2__input{background:#0c1a2a;border-color:#1f3349;color:#ecf4ff}.auth-v2__input::placeholder{color:#6f89a4}.auth-v2__password-wrap{position:relative}.auth-v2__input--password{padding-right:42px}.auth-v2__visibility{appearance:none;background:transparent;border:0;margin:0;padding:0;font:inherit;color:inherit;cursor:pointer;position:absolute;top:50%;right:10px;transform:translateY(-50%);color:#89a2bd;display:inline-flex;align-items:center;justify-content:center}.auth-v2__visibility:hover{color:#c2d3e6}.auth-v2__visibility:focus-visible{outline:none;border-color:var(--color-brand);box-shadow:var(--shadow-focus);border-radius:6px}.auth-v2__row{display:flex;align-items:center;gap:var(--space-sm);justify-content:space-between;flex-wrap:wrap}.auth-v2__remember{display:flex;align-items:center;gap:var(--space-xs);margin:0;color:#a4bdd7;font-size:var(--fs-sm);cursor:pointer}.auth-v2__remember input{accent-color:var(--color-brand)}.auth-v2__link{appearance:none;background:transparent;border:0;margin:0;padding:0;font:inherit;color:inherit;cursor:pointer;color:#24d69a;font-size:var(--fs-sm);font-weight:600;transition:color var(--duration-base) var(--ease-out)}.auth-v2__link:hover{color:#43ebb2}.auth-v2__link:focus-visible{outline:none;border-color:var(--color-brand);box-shadow:var(--shadow-focus);border-radius:6px}.auth-v2__submit{margin-top:var(--space-xs);padding:11px 16px}.auth-v2__switch{display:flex;align-items:center;gap:var(--space-sm);justify-content:center;color:#8ca6c2;font-size:var(--fs-sm);flex-wrap:wrap}.store-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr))}.store-card{gap:var(--space-md);background:#0e141a;border-color:#1a2634;box-shadow:0 16px 40px #01040861}.store-card__heading{display:flex;align-items:flex-start;gap:var(--space-md)}.store-card__heading-text{display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0}.store-card__title{margin:0;font-size:18px;letter-spacing:-.01em}.store-card__description{margin:0;color:var(--color-muted);font-size:var(--fs-md)}.store-card__icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);color:var(--color-brand);background:#124f3470}.store-card__icon .app-icon{width:16px;height:16px}.store-card__divider{height:1px;background:#1b2733}.store-card label{font-size:14px}.store-card__field-head{display:flex;align-items:center;gap:var(--space-sm);justify-content:space-between;margin-bottom:var(--space-2xs)}.store-card .app-input{font-size:14px}.auth-message{margin:0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text);font-size:var(--fs-sm)}.auth-message--error{background:var(--color-danger-soft);color:var(--color-danger)}.auth-message--success{background:var(--color-success-soft);color:var(--color-success-text)}.stored-value{display:flex;flex-direction:column;gap:var(--space-xs)}.stored-value pre{margin:0}.stored-value__header{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--fs-sm);color:var(--color-muted)}.countdown-badge{background:var(--color-brand-soft);color:var(--color-success-text);padding:2px 8px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:600}.loading-text{color:var(--color-muted);font-style:italic;margin:0}.store-security-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-md);background:#0e141a;border-color:#1b2a37}.store-security-banner h2{margin:0;font-size:1.1rem}.store-security-banner p{margin:var(--space-2xs) 0 0;color:var(--color-muted);font-size:var(--fs-sm)}.store-security-banner__icon{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:var(--radius-pill);color:var(--color-brand);background:#124f3470}.store-security-banner__icon .app-icon{width:16px;height:16px}@media(max-width:980px){.auth-v2__layout{grid-template-columns:1fr}.auth-v2__hero{order:2}.auth-v2__panel{order:1;max-width:560px}.auth-v2__benefits{grid-template-columns:1fr}.auth-v2__preview{max-width:100%}.store-grid,.store-security-banner{grid-template-columns:1fr}}.settings-page{max-width:760px}.settings-page__header{margin-bottom:var(--space-lg)}.settings-form{display:grid;gap:var(--space-sm)}.settings-form__color-row{display:grid;grid-template-columns:56px 1fr;gap:var(--space-sm);align-items:center}.settings-form__color-picker{width:56px;height:36px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;cursor:pointer}.app-view-shell{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-xl) 0;max-width:1160px}.app-view-shell__header{display:flex;flex-direction:column;gap:var(--space-2xs)}.app-view-shell__header--between{display:flex;flex-direction:row;align-items:center;gap:var(--space-lg);justify-content:space-between;flex-wrap:wrap}.app-view-shell__intro{min-width:0}.app-view-shell__title{margin:0;font-size:30px;font-weight:700;letter-spacing:-.02em;padding-bottom:.5rem}.app-view-shell__description{margin:0;font-size:var(--fs-md);color:var(--color-muted);max-width:720px;padding-bottom:1rem}.app-status-pill{display:flex;align-items:center;gap:var(--space-xs);padding:7px 14px;border-radius:var(--radius-md);border:1px solid #161d24;background:transparent;color:#72f2b7;font-size:14px;white-space:nowrap;margin-left:auto}.app-status-pill .app-icon{width:18px;height:18px}body.dark .app-status-pill{background:transparent}@media(max-width:900px){.app-view-shell{padding-top:var(--space-lg)}}.admin-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md)}.admin-metric-card{display:flex;flex-direction:column;gap:var(--space-2xs)}.admin-metric-card__label{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}.admin-metric-card__value{font-size:28px;font-weight:700;line-height:var(--lh-tight);color:var(--color-brand)}.admin-metric-card__sub{font-size:var(--fs-sm);color:var(--color-muted)}.admin-section-title{margin:0 0 var(--space-sm);font-size:var(--fs-lg);font-weight:600}.admin-table-card{overflow:hidden}.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{width:100%;border-collapse:collapse;font-size:var(--fs-md)}.admin-table th{text-align:left;padding:var(--space-xs) var(--space-sm);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);border-bottom:1px solid var(--color-border);white-space:nowrap}.admin-table td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border);vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--color-surface-2)}.admin-table__num{text-align:right;white-space:nowrap}.admin-table__mono{font-family:var(--font-mono);font-size:var(--fs-sm)}.admin-table__route{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-table__time{white-space:nowrap;font-size:var(--fs-sm);color:var(--color-muted)}.admin-table__muted{color:var(--color-muted);font-size:var(--fs-sm)}.admin-status{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:600}.admin-status--ok{background:var(--color-success-soft);color:var(--color-success-text)}.admin-status--warn{background:#f59e0b1f;color:#d97706}.admin-status--error{background:var(--color-danger-soft);color:var(--color-danger)}body.dark .admin-status--warn{color:#fbbf24}.admin-empty{font-size:var(--fs-md);color:var(--color-muted);padding:var(--space-md) 0}.admin-meta-json{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px;display:inline-block;cursor:default}.admin-filters{gap:var(--space-md)}.admin-filters__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-sm)}.admin-filters__field{display:flex;flex-direction:column;gap:var(--space-2xs)}.admin-filters__field label{font-size:var(--fs-sm);color:var(--color-muted)}.admin-filters__actions{display:flex;align-items:center;gap:var(--space-sm)}.app-sidebar__separator--sm{margin:var(--space-xs) 0}.app-nav__link--admin{color:var(--color-brand);opacity:.85}.app-nav__link--admin:hover,.app-nav__link--admin.active{opacity:1}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.relative{position:relative}.muted{color:var(--color-muted)}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}.hidden{display:none!important}.full-width{width:100%}