*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{margin:0;padding:0;width:100%;min-height:100%;overflow-x:hidden}body{font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:root{--brand-primary:#35506b;--brand-primary-light:#72cef2;--brand-primary-dark:#445d94;--brand-success:#98bf45;--brand-warning:#f2c335;--brand-orange:#f28d35;--brand-danger:#f26b1d;--space-0:0;--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;--font-family: Inter, system-ui, sans-serif;--text-xs:.72rem;--text-sm:.82rem;--text-md:.95rem;--text-base:1rem;--text-lg:1.15rem;--text-xl:1.45rem;--text-2xl:1.85rem;--text-3xl:2.45rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--navbar-height:72px;--workspace-header-height:72px;--workspace-header-gap:12px;--workflow-dock-height:84px;--sidebar-width:280px;--navigation-sidebar-width:280px;--navigation-sidebar-collapsed-width:76px;--page-max-width:1800px;--page-padding:var(--space-6);--page-gap:var(--space-8);--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--radius-xl:30px;--radius-full:999px;--radius-card:var(--radius-lg);--radius-button:var(--radius-md);--radius-input:var(--radius-md);--radius-modal:var(--radius-lg);--radius-avatar:var(--radius-full);--shadow-xs: 0 2px 8px rgba(0,0,0,.03);--shadow-sm: 0 6px 18px rgba(0,0,0,.05);--shadow-md: 0 10px 28px rgba(0,0,0,.08);--shadow-lg: 0 18px 46px rgba(0,0,0,.1);--shadow-xl: 0 30px 80px rgba(0,0,0,.15);--shadow-card:var(--shadow-md);--shadow-dropdown:var(--shadow-lg);--shadow-modal:var(--shadow-xl);--shadow-floating:var(--shadow-lg);--duration-fast:.15s;--duration:.28s;--duration-slow:.45s;--ease:cubic-bezier(.2,.8,.2,1);--icon-sm:20px;--icon-md:24px;--icon-lg:30px;--icon-xl:38px;--z-navbar:500;--z-sidebar:700;--z-overlay:900;--z-modal:1000;--z-toast:1100;--content-max-width:1600px;--sidebar-collapsed-width:76px;--workspace-context-width:380px;--workspace-context-collapsed-width:72px;--workspace-context-z:600;--workspace-context-transition: width var(--duration) var(--ease), transform var(--duration) var(--ease);--sidebar-width: 280px;--inspector-width: 380px;--workspace-narrow:1100px;--workspace-default:1400px;--workspace-wide:1700px}h1{font-size:var(--text-3xl);font-weight:700;line-height:1.1;margin:0}h2{font-size:var(--text-2xl);font-weight:700;line-height:1.1;margin:0}h3{font-size:var(--text-xl);font-weight:600;margin:0}h4{font-size:var(--text-lg);font-weight:600;margin:0}h5{font-size:var(--text-base);font-weight:600;margin:0}h6{font-size:var(--text-sm);font-weight:600;margin:0}p{margin:0;font-size:var(--text-base);line-height:1.7}button{font:inherit;border:none;cursor:pointer;transition:all var(--duration) var(--ease)}input,textarea,select{font:inherit;outline:none;border:none;background:none}img{display:block;max-width:100%;height:auto}a{text-decoration:none;transition:all var(--duration) var(--ease)}ul,ol{margin:0;padding:0;list-style:none}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.w-100{width:100%}.min-h-screen{min-height:100vh}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.scroll-y{overflow-y:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--color-primary:var(--brand-primary);--color-primary-light:var(--brand-primary-light);--color-primary-dark:var(--brand-primary-dark);--color-success:var(--brand-success);--color-warning:var(--brand-warning);--color-orange:var(--brand-orange);--color-danger:var(--brand-danger);--surface-page:#f4f8fc;--surface-page-gradient: linear-gradient( 180deg, #f4f8fc 0%, #f8fbff 100% );--surface-navbar:rgba(255,255,255,.82);--surface-sidebar:rgba(255,255,255,.86);--surface-elevated:rgba(255,255,255,.96);--surface-card:rgba(255,255,255,.74);--surface-card-hover:rgba(255,255,255,.9);--card-bg:var(--surface-card);--card-primary: linear-gradient( 145deg, rgba(114,206,242,.16), rgba(53,80,107,.05) );--card-success: linear-gradient( 145deg, rgba(152,191,69,.16), rgba(152,191,69,.05) );--card-warning: linear-gradient( 145deg, rgba(242,195,53,.18), rgba(242,195,53,.05) );--card-orange: linear-gradient( 145deg, rgba(242,141,53,.18), rgba(242,107,29,.05) );--card-danger: linear-gradient( 145deg, rgba(242,107,29,.16), rgba(242,107,29,.05) );--surface-primary:rgba(114,206,242,.14);--surface-success:rgba(152,191,69,.14);--surface-warning:rgba(242,195,53,.16);--surface-orange:rgba(242,141,53,.16);--surface-danger:rgba(242,107,29,.15);--text-primary:#30478c;--text-secondary:rgba(31,45,61,.76);--text-muted:#7e8da1;--text-disabled:rgba(31,45,61,.35);--text-on-primary:#ffffff;--border-card:rgba(53,80,107,.07);--border-light:rgba(53,80,107,.05);--border-input:rgba(53,80,107,.12);--border-focus:rgba(114,206,242,.4);--glass-bg:rgba(255,255,255,.46);--glass-border:rgba(255,255,255,.3);--icon-primary-bg:var(--surface-primary);--icon-success-bg:var(--surface-success);--icon-warning-bg:var(--surface-warning);--icon-orange-bg:var(--surface-orange);--icon-danger-bg:var(--surface-danger);--icon-primary:var(--color-primary);--icon-success:var(--color-success);--icon-warning:#c99300;--icon-orange:var(--color-orange);--icon-danger:var(--color-danger);--icon-surface:rgba(255,255,255,.22);--icon-border:rgba(255,255,255,.14);--trend-success-bg:var(--surface-success);--trend-success-text:var(--color-success);--trend-danger-bg:var(--surface-danger);--trend-danger-text:var(--color-danger);--badge-primary:var(--surface-primary);--badge-success:var(--surface-success);--badge-warning:var(--surface-warning);--badge-orange:var(--surface-orange);--badge-danger:var(--surface-danger);--divider-color:rgba(53,80,107,.08);--overlay-color:rgba(15,23,42,.18);--scrollbar-thumb:rgba(114,206,242,.25);--scrollbar-track:transparent;--shadow-card: 0 10px 30px rgba(31,45,61,.05);--shadow-hover: 0 18px 45px rgba(31,45,61,.08);--button-primary:var(--brand-primary);--button-primary-text:#ffffff;--button-success:var(--brand-success);--button-success-text:#ffffff;--button-warning:var(--brand-warning);--button-warning-text:#ffffff;--button-orange:var(--brand-orange);--button-orange-text:#ffffff;--button-danger:var(--brand-danger);--button-danger-text:#ffffff}.dark-mode{--color-primary:var(--brand-primary-light);--color-primary-light:#98dcf7;--color-primary-dark:#5ca5d1;--color-success:#a8d05d;--color-warning:#f5cf5b;--color-orange:#f4a259;--color-danger:#f37d47;--icon-surface:rgba(255,255,255,.08);--icon-border:rgba(255,255,255,.05);--trend-success-bg:var(--surface-success);--trend-success-text:var(--color-success);--trend-danger-bg:var(--surface-danger);--trend-danger-text:var(--color-danger);--surface-page:#0f1724;--surface-page-gradient: linear-gradient( 180deg, #0f1724 0%, #162334 100% );--surface-sidebar: rgba(18,28,43,.92);--surface-navbar: rgba(18,28,43,.82);--surface-elevated: rgba(26,38,56,.96);--surface-card: rgba(22,34,52,.84);--surface-card-hover: rgba(28,42,63,.95);--card-primary: linear-gradient( 145deg, rgba(114,206,242,.12), rgba(17,27,40,.92) );--card-success: linear-gradient( 145deg, rgba(152,191,69,.12), rgba(17,27,40,.92) );--card-warning: linear-gradient( 145deg, rgba(242,195,53,.12), rgba(17,27,40,.92) );--card-orange: linear-gradient( 145deg, rgba(242,141,53,.12), rgba(17,27,40,.92) );--card-danger: linear-gradient( 145deg, rgba(242,107,29,.12), rgba(17,27,40,.92) );--surface-primary: rgba(114,206,242,.14);--surface-success: rgba(152,191,69,.15);--surface-warning: rgba(242,195,53,.14);--surface-orange: rgba(242,141,53,.14);--surface-danger: rgba(242,107,29,.14);--text-primary:#edf5ff;--text-secondary: rgba(237,245,255,.78);--text-muted: rgba(237,245,255,.52);--text-disabled: rgba(237,245,255,.28);--text-on-primary:#ffffff;--border-card: rgba(255,255,255,.06);--border-light: rgba(255,255,255,.04);--border-input: rgba(255,255,255,.08);--border-focus: rgba(114,206,242,.45);--glass-bg: rgba(15,22,35,.42);--glass-border: rgba(255,255,255,.05);--shadow-card: 0 18px 45px rgba(0,0,0,.35);--shadow-hover: 0 26px 70px rgba(0,0,0,.45)}.dark-mode{--glass-light: rgba(15,23,36,.25);--glass-medium: rgba(15,23,36,.4);--glass-heavy: rgba(15,23,36,.62);--surface-soft: rgba(18,28,43,.84);--surface-soft-hover: rgba(28,42,63,.95);--button-primary:var(--brand-primary);--button-primary-text:#ffffff;--button-success:var(--brand-success);--button-success-text:#ffffff;--button-warning:var(--brand-warning);--button-warning-text:#ffffff;--button-orange:var(--brand-orange);--button-orange-text:#ffffff;--button-danger:var(--brand-danger);--button-danger-text:#ffffff}:root{--page-bg:var(--surface-page);--page-gradient:var(--surface-page-gradient);--navbar-bg:var(--surface-navbar);--navbar-border:var(--border-card);--navbar-text:var(--text-primary);--navbar-icon:var(--text-secondary);--sidebar-bg:var(--surface-sidebar);--sidebar-border:var(--border-card);--sidebar-text:var(--text-secondary);--sidebar-heading:var(--text-muted);--sidebar-hover-bg:var(--surface-card-hover);--sidebar-hover-text:var(--text-primary);--sidebar-active-bg:var(--surface-primary);--sidebar-active-text:var(--color-primary);--sidebar-shadow:var(--shadow-card);--content-bg:var(--surface-page);--card-bg:var(--surface-card);--card-border:var(--border-card);--card-shadow:var(--shadow-card);--card-hover-bg:var(--surface-card-hover);--input-bg:var(--surface-elevated);--input-border:var(--border-input);--input-focus:var(--border-focus);--input-text:var(--text-primary);--input-placeholder:var(--text-muted);--button-primary-bg:var(--color-primary);--button-primary-text:var(--text-on-primary);--button-success-bg:var(--color-success);--button-warning-bg:var(--color-warning);--button-orange-bg:var(--color-orange);--button-danger-bg:var(--color-danger);--table-header-bg:var(--surface-card);--table-row-bg:var(--surface-elevated);--table-hover-bg:var(--surface-card-hover);--table-border:var(--border-card);--badge-primary-bg:var(--surface-primary);--badge-success-bg:var(--surface-success);--badge-warning-bg:var(--surface-warning);--badge-orange-bg:var(--surface-orange);--badge-danger-bg:var(--surface-danger);--badge-primary-text:var(--color-primary);--badge-success-text:var(--color-success);--badge-warning-text:var(--color-warning);--badge-orange-text:var(--color-orange);--badge-danger-text:var(--color-danger);--modal-bg:var(--surface-elevated);--modal-border:var(--border-card);--modal-shadow:var(--shadow-modal);--drawer-bg:var(--surface-sidebar);--drawer-overlay:var(--overlay-color)}.kb-page{display:flex;flex-direction:column;gap:var(--space-6);width:100%;max-width:var(--content-max-width);margin:0 auto;animation:fadeIn .35s var(--ease)}.kb-grid{display:grid;gap:var(--space-6)}.kb-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.kb-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.kb-grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.kb-row{display:flex;gap:var(--space-6)}.kb-column{display:flex;flex-direction:column;gap:var(--space-6)}.kb-center{display:flex;align-items:center;justify-content:center}.kb-space-between{display:flex;align-items:center;justify-content:space-between}.kb-grow{flex:1}.kb-surface{background:var(--surface-elevated);border:1px solid var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.kb-glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.kb-text-muted{color:var(--text-muted)}.kb-text-secondary{color:var(--text-secondary)}.kb-text-primary{color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}.fade-in{animation:fadeIn .35s var(--ease)}.slide-up{animation:slideUp .35s var(--ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:992px){.kb-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.kb-grid-2,.kb-grid-3,.kb-grid-4,.kb-grid-auto{grid-template-columns:1fr}.kb-row{flex-direction:column}}:root{--layout-header-height:90px;--layout-workspace-header-height:64px;--layout-dock-height:84px}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;line-height:1;-webkit-user-select:none;user-select:none}