@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px #00000026;--shadow-sm:0 2px 8px #0000001f;--shadow-md:0 4px 16px #00000026;--shadow-lg:0 8px 32px #0003;--shadow-xl:0 16px 48px #00000040;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.35s cubic-bezier(.16, 1, .3, 1);--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400;--z-toast:500}:root,[data-theme=dark]{--color-bg:#0b0d13;--color-bg-raised:#12141c;--color-surface:#181c25;--color-surface-hover:#212530;--color-surface-active:#2b2f3b;--color-border:#272a35;--color-border-subtle:#1e2129;--color-text:#eaecf0;--color-text-secondary:#818898;--color-text-tertiary:#575e6b;--color-text-inverse:#0b0d13;--color-accent:#3484f4;--color-accent-hover:#0d6cf2;--color-accent-subtle:#3484f41f;--color-accent-text:#77adf8;--color-success:#20b657;--color-success-subtle:#20b6571f;--color-warning:#f59f0a;--color-warning-subtle:#f59f0a1f;--color-danger:#dc2828;--color-danger-subtle:#dc28281f;--color-glass:#181c25cc;--color-glass-border:#363b494d;--color-input-bg:#14171f;--color-input-border:#303441;--color-input-focus:#3484f4}[data-theme=light]{--color-bg:#f6f7f9;--color-bg-raised:#fff;--color-surface:#fff;--color-surface-hover:#f3f4f7;--color-surface-active:#eaecf1;--color-border:#dcdfe5;--color-border-subtle:#e8eaee;--color-text:#171b26;--color-text-secondary:#676f7e;--color-text-tertiary:#949ba8;--color-text-inverse:#fff;--color-accent:#0d6cf2;--color-accent-hover:#0b5bcb;--color-accent-subtle:#0d6cf214;--color-accent-text:#0a57c2;--color-success:#1b9849;--color-success-subtle:#1b984914;--color-warning:#dc8f09;--color-warning-subtle:#dc8f0914;--color-danger:#d32222;--color-danger-subtle:#d3222214;--color-glass:#ffffffd9;--color-glass-border:#c4c9d44d;--color-input-bg:#fff;--color-input-border:#cacfd8;--color-input-focus:#0d6cf2;--shadow-xs:0 1px 2px #0000000f;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001a;--shadow-xl:0 16px 48px #0000001f}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--color-accent-text);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent)}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;height:36px;font-size:.875rem;font-weight:500;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#c52020}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.btn-lg{height:44px;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:1rem}.btn-sm{height:28px;padding:var(--space-1) var(--space-3);font-size:.8125rem}.input{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);height:38px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);font-size:.875rem;line-height:1.5}.input:focus{border-color:var(--color-input-focus);box-shadow:0 0 0 3px var(--color-accent-subtle);outline:none}.input::placeholder{color:var(--color-text-tertiary)}.input-label{color:var(--color-text-secondary);margin-bottom:var(--space-1);font-size:.8125rem;font-weight:500;display:block}.input-required:after{content:" *";color:var(--color-danger)}textarea.input{resize:vertical;height:auto;min-height:80px}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.card:hover{border-color:var(--color-border);box-shadow:var(--shadow-md);transform:translateY(-1px)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;font-size:.6875rem;font-weight:600;display:inline-flex}.badge-accent{background:var(--color-accent-subtle);color:var(--color-accent-text)}.badge-success{background:var(--color-success-subtle);color:var(--color-success)}.badge-warning{background:var(--color-warning-subtle);color:var(--color-warning)}.badge-danger{background:var(--color-danger-subtle);color:var(--color-danger)}.badge-neutral{background:var(--color-surface-hover);color:var(--color-text-secondary)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);padding:var(--space-4);background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:560px;max-height:90vh;z-index:var(--z-modal);flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex}.modal-lg{max-width:720px}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:1.125rem;font-weight:600}.modal-body{padding:var(--space-6);flex:1;overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{justify-content:center;align-items:center}.flex-between{justify-content:space-between;align-items:center}.items-center{align-items:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.flex-1{flex:1}.w-full{width:100%}.text-sm{font-size:.8125rem}.text-xs{font-size:.75rem}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-accent{color:var(--color-accent-text)}.text-center{text-align:center}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-mono{font-family:var(--font-mono)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-surface-hover) 50%, var(--color-surface) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);width:20px;height:20px;animation:.6s linear infinite spin}.spinner-lg{border-width:3px;width:32px;height:32px}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.toast{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-lg);align-items:center;gap:var(--space-3);min-width:280px;font-size:.875rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex}.empty-state{padding:var(--space-16) var(--space-8);text-align:center;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state svg{width:48px;height:48px;stroke:var(--color-text-tertiary);margin-bottom:var(--space-4)}.empty-state h3{color:var(--color-text);margin-bottom:var(--space-2);font-size:1rem;font-weight:600}.empty-state p{max-width:320px;margin-bottom:var(--space-6);font-size:.875rem}.auth-page{min-height:100vh;padding:var(--space-4);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10);width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.auth-logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);justify-content:center;display:flex}.auth-logo h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.auth-logo span{color:var(--color-accent)}.auth-divider{align-items:center;gap:var(--space-4);margin:var(--space-6) 0;color:var(--color-text-tertiary);font-size:.8125rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.google-btn{justify-content:center;align-items:center;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;height:44px;font-family:var(--font-sans);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:500;display:flex}.google-btn:hover{background:var(--color-surface-hover);box-shadow:var(--shadow-sm)}.google-btn svg{width:18px;height:18px}.app-shell{min-height:100vh;display:flex}.app-sidebar{background:var(--color-bg-raised);border-right:1px solid var(--color-border-subtle);flex-direction:column;flex-shrink:0;width:260px;height:100vh;display:flex;position:sticky;top:0}.sidebar-header{padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:var(--space-3);display:flex}.sidebar-logo{letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.sidebar-logo span{color:var(--color-accent)}.sidebar-nav{padding:var(--space-3);flex:1;overflow-y:auto}.sidebar-section{margin-bottom:var(--space-4)}.sidebar-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);padding:var(--space-2) var(--space-3);font-size:.6875rem;font-weight:600}.sidebar-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;font-size:.875rem;font-family:var(--font-sans);background:0 0;border:none;display:flex}.sidebar-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.sidebar-item.active{background:var(--color-accent-subtle);color:var(--color-accent-text)}.sidebar-item svg{flex-shrink:0;width:18px;height:18px}.sidebar-item .pool-icon{text-align:center;width:18px;font-size:1rem}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--color-border-subtle)}.user-menu-btn{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;width:100%;transition:background var(--transition-fast);font-family:var(--font-sans);color:var(--color-text);text-align:left;background:0 0;border:none;display:flex}.user-menu-btn:hover{background:var(--color-surface-hover)}.user-avatar{border-radius:var(--radius-full);background:var(--color-accent-subtle);width:32px;height:32px;color:var(--color-accent-text);flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:600;display:flex;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-topbar{border-bottom:1px solid var(--color-border-subtle);height:56px;padding:0 var(--space-6);background:var(--color-bg);z-index:var(--z-sticky);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--color-glass);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-topbar h1{font-size:1rem;font-weight:600}.app-content{padding:var(--space-6);flex:1}.search-bar{max-width:320px;position:relative}.search-bar svg{left:var(--space-3);width:16px;height:16px;color:var(--color-text-tertiary);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-bar .input{height:36px;padding-left:36px}.item-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.item-card{cursor:pointer}.item-card-image{aspect-ratio:1;background:var(--color-surface-hover);justify-content:center;align-items:center;display:flex;overflow:hidden}.item-card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.item-card:hover .item-card-image img{transform:scale(1.05)}.item-card-image svg{width:32px;height:32px;color:var(--color-text-tertiary)}.item-card-body{padding:var(--space-3) var(--space-4)}.item-card-id{font-family:var(--font-mono);color:var(--color-text-tertiary);margin-bottom:var(--space-1);font-size:.6875rem}.item-card-title{color:var(--color-text);margin-bottom:var(--space-2);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.item-card-badges{gap:var(--space-1);flex-wrap:wrap;display:flex}.field-list{gap:var(--space-2);flex-direction:column;display:flex}.field-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex}.field-row:hover{border-color:var(--color-border)}.field-row .drag-handle{cursor:grab;color:var(--color-text-tertiary)}.field-row .drag-handle:active{cursor:grabbing}.field-row .field-type-badge{border-radius:var(--radius-full);background:var(--color-accent-subtle);color:var(--color-accent-text);white-space:nowrap;padding:2px 8px;font-size:.6875rem;font-weight:500}.field-row .field-name{flex:1;font-size:.875rem;font-weight:500}.field-row .field-actions{gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast);display:flex}.field-row:hover .field-actions{opacity:1}.image-slider{border-radius:var(--radius-lg);background:var(--color-surface);aspect-ratio:4/3;position:relative;overflow:hidden}.image-slider-track{height:100%;transition:transform var(--transition-slow);display:flex}.image-slider-slide{min-width:100%;height:100%}.image-slider-slide img{object-fit:contain;background:var(--color-bg);width:100%;height:100%}.image-slider-btn{border-radius:var(--radius-full);background:var(--color-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-glass-border);width:36px;height:36px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.image-slider-btn:hover{background:var(--color-surface)}.image-slider-btn.prev{left:var(--space-3)}.image-slider-btn.next{right:var(--space-3)}.image-slider-dots{bottom:var(--space-3);gap:var(--space-2);z-index:2;display:flex;position:absolute;left:50%;transform:translate(-50%)}.image-slider-dot{border-radius:var(--radius-full);cursor:pointer;width:6px;height:6px;transition:all var(--transition-fast);background:#fff6;border:none;padding:0}.image-slider-dot.active{background:#fff;width:18px}.thumbnails{gap:var(--space-2);margin-top:var(--space-3);padding-bottom:var(--space-2);display:flex;overflow-x:auto}.thumbnail{border-radius:var(--radius-sm);cursor:pointer;width:56px;height:56px;transition:border-color var(--transition-fast);border:2px solid #0000;flex-shrink:0;overflow:hidden}.thumbnail.active{border-color:var(--color-accent)}.thumbnail img{object-fit:cover;width:100%;height:100%}@media (width<=768px){.app-sidebar{display:none}.app-content{padding:var(--space-4)}.item-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;align-self:flex-end;max-width:100%;max-height:100vh}.modal-backdrop{align-items:flex-end;padding:0}.auth-card{padding:var(--space-6)}.search-bar{max-width:100%}.mobile-nav{background:var(--color-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border-subtle);height:56px;z-index:var(--z-sticky);padding:0 var(--space-4);display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast);font-size:.625rem;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.mobile-nav-item.active{color:var(--color-accent)}.mobile-nav-item svg{width:20px;height:20px}.app-main{padding-bottom:56px}}@media (width>=769px){.mobile-nav{display:none}}.dropdown-menu{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-1);min-width:180px;z-index:var(--z-dropdown);animation:.15s slideDown;position:absolute}.dropdown-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast);text-align:left;width:100%;font-size:.875rem;font-family:var(--font-sans);background:0 0;border:none;display:flex}.dropdown-item:hover{background:var(--color-surface-hover)}.dropdown-item svg{width:16px;height:16px;color:var(--color-text-secondary)}.dropdown-separator{background:var(--color-border-subtle);height:1px;margin:var(--space-1) 0}.toggle-switch{background:var(--color-border);border-radius:var(--radius-full);cursor:pointer;width:40px;height:22px;transition:background var(--transition-fast);border:none;padding:0;position:relative}.toggle-switch.active{background:var(--color-accent)}.toggle-switch:after{content:"";border-radius:var(--radius-full);width:16px;height:16px;transition:transform var(--transition-fast);background:#fff;position:absolute;top:3px;left:3px}.toggle-switch.active:after{transform:translate(18px)}.public-page{flex-direction:column;min-height:100vh;display:flex}.public-nav{z-index:var(--z-sticky);padding:var(--space-3) var(--space-6);transition:all var(--transition-base);position:fixed;top:0;left:0;right:0}.public-nav.scrolled{background:var(--color-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-glass-border)}.public-nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:48px;margin:0 auto;display:flex}.nav-logo{align-items:center;gap:var(--space-2);color:var(--color-text);letter-spacing:-.02em;font-size:1.125rem;font-weight:700;text-decoration:none;display:flex}.nav-logo svg{color:var(--color-accent)}.nav-links{align-items:center;gap:var(--space-2);display:flex}.nav-link{padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:.875rem;font-weight:500;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--color-text);background:var(--color-surface-hover)}.nav-separator{background:var(--color-border);width:1px;height:20px;margin:0 var(--space-2)}.nav-mobile-toggle{display:none}@media (width<=768px){.nav-mobile-toggle{display:flex}.nav-links{background:var(--color-bg-raised);border-bottom:1px solid var(--color-border);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.open{display:flex}.nav-separator{display:none}.nav-link{width:100%}}.hero-section{padding:140px var(--space-6) var(--space-16);text-align:center;max-width:800px;margin:0 auto}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);background:var(--color-accent-subtle);color:var(--color-accent-text);border:1px solid var(--color-accent);border-radius:var(--radius-full);margin-bottom:var(--space-8);font-size:.8125rem;font-weight:500;animation:.6s fadeIn;display:inline-flex}.hero-title{letter-spacing:-.03em;margin-bottom:var(--space-6);font-size:clamp(2.25rem,6vw,3.5rem);font-weight:800;line-height:1.1;animation:.6s .1s both fadeIn}.text-gradient{background:linear-gradient(135deg, var(--color-accent), #8e5eed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--color-text-secondary);max-width:560px;margin:0 auto var(--space-8);font-size:1.125rem;line-height:1.7;animation:.6s .2s both fadeIn}.hero-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;animation:.6s .3s both fadeIn;display:flex}.hero-stats{justify-content:center;gap:var(--space-12);margin-top:var(--space-16);animation:.6s .4s both fadeIn;display:flex}.hero-stat-value{color:var(--color-accent-text);font-size:1.5rem;font-weight:800}.hero-stat-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:600}.features-grid-section,.how-section,.usecases-section,.cta-section,.pricing-section,.faq-section{max-width:1100px;padding:var(--space-16) var(--space-6);margin:0 auto}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header h1,.section-header h2{letter-spacing:-.02em;margin-bottom:var(--space-3);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700}.section-header p{color:var(--color-text-secondary);max-width:480px;margin:0 auto;font-size:1rem}.features-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.feature-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.feature-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon{border-radius:var(--radius-md);background:var(--color-accent-subtle);width:44px;height:44px;color:var(--color-accent);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.feature-card h3{margin-bottom:var(--space-2);font-size:1rem;font-weight:600}.feature-card p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6}.steps-row{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.step-card{text-align:center;padding:var(--space-6);flex:0 260px}.step-number{border-radius:var(--radius-full);background:var(--color-accent);color:#fff;width:44px;height:44px;margin:0 auto var(--space-4);justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:flex}.step-card h3{margin-bottom:var(--space-2);font-size:1rem;font-weight:600}.step-card p{color:var(--color-text-secondary);font-size:.875rem}.step-connector{background:var(--color-border);width:40px;height:2px}@media (width<=768px){.step-connector{display:none}}.usecase-tags{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.usecase-tag{padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);transition:all var(--transition-fast);font-size:.875rem;font-weight:500}.usecase-tag:hover{border-color:var(--color-accent);background:var(--color-accent-subtle)}.cta-card{text-align:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-16) var(--space-8)}.cta-card h2{margin:var(--space-5) 0 var(--space-3);font-size:1.75rem;font-weight:700}.cta-card p{margin-bottom:var(--space-6)}.public-footer{border-top:1px solid var(--color-border-subtle);padding:var(--space-12) var(--space-6) var(--space-6);margin-top:auto}.footer-inner{justify-content:space-between;gap:var(--space-12);max-width:1100px;margin:0 auto;margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.footer-links{gap:var(--space-12);display:flex}.footer-col{gap:var(--space-2);flex-direction:column;display:flex}.footer-col h4{color:var(--color-text);margin-bottom:var(--space-2);font-size:.8125rem;font-weight:600}.footer-col a{color:var(--color-text-secondary);font-size:.8125rem}.footer-bottom{max-width:1100px;padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle);text-align:center;margin:0 auto}.pricing-section{padding-top:120px}.billing-toggle{align-items:center;gap:var(--space-3);margin-top:var(--space-6);color:var(--color-text-tertiary);justify-content:center;font-size:.875rem;display:flex}.billing-toggle .active{color:var(--color-text);font-weight:600}.pricing-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:1000px;margin:0 auto;display:grid}.pricing-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base);position:relative}.pricing-card.highlighted{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent), var(--shadow-lg)}.pricing-badge{background:var(--color-accent);color:#fff;padding:2px var(--space-4);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.pricing-header{margin-bottom:var(--space-4)}.pricing-header h3{font-size:1.125rem;font-weight:700}.pricing-price{margin-bottom:var(--space-5)}.price-amount{letter-spacing:-.03em;font-size:2.25rem;font-weight:800}.price-period{color:var(--color-text-tertiary);margin-top:var(--space-1);font-size:.8125rem;display:block}.pricing-features{margin-top:var(--space-5);gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.pricing-feature{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:.8125rem;display:flex}.pricing-feature.disabled{color:var(--color-text-tertiary);opacity:.5}.feature-check{color:var(--color-success);flex-shrink:0}.feature-x{color:var(--color-text-tertiary);flex-shrink:0}.faq-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));max-width:900px;margin:0 auto;display:grid}.faq-item h4{margin-bottom:var(--space-2);font-size:.9375rem;font-weight:600}.faq-item p{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.7}@media (width<=768px){.faq-grid{grid-template-columns:1fr}}.portal-content{padding:var(--space-6) var(--space-8);max-width:1100px}.portal-header-row{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.portal-header-row h1{font-size:1.5rem;font-weight:700}.portal-section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.portal-section-header h2{align-items:center;font-size:1.125rem;font-weight:600;display:flex}.subscription-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-accent-subtle);border:1px solid var(--color-accent);border-radius:var(--radius-full);color:var(--color-accent-text);font-size:.8125rem;font-weight:600;display:inline-flex}.stats-row{gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.stat-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);min-width:140px;padding:var(--space-5);flex:1}.stat-value{letter-spacing:-.02em;font-size:1.75rem;font-weight:800}.stat-label{color:var(--color-text-secondary);margin-top:var(--space-1);font-size:.8125rem}.stat-limit{color:var(--color-text-tertiary);font-size:.75rem}.store-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.store-card{padding:var(--space-5)}.store-card-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.store-card-icon{border-radius:var(--radius-lg);background:var(--color-accent-subtle);width:48px;height:48px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.store-card-name{font-size:1.0625rem;font-weight:600}.store-card-actions{gap:var(--space-2);display:flex}.store-card-add{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8);border:2px dashed var(--color-border);cursor:pointer;color:var(--color-text-tertiary);font-size:.875rem;font-family:var(--font-sans);background:0 0;flex-direction:column;display:flex}.store-card-add:hover{border-color:var(--color-accent);color:var(--color-accent-text);background:var(--color-accent-subtle)}.form-group{margin-bottom:var(--space-4)}.form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.form-error{color:var(--color-danger);margin-top:var(--space-1);font-size:.75rem}.text-danger{color:var(--color-danger)}.record-list{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.record-list-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);font-size:.6875rem;font-weight:600;display:flex}.record-list-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);cursor:pointer;transition:background var(--transition-fast);display:flex}.record-list-row:last-child{border-bottom:none}.record-list-row:hover{background:var(--color-surface-hover)}.view-toggle{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex;overflow:hidden}.view-toggle .btn-ghost{border:none;border-radius:0}.view-toggle .btn-ghost.active{background:var(--color-accent-subtle);color:var(--color-accent)}.sidebar-overlay{display:none}@media (width<=768px){.app-sidebar{z-index:var(--z-modal);transition:left var(--transition-slow);position:fixed;top:0;bottom:0;left:-280px}.app-sidebar.mobile-open{left:0}.sidebar-overlay{z-index:calc(var(--z-modal) - 1);background:#00000080;display:block;position:fixed;inset:0}.hide-mobile{display:none!important}.portal-content{padding:var(--space-4)}}