:root{--brand: oklch(.62 .08 144);--ok: oklch(.7 .12 150);--warn: oklch(.7 .12 60);--err: oklch(.65 .15 20);--primary-color: #689367;--yellow-color: #ffcc00;--red-color: #cc2222;--color-primary-50: oklch(96.17% .03 143.73);--color-primary-100: oklch(91.45% .077 144.34);--color-primary-200: oklch(84.16% .109 144.16);--color-primary-300: oklch(76.64% .1 143.69);--color-primary-400: oklch(68.98% .089 144.05);--color-primary-500: oklch(61.98% .08 143.98);--color-primary-600: oklch(53.51% .069 144.53);--color-primary-700: oklch(45.03% .058 144.53);--color-primary-800: oklch(35.75% .047 144.51);--color-primary-900: oklch(27.35% .036 144.5);--color-primary-950: oklch(23.11% .031 144.49);--color-neutral-50: oklch(95.72% .003 326.21);--color-neutral-100: oklch(91.4% .007 325.92);--color-neutral-200: oklch(82.8% .012 325.84);--color-neutral-300: oklch(73.46% .02 325.86);--color-neutral-400: oklch(64.9% .024 325.92);--color-neutral-500: oklch(56.23% .021 325.92);--color-neutral-600: oklch(48.64% .018 325.91);--color-neutral-700: oklch(40.74% .015 325.91);--color-neutral-800: oklch(33.75% .013 325.93);--color-neutral-900: oklch(25.96% .012 325.96);--color-neutral-950: oklch(21.54% .01 325.97);--bg: #f1f7f5;--bg-2: #e9f1ef;--panel: #ffffff;--panel-2: #e9f1ef;--line: #d2e0db;--fg: #2f3a37;--dim: #69807a;--accent: #689367;--accent-strong: #4d7a4c;--accent-soft: rgba(104, 147, 103, .12);--accent2: #d98b1f;--good: #2e8b57;--bad: #cc2222;--card-bg: #141a22;--card-line: #283341;--card-fg: #e3e9ef;--card-dim: #8a99a6;--header-regular-color: #689367;--title-regular-color: #4d7a4c;--sub-headline-color: #2f3a37;--text-xs: 11px;--text-sm: 13px;--text-md: 16px;--text-lg: 19px;--text-xl: 23px;--text-2xl: 28px;--text-3xl: 33px;--text-4xl: 40px;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--border-1: 1px;--border-2: 2px;--border-3: 4px;--border-4: 8px;--rounded-1: 2px;--rounded-2: 4px;--rounded-3: 8px;--rounded-4: 12px;--rounded-5: 16px;--rounded-full: calc(infinity * 1px);--shadow-sm: 0 1px 2px rgba(47, 58, 55, .06);--shadow-md: 0 8px 24px rgba(47, 58, 55, .1);--shadow-lg: 0 16px 40px rgba(47, 58, 55, .14);--font-sans: "Open Sans", "Roboto", "Helvetica Neue", system-ui, "Segoe UI", sans-serif;--font-display: "Roboto", "Open Sans", system-ui, sans-serif;color-scheme:light}:root{font-family:var(--font-sans);line-height:1.5;font-weight:var(--fw-regular);color-scheme:light;color:var(--fg);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg);color:var(--fg)}#root{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3{font-family:var(--font-display);color:var(--accent-strong)}a{font-weight:var(--fw-medium);color:var(--accent-strong);text-decoration:none}a:hover{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--text-md);padding:10px 18px;border-radius:var(--rounded-3);border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;transition:background .2s ease,color .2s ease,opacity .2s ease}.btn:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--accent-strong)}.btn-secondary:hover{background:var(--accent-soft);color:var(--accent-strong)}.btn-danger{background:var(--bad);border-color:var(--bad)}.btn-danger:hover{background:#a81b1b;border-color:#a81b1b}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--rounded-4);box-shadow:var(--shadow-sm);padding:var(--space-5)}.input,.select,textarea.input{width:100%;font-family:var(--font-sans);font-size:var(--text-md);color:var(--fg);background:var(--panel);border:1px solid var(--line);border-radius:var(--rounded-2);padding:10px 12px;transition:border-color .2s ease}.input:focus,.select:focus{outline:none;border-color:var(--accent)}label{display:block;font-weight:var(--fw-semibold);font-size:var(--text-sm);color:var(--fg);margin-bottom:6px}.muted{color:var(--dim)}.usersite-spinner{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;display:inline-block;animation:usersite-spin .8s linear infinite}@keyframes usersite-spin{to{transform:rotate(360deg)}}.navbar{background:var(--panel);border-bottom:3px solid var(--accent);position:sticky;top:0;z-index:1000;width:100%;box-shadow:var(--shadow-sm)}.navbar-container{margin:0 auto;max-width:1180px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;height:80px;gap:24px}.navbar-logo{display:flex;align-items:center}.logo-link{display:flex;align-items:center;background:transparent}.logo-img{height:44px;width:auto}.navbar-menu{display:flex;align-items:center;gap:24px;flex:1}.nav-link{color:var(--dim);font-weight:var(--fw-semibold);font-size:14px;letter-spacing:.04em;position:relative;padding:8px 2px;transition:color .25s ease}.nav-link:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--accent);transition:width .25s ease}.nav-link:hover,.nav-link.active{color:var(--accent-strong)}.nav-link:hover:after,.nav-link.active:after{width:100%}.navbar-utility{display:flex;align-items:center;gap:16px;padding-left:22px;border-left:1px solid var(--line)}.navbar-user{font-size:14px;font-weight:var(--fw-semibold);color:var(--fg);white-space:nowrap;max-width:280px;overflow:hidden;text-overflow:ellipsis}.navbar-org{color:var(--dim);font-weight:var(--fw-regular)}.utility-button{font-family:var(--font-sans);color:var(--accent-strong);font-weight:var(--fw-semibold);font-size:14px;white-space:nowrap;padding:8px 16px;border:1px solid var(--accent);border-radius:var(--rounded-3);background:transparent;cursor:pointer;transition:background .2s ease,color .2s ease}.utility-button:hover{background:var(--accent);color:#fff}@media(max-width:760px){.navbar-container{height:64px;padding:0 14px;gap:12px}.logo-img{height:36px}.navbar-menu{gap:14px}.navbar-user{display:none}}@media(max-width:520px){.navbar-menu{gap:10px;font-size:12px}.nav-link{font-size:12px}}.footer{background-color:var(--accent);color:#fff;margin-top:auto;font-family:var(--font-sans)}.footer-bottom{background-color:var(--accent-strong)}.footer-bottom-content{max-width:1180px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:.88rem}.footer-bottom-content p{margin:0;color:#ffffffe6}.footer .footer-link{color:#ffffffeb}.footer .footer-link:hover{color:#fff}.dp-table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:var(--rounded-4);overflow:hidden}.dp-table th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--dim);padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bg-2)}.dp-table td{padding:12px 16px;border-bottom:1px solid var(--line);font-size:var(--text-sm);vertical-align:middle}.dp-table tr:last-child td{border-bottom:none}.dp-table tbody tr{transition:background .15s ease}.dp-table tbody tr:hover{background:var(--accent-soft)}.dp-name{font-weight:var(--fw-semibold);color:var(--accent-strong)}.dp-filters{display:flex;gap:8px;margin-bottom:var(--space-4);flex-wrap:wrap}.dp-filter{border:1px solid var(--line);background:var(--panel);color:var(--dim);border-radius:var(--rounded-full);padding:6px 14px;font-size:var(--text-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:all .15s ease}.dp-filter.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.dp-json{background:var(--card-bg);color:var(--card-fg);border-radius:var(--rounded-3);padding:var(--space-4);overflow:auto;max-height:480px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;line-height:1.5}.dp-empty{text-align:center;padding:48px 16px;color:var(--dim)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.product-card{display:flex;flex-direction:column;gap:var(--space-2);text-decoration:none;color:inherit;transition:border-color .2s ease,transform .1s ease}.product-card:hover{border-color:var(--accent);transform:translateY(-2px)}.product-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.product-card-title{margin:0;font-size:var(--text-lg)}.product-card-tagline{margin:0;flex:1}.product-card-cta{color:var(--accent-strong);font-weight:var(--fw-semibold)}.product-badge{font-size:var(--text-sm);padding:2px 8px;border-radius:var(--rounded-3);background:var(--accent-soft);color:var(--accent-strong);white-space:nowrap}.product-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin-bottom:var(--space-4)}.product-crumb-sep{margin:0 var(--space-1);opacity:.6}.link-button{background:none;border:none;padding:0;margin:0;font:inherit;color:var(--accent-strong);cursor:pointer;text-align:left}.link-button:hover{text-decoration:underline}.link-button:disabled{color:inherit;cursor:default;text-decoration:none}.btn-sm{padding:4px 12px;font-size:var(--text-sm)}.product-env{margin-bottom:var(--space-5)}.product-env-head{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2)}.product-env-title{margin:0;font-size:var(--text-md)}.product-env-tag{font-size:var(--text-sm);padding:1px 8px;border-radius:var(--rounded-3);background:var(--accent-soft);color:var(--accent-strong);text-transform:uppercase;letter-spacing:.03em}.product-nav-list{display:flex;flex-direction:column;gap:var(--space-3)}.product-nav-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);text-align:left;cursor:pointer;font:inherit;color:inherit;transition:border-color .2s ease,transform .1s ease}.product-nav-item:hover{border-color:var(--accent);transform:translate(2px)}.product-nav-name{display:flex;align-items:center;gap:var(--space-3);font-weight:var(--fw-semibold)}.product-nav-latest{font-size:var(--text-sm);white-space:nowrap}.archive-download{position:relative;display:inline-flex;align-items:stretch;white-space:nowrap}.archive-main{border-top-right-radius:0;border-bottom-right-radius:0}.archive-caret{border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid var(--border, rgba(0, 0, 0, .15));padding-left:8px;padding-right:8px}.archive-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:50;min-width:120px;background:var(--surface, #fff);border:1px solid var(--border, rgba(0, 0, 0, .15));border-radius:var(--rounded-3);box-shadow:0 6px 20px #00000026;padding:var(--space-1)}.archive-menu-item{display:block;padding:6px 12px;border-radius:4px;color:inherit;text-decoration:none;font-size:var(--text-sm)}.archive-menu-item:hover{background:var(--accent-soft);color:var(--accent-strong)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-6) var(--space-4);z-index:2000;overflow-y:auto}.modal{background:var(--surface, #fff);border-radius:var(--rounded-3);width:80vw;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 12px 48px #00000040}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border, rgba(0, 0, 0, .1))}.modal-title{margin:0;font-size:var(--text-md);font-family:var(--font-mono, monospace)}.modal-close{font-size:var(--text-lg)}.modal-body{padding:var(--space-5);overflow-y:auto}.markdown-body{line-height:1.6;word-wrap:break-word}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:var(--space-5);margin-bottom:var(--space-3)}.markdown-body h1:first-child,.markdown-body h2:first-child{margin-top:0}.markdown-body pre{background:var(--accent-soft);padding:var(--space-3);border-radius:var(--rounded-3);overflow-x:auto}.markdown-body code{font-family:var(--font-mono, monospace);font-size:.9em}.markdown-body :not(pre)>code{background:var(--accent-soft);padding:1px 5px;border-radius:4px}.markdown-body table{border-collapse:collapse;margin:var(--space-3) 0}.markdown-body th,.markdown-body td{border:1px solid var(--border, rgba(0, 0, 0, .15));padding:6px 12px}.markdown-body img{max-width:100%}
