:root{--color-bg:#f3f5f7;--color-surface:#fff;--color-surface-muted:#eef1f4;--color-border:#d5dce3;--color-text:#1a2330;--color-text-muted:#5b6b7c;--color-primary:#1f6b4a;--color-primary-hover:#18563c;--color-sidebar:#15202b;--color-sidebar-text:#d7dee6;--color-sidebar-active:#243447;--color-success:#1f7a45;--color-success-bg:#e7f5ec;--color-waiting:#3b6ea5;--color-waiting-bg:#e8f0f8;--color-warning:#a66b12;--color-warning-bg:#f8efd9;--color-blocking:#b42318;--color-blocking-bg:#f8e8e6;--color-neutral:#5b6b7c;--color-neutral-bg:#eef1f4;--font-sans:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--radius-sm:4px;--radius-md:6px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--sidebar-width:220px;--header-height:52px;--shadow-sm:0 1px 2px #15202b0f}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}table{border-collapse:collapse;width:100%}.app-shell{grid-template-columns:var(--sidebar-width) 1fr;min-width:0;min-height:100vh;display:grid}.app-shell__sidebar{background:var(--color-sidebar);color:var(--color-sidebar-text);padding:var(--space-4) 0;gap:var(--space-4);flex-direction:column;display:flex}.app-shell__brand{padding:0 var(--space-4);letter-spacing:.02em;font-size:16px;font-weight:700}.app-shell__brand span{color:#8fd4b0}.app-shell__nav{padding:0 var(--space-2);flex-direction:column;gap:2px;display:flex}.app-shell__nav a{border-radius:var(--radius-sm);color:var(--color-sidebar-text);padding:8px 12px;font-size:13px;display:block}.app-shell__nav a:hover{background:#ffffff0f}.app-shell__nav a[aria-current=page]{background:var(--color-sidebar-active);color:#fff;font-weight:600}.app-shell__main{flex-direction:column;min-width:0;display:flex}.app-shell__topbar{height:var(--header-height);padding:0 var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.app-shell__topbar-meta{color:var(--color-text-muted);font-size:13px}.app-shell__topbar-title{flex-direction:column;gap:2px;display:flex}.app-shell__content{padding:var(--space-5);min-width:0}.auth-layout{min-height:100vh;padding:var(--space-5);background:linear-gradient(160deg,#e8eef3 0%,#f3f5f7 45%,#e4ebe7 100%);place-items:center;display:grid}.auth-layout__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:min(420px,100%);padding:var(--space-5);box-shadow:var(--shadow-sm)}.auth-layout__card h1{margin-bottom:var(--space-2);font-size:20px}.auth-layout__card p{color:var(--color-text-muted);margin-bottom:var(--space-4)}.page{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.page--dense{gap:var(--space-3)}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.page-header__titles h1{font-size:20px;font-weight:700}.page-header__titles p{color:var(--color-text-muted);margin-top:var(--space-1);font-size:13px}.page-header__actions{gap:var(--space-2);align-items:center;display:flex}.page-actions,.table-actions,.toolbar,.inline-form,.session-tools{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;border:1px solid #0000;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){background:var(--color-primary-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-muted)}.status-summary{gap:var(--space-2);flex-wrap:wrap;display:flex}.status-summary__item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;gap:var(--space-2);padding:8px 12px;font-size:13px;display:flex}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.status-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-badge--success{color:var(--color-success);background:var(--color-success-bg)}.status-badge--waiting{color:var(--color-waiting);background:var(--color-waiting-bg)}.status-badge--warning{color:var(--color-warning);background:var(--color-warning-bg)}.status-badge--blocking{color:var(--color-blocking);background:var(--color-blocking-bg)}.status-badge--neutral{color:var(--color-neutral);background:var(--color-neutral-bg)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:0;overflow:hidden}.panel__body{padding:var(--space-4)}.panel__body--stack{gap:var(--space-3);flex-direction:column;display:flex}.dashboard-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:start;border-bottom:1px solid var(--color-border);padding:10px 12px;font-size:13px}.data-table th{background:var(--color-surface-muted);color:var(--color-text-muted);font-weight:600}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#f8fafb}.data-table__row--selected{background:#eef6f1}.empty-state,.loading-state,.error-banner{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);background:var(--color-surface)}.empty-state h2,.loading-state h2{margin-bottom:var(--space-2);font-size:16px}.empty-state p,.loading-state p{color:var(--color-text-muted);margin-bottom:var(--space-3)}.error-banner{background:var(--color-blocking-bg);gap:var(--space-2);border-color:#efc5c1;flex-direction:column;display:flex}.error-banner__title{color:var(--color-blocking);font-weight:700}.error-banner__meta{color:var(--color-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.diagnostics{border-top:1px dashed var(--color-border);padding-top:var(--space-3);color:var(--color-text-muted);gap:var(--space-3);flex-wrap:wrap;font-size:12px;display:flex}.diagnostics code{background:var(--color-surface-muted);border-radius:var(--radius-sm);padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.pagination-controls{border-top:1px solid var(--color-border);padding:var(--space-3) var(--space-4);justify-content:flex-end;align-items:center;gap:var(--space-2);color:var(--color-text-muted);flex-wrap:wrap;font-size:13px;display:flex}.pagination-controls code{background:var(--color-surface-muted);border-radius:var(--radius-sm);padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.form-stack{gap:var(--space-3);flex-direction:column;display:flex}.form-field{gap:var(--space-1);flex-direction:column;display:flex}.form-field label{font-size:13px;font-weight:600}.form-field input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;padding:10px 12px}.form-field select,.form-field textarea,.filter-control select{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:#fff;padding:8px 10px}.form-field textarea{resize:vertical;min-width:min(420px,100%)}.form-field--small{width:120px}.form-field--grow{flex:320px}.segmented-control{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.segmented-control legend{padding:0 var(--space-1);color:var(--color-text-muted);font-weight:700}.segmented-control label{border:1px solid var(--color-border);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:var(--space-2);background:var(--color-surface);padding:8px 10px;font-size:13px;font-weight:700;display:inline-flex}.segmented-control__item--active{color:var(--color-primary);border-color:var(--color-primary)!important;background:#eef6f1!important}.inline-form,.inline-form--wide{align-items:flex-end}.filter-control{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:13px;font-weight:600;display:inline-flex}.checkbox-grid{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.checkbox-grid legend{padding:0 var(--space-1);color:var(--color-text-muted);font-weight:700}.checkbox-grid label{align-items:center;gap:var(--space-2);font-size:13px;display:inline-flex}.summary-row{justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2);font-size:13px;display:flex}.summary-row:last-child{border-bottom:none;padding-bottom:0}.compact-list{color:var(--color-text-muted);margin:0;padding-inline-start:var(--space-4)}.link-button{color:var(--color-primary);background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.link-button:disabled{color:var(--color-text-muted);cursor:not-allowed}.link-button--danger{color:var(--color-blocking)}.secret-box,.notice-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.secret-box__header{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.secret-box code{overflow-wrap:anywhere;background:var(--color-surface-muted);border-radius:var(--radius-sm);padding:var(--space-2);direction:ltr;unicode-bidi:plaintext;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.secret-box span,.notice-box{color:var(--color-text-muted);font-size:13px}.qr-panel{align-items:center;gap:var(--space-2);flex-direction:column;max-width:100%;display:inline-flex}.qr-panel canvas{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:min(280px,100%);height:auto;padding:var(--space-2);background:#fff;display:block}.placeholder-note{color:var(--color-text-muted);font-size:13px}.docs-shell{gap:var(--space-4);grid-template-columns:180px minmax(0,1fr);align-items:start;display:grid}.docs-nav{top:var(--space-4);flex-direction:column;gap:2px;display:flex;position:sticky}.docs-nav__link{border-radius:var(--radius-sm);color:var(--color-text-muted);border:1px solid #0000;padding:8px 10px;font-size:13px;font-weight:600}.docs-nav__link:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.docs-nav__link--active{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.docs-content,.docs-section,.endpoint-card__body{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.docs-section h2{font-size:16px}.docs-section+.docs-section{border-top:1px dashed var(--color-border);padding-top:var(--space-4)}.docs-step-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.docs-section p,.endpoint-card p{color:var(--color-text-muted);font-size:13px}.endpoint-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:0;overflow:hidden}.endpoint-card__header{background:var(--color-surface-muted);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.endpoint-card__route{align-items:center;gap:var(--space-2);min-width:0;display:flex}.endpoint-card__route code{overflow-wrap:anywhere}.endpoint-card__body{padding:var(--space-4)}.endpoint-card__body h3{font-size:15px}.docs-method{border-radius:var(--radius-sm);justify-content:center;align-items:center;min-width:56px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:700;display:inline-flex}.docs-method--get{background:var(--color-waiting-bg);color:var(--color-waiting)}.docs-method--post{background:var(--color-success-bg);color:var(--color-success)}.docs-method--patch{background:var(--color-warning-bg);color:var(--color-warning)}.docs-method--delete{background:var(--color-blocking-bg);color:var(--color-blocking)}.docs-auth{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);align-items:center;gap:var(--space-2);overflow-wrap:anywhere;max-width:100%;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;display:inline-flex}.docs-auth span{color:var(--color-text-muted)}.docs-auth--dashboard{background:var(--color-waiting-bg)}.docs-auth--instance{background:var(--color-success-bg)}.docs-auth--public{background:var(--color-neutral-bg)}.docs-code-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.docs-code-block{border-radius:var(--radius-md);color:#e7edf3;background:#101820;min-width:0;overflow:hidden}.docs-code-block__label{color:#aebdca;border-bottom:1px solid #ffffff1f;padding:8px 12px;font-size:12px;font-weight:700}.docs-code-block pre{max-width:100%;padding:var(--space-3);margin:0;overflow-x:auto}.docs-code-block code,.docs-token-list code,.data-table code,.notice-box code,.status-summary__item code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.docs-code-block code{color:inherit;white-space:pre;font-size:12px;line-height:1.6}.docs-token-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.docs-token-list code{background:var(--color-surface-muted);border-radius:var(--radius-sm);color:var(--color-text);overflow-wrap:anywhere;padding:4px 8px}@media (width<=900px){.app-shell{grid-template-columns:1fr;max-width:100vw;overflow-x:hidden}.app-shell__sidebar{z-index:10;position:sticky;top:0}.app-shell__nav{max-width:100vw;padding-bottom:var(--space-2);flex-direction:row;overflow-x:auto}.app-shell__nav a{white-space:nowrap}.app-shell__topbar{height:auto;min-height:var(--header-height);padding-block:var(--space-3);flex-direction:column;align-items:stretch}.dashboard-grid,.docs-shell,.docs-step-grid,.docs-code-grid{grid-template-columns:1fr}.docs-nav{padding-bottom:var(--space-1);flex-direction:row;position:static;overflow-x:auto}.docs-nav__link{white-space:nowrap}.endpoint-card__header{flex-direction:column;align-items:flex-start}.inline-form{align-items:stretch}.form-field,.form-field--small{width:100%}.data-table{-webkit-overflow-scrolling:touch;white-space:nowrap;width:100%;max-width:100%;display:block;overflow-x:auto}}
