:root{--color-navy: #17203d;--color-navy-soft: #3b4262;--color-gradient-start: #507af2;--color-gradient-end: #8f49ff;--color-bg: #ffffff;--color-bg-dark: #0f172a;--color-text-primary: #17203d;--color-text-secondary: #3b4262;--bg: var(--color-bg);--bg-soft: var(--color-bg);--text: var(--color-text-primary);--text-soft: var(--color-text-secondary);--surface: var(--color-bg);--surface-2: var(--color-bg);--line: var(--color-navy-soft);--primary: var(--color-navy);--primary-strong: var(--color-navy-soft);--accent: var(--color-text-secondary);--ok: var(--color-navy);--warn: var(--color-navy-soft);--radius: 8px;--shadow: none}*,*:before,*:after{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}#root{min-height:100vh}.page{width:min(1120px,92vw);margin:0 auto;padding:1.75rem 0 4rem}.landing-shell{min-height:100vh;width:100%;background:#fff}.landing-shell main{min-height:100vh}.app-full{min-height:100vh;background:#f5f6fa}.app-full main{min-height:100vh}.mantis-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.mantis-shell.collapsed{grid-template-columns:84px 1fr}.mantis-sidebar{border-right:1px solid #e6e8ef;background:#fff;padding:20px 14px;display:grid;grid-template-rows:auto 1fr auto;gap:14px}.mantis-brand{border:0;background:transparent;padding:6px 8px;display:inline-flex;align-items:center;gap:10px;color:#1f2937;font-size:26px;font-weight:700;cursor:pointer}.mantis-brand img{width:30px;height:30px}.mantis-sidebar-title{margin:0 8px 10px;font-size:14px;color:#9ca3af;font-weight:500}.mantis-sidebar-group{display:grid;align-content:start;gap:2px}.mantis-nav-item{border:0;background:transparent;text-align:left;border-radius:6px;padding:10px 12px;color:#4b5563;cursor:pointer;font:inherit;display:inline-flex;align-items:center;gap:10px}.mantis-nav-item.active{background:#e9f0ff;color:#2563eb;font-weight:600}.mantis-nav-item svg{width:18px;height:18px}.mantis-nav-item rect,.mantis-nav-item circle,.mantis-nav-item path,.mantis-nav-item line{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mantis-shell.collapsed .mantis-brand span,.mantis-shell.collapsed .mantis-sidebar-title,.mantis-shell.collapsed .mantis-nav-label,.mantis-shell.collapsed .mantis-user-mini>div{display:none}.mantis-shell.collapsed .mantis-nav-item{justify-content:center;padding:10px 8px}.mantis-shell.collapsed .mantis-user-mini{justify-content:center}.mantis-sidebar-footer{border-top:1px solid #e6e8ef;padding-top:12px}.mantis-user-mini{display:flex;align-items:center;gap:10px}.mantis-avatar{width:34px;height:34px;border-radius:999px;background:#dbeafe;color:#1d4ed8;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.mantis-user-name{margin:0;font-size:14px;font-weight:600;color:#111827}.mantis-user-email{margin:2px 0 0;font-size:12px;color:#6b7280}.mantis-main{display:grid;grid-template-rows:64px 1fr}.mantis-topbar{background:#fff;border-bottom:1px solid #e6e8ef;padding:0 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.mantis-topbar-title{margin:0;font-size:18px;font-weight:600;color:#111827}.mantis-topbar-right{display:inline-flex;align-items:center;gap:8px}.mantis-icon-btn{width:34px;height:34px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}.mantis-profile-wrap{position:relative}.mantis-profile-btn{border:1px solid #e5e7eb;border-radius:999px;background:#fff;height:36px;padding:0 10px 0 2px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font:inherit;color:#111827}.mantis-profile-menu{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px;display:grid;gap:4px;z-index:30}.mantis-profile-menu-title{margin:0;padding:8px;font-size:12px;color:#6b7280}.mantis-profile-menu-item{border:0;background:transparent;text-align:left;border-radius:8px;padding:8px;font:inherit;cursor:pointer;color:#374151}.mantis-profile-menu-item:hover{background:#f3f4f6}.mantis-profile-menu-item.danger{color:#b91c1c}.mantis-content{padding:20px;display:grid;align-content:start;gap:16px}.mantis-content .section{margin-top:0}.mantis-content>.section{border:0;background:transparent;padding:0;border-radius:0}.mantis-hero-card{border-radius:6px;padding:26px;color:#fff;background:linear-gradient(115deg,#1258d0,#3a8bff 45%,#afc7df)}.mantis-hero-card h2{margin:0;color:#fff;font-size:44px}.mantis-hero-card p{margin:10px 0 16px;max-width:62ch;color:#eff6ff}.mantis-hero-card .btn{border-color:#dbeafe;color:#fff;background:transparent}.mantis-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:1.75rem}.topbar-actions{display:inline-flex;align-items:center;gap:.6rem}.brand-button{padding:0;border:0;background:transparent;color:inherit;cursor:pointer;display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px}.brand-logo{width:auto;height:96px;display:block}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .75rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-soft);color:var(--text-soft);font-size:.85rem}.status-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--text-soft)}.status-online .status-dot{background:var(--ok)}.status-offline .status-dot{background:var(--warn)}.section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.4rem,2.7vw,2.5rem);margin-top:16px}.section-compact{padding:clamp(1.1rem,2.1vw,1.45rem) clamp(1.4rem,2.7vw,2.5rem)}.page-headline h1{margin:0;max-width:30ch;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.15}.hero{background:var(--surface)}.eyebrow{margin:0;color:var(--text-soft);font-size:.86rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}h1{margin:.45rem 0 0;max-width:16ch;font-size:clamp(2rem,4.8vw,3.4rem);line-height:1.06;letter-spacing:-.03em;font-weight:600}h2{margin:0;font-size:clamp(1.4rem,2.4vw,2rem);letter-spacing:-.02em;font-weight:600}h3{margin:0;font-size:1.08rem;font-weight:600}p{line-height:1.55}.hero-copy{margin:.85rem 0 0;max-width:58ch;color:var(--text-soft)}.cta-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}.btn{text-decoration:none;border-radius:6px;padding:.72rem 1.05rem;font-weight:500;border:1px solid var(--line);transition:background-color .17s ease,color .17s ease,border-color .17s ease}.btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-primary{color:#fff;background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-strong);border-color:var(--primary-strong)}.btn-secondary{color:var(--text);background:var(--surface);border-color:var(--line)}.btn-secondary:hover{background:color-mix(in srgb,var(--color-gradient-start) 8%,var(--surface))}.collector-pill{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-weight:500;font-size:.82rem;padding:.34rem .7rem}.topbar-logout{padding:.45rem .7rem;font-size:.82rem}.dashboard-shell{background:var(--surface)}.dashboard-head p{margin:.35rem 0 0;color:var(--text-soft)}.dashboard-head-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1rem}.dashboard-grid .card{display:grid;gap:.6rem}.dashboard-grid .btn{width:fit-content}.entity-layout{display:grid;grid-template-columns:minmax(300px,360px) 1fr;gap:.9rem;margin-top:1rem}.entity-form,.entity-list{display:grid;gap:.75rem}.entity-form-actions{display:flex;flex-wrap:wrap;gap:.6rem}.entity-row{border:1px solid var(--line);border-radius:6px;padding:.75rem;display:flex;justify-content:space-between;align-items:center;gap:.8rem;background:#fff}.entity-title{margin:0;font-weight:700}.entity-meta{margin:.4rem 0 0;color:var(--text-soft);font-size:.92rem}.entity-row-actions{display:flex;gap:.45rem}.icon-btn{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center}.icon-btn svg{width:15px;height:15px}.icon-btn path,.icon-btn rect,.icon-btn line{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.trade-layout{display:grid;grid-template-columns:minmax(280px,340px) 1fr;gap:.9rem;margin-top:1rem}.trade-tab-bar{margin-top:.9rem;display:inline-flex;gap:.35rem;padding:.25rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}.trade-tab{border:0;background:transparent;border-radius:6px;padding:.42rem .85rem;font-weight:700;color:var(--text-soft);cursor:pointer}.trade-tab.active{background:#fff;color:var(--text)}.trade-listings-grid{display:grid;gap:.8rem}.manual-listing-editor{margin-top:.55rem;padding-top:.35rem}.trade-inline-form-want-manual{grid-template-columns:1fr 72px auto}.manual-listing-editor .trade-line-editor{flex-wrap:nowrap}.manual-save-actions{margin-top:.8rem;display:grid;gap:.3rem}.manual-save-actions .btn{width:100%}.manual-save-actions .entity-meta{margin:0}.trade-listing-card{border:1px solid var(--line);border-radius:6px;background:#fff;padding:.8rem;display:grid;gap:.7rem}.trade-listing-head{display:flex;justify-content:space-between;gap:.8rem;align-items:start}.trade-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.trade-columns>section{border:1px solid var(--line);border-radius:6px;padding:.7rem;background:var(--surface)}.trade-columns h4{margin:0 0 .5rem;font-size:.88rem}.trade-inline-form{display:grid;grid-template-columns:1fr 72px auto;gap:.4rem;align-items:center}.trade-inline-form select,.trade-inline-form input{width:100%;border-radius:6px;border:1px solid var(--line);background:var(--surface);padding:.42rem .52rem;color:inherit;font:inherit;min-height:32px}.trade-inline-form .btn{padding:.45rem .62rem}.trade-item-list{list-style:none;padding:0;margin:.6rem 0 0;display:grid;gap:.38rem}.trade-item-list li{display:flex;justify-content:space-between;align-items:center;gap:.55rem;font-size:.86rem}.trade-item-list li .btn{padding:.3rem .5rem;font-size:.72rem}.trade-line-editor{display:inline-flex;align-items:center;gap:.36rem;min-width:0;flex-wrap:wrap}.trade-line-code{font-weight:500;letter-spacing:.01em}.trade-line-token{color:var(--text-soft);font-size:.76rem;font-weight:500;text-transform:uppercase}.trade-mini-input{width:56px;min-height:28px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:inherit;font:inherit;font-size:.82rem;font-weight:500;line-height:1;text-align:center;padding:.25rem .35rem}.trade-mini-input:disabled{background:var(--surface);color:var(--text-soft);opacity:1}.trade-balance-box{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:.55rem .65rem;display:grid;gap:.22rem}.trade-balance-box .entity-meta{margin:0}.entity-items-card{margin-top:1rem}.entity-items-toolbar{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.8rem;flex-wrap:wrap}.entity-items-toolbar p{margin:0}.entity-items-search{width:min(320px,100%)}.entity-items-category{width:min(220px,100%)}.entity-group-toggle{display:flex;gap:.35rem;flex-wrap:wrap}.entity-group-toggle .btn{height:30px;padding:0 .65rem;display:inline-flex;align-items:center;justify-content:center}.entity-group-toggle .btn.is-active{background:var(--surface);border-color:var(--line)}.entity-view-toggle{display:flex;gap:.35rem;flex-wrap:wrap}.entity-view-toggle .btn{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center}.entity-view-toggle .btn.is-active{background:var(--surface);border-color:var(--line)}.view-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}.view-icon svg{width:16px;height:16px}.view-icon rect{fill:#fff;stroke:currentColor;stroke-width:1.4}.entity-items-layout{display:grid;gap:.55rem;max-height:64vh;overflow:auto;padding-right:.2rem}.entity-category-groups{max-height:64vh;overflow:auto;display:grid;gap:.85rem;padding-right:.2rem}.entity-category-group h3{margin:0 0 .45rem;font-size:.92rem;color:var(--text-soft)}.entity-items-layout-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.entity-items-layout-list{grid-template-columns:1fr}.entity-items-layout-thumb-small{grid-template-columns:repeat(12,minmax(0,1fr))}.entity-items-layout-thumb-big{grid-template-columns:repeat(6,minmax(0,1fr))}.entity-item-card{border:1px solid var(--line);border-radius:6px;padding:.55rem;display:grid;gap:.4rem;background:#fff;min-width:0}.entity-item-card-missing,.entity-item-card-owned,.entity-item-card-duplicate{background:var(--surface);border-color:var(--line)}.entity-item-code{margin:0;font-size:.84rem;font-weight:800}.entity-item-name{margin:0;font-size:.76rem;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entity-item-meta{margin:0;font-size:.72rem;color:var(--text-soft)}.entity-item-tags{display:flex;flex-wrap:wrap;gap:.28rem;margin-top:.25rem}.entity-item-tag{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:.1rem .45rem;font-size:.68rem;line-height:1.25;color:var(--text-soft)}.entity-item-tag-empty{opacity:.75}.entity-item-pill-row{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.entity-item-pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--surface);padding:.1rem .48rem;font-size:.72rem;line-height:1.25;color:var(--text-soft);max-width:100%}.entity-item-pill-strong{font-weight:800;color:var(--text)}.entity-item-pill-tag{background:var(--surface);border-color:var(--line);color:var(--text)}.entity-item-pill-empty{opacity:.75}.entity-item-main{min-width:0}.entity-item-thumb-wrap{width:100%;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}.entity-item-thumb{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.entity-item-thumb-empty{min-height:52px;background:var(--surface)}.entity-item-controls{display:grid;gap:.6rem;align-items:start}.entity-qty-field{width:72px}.entity-qty-field input{height:30px;padding:.12rem .32rem;border-radius:7px;min-height:0;font-size:.82rem;line-height:1}.entity-item-card-list{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.entity-item-card-list .entity-item-controls{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto}.entity-item-card-list .entity-item-main{flex:1 1 auto;min-width:0}.entity-item-card-list .entity-qty-field{width:82px}.entity-item-card-thumb-small{padding:.38rem}.entity-item-card-thumb-small .entity-item-thumb-wrap{aspect-ratio:63 / 88;background:#fff}.entity-item-card-thumb-small .entity-item-code{font-size:.76rem}.entity-item-card-thumb-small .entity-item-name{font-size:.68rem}.entity-item-card-thumb-small .entity-qty-field{width:62px}.entity-item-card-thumb-small .entity-qty-field input{height:24px;font-size:.72rem}.entity-item-card-thumb-big{padding:.8rem}.entity-item-card-thumb-big .entity-item-thumb-wrap{aspect-ratio:63 / 88;background:#fff}.entity-item-card-thumb-big .entity-item-code{font-size:.96rem}.entity-item-card-thumb-big .entity-item-name{font-size:.82rem}.entity-item-card-thumb-big .entity-qty-field{width:90px}.entity-item-card-thumb-big .entity-qty-field input{height:34px}.feature-grid,.steps-grid,.metrics-grid{display:grid;gap:.9rem;margin-top:1rem}.feature-grid,.steps-grid,.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.step,.metric{border:1px solid var(--line);border-radius:6px;padding:1rem;background:var(--bg-soft)}.card p,.step p,.metric-label{margin:.55rem 0 0;color:var(--text-soft)}.step-index{display:inline-flex;width:1.7rem;height:1.7rem;align-items:center;justify-content:center;margin-bottom:.6rem;border-radius:50%;font-weight:800;background:var(--surface);color:var(--text)}.metric-value{margin:0;font-size:1.9rem;font-weight:800}.closing-cta{text-align:center}.closing-cta p{color:var(--text-soft);margin:.65rem auto 0;max-width:58ch}.closing-cta .cta-row{justify-content:center}.brand-footer{margin-top:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--color-bg-dark);padding:24px;display:grid;gap:12px}.brand-footer-logo{height:56px;width:auto;display:block}.brand-footer-copy{margin:0;color:#fff;max-width:62ch}.auth-shell{background:var(--surface)}.auth-card{width:min(560px,100%);margin:0 auto;border-radius:6px;border:1px solid var(--line);background:#fff;padding:clamp(1rem,2.2vw,1.6rem)}.auth-header h2{margin-top:.8rem;font-size:clamp(1.3rem,2.2vw,1.8rem)}.auth-back{border:0;background:transparent;padding:0;color:var(--text-soft);cursor:pointer;font-weight:600}.auth-switch{margin-top:.9rem;display:inline-flex;gap:.35rem;padding:.25rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}.auth-tab{border:0;background:transparent;border-radius:6px;padding:.42rem .85rem;font-weight:700;color:var(--text-soft);cursor:pointer}.auth-tab.active{background:#fff;color:var(--text)}.auth-form{margin-top:1rem;display:grid;gap:.8rem}.field{display:grid;gap:.38rem}.field>span{font-weight:600;font-size:.94rem}.field input,.field select{width:100%;border-radius:6px;border:1px solid var(--line);background:var(--surface);padding:.64rem .72rem;color:inherit;font:inherit}.field textarea{width:100%;border-radius:6px;border:1px solid var(--line);background:var(--surface);padding:.64rem .72rem;color:inherit;font:inherit;resize:vertical}.field input:focus{border-color:var(--primary);outline:2px solid color-mix(in srgb,var(--color-gradient-start) 32%,transparent);outline-offset:1px}.field select:focus{border-color:var(--primary);outline:2px solid color-mix(in srgb,var(--color-gradient-start) 32%,transparent);outline-offset:1px}.field textarea:focus{border-color:var(--primary);outline:2px solid color-mix(in srgb,var(--color-gradient-start) 32%,transparent);outline-offset:1px}.field-error{color:var(--text-soft);font-size:.82rem}.auth-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.checkbox{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-soft);font-size:.92rem}.checkbox input{margin:0}.auth-submit{width:100%}.text-link{color:var(--primary-strong);font-weight:600;text-decoration:none}.button-link{border:0;background:transparent;cursor:pointer;padding:0;font:inherit}.auth-footnote{margin:0;color:var(--text-soft);font-size:.92rem}.auth-message{margin:.85rem 0 0;border-radius:6px;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:.65rem .8rem;font-size:.92rem}.auth-message-error{border-color:var(--line);background:var(--surface);color:var(--text-soft)}.reveal{animation:fade-up .62s ease both}.reveal:nth-child(2){animation-delay:90ms}.reveal:nth-child(3){animation-delay:.18s}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark]{--bg: var(--color-bg-dark);--bg-soft: var(--color-bg-dark);--text: #ffffff;--text-soft: var(--color-text-secondary);--surface: var(--color-bg-dark);--surface-2: var(--color-bg-dark);--line: var(--color-navy-soft);--primary: var(--color-navy);--primary-strong: var(--color-navy-soft)}@media(max-width:900px){.mantis-shell{grid-template-columns:84px 1fr}.mantis-brand span,.mantis-sidebar-title,.mantis-nav-item,.mantis-user-mini div{display:none}.mantis-brand{justify-content:center}.mantis-sidebar{padding-left:10px;padding-right:10px}.mantis-user-mini{justify-content:center}.mantis-stat-grid,.entity-layout,.trade-layout,.trade-columns{grid-template-columns:1fr}.entity-items-layout-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.entity-items-layout-thumb-small{grid-template-columns:repeat(8,minmax(0,1fr))}.entity-items-layout-thumb-big{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid,.feature-grid,.steps-grid,.metrics-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.mantis-shell{grid-template-columns:1fr}.mantis-sidebar{display:none}.mantis-topbar{padding-inline:12px}.mantis-content{padding:12px}.mantis-hero-card h2{font-size:32px}.page{width:min(1120px,94vw);padding-top:1rem}.topbar{flex-direction:column;align-items:flex-start;gap:.65rem}.brand-logo{height:72px}.topbar-actions{width:100%;flex-wrap:wrap}.dashboard-head-row,.entity-items-toolbar,.entity-row{flex-direction:column;align-items:flex-start}.trade-inline-form{grid-template-columns:1fr}.entity-item-controls{width:100%;align-items:center}.entity-items-layout-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.entity-items-layout-thumb-small{grid-template-columns:repeat(4,minmax(0,1fr))}.entity-items-layout-thumb-big{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid,.dashboard-grid,.steps-grid,.metrics-grid{grid-template-columns:1fr}.auth-row{flex-direction:column;align-items:flex-start}}