:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#f8f5ef;--color-surface:#fff;--color-elevated:#fff;--color-sunken:#efe9dd;--color-text-primary:#011a47;--color-text-secondary:#4a5a72;--color-text-tertiary:#5e6a7e;--color-border-subtle:#e6e0d4;--color-border-strong:#9b9382;--color-accent:#016176;--color-accent-hover:#014e5f;--color-accent-soft:#e2f1f5;--color-cta:#d44200;--color-cta-hover:#c2410c;--color-success:#0d7a4e;--color-warning:#8a5300;--color-danger:#b42318;--color-focus-ring:#01617661;--pd-bulu:#1a7488;--pd-sayap:#0e566a;--pd-tepi:#0b4a5a;--pd-wajah:#fff8ee;--pd-alur:#efe1cc;--pd-dada:#fbf1e2;--pd-pupil:#0f1f3d;--pd-paruh:#ee8a3c;--pd-bintik:#7fb6c2;--pd-bintang:#f2b441;--font-display:"Newsreader", Georgia, "Times New Roman", serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-6:24px;--spacing-8:32px;--spacing-12:48px;--duration-fast:.12s;--duration-base:.18s;--ease-pandu:cubic-bezier(.2, .7, .3, 1);--color-primary:var(--color-accent);--color-primary-dark:var(--color-accent-hover);--color-primary-darker:var(--color-accent);--color-primary-50:var(--color-accent-soft);--color-primary-100:var(--color-accent-soft);--color-accent-dark:var(--color-cta-hover);--color-bg:var(--color-canvas);--color-text:var(--color-text-primary);--color-muted:var(--color-text-secondary);--color-muted-2:var(--color-text-secondary);--color-line:var(--color-border-subtle);--color-line-strong:var(--color-border-strong);--color-line-dashed:#011a4738;--color-success-bg:#e8f7ee;--color-danger-bg:#fdece9;--color-warning-bg:#fdf2df;--ring:var(--color-focus-ring);--ring-offset:0 0 0 3px var(--color-focus-ring);--primary:var(--color-accent);--primary-dark:var(--color-accent-hover);--accent:var(--color-cta);--bg:var(--color-canvas);--surface:var(--color-surface);--text:var(--color-text-primary);--muted:var(--color-text-secondary);--line:var(--color-border-subtle);--line-strong:var(--color-border-strong);--muted-2:var(--color-text-secondary);--success:var(--color-success);--warning:var(--color-warning);--danger:var(--color-danger);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:14px;--radius-2xl:16px;--radius-full:999px;--radius:var(--radius-lg);--shadow-sm:0 1px 2px #011a4712;--shadow-md:0 8px 22px #011a4717;--shadow-lg:0 16px 36px #011a4721;--shadow-xl:0 22px 50px #011a4729;--shadow:var(--shadow-md);--space-xs:var(--spacing-1);--space-sm:var(--spacing-2);--space-md:var(--spacing-4);--space-lg:var(--spacing-6);--space-xl:var(--spacing-8);--space-2xl:var(--spacing-12);--space-3xl:64px;--transition:.18s var(--ease-pandu);--transition-slow:.28s var(--ease-pandu);--color-on-primary:#fff;--color-code-bg:#0f1a17;--color-code-fg:#e6efe9;--color-composer-hint:var(--color-text-tertiary);--color-typing-dot:var(--color-text-tertiary);--color-control-disabled-bg:var(--color-border-strong);--color-success-border:#b9e5cb;--color-on-primary-muted:#c5e3ec;--color-spinner-track:var(--color-border-subtle);--color-progress-track:var(--color-sunken);--color-danger-border-hover:#e6a89f;--color-info-bg:var(--color-accent-soft);--color-avatar-user-bg:var(--color-sunken);--color-danger-border:#f0c2bb;--color-danger-border-soft:#f2c3bd;--color-table-head-bg:var(--color-sunken);--color-header-translucent:#f8f5efeb;--color-overlay:#011a4773;--color-grid-line:#011a470d;--color-button-shadow:#011a471a;--color-on-primary-14:#ffffff24;--color-on-primary-22:#ffffff38;--bp-sm:640px;--bp-md:900px;--bp-lg:1200px;--z-below:-1;--z-base:0;--z-sticky:20;--z-header:30;--z-overlay:40;--z-toast:60;--z-max:80;--control-height-sm:40px;--control-height-md:44px;--control-height-lg:48px;--content-max-marketing:1200px;--content-max-app:1320px;--content-max-admin:1440px;--content-max-chat:960px;--content-max-prose:780px;--content-max-auth:460px;--sidebar-width:252px;--sidebar-width-collapsed:82px;--workspace-nav-width:280px;--inspector-width:320px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#0a1220;--color-surface:#101b2d;--color-elevated:#16233a;--color-sunken:#070e19;--color-text-primary:#e9edf3;--color-text-secondary:#a3b0c4;--color-text-tertiary:#7987a0;--color-border-subtle:#1e2c42;--color-border-strong:#576883;--color-accent:#35a8c4;--color-accent-hover:#4dbcd7;--color-accent-soft:#0d2b36;--color-cta:#f9803f;--color-cta-hover:#fb9560;--color-success:#4ab883;--color-warning:#e0ab4c;--color-danger:#f0776a;--color-focus-ring:#35a8c480;--pd-bulu:#2a8fa6;--pd-sayap:#1b7389;--pd-tepi:#0e5a6b;--pd-bintik:#7cc0cf;--pd-paruh:#f39a55;--color-on-primary:#011a47;--color-on-primary-muted:#013844;--color-on-primary-14:#011a4724;--color-on-primary-22:#011a4738;--color-success-bg:#052e16;--color-danger-bg:#1e0907;--color-warning-bg:#1c1500;--color-success-border:#0d3d28;--color-danger-border:#5c2a24;--color-danger-border-soft:#5c2a24;--color-danger-border-hover:#7a3a32;--color-code-bg:#070e19;--color-code-fg:#e9edf3;--color-line-dashed:#e9edf338;--color-overlay:#0000009e;--color-grid-line:#e9edf30f;--color-button-shadow:#00000059;--color-header-translucent:#0a1220eb;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 22px #0006;--shadow-lg:0 16px 36px #00000080;--shadow-xl:0 22px 50px #0000008c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#0a1220;--color-surface:#101b2d;--color-elevated:#16233a;--color-sunken:#070e19;--color-text-primary:#e9edf3;--color-text-secondary:#a3b0c4;--color-text-tertiary:#7987a0;--color-border-subtle:#1e2c42;--color-border-strong:#576883;--color-accent:#35a8c4;--color-accent-hover:#4dbcd7;--color-accent-soft:#0d2b36;--color-cta:#f9803f;--color-cta-hover:#fb9560;--color-success:#4ab883;--color-warning:#e0ab4c;--color-danger:#f0776a;--color-focus-ring:#35a8c480;--pd-bulu:#2a8fa6;--pd-sayap:#1b7389;--pd-tepi:#0e5a6b;--pd-bintik:#7cc0cf;--pd-paruh:#f39a55;--color-on-primary:#011a47;--color-on-primary-muted:#013844;--color-on-primary-14:#011a4724;--color-on-primary-22:#011a4738;--color-success-bg:#052e16;--color-danger-bg:#1e0907;--color-warning-bg:#1c1500;--color-success-border:#0d3d28;--color-danger-border:#5c2a24;--color-danger-border-soft:#5c2a24;--color-danger-border-hover:#7a3a32;--color-code-bg:#070e19;--color-code-fg:#e9edf3;--color-line-dashed:#e9edf338;--color-overlay:#0000009e;--color-grid-line:#e9edf30f;--color-button-shadow:#00000059;--color-header-translucent:#0a1220eb;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 22px #0006;--shadow-lg:0 16px 36px #00000080;--shadow-xl:0 22px 50px #0000008c}}
*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-canvas);color:var(--color-text-primary);font:16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button:not(:disabled),a,summary,[role=button]{cursor:pointer}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.15}p{line-height:1.65}svg{flex-shrink:0}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px;border-radius:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.button{border-radius:var(--radius-md);min-height:44px;transition:background var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition), transform var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;display:inline-flex}.button.primary{background:var(--color-accent);color:var(--color-on-primary);box-shadow:0 1px 2px var(--color-button-shadow)}.button.primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.button.cta{background:var(--color-cta);color:var(--color-on-primary);box-shadow:0 1px 2px var(--color-button-shadow)}.button.cta:hover:not(:disabled){background:var(--color-cta-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.button.secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text-primary)}.button.secondary:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.button.light{background:var(--color-surface);color:var(--color-accent)}.button.light:hover{background:var(--color-accent-soft)}.button.danger{background:var(--color-danger);color:var(--color-on-primary);box-shadow:0 1px 2px var(--color-button-shadow)}.button.danger:hover{background:var(--color-danger);filter:brightness(.92);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.button.small{min-height:40px;padding:8px 16px;font-size:14px}.button.full{width:100%}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button:active:not(:disabled){transform:translateY(0)}
html{--header-height:76px;scroll-padding-top:calc(var(--header-height) + var(--spacing-8))}.site-header{z-index:var(--z-header);height:var(--header-height);max-width:var(--content-max-marketing);padding:0 var(--spacing-6);background:var(--color-header-translucent);justify-content:space-between;align-items:center;margin:auto;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--spacing-2);min-height:var(--control-height-md);letter-spacing:-.02em;color:var(--color-text-primary);font-size:14px;font-weight:700;display:flex}.brand-mark{width:var(--control-height-sm);height:var(--control-height-sm);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-on-primary);flex-shrink:0;place-items:center;display:grid;overflow:hidden}.brand-wordmark{width:calc(var(--spacing-12) * 2);height:var(--spacing-6);color:var(--color-text-primary);background:currentColor;display:inline-block;-webkit-mask:url(/wordmark.svg) 50%/contain no-repeat;mask:url(/wordmark.svg) 50%/contain no-repeat}.site-header nav{align-items:center;gap:var(--spacing-6);font-size:14px;font-weight:600;display:flex}.site-header nav a:not(.button){transition:color var(--duration-base) var(--ease-pandu);min-height:var(--control-height-md);align-items:center;display:inline-flex}.site-header nav a:not(.button):hover,.site-header nav a:not(.button):focus-visible{color:var(--color-accent)}.site-header .button{min-height:var(--control-height-md)}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:72px;max-width:1200px;margin:40px auto 100px;padding:44px 28px;display:grid;position:relative}.hero:before{content:"";z-index:-1;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 170'%3E%3Cpath d='M0 100 L140 100 L165 40 L195 150 L222 85 L245 100 L600 100' fill='none' stroke='%23016176' stroke-width='2.5' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E");background-position:100%;background-repeat:no-repeat;background-size:contain;width:min(560px,90%);height:170px;position:absolute;top:30px;right:0}.eyebrow{border:1px solid var(--color-accent-soft);background:var(--color-accent-soft);color:var(--color-accent-hover);border-radius:var(--radius-xs);font-family:var(--font-body);letter-spacing:.01em;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.hero h1{font-family:var(--font-display);letter-spacing:-.015em;margin:22px 0;font-size:clamp(2.6rem,5vw,4.2rem);font-weight:600;line-height:1.08}.hero-copy>p{color:var(--color-text-secondary);max-width:620px;font-size:20px}.hero-actions{gap:12px;margin:28px 0 18px;display:flex}.hero-copy>small{color:var(--color-text-secondary);align-items:center;gap:7px;display:flex}.hero-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-lg);padding:26px}.hero-mock{min-height:420px;position:relative}.hero-mock-prompt{position:relative}.hero-mock-crumb{margin:0 0 var(--spacing-2);font-family:var(--font-body);color:var(--color-text-tertiary);font-size:12px;font-weight:600}.hero-mock-title{font-family:var(--font-display);letter-spacing:-.015em;margin:0 0 var(--spacing-2);color:var(--color-text-primary);font-size:1.85rem;font-weight:600}.hero-mock-meta{margin:0 0 var(--spacing-4);font-family:var(--font-body);letter-spacing:.04em;color:var(--color-text-tertiary);font-size:12px;font-weight:600}.hero-mock-body{margin:0 0 var(--spacing-4);color:var(--color-text-secondary);font-size:16px}.hero-mock-cmd{min-height:var(--control-height-md);font-family:var(--font-mono);color:var(--color-text-primary);align-items:center;gap:2px;font-size:16px;display:flex}.hero-caret{background:var(--color-accent);vertical-align:text-bottom;width:2px;height:1.05em;animation:hero-caret calc(var(--duration-base) * 4) step-end infinite;display:inline-block}.hero-mock.is-pearl .hero-caret{opacity:0;animation:none}@keyframes hero-caret{50%{opacity:0}}.hero-slash-menu{z-index:var(--z-sticky);margin:var(--spacing-2) 0 0;padding:var(--spacing-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-elevated);box-shadow:var(--shadow-md);list-style:none;display:none;position:absolute;top:100%;left:0;right:0}.hero-mock.is-menu .hero-slash-menu{gap:2px;display:grid}.hero-slash-menu li{justify-content:space-between;align-items:center;gap:var(--spacing-4);min-height:var(--control-height-md);padding:0 var(--spacing-2);border-radius:var(--radius-sm);font-size:14px;display:flex}.hero-slash-menu li.is-active{background:var(--color-accent-soft)}.hero-slash-menu strong{color:var(--color-text-primary);font-weight:700}.hero-slash-menu span{font-family:var(--font-mono);color:var(--color-accent);font-size:12px}.hero-pearl{opacity:0;transform:translateY(var(--spacing-2));transition:opacity calc(var(--duration-base) * 2) var(--ease-pandu), transform calc(var(--duration-base) * 2) var(--ease-pandu)}.hero-mock.is-pearl .hero-pearl{opacity:1;transform:none}.hero-pearl p{color:var(--color-text-primary);margin:0}.typing{gap:4px;display:flex}.typing i{background:var(--color-text-tertiary);width:6px;height:6px;animation:pulse calc(var(--duration-base) * 7) infinite;border-radius:50%}.typing i:nth-child(2){animation-delay:var(--duration-fast)}.typing i:nth-child(3){animation-delay:calc(var(--duration-fast) * 2)}@keyframes pulse{50%{opacity:.3;transform:translateY(-2px)}}.section{max-width:1200px;margin:auto;padding:80px 28px}.center{text-align:center}.section h2,.cta-band h2,.public-heading h1{font-family:var(--font-display);letter-spacing:-.01em;margin:18px 0 8px;font-size:clamp(2rem,4vw,2.9rem);font-weight:600}.lead,.public-heading p{color:var(--color-text-secondary);font-size:17px}.section-head{max-width:720px}#coba{scroll-margin-top:calc(var(--header-height) + var(--spacing-8))}.demo-grid{gap:var(--spacing-6);grid-template-columns:1fr 1fr;margin-top:46px;display:grid}.demo-card{background:var(--color-surface);padding:var(--spacing-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm)}.demo-label{margin:0 0 var(--spacing-4);font-family:var(--font-body);letter-spacing:.02em;color:var(--color-text-tertiary);font-size:12px;font-weight:600}.demo-kicker{margin-bottom:var(--spacing-2);font-family:var(--font-body);letter-spacing:.04em;color:var(--color-accent);font-size:12px;font-weight:600;display:block}.demo-flip{perspective:1000px;width:100%;min-height:220px;transform-style:preserve-3d;text-align:left;background:0 0;border:0;place-items:stretch stretch;padding:0;display:grid}.demo-flip-inner{width:100%;min-width:0;min-height:220px;transform-style:preserve-3d;transition:transform calc(var(--duration-base) * 3) var(--ease-pandu);position:relative}.demo-flip.is-flipped .demo-flip-inner{transform:rotateY(180deg)}.demo-flip-face{padding:var(--spacing-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text-primary);backface-visibility:hidden;flex-direction:column;justify-content:center;font-size:16px;line-height:1.5;display:flex;position:absolute;inset:0;transform:rotateY(0)}.demo-flip-back{background:var(--color-accent-soft);transform:rotateY(180deg)}.demo-chips{gap:var(--spacing-2);margin-bottom:var(--spacing-4);flex-wrap:wrap;display:flex}.demo-chips button{min-height:var(--control-height-md);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-primary);transition:background var(--duration-base) var(--ease-pandu), border-color var(--duration-base) var(--ease-pandu), color var(--duration-base) var(--ease-pandu);padding:8px 14px;font-size:14px;font-weight:600}.demo-chips button:hover,.demo-chips button:focus-visible,.demo-chips button.is-active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.demo-answer{min-height:8.5rem;padding:var(--spacing-4);border-radius:var(--radius-md);background:var(--color-canvas)}.demo-answer p{color:var(--color-text-secondary);margin:0;font-size:16px}.demo-answer .demo-cite{margin-top:var(--spacing-4);border-radius:var(--radius-full);background:var(--color-accent-soft);color:var(--color-accent);font-family:var(--font-mono);padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.feature-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:46px;display:grid}.feature-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-top:2px solid var(--color-accent);border-radius:var(--radius-sm);transition:box-shadow var(--transition-slow), border-color var(--transition-slow);padding:26px;position:relative}.feature-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-border-strong);border-top-color:var(--color-accent)}.feature-card>.illu,.large-icon{background:var(--color-accent-soft);width:46px;height:46px;color:var(--color-accent);border-radius:var(--radius-xs);place-items:center;display:grid}.feature-card h3{margin:18px 0 7px;font-size:17px}.feature-card p{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.6}.feature-card .feature-example{margin-top:var(--spacing-4);font-family:var(--font-body);color:var(--color-text-tertiary);font-size:12px}.use-steps{counter-reset:step;gap:var(--spacing-6);grid-template-columns:repeat(3,1fr);margin:46px 0 0;padding:0;list-style:none;display:grid}.use-steps li{counter-increment:step;padding:var(--spacing-6) var(--spacing-6) var(--spacing-6) 72px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);position:relative}.use-steps li:before{content:counter(step);left:var(--spacing-4);top:var(--spacing-6);width:var(--control-height-md);height:var(--control-height-md);font-family:var(--font-display);color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-sm);place-items:center;font-size:1.4rem;font-weight:600;display:grid;position:absolute}.use-steps h3{margin:0 0 var(--spacing-2);font-size:17px}.use-steps p{color:var(--color-text-secondary);margin:0;font-size:14px}.compare-wrap{-webkit-overflow-scrolling:touch;max-width:100%;margin-top:46px;overflow-x:auto}.compare{border-collapse:collapse;background:var(--color-surface);width:100%;min-width:640px;font-size:14px}.compare th,.compare td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary);padding:12px 14px}.compare thead th{color:var(--color-text-primary);background:var(--color-sunken);font-size:13px;font-weight:700}.compare th[scope=row]{color:var(--color-text-primary);width:32%;font-weight:600}.compare .is-pandu{background:var(--color-accent-soft);color:var(--color-text-primary);font-weight:700}.compare-group th{padding-top:var(--spacing-6);font-family:var(--font-body);letter-spacing:.03em;color:var(--color-text-primary);background:var(--color-sunken);border-bottom-color:var(--color-border-strong);font-size:12px}.compare-note{max-width:780px;margin:var(--spacing-6) 0 0;color:var(--color-text-secondary);font-size:16px}.cta-band{border-radius:var(--radius-xl);background:var(--color-text-primary);max-width:1144px;color:var(--color-canvas);justify-content:space-between;align-items:center;gap:24px;margin:65px auto 90px;padding:46px 52px;display:flex}.cta-band h2{color:var(--color-canvas);margin:0;font-size:2rem}.cta-band p{color:var(--color-canvas);margin:8px 0 0}.powered-by{max-width:1200px;margin:0 auto 20px;padding:0 28px}.powered-by-label{font-family:var(--font-body);letter-spacing:.04em;color:var(--color-text-secondary);margin:0 0 22px;font-size:12px}.powered-by-logos{flex-wrap:wrap;justify-content:center;gap:48px;display:flex}.powered-by-item{align-items:center;gap:var(--spacing-2);color:var(--color-text-primary);display:flex}.powered-by-item span{color:var(--color-text-secondary);font-size:13px;font-weight:600}.footer{border-top:1px dashed var(--color-line-dashed);max-width:1200px;color:var(--color-text-secondary);grid-template-columns:1fr auto;gap:14px;margin:auto;padding:46px 28px;font-size:14px;display:grid}.footer strong{color:var(--color-text-primary)}.footer p{margin:6px 0 0}.footer div:nth-child(2){gap:var(--spacing-6);display:flex}.footer div:nth-child(2) a{min-height:var(--control-height-md);transition:color var(--duration-base) var(--ease-pandu);align-items:center;display:inline-flex}.footer div:nth-child(2) a:hover,.footer div:nth-child(2) a:focus-visible{color:var(--color-accent)}.footer>small{font-family:var(--font-body);grid-column:1/-1;font-size:12px}.illu{color:var(--color-accent);--illu-fill:var(--color-accent-soft);--illu-cta:var(--color-cta)}.illu-pulse{animation:illu-pulse calc(var(--duration-base) * 5) var(--ease-pandu) infinite;transform-origin:50%;transform-box:fill-box}.illu-breathe{animation:illu-breathe calc(var(--duration-base) * 6) var(--ease-pandu) infinite;transform-box:fill-box}.illu-breathe-left{transform-origin:100%}.illu-breathe-right{transform-origin:0}.illu-tick polyline{stroke-dasharray:1;stroke-dashoffset:1px;animation:illu-tick calc(var(--duration-base) * 4) var(--ease-pandu) forwards}.illu-audio .illu-bar{transform-origin:bottom;transform-box:fill-box;animation:illu-bar calc(var(--duration-base) * 5) var(--ease-pandu) infinite}.illu-audio .illu-bar:nth-child(2){animation-delay:var(--duration-fast)}.illu-audio .illu-bar:nth-child(3){animation-delay:calc(var(--duration-fast) * 2)}.illu-audio .illu-bar:nth-child(4){animation-delay:calc(var(--duration-fast) * 3)}.illu-audio .illu-bar:nth-child(5){animation-delay:calc(var(--duration-fast) * 4)}@keyframes illu-pulse{0%,to{transform:scale(1)}40%{transform:scale(1.04)}55%{transform:scale(1.01)}}@keyframes illu-breathe{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.03)}}@keyframes illu-bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes illu-tick{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}
.auth-page{background:linear-gradient(var(--color-grid-line) 1px, transparent 1px) 0 0 / 100% 40px, var(--color-canvas);min-height:100vh;padding:var(--spacing-12) var(--spacing-6);flex-direction:column;align-items:center;display:flex}.auth-brand{margin-bottom:var(--spacing-8)}.auth-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);width:100%;max-width:460px;padding:var(--spacing-8);box-shadow:var(--shadow)}.auth-heading{text-align:center;margin-bottom:var(--spacing-6)}.auth-heading h1{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 7px;font-size:30px;font-weight:600}.auth-heading p,.auth-switch,.legal-note{color:var(--color-text-secondary);font-size:14px}.form{flex-direction:column;gap:18px;display:flex}.form label{font-size:14px;font-weight:700;display:block}.form label small{color:var(--color-text-secondary);margin-top:4px;font-weight:400;display:block}.form label span{color:var(--color-text-secondary);font-weight:500}.form input,.form select,.form textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-surface);width:100%;color:var(--color-text-primary);transition:border-color var(--transition), box-shadow var(--transition);margin-top:7px;padding:0 14px;display:block}.form input{height:48px}.form select{min-height:48px}.form textarea{resize:vertical;min-height:92px;padding:12px 14px}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--color-accent);box-shadow:var(--ring-offset);outline:0}.form-link{color:var(--color-accent);text-align:right;margin-top:-8px;font-size:14px;font-weight:700}.auth-switch,.legal-note{text-align:center}.auth-switch a,.legal-note a{color:var(--color-accent);font-weight:700}.alert{border-radius:var(--radius-xs);border:1px solid #0000;padding:12px 14px;font-size:14px;line-height:1.5}.alert.error,.field-error{color:var(--color-danger);background:var(--color-danger-bg);border-color:var(--color-danger-border-soft)}.field-error{background:0 0;border:0;margin-top:6px;padding:0;font-size:13px}.alert.success{color:var(--color-success);background:var(--color-success-bg);border-color:var(--color-success-border)}.auth-divider{color:var(--color-text-secondary);font-family:var(--font-body);align-items:center;gap:12px;margin:22px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-line-dashed);background-image:linear-gradient(to right, var(--color-line-dashed) 60%, transparent 0%);background-repeat:repeat-x;background-size:6px 1px;flex:1;height:1px}.google-button{gap:10px;margin-top:0}.google-mark{flex-shrink:0}.turnstile-widget{min-height:65px}.auth-page .form>.button.primary{background:var(--color-cta);color:var(--color-on-primary)}.auth-page .form>.button.primary:hover:not(:disabled){background:var(--color-cta-hover)}.auth-illu{margin-bottom:var(--spacing-4);color:var(--color-accent);place-items:center;display:grid}.cookie-consent{left:var(--spacing-6);right:var(--spacing-6);bottom:var(--spacing-6);z-index:var(--z-toast);align-items:center;gap:var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);max-width:720px;box-shadow:var(--shadow-lg);flex-wrap:wrap;justify-content:space-between;margin:0 auto;padding:18px 20px;display:flex;position:fixed}.cookie-consent p{color:var(--color-text-secondary);flex:380px;margin:0;font-size:13px;line-height:1.5}.cookie-consent .button{flex-shrink:0}
.app-layout{grid-template-columns:252px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border-subtle);flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.sidebar>.brand{padding:0 8px 26px}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar nav a,.sidebar-logout{border-radius:var(--radius-sm);min-height:46px;color:var(--color-text-secondary);transition:background var(--transition), color var(--transition);align-items:center;gap:12px;padding:10px 13px;font-size:14px;font-weight:600;display:flex}.sidebar nav a:hover,.sidebar-logout:hover,.sidebar .theme-toggle:hover,.sidebar .theme-toggle:focus-visible{background:var(--color-accent-soft);color:var(--color-accent)}.sidebar .theme-toggle{margin-top:auto}.sidebar form{margin-top:0}.sidebar-logout{background:0 0;border:0;width:100%}.app-main{width:100%;min-width:0;max-width:1320px;margin:0 auto;padding:40px}.page-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.page-head h1{letter-spacing:-.02em;margin:3px 0;font-size:30px;font-weight:700}.page-head p{color:var(--color-text-secondary);margin:0}.theme-toggle{min-width:var(--control-height-md);min-height:var(--control-height-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);justify-content:center;align-items:center;gap:var(--spacing-2);white-space:nowrap;transition:border-color var(--duration-base) var(--ease-pandu), color var(--duration-base) var(--ease-pandu), background var(--duration-base) var(--ease-pandu);background:0 0;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.theme-toggle:hover,.theme-toggle:focus-visible{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.theme-toggle-row{border-radius:var(--radius-sm);border:0;justify-content:flex-start;width:100%;min-height:46px;padding:10px 13px}
.page-head-actions{gap:var(--spacing-2);flex-wrap:wrap;align-items:center;display:flex}.welcome-panel{border-radius:var(--radius-lg);background:var(--color-accent);min-height:230px;color:var(--color-on-primary);justify-content:space-between;align-items:center;padding:38px 44px;display:flex;position:relative;overflow:hidden}.welcome-panel h2{letter-spacing:-.01em;color:var(--color-on-primary);margin:16px 0 7px;font-size:24px;font-weight:700}.welcome-panel p{color:var(--color-on-primary-muted);max-width:480px;margin:0 0 20px}.welcome-panel a{align-items:center;gap:7px;font-weight:700;display:inline-flex}.welcome-panel>svg{opacity:.13;flex-shrink:0;transform:rotate(-8deg)}.light-eyebrow{background:var(--color-on-primary-14);border-color:var(--color-on-primary-22);color:var(--color-on-primary)}.dashboard-grid{grid-template-columns:1.6fr .8fr;gap:20px;margin-top:20px;display:grid}.panel{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius);padding:26px}.panel-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-title h2{margin:0;font-size:20px}.panel-title p{color:var(--color-text-secondary);margin:4px 0 0;font-size:13px}.panel-title>a{color:var(--color-accent);font-size:13px;font-weight:700}.conversation-list,.history-list{margin-top:18px}.conversation-list>a,.history-list>a,.history-archived-row>a{padding:14px var(--space-sm);border-top:1px dashed var(--color-line-dashed);transition:background var(--transition);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid}.history-list>a,.history-archived-row>a{grid-template-columns:auto 1fr}.conversation-list>a:hover,.history-list>a:hover{background:var(--color-accent-soft);border-radius:var(--radius-sm);border-top-color:#0000;margin:0 -12px;padding-inline:17px}.conversation-list>a>span,.history-list>a>span,.history-archived-row>a>span{border-radius:var(--radius-sm);background:var(--color-accent-soft);width:38px;height:38px;color:var(--color-accent);place-items:center;display:grid}.conversation-list small,.history-list small{color:var(--color-text-secondary);font-size:12px;font-family:var(--font-body);align-items:center;gap:5px;margin-top:3px;display:flex}.usage-card .usage-number,.usage-detail .usage-number{margin-top:28px}.usage-number strong{font-family:var(--font-body);letter-spacing:-.02em;font-size:36px}.usage-number span{color:var(--color-text-secondary);font-family:var(--font-body);font-size:13px}.progress{background:var(--color-sunken);border-radius:var(--radius-full);height:8px;margin:12px 0;overflow:hidden}.progress i{background:var(--color-accent);border-radius:inherit;height:100%;transition:width var(--transition-slow);display:block}.usage-card>small{color:var(--color-text-secondary);font-family:var(--font-body);font-size:12px}.usage-card>.button{margin-top:25px}.usage-detail{max-width:680px}.usage-detail p{color:var(--color-text-secondary)}.empty-state{text-align:center;color:var(--color-text-secondary);padding:40px 20px}.empty-state>span{border-radius:var(--radius-sm);background:var(--color-accent-soft);width:48px;height:48px;color:var(--color-accent);place-items:center;margin:auto;display:grid}.empty-state>svg{color:var(--color-accent);margin:auto}.empty-state h3,.empty-state h2{color:var(--color-text-primary);margin:14px 0 4px;font-size:17px}.empty-state a{color:var(--color-accent);font-weight:700}.history-archived-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.history-archived-row>a{flex:1;min-width:0}.history-archived-row>a>div{overflow-wrap:anywhere;min-width:0}.history-archived-row>a:hover{background:var(--color-accent-soft)}
.chat-shell{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);grid-template-rows:auto 1fr auto;max-width:960px;height:calc(100vh - 76px);margin:-10px auto 0;display:grid;overflow:hidden}.chat-top{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:8px;min-width:0;height:44px;padding:0 16px;display:flex}.icon-button{border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);width:44px;height:44px;color:var(--color-text-secondary);transition:border-color var(--transition), color var(--transition), background var(--transition);place-items:center;display:grid}.icon-button:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.messages{padding:26px;overflow:auto}.chat-empty{text-align:center;max-width:650px;margin:8vh auto}.chat-empty h1{letter-spacing:-.01em;margin:14px 0 6px;font-size:24px;font-weight:700}.chat-empty p{color:var(--color-text-secondary)}.prompt-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);margin-top:28px;display:grid}.prompt-grid button{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);text-align:left;min-height:72px;color:var(--color-text-secondary);transition:border-color var(--transition), background var(--transition);padding:12px 14px;font-size:13px;line-height:1.5}.prompt-grid button:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent-soft)}.prompt-grid button:disabled{opacity:.55;cursor:not-allowed}.message{max-width:var(--chat-kolom,780px);grid-template-columns:auto 1fr;gap:12px;margin:22px auto;display:grid}.message .avatar{border-radius:var(--radius-sm);background:var(--color-accent-soft);width:34px;height:34px;color:var(--color-accent);place-items:center;display:grid}.message.user .avatar{background:var(--color-sunken);color:var(--color-text-secondary)}.message.error .avatar{background:var(--color-danger-bg);color:var(--color-danger)}.message.error p{color:var(--color-danger)}.message-error-title{color:var(--color-danger);align-items:center;gap:6px;display:inline-flex}.message strong{font-size:13px}.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0;line-height:1.7}.chat-msg-attachments{flex-direction:column;align-items:flex-start;gap:8px;margin:8px 0 4px;display:flex}.chat-msg-attachment-img{object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-sunken);width:auto;max-width:min(100%,18rem);height:auto;max-height:14rem;display:block}.message-md{font-size:17px;line-height:1.65}.message-md :is(p,ul,ol,blockquote,h1,h2,h3,h4){max-width:38em}.message-md>:first-child{margin-top:5px}.message-md>:last-child{margin-bottom:0}.message-md p{white-space:normal;overflow-wrap:anywhere;line-height:inherit;margin:5px 0}.message-md ul,.message-md ol{margin:8px 0;padding-left:22px}.message-md li{margin:3px 0}.message-md li>p{margin:0}.message-md h1,.message-md h2,.message-md h3,.message-md h4{letter-spacing:-.01em;margin:20px 0 4px;font-weight:700;line-height:1.3}.message-md h1,.message-md h2{font-size:20px}.message-md h3,.message-md h4{font-size:17px}.message-md strong{font-size:inherit;font-weight:700}.message-md a{color:var(--color-accent);overflow-wrap:anywhere;text-decoration:underline}.message-md code{background:var(--color-accent-soft);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.message-md pre{background:var(--color-code-bg);color:var(--color-code-fg);border-radius:var(--radius-sm);margin:8px 0;padding:12px 14px;overflow:auto}.message-md pre code{color:inherit;background:0 0;padding:0}.message-md blockquote{border-left:3px solid var(--color-border-subtle);color:var(--color-text-secondary);margin:8px 0;padding-left:12px}.message-md table{border-collapse:collapse;margin:8px 0;font-size:14px;display:block;overflow-x:auto}.message-md th,.message-md td{border:1px solid var(--color-border-subtle);text-align:left;padding:5px 9px}.source-chip{background:var(--color-accent-soft);color:var(--color-accent);text-overflow:ellipsis;white-space:nowrap;vertical-align:baseline;border-radius:999px;align-items:baseline;max-width:280px;margin:0 2px;padding:1px 8px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex;overflow:hidden}.chat-typing{gap:4px;padding-top:12px;display:flex}.chat-typing i{background:var(--color-typing-dot);width:6px;height:6px;animation:pulse calc(var(--duration-base) * 7) infinite;border-radius:50%}.chat-typing i:nth-child(2){animation-delay:var(--duration-fast)}.chat-typing i:nth-child(3){animation-delay:calc(var(--duration-fast) * 2)}.composer{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--transition), box-shadow var(--transition);grid-template-columns:1fr auto;margin:0 22px 20px;padding:10px 10px 8px;display:grid}.composer textarea{resize:none;padding:12px var(--space-sm);background:0 0;border:0;outline:0;min-height:42px;max-height:150px}.composer-send,.composer button[type=submit]{border-radius:var(--radius-sm);background:var(--color-accent);width:42px;height:42px;color:var(--color-on-primary);transition:background var(--transition), transform var(--transition);border:0;place-items:center;display:grid}.composer-send:hover:not(:disabled),.composer button[type=submit]:hover:not(:disabled){background:var(--color-accent-hover)}.composer-send:disabled,.composer button[type=submit]:disabled{background:var(--color-border-strong);cursor:not-allowed}.composer small{text-align:center;color:var(--color-text-tertiary);grid-column:1/-1;padding-top:6px;font-size:12px}.chat-attach{grid-column:1/-1;gap:6px;padding:0 4px 8px;display:grid}.chat-attach.is-dragover{outline:2px dashed var(--color-accent);outline-offset:2px;background:var(--color-accent-soft);border-radius:var(--radius-sm)}.chat-attach-warning{border-radius:var(--radius-xs);background:var(--color-warning-bg);color:var(--color-warning);align-items:flex-start;gap:6px;margin:0;padding:6px 8px;font-size:12px;display:flex}.chat-attach-warning svg{flex-shrink:0;margin-top:2px}.chat-attach-actions{flex-wrap:wrap;gap:6px;display:flex}.chat-attach-btn{border:1px dashed var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface);min-height:36px;color:var(--color-text-secondary);font-family:var(--font-body);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.chat-attach-btn:hover:not(:disabled),.chat-attach-btn:focus-visible{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.chat-attach-btn:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.chat-attach-btn:disabled{opacity:.55;cursor:not-allowed}.chat-attach-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.chat-attach-item{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface);justify-content:space-between;align-items:flex-start;gap:8px;padding:6px 8px;display:flex}.chat-attach-thumb{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);background:var(--color-sunken);flex:none;width:48px;height:48px}.chat-attach-item div{flex:auto;gap:2px;min-width:0;display:grid}.chat-attach-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.chat-attach-item span,.chat-attach-item em{font-family:var(--font-body);color:var(--color-text-secondary);font-size:12px;font-style:normal}.chat-attach-item progress{width:100%;height:6px}.chat-attach-error{color:var(--color-danger)}.chat-attach-block-hint{font-size:12px;font-family:var(--font-body);color:var(--color-danger);margin:0}.chat-attach-remove{color:var(--color-text-secondary);background:0 0;border:0;place-items:center;min-width:28px;min-height:28px;display:grid}.chat-attach-remove:hover,.chat-attach-remove:focus-visible{color:var(--color-danger)}.chat-attach-item.is-processing em{color:var(--color-warning)}.chat-footer{flex-direction:column;min-height:0;display:flex}.composer-toolbar{grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;padding:2px 2px 8px;display:flex}.composer-toolbar-left{align-items:center;gap:8px;display:flex;position:relative}.composer-toolbar-right{align-items:center;gap:8px;display:flex}.chat-action-container{position:relative}.chat-action-btn{border-radius:var(--radius-xs);border:1px solid var(--color-border-strong);background:var(--color-surface);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition);place-items:center;padding:0;display:grid}.chat-action-btn:hover,.chat-action-btn.is-open{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.chat-action-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.chat-action-menu{z-index:40;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);min-width:220px;box-shadow:var(--shadow-md);gap:2px;padding:4px;display:grid;position:absolute;bottom:calc(100% + 6px);left:0}.chat-action-menu-item{border-radius:var(--radius-xs);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background var(--transition);background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:12px;display:flex}.chat-action-menu-item:hover{background:var(--color-accent-soft);color:var(--color-accent)}.chat-action-menu-text strong{font-size:12px;font-weight:600;line-height:1.2;display:block}.chat-action-menu-text span{color:var(--color-text-secondary);margin-top:1px;font-size:12px;display:block}.chat-mode-dropdown{position:relative}.chat-mode-trigger{border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-surface);min-height:32px;color:var(--color-text-primary);font-family:var(--font-body);cursor:pointer;transition:all var(--transition);align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.chat-mode-trigger:hover,.chat-mode-trigger.is-open{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.chat-mode-trigger:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.chat-mode-trigger-label{color:var(--color-text-secondary);font-size:12px;font-weight:500}.chat-mode-trigger-value{color:inherit;font-weight:700}.chat-mode-chevron{color:var(--color-text-secondary);transition:transform var(--transition)}.chat-mode-trigger.is-open .chat-mode-chevron{transform:rotate(180deg)}.chat-mode-menu{z-index:40;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);width:260px;box-shadow:var(--shadow-md);gap:2px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 6px);right:0}.chat-mode-menu-header{font-family:var(--font-body);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-subtle);margin-bottom:4px;padding:4px 8px 6px;font-size:12px;font-weight:700}.chat-mode-item{border-radius:var(--radius-xs);text-align:left;cursor:pointer;transition:background var(--transition);background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex}.chat-mode-item:hover,.chat-mode-item.is-selected{background:var(--color-accent-soft)}.chat-mode-item-content{gap:1px;display:grid}.chat-mode-item-title{font-family:var(--font-body);color:var(--color-text-primary);font-size:12px;font-weight:700}.chat-mode-item.is-selected .chat-mode-item-title{color:var(--color-accent)}.chat-mode-item-hint{color:var(--color-text-secondary);font-size:12px}.chat-mode-check{color:var(--color-accent);font-size:14px;font-weight:700}.chat-mode-chip{font-family:var(--font-body);letter-spacing:.03em;color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-full);vertical-align:middle;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:600}.chat-context-picker{grid-column:1/-1;padding:0 4px 8px;position:relative}.chat-context-pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chat-context-pills .chat-attach{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;padding:0;display:flex}.chat-context-pills .chat-attach-warning,.chat-context-pills .chat-attach-list{flex:100%}.chat-context-pill{border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-accent-soft);max-width:220px;color:var(--color-accent);font-family:var(--font-body);align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.chat-context-pill span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-context-pill button{color:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid}.chat-context-add{border:1px dashed var(--color-border-strong);background:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--radius-full);font-family:var(--font-body);padding:3px 10px;font-size:12px;font-weight:600}.composer-upload-btn{visibility:visible;border:1px dashed var(--color-accent);background:var(--color-accent-soft);min-height:32px;color:var(--color-accent);border-radius:var(--radius-full);font-family:var(--font-body);align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.chat-context-menu-header{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;margin-bottom:4px;padding:4px 6px 6px;display:flex}.chat-context-menu-header strong{font-family:var(--font-body);color:var(--color-text-secondary);font-size:12px}.chat-context-menu-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;padding:2px;display:grid}.chat-context-menu-close:hover{color:var(--color-text-primary)}.chat-context-menu{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);gap:4px;max-height:240px;margin-top:8px;padding:8px;display:grid;overflow:auto}.chat-context-menu input{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);padding:6px 8px;font-size:13px}.chat-context-menu p{font-family:var(--font-body);color:var(--color-text-secondary);margin:8px 0 2px;font-size:12px}.chat-context-menu button{text-align:left;border-radius:var(--radius-xs);background:0 0;border:0;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.chat-context-menu button.is-active,.chat-context-menu button[aria-selected=true]{background:var(--color-accent-soft);color:var(--color-accent)}.chat-artifact-card{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-accent-soft);margin-top:10px;padding:12px}.chat-artifact-card strong{font-family:var(--font-body);color:var(--color-accent);margin-bottom:6px;font-size:12px;display:block}.chat-artifact-card p{white-space:pre-wrap;margin:0 0 8px;font-size:14px}.chat-artifact-card small{color:var(--color-text-secondary);margin-bottom:8px;display:block}.chat-artifact-save{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chat-artifact-save select{border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);min-width:160px;padding:6px 8px}.chat-turn-failed{border-radius:var(--radius-sm);background:var(--color-danger-bg);margin-top:8px;padding:10px 12px}.chat-turn-failed p{color:var(--color-danger);margin:0 0 8px;font-size:13px}.chat-shell{--chat-kolom:780px;min-width:0;min-height:0;border:none!important;border-left:1px solid var(--color-border-subtle)!important;background:var(--color-canvas)!important;border-radius:0!important;grid-template-rows:auto 1fr auto!important;width:100%!important;max-width:100%!important;height:100%!important;margin:0!important;display:grid!important}.chat-top{background:var(--color-surface)!important;border-bottom:1px solid var(--color-border-subtle)!important;justify-content:space-between!important;align-items:center!important;padding:0 16px!important;display:flex!important}.messages{width:100%!important;max-width:100%!important;padding:28px 32px!important;overflow-y:auto!important}.chat-footer{flex-direction:column!important;width:100%!important;max-width:100%!important;padding:0 24px 16px!important;display:flex!important}.composer{width:100%!important;max-width:var(--chat-kolom,780px)!important;background:var(--color-surface)!important;border:1px solid var(--color-border-strong)!important;box-shadow:var(--shadow-md)!important;border-radius:14px!important;grid-template-columns:1fr auto!important;row-gap:4px!important;margin:0 auto!important;padding:8px 14px 6px!important;display:grid!important}.composer:focus-within{border-color:var(--color-accent)!important;box-shadow:var(--ring-offset)!important}.composer-toolbar{border-bottom:1px solid var(--color-border-subtle)!important;grid-column:1/-1!important;justify-content:space-between!important;align-items:center!important;margin-bottom:2px!important;padding:0 0 6px!important;display:flex!important}.chat-action-btn{background:var(--color-sunken)!important;border:1px solid var(--color-border-subtle)!important;width:28px!important;height:28px!important;color:var(--color-text-secondary)!important;cursor:pointer!important;border-radius:7px!important;place-items:center!important;display:grid!important}.chat-action-btn:hover,.chat-action-btn.is-open{background:var(--color-accent-soft)!important;border-color:var(--color-accent)!important;color:var(--color-accent)!important}.chat-mode-trigger{min-height:28px!important;font-size:12px!important;font-family:var(--font-body)!important;background:var(--color-sunken)!important;border:1px solid var(--color-border-subtle)!important;color:var(--color-text-secondary)!important;cursor:pointer!important;border-radius:7px!important;padding:2px 10px!important}.composer textarea{height:28px!important;min-height:28px!important;color:var(--color-text-primary)!important;resize:none!important;background:0 0!important;border:none!important;outline:none!important;padding:4px 4px 4px 0!important;font-size:14px!important;line-height:1.4!important}.composer textarea::placeholder{color:var(--color-text-tertiary)!important}.composer-send,.composer button[type=submit]{background:var(--color-accent)!important;color:#fff!important;border:none!important;border-radius:8px!important;place-items:center!important;width:32px!important;height:32px!important;display:grid!important}.composer-send:hover,.composer button[type=submit]:hover{background:var(--color-accent-hover)!important}.composer small{text-align:center!important;color:var(--color-text-tertiary)!important;font-family:var(--font-body)!important;grid-column:1/-1!important;font-size:12px!important}.chat-action-menu{z-index:60!important;background:var(--color-elevated)!important;border:1px solid var(--color-border-subtle)!important;min-width:260px!important;box-shadow:var(--shadow-xl)!important;border-radius:14px!important;flex-direction:column!important;gap:3px!important;padding:6px!important;display:flex!important;position:absolute!important;bottom:calc(100% + 10px)!important;left:0!important}.chat-action-menu .chat-action-menu-item,.chat-action-menu .composer-upload-btn{color:var(--color-text-primary)!important;text-align:left!important;cursor:pointer!important;width:100%!important;font-family:var(--font-body)!important;background:0 0!important;border:1px solid #0000!important;border-radius:10px!important;align-items:center!important;gap:12px!important;padding:10px 12px!important;font-size:13px!important;font-weight:500!important;transition:all .15s!important;display:flex!important}.chat-action-menu .chat-action-menu-item:hover,.chat-action-menu .composer-upload-btn:hover{background:var(--color-accent-soft)!important;border-color:var(--color-border-subtle)!important;color:var(--color-accent)!important}.chat-action-menu-item svg{box-sizing:content-box!important;border-radius:8px!important;flex-shrink:0!important;width:18px!important;height:18px!important;padding:7px!important}.chat-action-menu-item:first-of-type svg{color:var(--color-accent)!important;background:var(--color-accent-soft)!important;border:1px solid var(--color-border-subtle)!important}.chat-action-menu-item:nth-of-type(2) svg{color:#7c3aed!important;background:#7c3aed1f!important;border:1px solid #7c3aed40!important}.chat-action-menu-item:nth-of-type(3) svg{color:var(--color-success)!important;background:var(--color-success-bg)!important;border:1px solid var(--color-success-border)!important}.chat-action-menu-text strong{color:var(--color-text-primary)!important;font-size:14px!important;font-weight:600!important;display:block!important}.chat-action-menu-text span{color:var(--color-text-secondary)!important;font-size:12px!important;display:block!important}.chat-pilihan-menu{width:280px;max-height:min(70vh,460px);overflow-y:auto}.chat-pilihan-menu .chat-mode-menu-header:not(:first-child){margin-top:6px}.chat-pilihan-jatah{font-family:var(--font-body);white-space:nowrap;color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);margin-left:auto;padding:1px 6px;font-size:12px;font-weight:600}.chat-pilihan-catatan{color:var(--color-text-secondary);margin:6px 8px 2px;font-size:12px;line-height:1.4}@media (max-width:640px){.chat-top{padding:0 12px!important}.messages{padding:16px!important}.chat-footer{padding:0 10px 10px!important}}.message-md .pandu-ref{margin-left:1px;font-size:.72em;line-height:0}.message-md .pandu-ref a{text-align:center;color:var(--color-accent);background:var(--color-accent-soft);border-radius:4px;padding:0 .3em;font-weight:500;text-decoration:none;display:inline}.message-md .pandu-ref a:hover,.message-md .pandu-ref a:focus-visible{outline:1px solid var(--color-accent)}.message-md .pandu-jangkar{scroll-margin-top:96px}.message-md li.pandu-sorot{background:var(--color-accent-soft);border-radius:4px}.chat-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.chat-sidebar-links{gap:1px;margin-bottom:12px;display:grid}.chat-conversation{align-items:center;min-width:0;display:flex}.chat-conversation>.nb-row{padding-right:32px}.chat-conversation-more{opacity:0;position:absolute;right:0}.chat-conversation:hover .chat-conversation-more,.chat-conversation:focus-within .chat-conversation-more,.chat-conversation.is-on .chat-conversation-more,.chat-conversation.menu-open .chat-conversation-more{opacity:1}.chat-conversation-title{border:1px solid var(--color-border-strong);background:var(--color-surface);width:100%;min-width:0;color:var(--color-text-primary);font:inherit;border-radius:4px;padding:2px 4px}.chat-workspace .nb-list{flex-shrink:0}.chat-workspace .nb-dialog-card{max-width:440px}@media (hover:none){.chat-conversation-more{opacity:1}}
.pricing-grid{grid-template-columns:repeat(2,minmax(0,390px));justify-content:center;gap:20px;display:grid}.price-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex-direction:column;padding:30px;display:flex;position:relative}.price-card.featured{border:2px solid var(--color-accent);box-shadow:var(--shadow)}.popular{background:var(--color-cta);color:var(--color-on-primary);font-family:var(--font-body);letter-spacing:.03em;border-radius:var(--radius-xs);box-shadow:var(--shadow-sm);padding:6px 10px;font-size:12px;font-weight:600;position:absolute;top:-12px;right:22px}.price-card h2{margin:0;font-size:20px}.price-card>p{color:var(--color-text-secondary);min-height:50px;font-size:14px}.price{margin:24px 0}.price strong{font-family:var(--font-display);letter-spacing:-.01em;font-size:34px;font-weight:600}.price span{font-family:var(--font-body);color:var(--color-text-secondary);font-size:12px}.price-card ul{flex:1;margin:0 0 26px;padding:0;list-style:none}.price-card li{align-items:center;gap:9px;margin:12px 0;font-size:14px;display:flex}.price-card li svg{color:var(--color-success);flex-shrink:0}
.settings-stack{gap:24px;width:100%;max-width:780px;display:grid}.settings-panel{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-xs);padding:24px 28px}.settings-panel h2{letter-spacing:-.01em;color:var(--color-text-primary);margin:0 0 6px;font-size:20px;font-weight:700}.panel-description{color:var(--color-text-secondary);margin:0 0 20px;font-size:13px;line-height:1.6}.settings-panel .form{gap:16px}.settings-panel .form label{color:var(--color-text-primary);font-size:13px;font-weight:600}.settings-panel .form input,.settings-panel .form select{border-radius:var(--radius-xs);height:44px;min-height:44px;padding:0 12px;font-size:14px}.settings-panel .form textarea{border-radius:var(--radius-xs);padding:10px 12px;font-size:14px;line-height:1.5}.settings-panel .button.full,.settings-panel button[type=submit]{align-self:flex-start;width:auto;min-width:170px;min-height:40px;padding:8px 18px;font-size:14px}.mobile-account-actions{display:none}.totp-settings{gap:14px;display:grid}.totp-settings img{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface);padding:10px}.totp-settings code{background:var(--color-canvas);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;padding:12px 14px;font-size:13px;display:block}.telegram-link-code{background:var(--color-sunken);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);gap:10px;margin-top:14px;padding:16px;display:grid}.telegram-link-code p{color:var(--color-text-secondary);margin:0;font-size:13px}.link-code{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);width:fit-content;font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-accent);padding:8px 16px;font-size:20px;font-weight:700;display:inline-block}.memory-settings{gap:24px;display:grid}.memory-intro{border-radius:var(--radius-md);background:var(--color-accent-soft);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);align-items:center;gap:14px;padding:14px 16px;display:flex}.memory-intro>span{border-radius:var(--radius-sm);background:var(--color-surface);width:38px;height:38px;color:var(--color-accent);box-shadow:var(--shadow-xs);flex:0 0 38px;place-items:center;display:grid}.memory-intro p{color:var(--color-text-secondary);margin:2px 0 0;font-size:12px;line-height:1.5}.memory-divider{background:var(--color-border-subtle);height:1px;margin:8px 0}.memory-settings h3{color:var(--color-text-primary);margin:0 0 4px;font-size:16px;font-weight:700}.memory-list{gap:10px;display:grid}.memory-empty{border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text-secondary);text-align:center;padding:18px;font-size:13px}.memory-item{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface);transition:border-color var(--transition), box-shadow var(--transition);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.memory-item:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-xs)}.memory-item>div{min-width:0}.memory-item span{font-family:var(--font-body);color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-full);margin-bottom:4px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.memory-item p{color:var(--color-text-primary);overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.5}.memory-delete{border-radius:var(--radius-xs);width:36px;min-width:36px;height:36px;min-height:36px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid}.memory-delete:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger-border-soft)}
.status-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);text-align:center;max-width:560px;margin:9vh auto;padding:42px}.status-card>span{border-radius:50%;place-items:center;width:64px;height:64px;margin:auto;display:grid}.status-card>span svg{width:32px;height:32px}.success-icon{background:var(--color-success-bg);color:var(--color-success)}.error-icon{background:var(--color-danger-bg);color:var(--color-danger)}.pending-icon{background:var(--color-warning-bg);color:var(--color-warning)}.status-card h1{letter-spacing:-.01em;margin-top:22px;font-size:24px;font-weight:700}.status-card dl{text-align:left;border-top:1px dashed var(--color-line-dashed);margin-top:28px}.status-card dl div{border-bottom:1px dashed var(--color-line-dashed);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.status-card dt{color:var(--color-text-secondary);font-family:var(--font-body);letter-spacing:.02em;font-size:12px}.status-card dd{font-family:var(--font-body);text-align:right;margin:0;font-weight:600}
.public-page{max-width:1100px;padding:calc(var(--spacing-12) + var(--spacing-6)) var(--spacing-6) calc(var(--spacing-12) * 2);margin:auto}.public-heading{text-align:center;max-width:720px;margin:0 auto var(--spacing-12)}.public-heading h1{margin-top:var(--spacing-4)}.public-pricing{max-width:820px;margin:auto}.faq-list{max-width:780px;margin:auto}.faq-list details{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:0 var(--spacing-6);margin:var(--spacing-2) 0;transition:border-color var(--transition)}.faq-list details[open]{border-color:var(--color-border-strong)}.faq-list summary{padding:var(--spacing-4) 0;justify-content:space-between;align-items:center;gap:var(--spacing-4);min-height:var(--control-height-md);font-weight:700;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-family:var(--font-mono);color:var(--color-accent);transition:transform var(--transition);font-size:20px;font-weight:500}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list p{color:var(--color-text-secondary);margin:0 0 var(--spacing-4)}.help-cta{text-align:center;margin:var(--spacing-12) auto 0}.help-cta .button{min-height:var(--control-height-md)}.legal-page{max-width:780px;margin:var(--spacing-12) auto calc(var(--spacing-12) * 2);padding:0 var(--spacing-6)}.legal-page h1{font-family:var(--font-display);letter-spacing:-.01em;font-size:38px;font-weight:600}.legal-page h2{margin-top:var(--spacing-8);font-size:20px}.legal-page p{color:var(--color-text-secondary)}.legal-page a{color:var(--color-accent);font-weight:700}.legal-page code{font-family:var(--font-mono);color:var(--color-text-primary);background:var(--color-accent-soft);padding:1px var(--spacing-1);border-radius:var(--radius-xs);font-size:13px}.updated{font-family:var(--font-body);color:var(--color-text-secondary);font-size:13px}.legal-table{border-collapse:collapse;width:100%;margin-top:var(--spacing-4);font-size:13px}.legal-table th,.legal-table td{padding:var(--spacing-2) var(--spacing-4);border-bottom:1px solid var(--color-border-subtle);text-align:left;vertical-align:top;overflow-wrap:anywhere}.legal-table th{color:var(--color-text-secondary);font:600 12px/1.4 var(--font-body)}.error-page,.loading-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:80vh;padding:20px;display:flex}.error-page p{color:var(--color-text-secondary);max-width:480px}.error-page>svg{color:var(--color-danger);margin-bottom:8px}.error-page>strong{color:var(--color-text-secondary);margin-top:6px;font-size:14px;font-weight:600}.error-page .button,.error-page a:not(.button){margin-top:10px}.spinner{border:3px solid var(--color-border-subtle);border-top-color:var(--color-accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:900px){.hero{grid-template-columns:1fr;gap:40px;margin-top:12px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-copy>small{justify-content:center}.feature-grid{grid-template-columns:1fr 1fr}.use-steps,.dashboard-grid{grid-template-columns:1fr}.app-layout{grid-template-columns:82px 1fr}.sidebar{padding:20px 12px}.sidebar .brand span:last-child,.sidebar nav span,.theme-toggle span{display:none}.sidebar .brand,.sidebar nav a,.sidebar .theme-toggle{justify-content:center}.site-header .theme-toggle{padding:0}.sidebar-logout{justify-content:center;font-size:0}.app-main{padding:28px}.prompt-grid{grid-template-columns:1fr}.welcome-panel>svg{display:none}}@media (max-width:640px){html{--header-height:66px}.site-header{padding:0 var(--spacing-4)}.site-header nav>a:not(.button){display:none}.site-header nav>a[href=\/masuk]{display:inline-flex}.site-header nav{gap:var(--spacing-2)}.brand{font-size:14px}.brand-mark{width:var(--control-height-sm);height:var(--control-height-sm)}.hero{margin-bottom:40px;padding:30px 18px}.hero h1{font-size:2.3rem}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-card{padding:18px}.hero-mock{min-height:0}.section{padding:55px 18px}.demo-grid,.feature-grid,.use-steps{grid-template-columns:1fr}.use-steps li:last-child{grid-column:auto}.cta-band{flex-direction:column;align-items:flex-start;gap:22px;margin:30px 18px 60px;padding:30px 24px}.footer{padding:var(--spacing-8) var(--spacing-6);flex-direction:column;display:flex}.footer div:nth-child(2){gap:var(--spacing-2);flex-direction:column}.auth-card{padding:var(--spacing-8) var(--spacing-6)}.app-layout{padding-bottom:calc(72px + env(safe-area-inset-bottom));display:block}.sidebar{z-index:20;width:auto;height:calc(68px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--color-border-subtle);padding:7px 8px calc(7px + env(safe-area-inset-bottom));flex-direction:row;align-items:stretch;position:fixed;inset:auto 0 0}.sidebar>.brand,.sidebar form{display:none}.sidebar nav{flex-direction:row;flex:1;justify-content:space-around;height:100%}.sidebar nav a{flex-direction:column;flex:1;gap:2px;min-height:54px;padding:6px;font-size:12px}.sidebar nav a:nth-child(n+6){display:none}.sidebar nav span{display:block}.sidebar .theme-toggle{width:auto;min-width:var(--control-height-md);min-height:var(--control-height-md);flex:none;align-self:center;margin:0}.app-main{padding:20px 14px}.page-head{align-items:flex-start}.page-head h1{font-size:24px}.page-head .button{width:46px;padding:0;font-size:0}.page-head .button svg{margin:0}.welcome-panel{padding:28px 24px}.welcome-panel h2{font-size:20px}.panel{padding:20px}.chat-shell{height:calc(100dvh - 108px - env(safe-area-inset-bottom));border-left:0;border-right:0;border-radius:0;margin:0 -14px}.messages{padding:16px}.composer{margin:0 10px 10px}.chat-empty{margin:4vh auto}.chat-empty h1{font-size:20px}.pricing-grid{grid-template-columns:1fr}.public-page{padding:45px 18px 70px}.legal-page h1{font-size:30px}.price-card>p{min-height:0}.powered-by-logos{gap:28px}}
html.js .reveal{opacity:0;transition:opacity .56s,transform .56s;transform:translateY(18px)}html.js .reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.illu-pulse,.illu-breathe,.illu-audio .illu-bar,.illu-tick polyline{animation:none}.illu-tick polyline{stroke-dashoffset:0}.hero-caret{opacity:0;animation:none}.hero-mock.is-menu .hero-slash-menu{display:none}.hero-pearl{opacity:1;transform:none}}
.admin-shell{max-width:1440px;margin:0 auto}.admin-tabs{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);gap:6px;width:max-content;max-width:100%;margin-bottom:28px;padding:5px;display:flex;overflow-x:auto}.admin-tabs a{white-space:nowrap;border-radius:var(--radius-sm);color:var(--color-text-secondary);padding:8px 14px;font-size:13px;font-weight:700}.admin-tabs a:hover{color:var(--color-accent);background:var(--color-accent-soft)}.admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.admin-stat-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-stat{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);align-items:flex-start;gap:14px;padding:20px;display:flex}.admin-stat>span{width:40px;height:40px;color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-xs);place-items:center;display:grid}.admin-stat div{flex-direction:column;min-width:0;display:flex}.admin-stat small{color:var(--color-text-secondary);font:600 12px/1.4 var(--font-body)}.admin-stat strong{letter-spacing:-.04em;margin-top:6px;font-size:24px}.admin-stat p{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:5px 0 0;font-size:12px;overflow:hidden}.admin-stat.compact strong{font-size:20px}.admin-chart-panel{margin-top:20px}.admin-bar-chart{border-bottom:1px solid var(--color-border-subtle);align-items:flex-end;gap:8px;height:250px;padding-top:20px;display:flex}.admin-bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:18px;height:100%;display:flex}.admin-bar{background:linear-gradient(var(--color-accent),var(--color-accent-hover));border-radius:3px 3px 0 0;width:min(34px,80%);min-height:3px}.admin-bar-column small{color:var(--color-text-secondary);font:500 12px/1.2 var(--font-body);writing-mode:vertical-rl;height:45px}.status-badge{border-radius:var(--radius-full);width:max-content;font:700 12px/1.2 var(--font-body);align-items:center;padding:5px 9px;display:inline-flex}.status-badge.active{color:var(--color-success);background:var(--color-success-bg)}.status-badge.disabled{color:var(--color-warning);background:var(--color-warning-bg)}.status-badge.blocked{color:var(--color-danger);background:var(--color-danger-bg)}.admin-filters{grid-template-columns:minmax(240px,1fr) 180px 180px auto;gap:10px;margin-bottom:18px;display:grid}.admin-filters label{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);align-items:center;gap:8px;padding:0 12px;display:flex}.admin-filters input{background:0 0;border:0;outline:0;width:100%;height:42px}.admin-filters select{border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-surface);min-height:42px;padding:0 10px}.admin-table-wrap{padding:0;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th{text-align:left;color:var(--color-text-secondary);background:var(--color-sunken);border-bottom:1px solid var(--color-border-subtle);font:600 12px/1.4 var(--font-body);padding:13px 16px}.admin-table td{border-bottom:1px solid var(--color-border-subtle);vertical-align:middle;padding:14px 16px}.admin-table td strong,.admin-table td small{display:block}.admin-table td small{color:var(--color-text-secondary);margin-top:3px}.admin-table tbody tr:hover{background:var(--color-accent-soft)}.table-link,.admin-back{color:var(--color-accent);font-weight:700}.admin-back{align-items:center;gap:6px;margin-bottom:18px;font-size:13px;display:inline-flex}.empty-admin{text-align:center;color:var(--color-text-secondary);padding:30px}.admin-control-grid,.admin-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0;display:grid}.admin-control-grid{position:relative}.admin-control-grid h2,.admin-plan h2{font-size:20px}.admin-help,.admin-footnote{color:var(--color-text-secondary);font-size:12px}.admin-notice{position:absolute;bottom:-52px;left:0;right:0}.admin-log-list{flex-direction:column;display:flex}.admin-log-list>div{border-bottom:1px dashed var(--color-line-dashed);flex-direction:column;gap:3px;padding:12px 0;display:flex}.admin-log-list span,.admin-log-list small{color:var(--color-text-secondary);font-size:12px}.admin-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.admin-plan-head,.admin-form-row{justify-content:space-between;gap:14px;display:flex}.admin-form-row>label{flex:1}.admin-switch{align-items:center;gap:8px;display:flex!important}.admin-switch input{width:auto;height:auto;margin:0}.audit-metadata{white-space:nowrap;text-overflow:ellipsis;max-width:300px;color:var(--color-text-secondary);display:block;overflow:hidden}@media (max-width:1050px){.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-filters{grid-template-columns:1fr 1fr}}.korpus-form{max-width:560px;margin:20px 0 32px}.korpus-form>.button{align-self:flex-start}.korpus-form input[type=file]{height:auto;padding:10px 14px}.korpus-form input[type=file]::file-selector-button{font:inherit;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);cursor:pointer;margin-right:12px;padding:6px 12px;font-size:13px}.korpus-form input[type=file]::file-selector-button:hover{border-color:var(--color-accent);color:var(--color-accent)}.korpus-help{margin:6px 0 0 26px}
.workspace-section-tabs{width:fit-content;margin:0 0 var(--spacing-4);background:var(--color-sunken);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);flex-wrap:wrap;gap:4px;padding:4px;display:flex}.workspace-section-tabs a{color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:background var(--transition), color var(--transition);align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.workspace-section-tabs a.active{background:var(--color-surface);color:var(--color-accent);box-shadow:var(--shadow-sm);font-weight:700}.workspace-section-tabs a:hover:not(.active){background:var(--color-accent-soft);color:var(--color-accent)}.notebook-create-form{align-items:center;gap:var(--space-md);flex-wrap:wrap;margin-bottom:22px;display:flex}.notebook-create-form input{border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-surface);min-width:220px;height:44px;color:var(--color-text-primary);flex:1;padding:0 14px}.notebook-create-form input:focus{border-color:var(--color-accent);box-shadow:var(--ring-offset);outline:0}.notebook-create-form .admin-help,.notebook-create-form .field-error{flex-basis:100%;margin:0}.notebook-upload-button{cursor:pointer;align-items:center;gap:8px;margin-bottom:6px;display:inline-flex}.notebook-upload-button:has(+input:disabled){opacity:.55;cursor:not-allowed}.notebook-jobs{margin-top:18px}.notebook-jobs>div{padding:14px var(--space-sm);border-top:1px dashed var(--color-line-dashed);grid-template-columns:auto 1fr;align-items:center;gap:14px;display:grid}.notebook-jobs>div>span{border-radius:var(--radius-sm);background:var(--color-accent-soft);width:38px;height:38px;color:var(--color-accent);place-items:center;display:grid}.notebook-jobs small{color:var(--color-text-secondary);font-size:12px;font-family:var(--font-body);align-items:center;gap:5px;margin-top:3px;display:flex}.spin{animation:1s linear infinite spin}.notebook-chat-messages{max-height:420px;margin-bottom:18px;padding-right:4px;overflow-y:auto}.notebook-jobs audio{width:100%;max-width:420px;margin-top:10px;display:block}.workspace-related-note{width:100%;padding:14px var(--space-sm);text-align:left;color:inherit;border:0;border-top:1px dashed var(--color-line-dashed);background:0 0;grid-template-columns:auto 1fr;align-items:center;gap:14px;display:grid}.workspace-related-note:hover{background:var(--color-accent-soft)}.workspace-related-note>span{border-radius:var(--radius-sm);background:var(--color-accent-soft);width:38px;height:38px;color:var(--color-accent);place-items:center;display:grid}.workspace-related-note small{color:var(--color-text-secondary);font-size:12px;font-family:var(--font-body);margin-top:3px;display:block}.empty-state input{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);width:min(360px,100%);margin:12px auto;padding:8px 10px;display:block}.workspace-note-dialog{z-index:40;background:var(--color-overlay);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.workspace-note-dialog-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);width:min(920px,100%);max-height:min(88dvh,900px);padding:16px 18px 24px;overflow:auto}.workspace-note-dialog-card header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.workspace-note-dialog-card header>div:last-child{align-items:center;gap:8px;display:flex}.workspace-confirm-card{background:var(--color-canvas);width:min(420px,100%);color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:18px}.workspace-confirm-card h2{font-family:var(--font-display);margin:0 0 8px}.workspace-confirm-card p{margin:0 0 16px}.workspace-confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.workspace-restore-hint{color:var(--color-text-primary);border:1px solid var(--color-border-strong);background:var(--color-accent-soft);border-radius:var(--radius-sm);padding:8px 10px}.workspace-search-skeleton span{border-radius:var(--radius-sm);background:var(--color-accent-soft);height:40px;margin-bottom:6px;display:block}.workspace-search-snippet{color:var(--color-text-secondary);margin:0 10px 8px;font-size:12px;font-weight:400}.workspace-search-snippet mark{background:var(--color-accent-soft);color:var(--color-text-primary);padding:0 1px}.workspace-undo-toast{bottom:calc(12px + var(--editor-kb,0px));z-index:6;border:1px solid var(--color-border-strong);background:var(--color-canvas);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;display:flex;position:sticky}.workspace-undo-toast button{min-width:44px;min-height:44px}.workspace-tree-sec{font:600 12px/1 var(--font-body);color:var(--color-text-secondary);padding:var(--spacing-4) var(--spacing-2) var(--spacing-2)}.workspace-tree-empty{margin:0 var(--spacing-2) var(--spacing-4);color:var(--color-text-secondary);font-size:13px}.workspace-banner{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:13px;font-weight:600;display:flex}.workspace-banner-off{background:var(--color-sunken);color:var(--color-text-secondary)}.workspace-banner-ro{background:var(--color-accent-soft);color:var(--color-accent)}.workspace-home,.workspace-search-view{padding:var(--spacing-6);max-width:var(--content-max-prose)}.workspace-kicker{font:600 12px/1 var(--font-body);color:var(--color-text-secondary);margin:0 0 var(--spacing-2)}.workspace-home h2{font-family:var(--font-display);font-weight:600;font-size:var(--spacing-8);margin:0 0 var(--spacing-2);color:var(--color-text-primary)}.workspace-home>p{color:var(--color-text-secondary);margin:0 0 var(--spacing-6)}.workspace-favs{gap:var(--spacing-2);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}.workspace-chip{align-items:center;gap:var(--spacing-2);min-height:var(--control-height-md);padding:0 var(--spacing-4);border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);background:var(--color-surface);color:var(--color-text-primary);font-size:13px;font-weight:600;display:inline-flex}.workspace-chip:hover,.workspace-chip:focus-visible,.workspace-chip:active{border-color:var(--color-border-strong);background:var(--color-accent-soft);color:var(--color-accent)}.workspace-home-row{justify-content:space-between;align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.workspace-card-grid{gap:var(--spacing-4);margin-top:var(--spacing-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.workspace-card{gap:var(--spacing-2);text-align:left;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-4);flex-direction:column;min-height:132px;display:flex}.workspace-card:hover,.workspace-card:focus-within,.workspace-card:active{border-color:var(--color-border-strong)}.workspace-card h3{color:var(--color-text-primary);margin:0;font-size:16px}.workspace-card p{color:var(--color-text-secondary);flex:1;margin:0;font-size:13px}.workspace-card-top{justify-content:space-between;gap:var(--spacing-2);display:flex}.workspace-empty{text-align:center;place-items:center;gap:var(--spacing-2);padding:var(--spacing-12) var(--spacing-6);display:grid}.workspace-empty h3{color:var(--color-text-primary);margin:0;font-size:20px}.workspace-empty p{color:var(--color-text-secondary);max-width:360px;margin:0}.workspace-illu{color:var(--color-accent)}.workspace-hit{text-align:left;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--spacing-4);margin-bottom:var(--spacing-2);color:inherit;display:block}.workspace-hit:hover,.workspace-hit:focus-visible,.workspace-hit:active{border-color:var(--color-border-strong)}.workspace-search-snippet mark{background:var(--color-warning-bg);color:var(--color-text-primary);padding:0 var(--spacing-1);border-radius:var(--radius-xs)}.workspace-trash-item{align-items:center;gap:var(--spacing-2);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-2) var(--spacing-4);margin:0 var(--spacing-2) var(--spacing-2);flex-wrap:wrap;display:flex}.workspace-trash-item p{margin:0}.workspace-trash-item small{color:var(--color-text-secondary)}.workspace-trash-item .button{min-height:var(--control-height-md)}.workspace-palette{background:var(--color-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);flex-direction:column;width:min(560px,100%);max-height:70vh;display:flex;overflow:hidden}.workspace-pal-search{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-bottom:1px solid var(--color-border-subtle);display:flex}.workspace-pal-search input{min-height:var(--control-height-md);color:var(--color-text-primary);background:0 0;border:0;flex:1}.workspace-pal-filters{gap:var(--spacing-2) var(--spacing-4);padding:var(--spacing-2) var(--spacing-4);color:var(--color-text-secondary);flex-wrap:wrap;font-size:12px;display:flex}.workspace-pal-filters label{align-items:center;gap:var(--spacing-2);min-height:var(--control-height-md);display:inline-flex}.workspace-pal-list{padding:var(--spacing-2) 0;overflow:auto}.workspace-pal-item{align-items:center;gap:var(--spacing-2);width:100%;min-height:var(--control-height-md);text-align:left;padding:var(--spacing-2) var(--spacing-4);color:var(--color-text-primary);background:0 0;border:0;display:flex}.workspace-pal-item:hover,.workspace-pal-item:focus-visible,.workspace-pal-item:active,.workspace-pal-item[aria-selected=true]{background:var(--color-accent-soft);color:var(--color-accent)}.workspace-pal-item:disabled{opacity:.55}.workspace-pal-foot{gap:var(--spacing-4);padding:var(--spacing-2) var(--spacing-4);border-top:1px solid var(--color-border-subtle);background:var(--color-sunken);color:var(--color-text-secondary);flex-wrap:wrap;font-size:12px;display:flex}.workspace-kbd{font:600 12px/1 var(--font-mono);border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);padding:var(--spacing-1) var(--spacing-2);background:var(--color-surface);color:var(--color-text-primary)}.workspace-undo-toast{bottom:calc(var(--spacing-4) + var(--editor-kb,0px));z-index:var(--z-toast);gap:var(--spacing-2);margin:var(--spacing-4);padding:var(--spacing-2) var(--spacing-2) var(--spacing-2) var(--spacing-4);background:var(--color-text-primary);color:var(--color-canvas);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;position:sticky}.workspace-undo-toast p{margin:0}.workspace-undo-toast button{min-height:var(--control-height-md);min-width:var(--control-height-md)}@media (max-width:900px){.workspace-card-grid{grid-template-columns:1fr}.workspace-home,.workspace-search-view{padding:var(--spacing-4)}}.workspace-tree-sec{font-family:var(--font-body);border-top:1px solid var(--color-border-subtle);align-items:center;padding:12px 8px 4px;font-weight:700;display:flex;color:var(--color-text-tertiary)!important;flex:none!important;margin:4px 0 2px!important;font-size:12px!important}.workspace-tree-sec:first-of-type{border-top:none!important;margin-top:0!important;padding-top:2px!important}.workspace-tree-empty{padding:6px 10px 10px;color:var(--color-text-tertiary)!important;flex:none!important;font-size:13px!important;line-height:1.45!important}.note-editor-shell{flex-direction:column!important;gap:8px!important;width:100%!important;max-width:860px!important;display:flex!important}.note-editor-toolbar{z-index:10!important;background:var(--color-canvas)!important;border-bottom:1px solid var(--color-border-subtle)!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;margin-bottom:4px!important;padding:6px 0!important;display:flex!important;position:sticky!important;top:-36px!important}.note-editor-toolbar .button,.note-editor-toolbar .note-insert-select{background:var(--color-surface)!important;border:1px solid var(--color-border-subtle)!important;height:28px!important;min-height:28px!important;color:var(--color-text-secondary)!important;border-radius:6px!important;align-items:center!important;gap:5px!important;padding:0 10px!important;font-size:12px!important;display:inline-flex!important}.note-editor-toolbar .button:hover{background:var(--color-accent-soft)!important;color:var(--color-accent)!important;border-color:var(--color-accent)!important}.note-editor-toolbar-status{color:var(--color-text-tertiary)!important;font-size:12px!important;font-family:var(--font-body)!important;margin-left:auto!important}.note-editor,.bn-container,.bn-editor{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;min-height:480px!important;padding:0!important}.bn-container[data-color-scheme=dark],.bn-container[data-color-scheme=light]{background:0 0!important}.fk-block{border:1px solid var(--color-border-subtle)!important;background:var(--color-surface)!important;box-shadow:var(--shadow-sm)!important;border-radius:10px!important;margin:12px 0!important;padding:14px 16px!important}.fk-flashcard{background:var(--color-surface)!important;border:1px solid var(--color-border-subtle)!important}.workspace-home{max-width:100%!important;padding:36px 40px!important;overflow-y:auto!important}.workspace-kicker{letter-spacing:.08em;font-weight:700;color:var(--color-accent)!important;margin-bottom:6px!important;font-size:12px!important}.workspace-home h2{color:var(--color-text-primary)!important;letter-spacing:-.015em!important;margin:0 0 8px!important;font-size:30px!important;font-weight:700!important}.workspace-home>p{color:var(--color-text-secondary)!important;margin-bottom:26px!important;font-size:14px!important}.workspace-home-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.workspace-home-row a,.workspace-home a[href*=catatan\/new],.workspace-home .button.primary{align-items:center;background:var(--color-accent)!important;color:#fff!important;box-shadow:var(--shadow-sm)!important;border:none!important;border-radius:9px!important;gap:8px!important;padding:9px 18px!important;font-size:13px!important;font-weight:600!important;text-decoration:none!important;transition:all .2s!important;display:inline-flex!important}.workspace-home button:has(svg){align-items:center;background:var(--color-accent)!important;color:#fff!important;box-shadow:var(--shadow-sm)!important;border:none!important;border-radius:9px!important;gap:8px!important;padding:9px 18px!important;font-size:13px!important;font-weight:600!important;text-decoration:none!important;transition:all .2s!important;display:inline-flex!important}.workspace-home-row a:hover,.workspace-home a[href*=catatan\/new]:hover{background:var(--color-accent-hover)!important;box-shadow:var(--shadow-md)!important;transform:translateY(-1px)!important}.workspace-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:8px;gap:16px!important;display:grid!important}.workspace-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);border-radius:14px;padding:20px;text-decoration:none;transition:all .2s}.workspace-card:hover{background:var(--color-accent-soft)!important;border-color:var(--color-accent)!important;box-shadow:var(--shadow-md)!important;transform:translateY(-2px)!important}.workspace-card h3{color:var(--color-text-primary)!important;margin:0 0 6px!important;font-size:16px!important;font-weight:600!important}.workspace-card p{color:var(--color-text-secondary)!important;margin:0!important;font-size:13px!important}
.db-shell{gap:var(--spacing-4);flex-direction:column;min-width:0;max-width:100%;display:flex}.db-shell .button{min-height:var(--control-height-md)}.db-toolbar,.db-foot,.db-filter-row,.db-sorts,.db-tabs{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.db-tabs button,.db-cell-btn,.db-check,.db-list a,.db-card a,.db-card select,.db-table select,.db-table input,.db-filters summary{min-height:var(--control-height-md);min-width:var(--control-height-md);cursor:pointer}.db-tabs button{align-items:center;gap:var(--spacing-2);padding:0 var(--spacing-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font-size:13px;font-weight:600;display:inline-flex}.db-tabs button.is-on,.db-tabs button:hover,.db-tabs button:focus-visible{background:var(--color-accent-soft);color:var(--color-accent);border-color:var(--color-accent)}.db-filters{padding:var(--spacing-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface)}.db-filters summary{list-style:revert;font-weight:600;display:list-item}.db-filters summary::marker{color:var(--color-text-secondary)}.db-filter-group,.db-filter-row,.db-sorts{gap:var(--spacing-2);flex-wrap:wrap;align-items:end;display:flex}.db-filter-group label,.db-filter-row label,.db-sorts label,.db-card label{align-items:center;gap:var(--spacing-2);display:inline-flex}.db-scroll{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface);max-width:100%;overflow-x:auto}.db-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:13px}.db-table th,.db-table td{padding:0 var(--spacing-2);border-bottom:1px solid var(--color-border-subtle);text-align:left;white-space:nowrap;vertical-align:middle}.db-table th{color:var(--color-text-secondary);background:var(--color-sunken);font-weight:600}.db-cell-btn{width:100%;padding:0 var(--spacing-2);color:var(--color-text-primary);text-align:left;font:inherit;background:0 0;border:0}.db-cell-btn:hover,.db-cell-btn:focus-visible{background:var(--color-accent-soft)}.db-check{justify-content:center;align-items:center;display:inline-flex}.db-check input,.db-multi input{accent-color:var(--color-accent)}.db-cell-url{align-items:center;gap:var(--spacing-2);min-width:0;display:inline-flex}.db-cell-url a{color:var(--color-accent);text-overflow:ellipsis;text-decoration:underline;overflow:hidden}.db-cell-edit{min-height:var(--control-height-md);padding:0 var(--spacing-2);color:var(--color-text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;font-size:12px}.db-cell-edit:hover,.db-cell-edit:focus-visible{background:var(--color-accent-soft);color:var(--color-accent)}.db-list{margin:0;padding:0;list-style:none}.db-list li{gap:var(--spacing-4);min-height:var(--control-height-md);padding:0 var(--spacing-2);border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap;align-items:center;font-size:13px;display:flex}.db-list a{color:var(--color-text-primary);align-items:center;font-weight:600;display:flex}.db-board{gap:var(--spacing-4);align-items:flex-start;display:flex;overflow-x:auto}.db-board-col{padding:var(--spacing-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-sunken);flex:0 0 240px;min-height:120px}.db-board-col h3{margin:0 0 var(--spacing-2);justify-content:space-between;font-size:13px;display:flex}.db-card{padding:var(--spacing-2);margin-bottom:var(--spacing-2);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm)}.db-card a{color:var(--color-text-primary);align-items:center;font-weight:600;display:flex}.db-state{padding:var(--spacing-8);text-align:center}.db-foot{color:var(--color-text-secondary);font-size:12px}.db-multi{gap:var(--spacing-2);flex-direction:column;display:flex}.db-multi label{align-items:center;gap:var(--spacing-2);min-height:var(--control-height-md);display:inline-flex}.db-filters select,.db-filters input:not([type=checkbox]),.db-card select,.db-table select,.db-table input:not([type=checkbox]){min-height:var(--control-height-md);border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-surface);color:var(--color-text-primary);padding:0 var(--spacing-2);font:inherit;font-size:13px}.db-filters select:focus,.db-filters input:not([type=checkbox]):focus,.db-card select:focus,.db-table select:focus,.db-table input:not([type=checkbox]):focus{border-color:var(--color-accent);box-shadow:var(--ring-offset);outline:0}.db-filters select:disabled,.db-card select:disabled,.db-table select:disabled{opacity:.55;cursor:not-allowed}.db-view-tab{align-items:stretch;display:inline-flex}.db-view-tab>button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.db-view-tab>.db-menu-trigger{padding:0 var(--spacing-2);border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.db-menu-trigger{min-height:var(--control-height-md);min-width:var(--control-height-md);cursor:pointer}.db-column-heading{justify-content:space-between;align-items:center;gap:var(--spacing-2);display:flex}.db-column-heading .db-menu-trigger{min-width:var(--control-height-md);padding:0}.db-schema-panel,.db-properties-panel{padding:var(--spacing-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface);min-width:0}.db-schema-heading{justify-content:space-between;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);display:flex}.db-schema-heading h2{overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:600}.db-schema-form,.db-schema-actions,.db-option-row,.db-grouping{align-items:end;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.db-schema-form label,.db-option-row label,.db-grouping label{gap:var(--spacing-1);color:var(--color-text-secondary);flex-direction:column;min-width:0;font-size:12px;display:inline-flex}.db-schema-form p,.db-option-editor p,.db-grouping p{color:var(--color-text-secondary);flex-basis:100%;margin:0;font-size:12px}.db-property-editor,.db-option-editor{gap:var(--spacing-4);flex-direction:column;display:flex}.db-option-editor{margin-top:var(--spacing-2)}.db-properties-panel summary{list-style:revert;min-height:var(--control-height-md);cursor:pointer;font-weight:600;display:list-item}.db-properties-panel summary::marker{color:var(--color-text-secondary)}.db-properties-panel ul{margin:var(--spacing-2) 0 0;padding:0;list-style:none}.db-properties-panel li{justify-content:space-between;align-items:center;gap:var(--spacing-2);min-height:var(--control-height-md);border-bottom:1px solid var(--color-border-subtle);font-size:13px;display:flex}.db-properties-panel li span{align-items:baseline;gap:var(--spacing-2);overflow-wrap:anywhere;min-width:0;display:inline-flex}.db-properties-panel li small{color:var(--color-text-secondary);font-size:11px}.db-filter-controls{border:0;min-width:0;margin:0;padding:0}.db-schema-form input,.db-schema-form select,.db-schema-form textarea,.db-option-row input,.db-option-row select,.db-grouping select{min-height:var(--control-height-md);border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-surface);max-width:100%;color:var(--color-text-primary);padding:0 var(--spacing-2);font:inherit;font-size:13px}.db-schema-form input:focus,.db-schema-form select:focus,.db-schema-form textarea:focus,.db-option-row input:focus,.db-option-row select:focus,.db-grouping select:focus{border-color:var(--color-accent);box-shadow:var(--ring-offset);outline:0}.db-formula-editor{gap:var(--spacing-2);flex-direction:column;flex:100%;min-width:0;display:flex}.db-formula-editor>label{width:100%}.db-formula-input{resize:vertical;width:100%;min-height:8rem;padding:var(--spacing-2);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;line-height:1.5}.db-formula-result{gap:var(--spacing-2);color:var(--color-text-secondary);flex-wrap:wrap;font-size:14px;display:flex}.db-formula-result strong{color:var(--color-text-primary)}.db-formula-error{color:var(--color-danger);font-size:14px}.db-formula-error pre{margin:var(--spacing-1) 0 0;padding:var(--spacing-2);white-space:pre-wrap;border:1px solid var(--color-danger-border-soft);border-radius:var(--radius-xs);color:var(--color-text-primary);overflow-x:auto}.db-formula-error mark{color:inherit;background:var(--color-danger-bg);-webkit-text-decoration:underline 2px var(--color-danger);text-decoration:underline 2px var(--color-danger)}.db-formula-help{border-top:1px solid var(--color-border-subtle);padding-top:var(--spacing-2);font-size:14px}.db-formula-help summary{cursor:pointer;font-weight:600}.db-formula-help h3{margin:var(--spacing-3) 0 var(--spacing-1);font-size:14px}.db-formula-buttons{gap:var(--spacing-1);flex-wrap:wrap;display:flex}.db-formula-help ul{gap:var(--spacing-1);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));margin:0;padding:0;list-style:none;display:grid}.db-formula-help li{align-items:baseline;gap:var(--spacing-2);display:flex}.db-formula-help li button{color:var(--color-accent);cursor:pointer;padding:var(--spacing-1) 0;text-align:left;background:0 0;border:0}.db-formula-help li span{color:var(--color-text-secondary)}@media (max-width:640px){.db-schema-form label,.db-option-row label,.db-grouping label{flex:100%}.db-schema-form input,.db-schema-form select,.db-option-row input,.db-option-row select,.db-grouping select{width:100%}}.db-files{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.db-file-add{min-height:var(--control-height-md);padding:0 var(--spacing-2);border-radius:var(--radius-xs);color:var(--color-accent);cursor:pointer;align-items:center;font-size:12px;display:inline-flex}.db-file-add:hover,.db-file-add:focus-within{background:var(--color-accent-soft)}.db-file-add:focus-within{box-shadow:var(--ring-offset)}.db-relations,.db-relation-selected,.db-schema-actions{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.db-relation-chip,.db-relation-selected button{min-height:var(--control-height-md);padding:0 var(--spacing-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-accent-soft);color:var(--color-text-primary);font:inherit;align-items:center;font-size:12px;display:inline-flex}.db-relation-chip{text-decoration:none}.db-relation-chip:hover,.db-relation-chip:focus-visible,.db-relation-selected button:hover,.db-relation-selected button:focus-visible{border-color:var(--color-accent);color:var(--color-accent)}.db-relation-picker{gap:var(--spacing-2);min-width:min(320px,75vw);padding:var(--spacing-2) 0;white-space:normal;flex-direction:column;display:flex}.db-relation-options{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);flex-direction:column;max-height:240px;display:flex;overflow-y:auto}.db-relation-options>button{min-height:var(--control-height-md);padding:0 var(--spacing-2);border:0;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface);color:var(--color-text-primary);text-align:left;font:inherit;cursor:pointer}.db-relation-options>button.is-active,.db-relation-options>button:focus-visible{background:var(--color-accent-soft);outline:0}.db-relation-missing{color:var(--color-danger);white-space:normal}.db-inline-check{min-height:var(--control-height-md);flex-direction:row;align-items:center}.db-inline-check input{accent-color:var(--color-accent)}.db-card-relation{margin-top:var(--spacing-1);color:var(--color-text-secondary);font-size:12px;display:block}.db-notice{color:var(--color-text-secondary);margin:0;font-size:13px}.db-range-bar{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.db-range-bar h3{text-align:center;min-width:12ch;margin:0;font-size:14px;font-weight:600}.db-undated-toggle{margin-left:auto}.db-undated-list{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface)}.db-cal-grid{border-top:1px solid var(--color-border-subtle);border-left:1px solid var(--color-border-subtle);grid-template-columns:repeat(7,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.db-cal-grid>li{border-right:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);min-width:0}.db-cal-head{padding:var(--spacing-1) var(--spacing-2);background:var(--color-sunken);color:var(--color-text-secondary);font-size:12px;font-weight:600}.db-cal-pad{background:var(--color-sunken)}.db-cal-day{gap:var(--spacing-1);min-height:96px;padding:var(--spacing-1);background:var(--color-surface);flex-direction:column;display:flex}.db-cal-day-head{justify-content:space-between;align-items:center;gap:var(--spacing-1);color:var(--color-text-secondary);font-size:12px;display:flex}.db-cal-day.is-today .db-cal-num{color:var(--color-accent);font-weight:700}.db-cal-long{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.db-cal-add{min-height:var(--control-height-md);min-width:var(--control-height-md);border-radius:var(--radius-xs);color:var(--color-text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;font-size:16px}.db-cal-add:hover,.db-cal-add:focus-visible{background:var(--color-accent-soft);color:var(--color-accent)}.db-cal-day ul{flex-direction:column;gap:2px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.db-cal-day li a{padding:2px var(--spacing-1);border-radius:var(--radius-xs);background:var(--color-accent-soft);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}@media (max-width:640px){.db-cal-grid{border-left:0;display:block}.db-cal-grid>li{border-right:0}.db-cal-head,.db-cal-pad,.db-cal-day.is-empty:not(.is-today),.db-cal-num{display:none}.db-cal-day{min-height:0}.db-cal-long{clip-path:none;white-space:normal;width:auto;height:auto;color:var(--color-text-primary);font-weight:600;position:static;overflow:visible}.db-cal-day li a{min-height:var(--control-height-md);white-space:normal;align-items:center;display:flex}}.db-timeline{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface);max-width:100%;font-size:12px;overflow-x:auto}.db-tl-row{grid-template-columns:minmax(140px, 200px) calc(var(--db-days) * var(--db-day));border-bottom:1px solid var(--color-border-subtle);width:max-content;min-width:100%;display:grid}.db-tl-label{z-index:1;min-width:0;min-height:var(--control-height-md);padding:0 var(--spacing-2);border-right:1px solid var(--color-border-subtle);background:var(--color-surface);flex-direction:column;justify-content:center;gap:2px;display:flex;position:sticky;left:0}.db-tl-label a{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.db-tl-warn{color:var(--color-danger);font-size:11px}.db-tl-track{grid-template-columns:repeat(var(--db-days), var(--db-day));align-items:center;display:grid}.db-tl-head,.db-tl-head .db-tl-label{background:var(--color-sunken);color:var(--color-text-secondary);font-weight:600}.db-tl-head .db-tl-track span{border-left:1px solid var(--color-border-subtle);white-space:nowrap;grid-row:1;align-items:center;min-height:28px;padding:0 2px;display:flex;overflow:hidden}.db-tl-today{background:var(--color-warning);grid-row:1;align-self:stretch;width:2px}.db-tl-bar{min-width:0;height:24px;padding:0 var(--spacing-1);border:1px solid var(--color-accent);border-radius:var(--radius-xs);background:var(--color-accent-soft);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;grid-row:1;align-items:center;font-size:11px;display:flex;overflow:hidden}.db-tl-bar.is-clipped-start{border-left-style:dashed;border-top-left-radius:0;border-bottom-left-radius:0}.db-tl-bar.is-clipped-end{border-right-style:dashed;border-top-right-radius:0;border-bottom-right-radius:0}.db-tl-bar.is-invalid{border-color:var(--color-danger);background:var(--color-danger-bg);min-width:16px;color:var(--color-danger);justify-content:center;padding:0;font-weight:700}.db-gallery{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0;padding:0;list-style:none;display:grid}.db-gcard{gap:var(--spacing-2);min-width:0;padding:var(--spacing-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface);flex-direction:column;display:flex;overflow:hidden}.db-gcard-cover{width:calc(100% + 2 * var(--spacing-2));max-width:none;margin:calc(-1 * var(--spacing-2)) calc(-1 * var(--spacing-2)) 0;aspect-ratio:16/9;object-fit:cover;display:block}.db-gcard a{align-items:center;gap:var(--spacing-2);min-height:var(--control-height-md);color:var(--color-text-primary);overflow-wrap:anywhere;font-weight:600;display:flex}.db-gcard dl{gap:var(--spacing-1);flex-direction:column;margin:0;font-size:12px;display:flex}.db-gcard dl div{gap:var(--spacing-2);min-width:0;display:flex}.db-gcard dt{color:var(--color-text-secondary);flex:none}.db-gcard dd{overflow-wrap:anywhere;min-width:0;margin:0}.db-new-record{display:inline-flex}.db-new-record>.button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.db-new-record>.button:nth-child(2){padding:0 var(--spacing-2);border-top-left-radius:0;border-bottom-left-radius:0}.db-new-record .nb-menu{max-width:calc(100vw - 32px);left:0;right:auto}.db-new-record .nb-menu small{color:var(--color-text-secondary)}.db-template-list{margin:0;padding:0;list-style:none}.db-template-list li{justify-content:space-between;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap;font-size:13px;display:flex}.db-template-list li>span:first-child{align-items:baseline;gap:var(--spacing-2);overflow-wrap:anywhere;flex-wrap:wrap;min-width:0;display:inline-flex}.db-template-list small{color:var(--color-text-secondary);font-size:11px}.db-more .nb-menu{min-width:200px}@media (max-width:640px){.db-toolbar{position:relative}.db-more.nb-menu-wrap{position:static}.db-more .nb-menu{min-width:0;left:0;right:0}}.db-automation-screen:focus{outline:none}.db-automation-list,.db-automation-runs{margin:0 0 var(--spacing-4);padding:0;list-style:none}.db-automation-list li,.db-automation-runs li{justify-content:space-between;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap;font-size:13px;display:flex}.db-automation-text{overflow-wrap:anywhere;flex-direction:column;flex:16rem;gap:2px;min-width:0;display:flex}.db-automation-text small,.db-automation-runs small,.db-automation-runs time,.db-automation-form small{color:var(--color-text-secondary);font-size:12px}.db-automation-list .db-inline-check,.db-automation-form .db-inline-check{gap:var(--spacing-1);color:var(--color-text-primary);flex-direction:row;font-size:13px;display:inline-flex}.db-automation-form{gap:var(--spacing-3);flex-direction:column;display:flex}.db-automation-group{min-width:0;padding:var(--spacing-2) var(--spacing-3) var(--spacing-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);margin:0}.db-automation-group legend{padding:0 var(--spacing-1);font-size:13px;font-weight:600}.db-automation-form .db-multi{min-width:0;padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);margin:0;font-size:13px}.db-automation-form .db-multi p{margin:0}.db-automation-runs li{justify-content:flex-start}.db-run-message{overflow-wrap:anywhere;flex:100%}.db-run-status{padding:1px var(--spacing-2);border-radius:var(--radius-xs);background:var(--color-accent-soft);color:var(--color-text-primary);font-size:12px;font-weight:600}.db-run-status.is-ok{background:var(--color-success-bg)}.db-run-status.is-throttled,.db-run-status.is-skipped{background:var(--color-warning-bg)}.db-run-status.is-failed,.db-run-status.is-depth_limit{background:var(--color-danger-bg)}.db-ai-badge{white-space:normal;color:var(--color-warning);background:var(--color-warning-bg);border:1px solid;border-radius:6px;flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;padding:1px 6px;font-size:12px;display:inline-flex}.db-ai-badge button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.db-ai-fill h3{margin:0;font-size:14px}.db-ai-fill progress{width:100%}.db-relation-chip.is-noaccess{color:var(--color-text-tertiary);background:0 0;border-style:dashed}.db-relation-note{color:var(--color-text-tertiary);white-space:normal;font-size:12px}
.note-editor .bn-editor{min-height:420px}.note-editor-shell{padding-bottom:var(--editor-kb,0px);gap:8px;display:grid}.note-editor-toolbar{z-index:2;background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:8px;padding:4px 0 8px;display:flex;position:sticky;top:0}.note-editor-toolbar-status{font-family:var(--font-body);color:var(--color-text-secondary);font-size:12px}.note-insert-select{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-canvas);min-height:44px;color:var(--color-text-primary);font:inherit;padding:0 10px}.note-block-highlight{outline:2px solid var(--color-accent);outline-offset:2px;background:var(--color-accent-soft);border-radius:var(--radius-sm)}.fk-disclaimer{color:var(--color-warning);background:var(--color-warning-bg);border-radius:var(--radius-sm);align-items:flex-start;gap:6px;padding:8px 10px;font-size:12px;display:flex}.fk-disclaimer svg{flex-shrink:0;margin-top:1px}.fk-block{border:1px dashed var(--color-line-dashed);border-radius:var(--radius-md);background:var(--color-accent-soft);margin:8px 0;padding:12px}.fk-block strong{margin-bottom:8px;font-size:12px;display:block}.fk-field{flex-direction:column;gap:4px;margin:6px 0;font-size:13px;display:flex}.fk-field input,.fk-field textarea,.fk-block select{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font:inherit;background:var(--color-surface);padding:8px}.fk-flashcard,.fk-drug,.fk-dx,.fk-material{background:var(--color-canvas)}.fk-callout-info{background:var(--color-accent-soft)}.fk-callout-warning{background:var(--color-warning-bg)}.fk-callout-success{background:var(--color-success-bg)}.fk-dx-head,.fk-dx-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:6px;display:grid}.fk-dx-head{color:var(--color-text-secondary);font-size:12px;font-weight:700}.fk-lo{align-items:flex-start;gap:10px;display:flex}.fk-material blockquote{border-left:3px solid var(--color-accent);color:var(--color-text-secondary);margin:8px 0 0;padding-left:10px}.fk-pearl{border-left:var(--spacing-1) solid var(--color-warning);background:var(--color-warning-bg)}.fk-drug{border-left:var(--spacing-1) solid var(--color-accent);background:var(--color-accent-soft)}.note-sheet-toggle{display:none}.note-onboard{gap:var(--spacing-2);max-width:520px;padding:0 0 var(--spacing-4);display:grid}.note-suggest{gap:var(--spacing-1);min-height:var(--control-height-lg);text-align:left;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--spacing-2) var(--spacing-4);color:var(--color-text-primary);scroll-margin-top:var(--control-height-lg);flex-direction:column;align-items:flex-start;display:flex}.note-suggest:hover,.note-suggest:focus-visible,.note-suggest:active{border-color:var(--color-border-strong)}.note-suggest:disabled{opacity:.55}.note-suggest span{color:var(--color-text-secondary);font-size:12px}.note-sheet-backdrop{z-index:var(--z-overlay);background:var(--color-overlay);border:0;position:fixed;inset:0}.note-sheet{z-index:var(--z-toast);background:var(--color-elevated);border-top:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--spacing-2) var(--spacing-4) var(--spacing-4);position:fixed;bottom:0;left:0;right:0}.note-sheet-handle{width:var(--control-height-sm);height:var(--spacing-1);border-radius:var(--radius-full);background:var(--color-border-strong);margin:var(--spacing-2) auto}.note-sheet-grid{gap:var(--spacing-2);grid-template-columns:repeat(3,1fr);display:grid}.note-sheet-grid button{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);min-height:72px;color:var(--color-text-primary);font-size:12px;font-weight:600}.note-sheet-grid button:hover,.note-sheet-grid button:focus-visible,.note-sheet-grid button:active{border-color:var(--color-border-strong)}.note-sheet-grid button:disabled{opacity:.55}@media (max-width:640px){.note-editor-toolbar .button,.note-insert-select{min-height:var(--control-height-md);min-width:var(--control-height-md)}}@media (max-width:900px){.fk-dx-head,.fk-dx-row{grid-template-columns:1fr}.note-sheet-toggle{min-height:var(--control-height-md);display:inline-flex}.note-insert-select{display:none}}
.gamel-bookmark-panel{border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);grid-column:1/-1;gap:8px;margin:8px 4px 4px;padding:10px;display:grid}.gamel-bookmark-panel header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gamel-bookmark-panel header strong{font-size:12px}.gamel-bookmark-panel header small,.gamel-bookmark-list small{color:var(--color-text-secondary);font-size:12px}.gamel-bookmark-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.gamel-bookmark-list li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gamel-bookmark-list li>div{flex:1;min-width:0}.gamel-bookmark-form,.gamel-bookmark-pick{flex-wrap:wrap;gap:6px;display:flex}.gamel-bookmark-form input,.gamel-bookmark-pick select{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);min-width:140px;font:inherit;background:var(--color-surface);flex:1;padding:6px 8px}@media (max-width:700px){.admin-stat-grid,.admin-stat-grid.three,.admin-control-grid,.admin-two-column,.admin-plan-grid,.admin-filters{grid-template-columns:1fr}.admin-bar-chart{gap:3px}.admin-tabs{width:100%}}