:root{--color-primary:#2b6cb0;--color-primary-hover:#245b96;--color-primary-dark:#1a2b4a;--color-primary-light:#ebf0f7;--color-primary-foreground:#fff;--color-secondary:#f59e0b;--color-secondary-hover:#d97706;--color-secondary-light:#fffbeb;--color-accent:#8b5cf6;--color-accent-hover:#7c3aed;--color-accent-light:#f5f3ff;--color-teal:#14b8a6;--color-teal-light:#f0fdfa;--color-rose:#f43f5e;--color-rose-light:#fff1f2;--color-bg-light:#f5f7fa;--color-bg-subtle:#ebf0f7;--color-bg-surface:#f7f9fc;--color-bg-white:#fff;--color-bg-muted:#f8fafc;--color-text-primary:#111;--color-text-secondary:#666;--color-text-muted:#94a3b8;--color-text-accent:#2b6cb0;--color-text-placeholder:#b0c4de;--color-text-body:#444;--color-text-table-header:#64748b;--color-text-table-data:#334155;--color-border:#e8edf3;--color-border-accent:#d6e3f0;--color-border-input:#e8edf3;--color-border-light:#e2e8f0;--color-border-checkbox:#d0d5dd;--color-border-row:#f1f5f9;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#2563eb;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-white:#fff;--color-error-bg:#fef2f2;--color-error-border:#fecaca;--color-error-icon:#dc2626;--color-error-text:#991b1b;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-warning-icon:#d97706;--color-warning-text:#92400e;--color-info-bg:#f0f4ff;--color-info-border:#d6e0f0;--color-info-icon:#2b6cb0;--color-info-text:#1a3a6b;--color-success-bg:#f0fdf4;--color-success-border:#bbf7d0;--color-success-icon:#16a34a;--color-success-text:#166534;--badge-blue-bg:#eff6ff;--badge-blue-color:#2b6cb0;--badge-green-bg:#ecfdf5;--badge-green-color:#059669;--badge-yellow-bg:#fffbeb;--badge-yellow-color:#d97706;--badge-red-bg:#fef2f2;--badge-red-color:#ef4444;--badge-gray-bg:#f5f7fa;--badge-gray-dot:#94a3b8;--badge-gray-color:#64748b;--color-destructive:#ef4444;--color-destructive-bg:#fef2f2;--role-admin-color:#2b6cb0;--role-admin-bg:#eff6ff;--role-general-color:#059669;--role-general-bg:#ecfdf5;--role-business-color:#d97706;--role-business-bg:#fffbeb;--text-display:52px;--text-heading-xl:44px;--text-h1:36px;--text-h2:28px;--text-h3:22px;--text-h4:18px;--text-heading-sm:15px;--text-body:16px;--text-body-sm:14px;--text-caption:12px;--text-body-xs:11px;--text-code:14px;--spacing-xs:6px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--spacing-4xl:64px;--spacing-page-x:120px;--spacing-section:100px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:20px;--radius-full:9999px;--radius-pill:999px;--shadow-sm:0 1px 3px #0000000a,0 1px 2px #00000005;--shadow-md:0 4px 16px #0000000f,0 1px 3px #0000000a;--shadow-lg:0 12px 32px #00000014,0 4px 8px #0000000a;--shadow-card:0 4px 24px #0000000d,0 1px 3px #0000000a;--shadow-modal:0 8px 32px #00000026,0 2px 6px #0000000a;--shadow-button:0 1px 3px #0000000a;--shadow-button-primary:0 2px 6px #2b6cb033;--shadow-toggle-knob:0 1px 3px #0000001a;--shadow-tooltip:0 2px 8px #0000001a;--shadow-tooltip-light:0 2px 8px #0000000d;--toggle-on-bg:#2b6cb0;--toggle-off-bg:#d1d5db;--toggle-knob:#fff;--footer-bg:#1a2b4a;--footer-divider:#243656;--footer-text-heading:#fff;--footer-text-link:#8eafd0;--footer-text-copyright:#7a8da6;--tooltip-dark-bg:#1e293b;--tooltip-dark-text:#fff;--tooltip-light-bg:#fff;--tooltip-light-text:#444;--header-height:72px;--partner-header-height:56px;--sidebar-width:240px;--sidebar-collapsed:80px;--docs-sidebar-width:260px;--content-max-width:1200px;--docs-content-max-width:960px;--font-body:"Noto Sans KR","Inter","Pretendard",-apple-system,BlinkMacSystemFont,sans-serif;--font-code:"Roboto Mono","Fira Code","JetBrains Mono","Consolas",monospace}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px;overflow-y:scroll}body{font-family:var(--font-body);font-size:var(--text-body);color:var(--color-gray-700);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:var(--color-gray-900);text-decoration:none;transition:color .15s}a:hover:not(.btn):not([class]){color:var(--color-gray-600)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{color:var(--color-gray-900);letter-spacing:-.02em;line-height:1.25}h1{font-size:var(--text-h1);font-weight:700}h2{font-size:var(--text-h2);font-weight:600;line-height:1.3}h3{font-size:var(--text-h3);font-weight:600;line-height:1.35}h4{font-size:var(--text-h4);font-weight:600;line-height:1.4}.skip-link{top:-100%;left:var(--space-4);background:var(--color-gray-900);color:var(--color-white);padding:var(--space-2)var(--space-4);border-radius:var(--radius-sm);z-index:9999;font-size:var(--text-body-sm);position:absolute}.skip-link:focus{top:var(--space-2);color:var(--color-white)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}
.btn{white-space:nowrap;cursor:pointer;letter-spacing:-.01em;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Noto Sans KR,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-sm{padding:8px 16px;font-size:13px}.btn-md{padding:10px 20px;font-size:14px}.btn-lg{padding:14px 28px;font-size:16px}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-hover);color:var(--color-white)}.btn-secondary{color:#111;background:#fff;border:1px solid #e8edf3}.btn-secondary:hover{color:#111;background:#f5f7fa}.btn-danger{background:var(--color-error);color:var(--color-white)}.btn-danger:hover{color:var(--color-white);background:#dc2626}.btn-ghost{color:#2b6cb0;background:0 0}.btn-ghost:hover{color:#2b6cb0;background:#f5f7fa}.btn-ghost-white{color:var(--color-white);background:0 0;border:1px solid #ffffff4d}.btn-ghost-white:hover{color:var(--color-white);background:#ffffff1a}.btn-white{background:var(--color-white);color:var(--color-text-primary);font-weight:600}.btn-white:hover{color:var(--color-text-primary);background:#ffffffe6}.btn:disabled,.btn-disabled{color:#b0c4de;cursor:not-allowed;pointer-events:none;background:#e8edf3}.btn-full{width:100%}.btn-outline{color:#111;background:0 0;border:1px solid #e8edf3}.btn-outline:hover{background:#f5f7fa;border-color:#d6e0f0}.btn-loading .btn-spinner{border:2px solid #ffffff4d;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.form-group{gap:var(--space-1);flex-direction:column;display:flex}.form-label{font-size:var(--text-body-sm);color:var(--color-text-secondary);font-weight:500}.form-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;height:40px;font-size:var(--text-body);color:var(--color-text-body);background:var(--color-white);padding:0 12px;transition:border-color .15s,box-shadow .15s}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-input.error{border-color:var(--color-error)}.form-input:disabled{background:var(--color-bg-muted);color:var(--color-text-muted)}.form-input-lg{height:48px}.form-error{font-size:var(--text-caption);color:var(--color-error)}.form-hint{font-size:var(--text-caption);color:var(--color-text-muted);margin-top:var(--space-1)}.form-required{color:var(--color-error);margin-left:2px}.form-input-icon-wrapper{position:relative}.form-input-icon-wrapper .form-input{padding-left:36px}.form-input-icon-wrapper .input-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.form-select{color:#111;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23B0C4DE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 14px center/18px 18px no-repeat;border:1px solid #e8edf3;border-radius:8px;width:100%;height:48px;padding:0 44px 0 16px;font-size:14px;transition:border-color .15s}.form-select:focus{border-color:#2b6cb0;outline:none}input[type=checkbox]{border:1.5px solid var(--color-border-checkbox);appearance:none;cursor:pointer;background:var(--color-bg-white);vertical-align:middle;border-radius:4px;flex-shrink:0;width:18px;height:18px;transition:background .15s,border-color .15s;position:relative}input[type=checkbox]:hover{border-color:var(--color-primary)}input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}input[type=checkbox]:checked:after{content:"";border:solid var(--color-white);border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}input[type=radio]{border:1.5px solid var(--color-border-checkbox);appearance:none;cursor:pointer;background:var(--color-bg-white);vertical-align:middle;border-radius:50%;flex-shrink:0;width:18px;height:18px;transition:background .15s,border-color .15s;position:relative}input[type=radio]:hover{border-color:var(--color-primary)}input[type=radio]:checked{background:var(--color-primary);border-color:var(--color-primary)}input[type=radio]:checked:after{content:"";background:var(--color-white);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;left:4px}.form-check{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.form-check-label{font-size:var(--text-body);color:var(--color-text-secondary)}.form-textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-height:120px;font-size:var(--text-body);color:var(--color-text-body);resize:vertical;font-family:var(--font-body);padding:12px;transition:border-color .15s,box-shadow .15s}.form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}:is(.card:has(.card-header),.card:has(.card-body)){padding:0}.card-header{padding:var(--space-4)var(--space-6);border-bottom:1px solid var(--color-bg-muted);justify-content:space-between;align-items:center;display:flex}.card-header h3{border-bottom:none;margin-bottom:0;padding-bottom:0}.card-body{padding:var(--space-6)}.card-clickable{cursor:pointer;transition:box-shadow .25s,transform .25s}.card-clickable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table thead{background:var(--color-bg-muted)}.table th{color:var(--color-text-table-header);text-align:center;white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.table td{border-top:1px solid var(--color-border-row);color:var(--color-text-body);text-align:center;padding:12px 16px;font-size:13px}.table tbody tr:hover{background:var(--color-bg-light)}.pagination{margin-top:var(--space-4);justify-content:center;align-items:center;gap:4px;display:flex}.pagination-btn{width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.pagination-btn:hover{background:var(--color-bg-muted)}.pagination-btn.active{background:var(--color-primary);color:var(--color-white);font-weight:600}.pagination-btn:disabled,.pagination-btn.disabled{opacity:.4;pointer-events:none;cursor:not-allowed}.pagination-nav{border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:inline-flex}.pagination-nav:hover{background:var(--color-bg-muted)}.pagination-nav:disabled{opacity:.4;pointer-events:none;cursor:not-allowed}.pagination-nav svg,.pagination-btn svg{color:var(--color-text-muted)}.badge{white-space:nowrap;vertical-align:middle;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-default{background:var(--badge-gray-bg);color:var(--badge-gray-color)}.badge-default:before{background:var(--badge-gray-dot)}.badge-primary{background:var(--badge-blue-bg);color:var(--badge-blue-color)}.badge-primary:before{background:var(--badge-blue-color)}.badge-success{background:var(--badge-green-bg);color:var(--badge-green-color)}.badge-success:before{background:var(--badge-green-color)}.badge-warning{background:var(--badge-yellow-bg);color:var(--badge-yellow-color)}.badge-warning:before{background:var(--badge-yellow-color)}.badge-error{background:var(--badge-red-bg);color:var(--badge-red-color)}.badge-error:before{background:var(--badge-red-color)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-info:before{background:var(--color-info)}.alert{border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.alert-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.alert-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.alert-info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.alert-icon{flex-shrink:0;width:18px;height:18px}.toast-container{top:var(--space-6);right:var(--space-6);z-index:9000;gap:var(--space-2);flex-direction:column;display:flex;position:fixed}.toast{min-width:320px;padding:var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background:var(--color-white);align-items:center;gap:var(--space-3);animation:.3s slideInRight;display:flex}.toast-close{color:var(--color-text-muted);cursor:pointer;margin-left:auto}.modal-overlay{z-index:5000;opacity:0;visibility:hidden;background:#00000026;justify-content:center;align-items:center;transition:opacity .2s,visibility .2s;display:flex;position:fixed;inset:0}.modal-overlay.active,.modal-overlay.open{opacity:1;visibility:visible}.tabs{border-bottom:1px solid var(--color-border);gap:0;display:flex;overflow-x:auto}.tab-item{padding:var(--space-3)var(--space-4);font-size:var(--text-body-sm);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-bottom:2px solid #0000;transition:all .15s}.tab-item:hover{color:var(--color-text-secondary)}.tab-item.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.accordion-item{border-bottom:1px solid var(--color-border)}.accordion-header{padding:var(--space-4);font-size:var(--text-body);color:var(--color-text-body);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;font-weight:600;transition:background .15s;display:flex}.accordion-header:hover{background:var(--color-bg-light)}.accordion-icon{color:var(--color-text-muted);flex-shrink:0;transition:transform .2s}.accordion-item.open .accordion-icon{transform:rotate(180deg)}.accordion-body{max-height:0;transition:max-height .3s;overflow:hidden}.accordion-body-inner{padding:0 var(--space-4)var(--space-4);color:var(--color-text-secondary);line-height:1.6}.breadcrumb{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:13px;font-weight:500;display:flex}.breadcrumb a{color:var(--color-text-muted)}.breadcrumb a:hover{color:var(--color-text-primary)}.breadcrumb-separator{color:var(--color-text-muted);font-size:var(--text-caption);flex-shrink:0}svg.breadcrumb-separator{width:16px;height:16px}.breadcrumb-current{color:var(--color-text-body)}.breadcrumb-back{margin-right:var(--space-1);cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:inline-flex}.breadcrumb-back:hover{color:var(--color-text-primary);background:var(--color-bg-muted)}.stepper{margin-bottom:var(--space-8);justify-content:center;align-items:center;gap:0;display:flex}.step{align-items:center;gap:var(--space-2);display:flex}.step-circle{width:32px;height:32px;font-size:var(--text-body-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.step.completed .step-circle,.step.current .step-circle{background:var(--color-primary);color:var(--color-white)}.step.pending .step-circle{background:var(--color-border);color:var(--color-text-muted)}.step-label{font-size:var(--text-body-sm);color:var(--color-text-muted)}.step.current .step-label{color:var(--color-text-body);font-weight:600}.step-line{width:60px;height:2px;margin:0 var(--space-2)}.step.completed .step-line{background:var(--color-primary)}.step.pending .step-line{background:var(--color-border)}.timeline{padding-left:24px;position:relative}.timeline:before{content:"";background:var(--color-border);width:2px;position:absolute;top:0;bottom:0;left:5px}.timeline-item{padding-bottom:var(--space-6);position:relative}.timeline-dot{border:2px solid var(--color-white);border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-24px}.timeline-dot.completed{background:var(--color-success)}.timeline-dot.current{background:var(--color-primary);animation:2s infinite pulse-dot}.timeline-dot.pending{background:var(--color-border)}.timeline-content{padding-left:var(--space-2)}.timeline-title{font-size:var(--text-body);color:var(--color-text-body);font-weight:600}.timeline-date{font-size:var(--text-body-sm);color:var(--color-text-muted)}.file-upload{border:2px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-light);padding:var(--space-10);text-align:center;cursor:pointer;transition:all .15s}.file-upload:hover,.file-upload.dragover{border-color:var(--color-primary);background:var(--color-primary-light)}.file-upload-icon{color:var(--color-text-muted);margin-bottom:var(--space-2)}.file-upload-text{font-size:var(--text-body);color:var(--color-text-muted)}.widget-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.widget-header{padding:var(--space-4)var(--space-6);border-bottom:1px solid var(--color-bg-muted);justify-content:space-between;align-items:center;display:flex}.widget-title{font-size:var(--text-h4);color:var(--color-text-body);font-weight:600}.widget-link{font-size:var(--text-body-sm);color:var(--color-primary)}.widget-body{padding:var(--space-6)}.code-block{color:var(--color-bg-muted);font-family:var(--font-code);font-size:var(--text-code);padding:var(--space-4);border-radius:var(--radius-md);background:#1e293b;line-height:1.6;position:relative;overflow-x:auto}.code-block-copy{top:var(--space-2);right:var(--space-2);color:var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1)var(--space-2);cursor:pointer;font-size:var(--text-caption);align-items:center;gap:var(--space-1);background:#ffffff1a;border:none;transition:background .15s;display:flex;position:absolute}.code-block-copy:hover{background:#fff3}.code-lang-badge{top:var(--space-2);font-size:var(--text-caption);color:var(--color-text-muted);position:absolute;right:70px}.empty-state{text-align:center;padding:var(--space-12)var(--space-6)}.empty-state-icon{color:var(--color-border);margin-bottom:var(--space-4);font-size:48px}.empty-state-message{font-size:var(--text-body);color:var(--color-text-muted);margin-bottom:var(--space-6)}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.skeleton{background:var(--color-border);border-radius:var(--radius-sm);animation:1.5s ease-in-out infinite pulse}.page-loading{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-16);color:var(--color-text-muted);flex-direction:column;display:flex}.filter-bar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-bar-row{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;width:100%;display:flex}.filter-bar .form-select{flex-shrink:0;width:auto}.filter-bar .form-input{box-sizing:border-box;flex-shrink:0;height:40px!important}.form-select-sm{height:40px;font-size:var(--text-body-sm);padding:0 28px 0 12px}.form-input-sm{height:40px;font-size:var(--text-body-sm);box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 12px}.env-toggle{align-items:center;gap:var(--space-2);display:flex}.env-toggle-switch{background:var(--color-warning);cursor:pointer;border-radius:10px;width:40px;height:20px;transition:background .2s;position:relative}.env-toggle-switch.live{background:var(--color-success)}.env-toggle-switch:after{content:"";background:var(--color-white);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.env-toggle-switch.live:after{transform:translate(20px)}.env-toggle-label{font-size:var(--text-body-sm);font-weight:600}.env-toggle-label.test{color:var(--color-warning)}.env-toggle-label.live{color:var(--color-success)}.env-banner{background:var(--color-warning-bg);justify-content:center;align-items:center;gap:var(--space-2);height:36px;font-size:var(--text-body-sm);color:var(--color-warning);border-bottom:1px solid #f59e0b33;font-weight:500;display:flex}.toggle-switch{align-items:center;width:44px;height:24px;display:inline-flex;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{background:var(--color-border);cursor:pointer;border-radius:12px;transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--color-white);border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.webhook-event-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3)var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s,background .15s;display:flex}.webhook-event-item:hover{border-color:var(--color-border-accent);background:var(--color-bg-light)}.webhook-event-item input[type=checkbox]{flex-shrink:0;margin-top:2px}.webhook-event-info{flex-direction:column;gap:2px;display:flex}.webhook-event-info strong{font-family:var(--font-code);font-size:var(--text-body-sm);color:var(--color-text-body)}.webhook-event-info span{font-size:var(--text-caption);color:var(--color-text-muted)}.code-tabs{border-radius:var(--radius-md);overflow:hidden}.code-tabs-bar{background:#1a2332;border-bottom:1px solid #ffffff1a;height:36px;display:flex}.code-tab{font-size:var(--text-body-sm);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-bottom:2px solid #0000;padding:0 16px;transition:all .15s}.code-tab:hover{color:var(--color-border)}.code-tab.active{color:var(--color-white);border-bottom-color:var(--color-white);font-weight:600}.code-tabs .code-block{border-radius:0 0 var(--radius-md)var(--radius-md);min-height:80px}.status-indicator{align-items:center;gap:var(--space-2);border-bottom:1px solid var(--color-border);height:48px;padding:0 var(--space-4);display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.operational{background:var(--color-success)}.status-dot.degraded{background:var(--color-warning);animation:2s infinite pulse-dot}.status-dot.outage{background:var(--color-error);animation:2s infinite pulse-dot}.status-dot.maintenance{background:var(--color-info)}.status-name{font-size:var(--text-body);color:var(--color-text-body);flex:1}.status-text{font-size:var(--text-body-sm)}.status-text.operational{color:var(--color-success)}.status-text.degraded{color:var(--color-warning)}.status-text.outage{color:var(--color-error)}.status-text.maintenance{color:var(--color-info)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:var(--text-body-sm)}.text-caption{font-size:var(--text-caption)}.text-gray-500{color:var(--color-text-muted)}.text-gray-600{color:var(--color-text-secondary)}.text-primary{color:var(--color-primary)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.grid{display:grid}.hidden{display:none}.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}@media (max-width:767px){.hide-mobile{display:none!important}.filter-bar{flex-direction:column}.filter-bar .form-input,.filter-bar .form-select{width:100%}}@media (min-width:768px){.hide-desktop{display:none!important}}body.modal-blur-active .public-layout,body.modal-blur-active .partner-layout{filter:blur(5px)}.modal-portal-overlay{z-index:1000;padding:var(--space-8);background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sdk-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.sdk-item{flex-direction:column;display:flex}.sdk-code-image{border-radius:var(--radius-lg);width:100%;margin-bottom:var(--space-4);display:block}.sdk-card-info{padding:0 var(--space-5)}.sdk-card-title{font-size:var(--text-h4);color:var(--color-text-body);margin-bottom:var(--space-2);font-weight:700}.sdk-card-desc{font-size:var(--text-body-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);flex:1;line-height:1.6}.sdk-github-btn{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-body-sm);color:var(--color-text-body);background:var(--color-white);width:fit-content;padding:8px 18px;font-weight:600;transition:all .15s;display:inline-flex}.sdk-github-btn:hover{border-color:var(--color-text-secondary);background:var(--color-bg-light)}@media (max-width:767px){.sdk-grid{grid-template-columns:1fr}}
.global-header{height:var(--header-height);background:var(--color-bg-white);border-bottom:1px solid var(--color-border);z-index:100;align-items:center;display:flex;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;width:100%;max-width:1440px;margin:0 auto;padding:0 80px;display:flex}.header-logo{flex-shrink:0;align-items:baseline;gap:8px;text-decoration:none;display:flex}.header-logo-text{color:var(--color-text-primary);font-size:18px;font-weight:700}.header-logo-sub{color:var(--color-text-secondary);letter-spacing:-.2px;font-size:12px;font-weight:500}.header-nav{align-items:center;gap:32px;display:flex}.nav-item{position:relative}.nav-link{color:var(--color-text-secondary);white-space:nowrap;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--color-text-primary)}.nav-link.active{color:var(--color-text-primary);font-weight:600}.nav-chevron{width:14px;height:14px;transition:transform .2s}.nav-dropdown{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-card);padding:var(--spacing-sm);opacity:0;visibility:hidden;z-index:200;transition:all .15s;position:absolute;top:calc(100% + 12px);left:0;transform:translateY(-4px)}.nav-item:hover .nav-dropdown,.nav-item.open .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-item:hover .nav-chevron{transform:rotate(180deg)}.nav-dropdown-link{padding:var(--spacing-sm)var(--spacing-md);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:14px;text-decoration:none;transition:background .1s,color .1s;display:block}.nav-dropdown-link:hover{background:var(--color-bg-light);color:var(--color-text-primary)}.header-actions{flex-shrink:0;align-items:center;gap:16px;display:flex}.header-btn-login{border-radius:var(--radius-sm);background:var(--color-bg-muted);border:1px solid var(--color-border-light);box-shadow:var(--shadow-button);cursor:pointer;color:#333;white-space:nowrap;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s}.header-btn-login:hover{background:var(--color-bg-light)}.header-btn-join{border-radius:var(--radius-sm);background:var(--color-primary);box-shadow:var(--shadow-button-primary);cursor:pointer;color:var(--color-primary-foreground);white-space:nowrap;border:none;padding:8px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s}.header-btn-join:hover{background:var(--color-primary-hover,#245b96)}.user-menu-wrapper{position:relative}.user-menu-trigger{border-radius:var(--radius-sm);cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;gap:4px;padding:4px;transition:background .15s;display:flex}.user-menu-trigger:hover{background:var(--color-bg-light)}.user-menu-avatar{background:var(--color-primary);width:34px;height:34px;color:var(--color-primary-foreground);border-radius:17px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.user-menu-avatar--admin{background:var(--role-admin-color)}.user-menu-avatar--business{background:var(--role-business-color)}.user-menu-avatar--personal{background:var(--role-general-color)}.user-menu-info{align-items:center;gap:5px;padding:0 2px;display:flex}.user-menu-name{color:var(--color-text-primary);white-space:nowrap;font-size:13px;font-weight:600;line-height:1.2}.user-badge{white-space:nowrap;font-size:12px;font-weight:700;line-height:1}.user-badge--admin{color:var(--role-admin-color)}.user-badge--business{color:var(--role-business-color)}.user-badge--personal{color:var(--role-general-color)}.user-menu-chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform .2s}.user-menu-chevron.open{transform:rotate(180deg)}.user-dropdown{border:1px solid var(--color-border);z-index:200;background:#fff;border-radius:12px;flex-direction:column;width:240px;animation:.15s userDropdownIn;display:flex;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001a}@keyframes userDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-profile{align-items:center;gap:10px;padding:16px;display:flex}.user-dropdown-avatar{color:#fff;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.user-dropdown-avatar--admin{background:var(--role-admin-color)}.user-dropdown-avatar--business{background:var(--role-business-color)}.user-dropdown-avatar--personal{background:var(--role-general-color)}.user-dropdown-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.user-dropdown-name-row{align-items:center;gap:6px;display:flex}.user-dropdown-name{color:var(--color-text-primary);font-size:13px;font-weight:700}.user-dropdown-role{font-size:12px;font-weight:700}.user-dropdown-role--admin{color:var(--role-admin-color)}.user-dropdown-role--business{color:var(--role-business-color)}.user-dropdown-role--personal{color:var(--role-general-color)}.user-dropdown-email{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:400;overflow:hidden}.user-dropdown-divider{background:var(--color-border-row);height:1px}.user-dropdown-menu{flex-direction:column;display:flex}.user-dropdown-item{cursor:pointer;width:100%;color:var(--color-text-body);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background .1s;display:flex}.user-dropdown-item svg{width:15px;height:15px;color:var(--color-text-secondary);flex-shrink:0}.user-dropdown-item:hover{background:var(--color-bg-light)}.user-dropdown-item.active{background:var(--badge-blue-bg);color:var(--color-primary);font-weight:600}.user-dropdown-item.active svg{color:var(--color-primary)}.user-dropdown-logout{cursor:pointer;width:100%;color:var(--color-destructive);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.user-dropdown-logout svg{width:15px;height:15px;color:var(--color-destructive);flex-shrink:0}.user-dropdown-logout:hover{background:var(--color-destructive-bg)}.hamburger{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:none}.hamburger:hover{background:var(--color-bg-light)}.mobile-nav-overlay{inset:0;top:var(--header-height);background:var(--color-bg-white);z-index:99;flex-direction:column;padding:20px;animation:.2s fadeIn;display:none;position:fixed;overflow-y:auto}.mobile-nav-overlay.active{display:flex}.mobile-nav-link{padding:var(--spacing-md)0;color:var(--color-text-body);border-bottom:1px solid var(--color-border-row);font-size:16px;text-decoration:none;display:block}.mobile-nav-sub{padding-left:var(--spacing-lg)}.mobile-nav-sub .mobile-nav-link{color:var(--color-text-secondary);font-size:14px}.mobile-nav-links{flex:1;margin-top:8px}.mobile-nav-profile{margin-bottom:12px}.mobile-nav-profile-card{background:var(--color-bg-light);border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.mobile-nav-avatar{color:#fff;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;font-weight:700;display:flex}.mobile-nav-profile-info{flex-direction:column;gap:2px;min-width:0;display:flex}.mobile-nav-profile-name-row{align-items:center;gap:8px;display:flex}.mobile-nav-profile-name{color:var(--color-text-heading);font-size:15px;font-weight:600}.mobile-nav-profile-email{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.mobile-nav-profile-menu{border:1px solid var(--color-border-row);border-radius:12px;flex-direction:column;margin-bottom:12px;display:flex;overflow:hidden}.mobile-nav-profile-item{color:var(--color-text-body);align-items:center;gap:10px;padding:14px 16px;font-size:15px;text-decoration:none;transition:background .15s;display:flex}.mobile-nav-profile-item+.mobile-nav-profile-item,.mobile-nav-profile-item+.mobile-nav-logout{border-top:1px solid var(--color-border-row)}.mobile-nav-profile-item:hover{background:var(--color-bg-light)}.mobile-nav-profile-item svg{color:var(--color-text-secondary);flex-shrink:0}.mobile-nav-logout{color:var(--color-status-error);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:14px 16px;font-size:15px;transition:background .15s;display:flex}.mobile-nav-logout:hover{background:var(--color-bg-light)}.mobile-nav-logout svg{color:var(--color-status-error);flex-shrink:0}.mobile-nav-auth{gap:var(--space-2);flex-direction:column;margin-bottom:12px;display:flex}@media (max-width:1023px){.header-inner{padding:0 var(--spacing-xl)}.header-nav{gap:20px}.nav-link{font-size:13px}}@media (max-width:767px){.header-nav{display:none}.hamburger{display:flex}.header-inner{padding:0 var(--spacing-lg)}}.global-footer{background:var(--footer-bg);color:var(--footer-text-link);padding:40px 120px 28px}.footer-inner{max-width:var(--content-max-width);flex-direction:column;gap:24px;margin:0 auto;display:flex}.footer-top{justify-content:space-between;gap:var(--space-10);display:flex}.footer-brand{flex-direction:column;gap:8px;min-width:320px;max-width:300px;display:flex}.footer-logo{align-items:center;gap:8px;display:flex}.footer-logo-text{font-size:var(--text-body);color:var(--color-white);font-weight:700}.footer-brand-desc{font-size:var(--text-body-sm);color:#7a8da6;line-height:1.6}.footer-company-info{color:#5a6b82;margin-top:8px;font-size:12px;font-style:normal;line-height:1.7}.footer-nav-groups{gap:48px;display:flex}.footer-group-title{font-size:var(--text-caption);color:#ffffff80;margin-bottom:var(--space-5);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.footer-link{padding:var(--space-1)0;font-size:var(--text-body-sm);color:#ffffffa6;text-decoration:none;transition:color .15s;display:block}.footer-link:hover{color:var(--color-white)}.footer-divider{background:#243656;width:100%;height:1px}.footer-bottom{justify-content:space-between;align-items:center;display:flex}.footer-copyright{font-size:var(--text-caption);color:#7a8da6}.footer-family{position:relative}.footer-family-btn{color:#7a8da6;cursor:pointer;background:0 0;border:1px solid #334766;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12px;font-weight:400;transition:border-color .15s,color .15s;display:inline-flex}.footer-family-btn:hover{color:#fff;border-color:#4a6080}.footer-family-chevron{transition:transform .2s}.footer-family-chevron.open{transform:rotate(180deg)}.footer-family-dropdown{z-index:10;background:#1a2744;border:1px solid #334766;border-radius:6px;min-width:auto;margin:0;padding:0;list-style:none;position:absolute;bottom:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 4px 16px #0000004d}.footer-family-dropdown li a{color:#b0c4de;align-items:center;height:36px;padding:0 14px;font-size:12px;text-decoration:none;transition:background .15s,color .15s;display:flex}.footer-family-dropdown li a:hover{color:#fff;background:#ffffff0f}@media (max-width:1023px){.global-footer{padding:48px 24px 32px}.footer-top{flex-direction:column;gap:32px}.footer-nav-groups{gap:40px}}@media (max-width:767px){.global-footer{padding:40px 16px 24px}.footer-nav-groups{flex-wrap:wrap;gap:32px 24px}.footer-group-title{margin-bottom:var(--space-3)}.footer-link{font-size:var(--text-caption);padding:3px 0}}.public-layout{flex-direction:column;min-height:100vh;display:flex}.public-content{flex:1}.content-section{max-width:var(--content-max-width);padding:var(--space-16)var(--space-8);margin:0 auto}.auth-layout{flex-direction:column;min-height:100vh;display:flex}.auth-content{padding:var(--space-10)var(--space-6);background:var(--color-bg-light);flex:1;justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:480px}.auth-card-wide{max-width:560px}.partner-layout{flex-direction:column;min-height:100vh;display:flex}.partner-header{height:var(--partner-header-height);background:var(--color-bg-white);border-bottom:1px solid var(--color-border);z-index:100;padding:0 var(--space-4);align-items:center;display:flex;position:sticky;top:0}.partner-header-left{align-items:center;gap:var(--space-3);display:flex}.sidebar-toggle{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{background:var(--color-bg-light)}.partner-logo{align-items:center;gap:var(--space-2);text-decoration:none;display:flex}.partner-logo-icon{background:var(--color-primary);width:28px;height:28px;color:var(--color-white);border-radius:5px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.partner-logo-text{font-size:var(--text-body);color:var(--color-text-primary);font-weight:700}.partner-header-right{align-items:center;gap:var(--space-4);margin-left:auto;display:flex}.credit-display{align-items:center;gap:var(--space-1);font-size:var(--text-body-sm);color:var(--color-text-body);cursor:pointer;padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);transition:background .15s;display:flex}.credit-display:hover{background:var(--color-bg-light);text-decoration:none}.credit-display.low{color:var(--color-error)}.toolbar-user{align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-body-sm);color:var(--color-text-body);display:flex}.toolbar-user:hover{background:var(--color-bg-light)}.partner-body{flex:1;display:flex}.partner-sidebar{width:var(--sidebar-width);background:var(--color-bg-white);color:var(--color-text-body);border-right:1px solid var(--color-border);top:var(--header-height);height:calc(100vh - var(--header-height) - var(--footer-height,0px));flex-direction:column;flex-shrink:0;transition:width .2s;display:flex;position:sticky;overflow:hidden}.partner-sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-nav{padding:var(--space-4)0;flex:1;min-height:0;overflow-y:auto}.sidebar-group{margin-bottom:var(--space-2)}.sidebar-group-label{padding:var(--space-2)var(--space-4);font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-4);font-size:var(--text-body-sm);color:var(--color-text-secondary);border-left:3px solid #0000;text-decoration:none;transition:all .15s;display:flex}.sidebar-link:hover{color:var(--color-text-primary);background:var(--color-bg-muted)}.sidebar-link.active{color:var(--color-primary);background:var(--color-primary-light);border-left-color:var(--color-primary);font-weight:600}.sidebar-link-icon{flex-shrink:0;width:20px;height:20px}.sidebar-link .badge-p2{background:var(--badge-gray-bg);color:var(--color-text-muted);border-radius:var(--radius-full);margin-left:auto;padding:1px 6px;font-size:10px}.sidebar-sub{padding-left:var(--space-10)}.sidebar-sub .sidebar-link{padding:var(--space-1)var(--space-4);border-left:none;font-size:13px}.partner-content{padding:var(--space-8);background:var(--color-bg-light);flex:1;min-width:0}.sidebar-support{padding:var(--space-3)var(--space-3)var(--space-4);border-top:1px solid var(--color-border);flex-shrink:0}.sidebar-support-btn{width:100%;color:var(--color-primary);background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.sidebar-support-btn:hover{background:#dbeafe}.sidebar-support-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sidebar-support-modal{background:var(--color-bg-white);border-radius:var(--radius-lg);width:420px;max-width:calc(100vw - 32px);overflow:hidden;box-shadow:0 20px 60px #00000026}.sidebar-support-modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sidebar-support-modal-header h3{color:var(--color-text-primary);margin:0;font-size:17px;font-weight:700}.sidebar-support-modal-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.sidebar-support-modal-close:hover{background:var(--color-bg-light);color:var(--color-text-primary)}.sidebar-support-modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.sidebar-support-item{flex-direction:column;gap:4px;display:flex}.sidebar-support-label{color:var(--color-text-muted);font-size:12px;font-weight:600}.sidebar-support-value{color:var(--color-primary);font-size:14px;font-weight:500;text-decoration:none}.sidebar-support-value:hover{text-decoration:underline}.sidebar-support-modal-footer{padding:0 24px 24px}.sidebar-support-contact-btn{width:100%;color:var(--color-primary-foreground);background:var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.sidebar-support-contact-btn:hover{background:var(--color-primary-hover,#245b96);color:var(--color-primary-foreground)}@media (max-width:767px){.partner-sidebar{top:var(--header-height);height:calc(100vh - var(--header-height));z-index:99;transition:transform .2s;position:fixed;left:0;transform:translate(-100%)}.partner-sidebar.open{transform:translate(0)}.sidebar-backdrop{inset:0;top:var(--header-height);z-index:98;background:#00000080;display:none;position:fixed}.sidebar-backdrop.active{display:block}}@media (min-width:768px) and (max-width:1023px){.partner-sidebar{width:var(--sidebar-collapsed)}.partner-sidebar .sidebar-link span,.partner-sidebar .sidebar-group-label,.partner-sidebar .sidebar-sub,.partner-sidebar .badge-p2,.sidebar-support-btn span{display:none}.sidebar-support-btn{justify-content:center}}.docs-layout{flex-direction:column;min-height:100vh;display:flex}.docs-body{flex:1;display:flex}.docs-sidebar{width:var(--docs-sidebar-width);background:var(--color-bg-white);border-right:1px solid var(--color-border);top:var(--header-height);height:calc(100vh - var(--header-height));padding:var(--space-6)0;flex-shrink:0;position:sticky;overflow-y:auto}.docs-sidebar-link{padding:var(--space-2)var(--space-6);font-size:var(--text-body-sm);color:var(--color-text-secondary);border-left:2px solid #0000;text-decoration:none;transition:all .15s;display:block}.docs-sidebar-link:hover{color:var(--color-text-primary);background:var(--color-bg-muted)}.docs-sidebar-link.active{color:var(--color-primary);background:var(--color-primary-light);border-left-color:var(--color-primary);font-weight:600}.docs-sidebar-link.p2{color:var(--color-text-muted)}.docs-content{max-width:var(--docs-content-max-width);padding:var(--space-10)var(--space-6);flex:1;margin:0 auto}@media (max-width:767px){.docs-sidebar{display:none}.docs-mobile-nav{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-white);top:var(--header-height);z-index:50;display:block;position:sticky}.docs-mobile-nav select{width:100%;height:40px;font-size:var(--text-body-sm)}.docs-content{padding:var(--space-6)var(--space-4)}}@media (min-width:768px){.docs-mobile-nav{display:none}}
.custom-select{flex-direction:column;display:inline-flex;position:relative}.custom-select-field{cursor:pointer;background:#fff;border:1px solid #e8edf3;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;height:48px;padding:0 16px;font-size:14px;font-weight:400;transition:border-color .15s;display:flex}.custom-select-field:hover{border-color:#cbd5e0}.custom-select-field.open{border-color:#2b6cb0}.custom-select-value{color:#111;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.custom-select-placeholder{color:#b0c4de;white-space:nowrap}.custom-select-arrow{color:#b0c4de;flex-shrink:0;transition:transform .2s,color .2s}.custom-select-arrow.open{color:#2b6cb0;transform:rotate(180deg)}.custom-select-list{z-index:100;background:#fff;border:1px solid #e8edf3;border-radius:8px;flex-direction:column;width:max-content;min-width:100%;max-height:264px;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden auto;box-shadow:0 4px 16px #0000001a}.custom-select-item{color:#111;cursor:pointer;white-space:nowrap;align-items:center;height:44px;padding:0 16px;font-size:12px;font-weight:400;transition:background .1s;display:flex}.custom-select-item:hover{background:#f5f7fa}.custom-select-item.selected{color:#2b6cb0;background:#eff6ff;font-weight:500}.custom-select.compact .custom-select-field{height:40px;font-size:var(--text-caption)}.custom-select.compact .custom-select-item{height:38px}
