:root{--sidebar-w:200px;--font-main:"Quicksand","Segoe UI",Arial,sans-serif;--text-title:#1A1628;--text-subtitle:#4A4359;--text-body:#4B4740;--text-muted:#655F58;--text-on-accent:#FFFFFF;--color-white:#FFFFFF;--bg-page:#FFFFFF;--bg-section:#FCFAF7;--border-section:#ECE7E2;--shadow-section:0px 0px 8px -4px #0000004C;--accent:#4433C4;--accent-strong:#7B5BFF;--accent-text:#FFFFFF;--accent-tint:#EBE8FA;--accent-secondary:#FF7A5C;--accent-secondary-dark:#C9431F;--accent-secondary-text:#FFFFFF;--accent-secondary-text-on-dark:#FFFFFF;--accent-secondary-bg:#FDEDE7;--gradient-cta:linear-gradient(100deg, #4433C4 0%, #7B5BFF 100%);--shadow-cta:0 8px 18px rgba(68, 51, 196, 0.28);--color-danger:#D6314A;--color-warning:#A66200;--color-success:#2A8259;--color-info:#3D63E8;--color-neutral-dark:#1A1628;--color-neutral:#DAD5F5;--color-danger-bg:#FCE3E6;--color-warning-bg:#F9E8CC;--color-success-bg:#DEF0E7;--color-info-bg:#E1E9FC;--color-neutral-bg:#EBE8FA;--color-danger-border:#F3C6CC;--color-warning-border:#EAD3A0;--color-success-border:#C4E3D0;--color-info-border:#C7D4F7;--color-disabled-bg:#ECE7E2;--color-disabled-text:#A79E92;--border-color:#ECE7E2;--border-color-strong:#E3DED8;--hover-tint:rgba(26, 22, 40, 0.04);--active-tint:rgba(26, 22, 40, 0.08);--code-bg:#1A1628;--radius-md:12px;--radius-lg:12px;--radius-xl:14px;--radius-2xl:20px;--radius-pill:999px;--shadow-popup:0 8px 24px rgba(36, 33, 29, 0.14);--shadow-focus:0 0 0 3px rgba(68, 51, 196, 0.35);--ease-standard:cubic-bezier(0.4, 0, 0.2, 1);--dur-fast:0.12s;--dur-normal:0.18s}:root[data-theme=dark]{--text-title:#F3F5F7;--text-subtitle:#C3C0CC;--text-body:#D6D3DC;--text-muted:#9BA3AE;--color-white:#242034;--bg-page:#121022;--bg-section:#1C1830;--border-section:#322C48;--shadow-section:0px 0px 8px -4px rgba(0, 0, 0, 0.7);--border-color:#322C48;--border-color-strong:#423A5C;--hover-tint:rgba(255, 255, 255, 0.05);--active-tint:rgba(255, 255, 255, 0.09);--color-neutral:#423A5C;--shadow-popup:0 8px 24px rgba(0, 0, 0, 0.55)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-color-strong) transparent;font-family:var(--font-main)}[hidden]{display:none!important}body,html{height:100%}body{margin:0;font-family:var(--font-main);line-height:1.6;display:flex;background:var(--bg-page);color:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--border-color-strong);border-radius:var(--radius-lg);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}::-webkit-scrollbar-corner{background:0 0}.section{flex:1;min-width:0;min-height:0;padding:32px 36px;margin-right:12px;margin-bottom:12px;border-radius:var(--radius-2xl);border:1px solid var(--border-section);background-color:var(--bg-section);box-shadow:var(--shadow-section);position:relative;display:flex;flex-direction:column;overflow:hidden}.section-scroll{flex:1;min-height:0;overflow-y:auto}.section-title{font-family:var(--font-main);font-size:22px;font-weight:700;color:var(--text-title);margin:0}.section-subtitle{font-family:var(--font-main);font-size:13px;color:var(--text-subtitle);margin-top:2px;margin-bottom:20px}.section-text{font-family:var(--font-main);font-size:15px;color:var(--text-body);line-height:1.55;max-width:820px;margin-bottom:20px}.chip{display:inline-flex;align-items:center;justify-content:center;font-size:21px;font-weight:600;padding:3px 5px;border-radius:var(--radius-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:36px;height:36px;font-family:var(--font-main)}.chip--accent{color:var(--accent-text);background-color:var(--accent-strong)}.chip--danger{color:var(--text-on-accent);background-color:var(--color-danger)}.chip--danger-soft{color:var(--color-danger);background-color:var(--color-danger-bg)}.chip--warning{color:var(--text-on-accent);background-color:var(--color-warning)}.chip--warning-soft{color:var(--color-warning);background-color:var(--color-warning-bg)}.chip--success{color:var(--text-on-accent);background-color:var(--color-success)}.chip--success-soft{color:var(--color-success);background-color:var(--color-success-bg)}.chip--info{color:var(--text-on-accent);background-color:var(--color-info)}.chip--info-soft{color:var(--color-info);background-color:var(--color-info-bg)}.chip--neutral{color:var(--color-neutral-dark);background-color:var(--color-neutral-bg)}.chip--secondary{color:var(--accent-secondary-text);background-color:var(--accent-secondary)}.chip--secondary-soft{color:var(--accent-secondary-dark);background-color:var(--accent-secondary-bg)}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-pill);border:1px solid transparent;font-family:var(--font-main);font-size:11.5px;font-weight:700;line-height:1;white-space:nowrap}.status-chip-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor;flex-shrink:0}.status-chip--accent{color:var(--accent);background-color:var(--accent-tint);border-color:var(--accent)}.status-chip--secondary{color:var(--accent-secondary-dark);background-color:var(--accent-secondary-bg);border-color:var(--accent-secondary)}.status-chip--danger{color:var(--color-danger);background-color:var(--color-danger-bg);border-color:var(--color-danger-border)}.status-chip--warning{color:var(--color-warning);background-color:var(--color-warning-bg);border-color:var(--color-warning-border)}.status-chip--success{color:var(--color-success);background-color:var(--color-success-bg);border-color:var(--color-success-border)}.status-chip--info{color:var(--color-info);background-color:var(--color-info-bg);border-color:var(--color-info-border)}.status-chip--neutral{color:var(--color-neutral-dark);background-color:var(--color-neutral-bg);border-color:var(--border-color-strong)}.inline-notice{border-radius:var(--radius-lg);border:1px solid transparent;padding:14px 16px}.inline-notice-title{font-family:var(--font-main);font-size:13px;font-weight:700;margin:0 0 2px}.inline-notice-body{font-family:var(--font-main);font-size:12px;margin:0}.inline-notice--danger{background-color:var(--color-danger-bg);border-color:var(--color-danger-border)}.inline-notice--danger .inline-notice-title{color:var(--color-danger)}.inline-notice--warning{background-color:var(--color-warning-bg);border-color:var(--color-warning-border)}.inline-notice--warning .inline-notice-title{color:var(--color-warning)}.inline-notice--success{background-color:var(--color-success-bg);border-color:var(--color-success-border)}.inline-notice--success .inline-notice-title{color:var(--color-success)}.inline-notice--info{background-color:var(--color-info-bg);border-color:var(--color-info-border)}.inline-notice--info .inline-notice-title{color:var(--color-info)}.popup{position:absolute;background:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-popup);padding:8px;min-width:200px;z-index:10;font-family:var(--font-main);animation:popup-in var(--dur-normal) var(--ease-standard)}@keyframes popup-in{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-overlay{position:fixed;inset:0;z-index:9;display:flex;align-items:center;justify-content:center;padding:20px;background-color:rgba(19,27,35,.18);-webkit-backdrop-filter:blur(6px) saturate(140%);backdrop-filter:blur(6px) saturate(140%);animation:overlay-in var(--dur-normal) var(--ease-standard)}@keyframes overlay-in{from{opacity:0;-webkit-backdrop-filter:blur(0) saturate(100%);backdrop-filter:blur(0) saturate(100%)}to{opacity:1;-webkit-backdrop-filter:blur(6px) saturate(140%);backdrop-filter:blur(6px) saturate(140%)}}.an-drawer-overlay{justify-content:flex-end;padding:0;align-items:stretch;background-color:rgba(19,27,35,.1)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none}.an-drawer{width:100%;max-width:800px;height:100%;background-color:var(--color-white);box-shadow:var(--shadow-popup);display:flex;flex-direction:column;overflow:hidden;animation:an-drawer-in var(--dur-normal) var(--ease-standard);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}@keyframes an-drawer-in{from{transform:translateX(24px);opacity:0}to{transform:translateX(0);opacity:1}}.an-drawer-body{flex:1;min-height:0;overflow-y:auto;padding:4px 20px 24px;display:flex;flex-direction:column}.an-drawer-topbar{margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 16px;border-bottom:1px solid var(--border-color)}.an-drawer-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.popup-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:var(--radius-md);border:none;background:0 0;color:var(--text-body);font-family:var(--font-main);font-size:13px;text-align:left;text-decoration:none;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard)}.popup-item:hover{background-color:var(--hover-tint)}.popup-item:active{background-color:var(--active-tint)}.popup-item--danger{color:var(--color-danger)}.popup-item--info{color:var(--color-info)}.popup-item:disabled{color:var(--text-subtitle);cursor:not-allowed;opacity:.5}.popup-item:disabled:active,.popup-item:disabled:hover{background:0 0}.popup-divider{height:1px;background:var(--border-color);margin:6px 2px}.dialog-box{width:100%;max-width:420px;background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-popup);padding:20px;font-family:var(--font-main);animation:popup-in var(--dur-normal) var(--ease-standard)}.dialog-box-title{font-size:16px;font-weight:700;color:var(--text-title);margin:0 0 8px}.dialog-box-message{font-size:13px;color:var(--text-body);line-height:1.5;margin:0;white-space:pre-wrap}.dialog-box-code{display:inline-block;background-color:var(--hover-tint);color:var(--text-title);padding:4px 8px;border-radius:var(--radius-md,4px);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;margin:10px 0;word-break:break-word}.dialog-box-match-value{font-size:13px;font-weight:700;color:var(--text-title);background-color:var(--hover-tint);border-radius:var(--radius-md,4px);padding:6px 10px;margin:10px 0 0;word-break:break-word}.dialog-box-hint{font-size:12px;color:var(--text-muted,var(--text-body));margin:8px 0 0}.dialog-box-input{width:100%;margin-top:14px}.dialog-box-input--error{border-color:var(--color-danger);background-color:var(--color-danger-bg)}.dialog-box-counter{font-size:11px;color:var(--text-muted,var(--text-body));text-align:right;margin:4px 0 0}.dialog-box-counter--limit{color:var(--color-danger)}.dialog-box-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-main);font-size:12.5px;font-weight:700;line-height:1;padding:9px 18px;border-radius:var(--radius-md);border:1.5px solid transparent;cursor:pointer;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);text-decoration:none}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:0;box-shadow:var(--shadow-focus)}.btn:disabled,.btn[aria-disabled=true]{background-color:var(--color-disabled-bg);color:var(--color-disabled-text);border-color:transparent;opacity:1;cursor:not-allowed;transform:none}.btn--sm{padding:6px 14px;font-size:11.5px}.btn--sucess{background-color:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success)}.btn--sucess:hover:not(:disabled){background-color:var(--color-success);color:var(--text-on-accent)}.btn--accent{background-color:var(--accent);color:var(--accent-text);border-color:var(--accent)}.btn--accent:hover:not(:disabled){background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--accent-text)}.btn--cta{background:var(--gradient-cta);color:var(--accent-text);border-color:transparent;padding:11px 20px;box-shadow:var(--shadow-cta)}.btn--cta:hover:not(:disabled){filter:brightness(1.05)}.btn--secondary{background-color:var(--accent-secondary);color:var(--accent-secondary-text);border-color:var(--accent-secondary)}.btn--secondary:hover:not(:disabled){filter:brightness(.96)}.btn--secondary.btn--filled{background-color:var(--accent-secondary-dark);color:var(--accent-secondary-text-on-dark);border-color:var(--accent-secondary-dark)}.btn--secondary.btn--filled:hover:not(:disabled){filter:brightness(1.1)}.btn--outline{background-color:transparent;color:var(--text-title);border-color:var(--border-color-strong)}.btn--outline:hover:not(:disabled){background-color:var(--hover-tint);border-color:var(--text-title)}.btn--outline-accent{background-color:transparent;color:var(--accent);border-color:var(--accent)}.btn--outline-accent:hover:not(:disabled){background-color:var(--accent-tint);border-color:var(--accent)}.btn--muted{background-color:var(--hover-tint);color:var(--text-muted);border-color:transparent}.btn--muted:hover:not(:disabled){background-color:var(--active-tint);color:var(--text-title)}.btn--danger{background-color:transparent;color:var(--color-danger);border-color:var(--color-danger)}.btn--danger:hover:not(:disabled){background-color:var(--color-danger);color:var(--text-on-accent)}.btn--danger.btn--filled{background-color:var(--color-danger-bg);color:var(--color-danger)}.btn--danger.btn--filled:hover:not(:disabled){background-color:var(--color-danger);color:var(--text-on-accent)}.btn--info{background-color:var(--color-info-bg);color:var(--color-info);border-color:var(--color-info)}.btn--info:hover:not(:disabled){background-color:var(--color-info);color:var(--text-on-accent)}.btn--ghost{background-color:transparent;color:var(--text-body);border-color:transparent}.btn--ghost:hover:not(:disabled){background-color:var(--hover-tint)}.btn--link{background-color:transparent;border-color:transparent;padding-left:0;padding-right:0;color:var(--accent)}.btn--link:hover:not(:disabled){text-decoration:underline}.btn--link-muted{color:var(--text-muted)}.btn--icon{padding:8px;width:36px;height:36px}input,select,textarea{font-family:var(--font-main);font-size:13px;color:var(--text-body);background-color:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 12px;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}input::placeholder,textarea::placeholder{color:var(--text-subtitle);opacity:.8}input:hover,select:hover,textarea:hover{border-color:var(--border-color-strong)}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--accent);box-shadow:var(--shadow-focus)}input:disabled,select:disabled,textarea:disabled{background-color:var(--hover-tint);color:var(--text-subtitle);cursor:not-allowed}input[type=checkbox],input[type=radio]{appearance:none;-webkit-appearance:none;width:18px;height:18px;padding:0;margin:0;border:1px solid var(--border-color-strong);background-color:var(--color-white);display:inline-grid;place-content:center;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}input[type=checkbox]{border-radius:5px}input[type=radio]{border-radius:50%}input[type=checkbox]::before,input[type=radio]::before{content:"";width:10px;height:10px;transform:scale(0);transition:transform var(--dur-fast) var(--ease-standard)}input[type=checkbox]::before{border-radius:2px;background-color:var(--accent-text);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,45% 62%)}input[type=radio]::before{border-radius:50%;background-color:var(--accent-text)}input[type=checkbox]:checked,input[type=radio]:checked{background-color:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked::before,input[type=radio]:checked::before{transform:scale(1)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{box-shadow:var(--shadow-focus)}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.5;cursor:not-allowed}p{font-size:13px}