:root{--dfn-primary:#006098;--dfn-primary-container:#007abf;--dfn-on-primary:#fff;--dfn-primary-fixed:#cfe5ff;--dfn-on-primary-fixed-variant:#004a77;--dfn-surface-background:#f7f9fb;--dfn-surface-card:#fff;--dfn-surface-panel:#f2f4f6;--dfn-surface-elevated:#e6e8ea;--dfn-on-surface:#191c1e;--dfn-on-surface-variant:#40484c;--dfn-on-surface-muted:#6b7280;--dfn-outline-variant:hsla(210,9%,91%,.6);--dfn-glass-bg:hsla(0,0%,100%,.85);--dfn-glass-blur:blur(20px);--dfn-glass-border:1px solid hsla(210,9%,91%,.4);--dfn-shadow-floating:0 4px 20px rgba(2,8,23,.06),0 20px 40px rgba(0,96,152,.04);--dfn-shadow-cta:0 4px 14px rgba(0,96,152,.25);--dfn-radius-pill:9999px;--dfn-radius-lg:0.65rem;--dfn-radius-md:0.325rem;--dfn-spacing-4:0.1625rem;--dfn-spacing-8:0.325rem;--dfn-spacing-12:0.4875rem;--dfn-spacing-16:0.65rem;--dfn-spacing-20:0.8125rem;--dfn-spacing-24:0.975rem;--dfn-spacing-32:1.3rem;--dfn-spacing-section:3.25rem;--dfn-spacing-section-lg:3.9rem;--dfn-status-success:#238636;--dfn-status-success-bg:rgba(35,134,54,.12);--dfn-status-warning:#d29922;--dfn-status-warning-bg:rgba(210,153,34,.12);--dfn-status-danger:#da3633;--dfn-status-danger-bg:rgba(218,54,51,.12);--dfn-status-info:#58a6ff;--dfn-status-info-bg:rgba(88,166,255,.12);--dfn-font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--dfn-font-mono:"JetBrains Mono",Consolas,monospace}[data-theme=dark]{--dfn-surface-background:#0f1419;--dfn-surface-card:#1a1f26;--dfn-surface-panel:#141920;--dfn-surface-elevated:#232a33;--dfn-on-surface:#f0f6fc;--dfn-on-surface-variant:#c9d1d9;--dfn-on-surface-muted:#8b949e;--dfn-outline-variant:rgba(45,54,64,.6);--dfn-glass-bg:rgba(13,17,23,.75);--dfn-glass-border:1px solid rgba(45,54,64,.4);--dfn-shadow-floating:0 20px 40px rgba(0,96,152,.08),0 4px 12px rgba(0,0,0,.04)}.dfn-coord,.dfn-data,.dfn-id,.dfn-mono,.dfn-score{font-family:var(--dfn-font-mono)}.dfn-btn-primary{background:linear-gradient(180deg,var(--dfn-primary) 0,var(--dfn-primary-container) 100%);color:var(--dfn-on-primary);font-family:var(--dfn-font-sans);font-size:.875rem;font-weight:600;border-radius:var(--dfn-radius-md);padding:12px 24px;border:none;box-shadow:var(--dfn-shadow-cta);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.dfn-btn-primary:hover{box-shadow:0 6px 20px rgba(0,96,152,.35);transform:translateY(-1px)}.dfn-btn-primary:active{transform:translateY(0);box-shadow:var(--dfn-shadow-cta)}.dfn-glass-surface{background-color:var(--dfn-glass-bg);backdrop-filter:var(--dfn-glass-blur);-webkit-backdrop-filter:var(--dfn-glass-blur);border-bottom:var(--dfn-glass-border);box-shadow:var(--dfn-shadow-floating)}.dfn-display-lg{font-size:2.975rem;line-height:1.1}.dfn-display-lg,.dfn-display-md{font-family:var(--dfn-font-sans);font-weight:700;letter-spacing:-.02em;color:var(--dfn-on-surface)}.dfn-display-md{font-size:2.125rem;line-height:1.15}.dfn-headline-lg{font-family:var(--dfn-font-sans);font-size:1.7rem;font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--dfn-on-surface)}.dfn-headline-md{font-size:1.275rem;line-height:1.25}.dfn-headline-md,.dfn-title-lg{font-family:var(--dfn-font-sans);font-weight:600;letter-spacing:0;color:var(--dfn-on-surface)}.dfn-title-lg{font-size:1.0625rem;line-height:1.3}.dfn-title-md{font-weight:600;line-height:1.4}.dfn-body-lg,.dfn-title-md{font-family:var(--dfn-font-sans);font-size:.85rem;letter-spacing:0;color:var(--dfn-on-surface)}.dfn-body-lg{font-weight:400;line-height:1.6}.dfn-body-md{font-size:.74375rem;font-weight:400;line-height:1.5;letter-spacing:0}.dfn-body-md,.dfn-label-md{font-family:var(--dfn-font-sans);color:var(--dfn-on-surface)}.dfn-label-md{font-size:.6375rem;font-weight:600;line-height:1.3;letter-spacing:.02em}.dfn-label-sm{font-family:var(--dfn-font-sans);font-size:.584375rem;font-weight:500;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:var(--dfn-on-surface-muted)}.dfn-mono-metric{font-size:.95625rem;font-weight:600;color:var(--dfn-on-surface)}.dfn-mono-id,.dfn-mono-metric{font-family:var(--dfn-font-mono);line-height:1.3;letter-spacing:0}.dfn-mono-id{font-size:.6375rem;font-weight:500}.dfn-mono-id,.dfn-text-variant{color:var(--dfn-on-surface-variant)}.dfn-text-muted{color:var(--dfn-on-surface-muted)}.dfn-text-primary{color:var(--dfn-primary)}*,:after,:before{box-sizing:border-box}.dfn-workspace-root{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background-color:var(--dfn-surface-background);color:var(--dfn-on-surface);font-family:var(--dfn-font-sans);font-size:.85rem;line-height:1.6;box-sizing:border-box}.dfn-app-layout{display:flex;height:100vh;width:100vw}.dfn-universal-sidebar{width:52px;min-width:52px;background-color:var(--dfn-surface-elevated);border-right:1px solid var(--dfn-outline-variant);display:flex;flex-direction:column;align-items:center;padding:10px 0;z-index:50}.dfn-universal-sidebar-item{width:32px;height:32px;border-radius:var(--dfn-radius-md);display:flex;align-items:center;justify-content:center;color:var(--dfn-on-surface-variant);margin-bottom:6.5px;cursor:pointer;transition:all .2s ease}.dfn-universal-sidebar-item:hover{background-color:hsla(0,0%,100%,.5);color:var(--dfn-primary)}.dfn-universal-sidebar-item[data-active=true]{background-color:var(--dfn-surface-card);color:var(--dfn-primary);box-shadow:0 2px 8px rgba(0,0,0,.05)}.dfn--container{flex-direction:column;flex:1 1;height:100vh;min-height:0;overflow:hidden}.dfn--container,.dfn-topbar{display:flex;box-sizing:border-box}.dfn-topbar{height:44px;min-height:44px;max-height:44px;flex-shrink:0;background-color:var(--dfn-glass-bg);backdrop-filter:var(--dfn-glass-blur);-webkit-backdrop-filter:var(--dfn-glass-blur);border-bottom:var(--dfn-glass-border);padding:0 10px;align-items:center;justify-content:space-between;box-shadow:0 4px 20px rgba(0,96,152,.05);z-index:10}.dfn-main-workspace-row{display:flex;flex:1 1;min-height:0;overflow:hidden;position:relative;gap:0;box-sizing:border-box}.dfn-left-panel{width:240px;min-width:240px;background-color:var(--dfn-surface-panel);border:none;overflow-y:auto;padding:6.5px 6px 20px;box-sizing:border-box;min-height:0;transition:width .3s cubic-bezier(.16,1,.3,1),min-width .3s cubic-bezier(.16,1,.3,1),opacity .3s ease}.dfn-left-panel[data-collapsed=true]{width:0;min-width:0;padding:0;overflow:hidden;opacity:0}.dfn-center-canvas{flex:1 1;background-color:var(--dfn-surface-background);overflow:hidden;position:relative;display:flex;flex-direction:column;min-height:0;box-sizing:border-box}.dfn-right-panel{width:288px;min-width:288px;background-color:var(--dfn-surface-card);box-shadow:var(--dfn-shadow-floating);border:none;overflow-y:auto;padding:8px 8px 24px;margin:6px;border-radius:var(--dfn-radius-lg);box-sizing:border-box;min-height:0;transition:width .3s cubic-bezier(.16,1,.3,1),min-width .3s cubic-bezier(.16,1,.3,1),margin .3s ease,opacity .3s ease}.dfn-right-panel[data-collapsed=true]{width:0;min-width:0;padding:0;margin:0;overflow:hidden;opacity:0}.dfn-statusbar{height:22px;min-height:22px;max-height:22px;flex-shrink:0;background-color:var(--dfn-surface-panel);border:none;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:.584375rem;font-weight:500;color:var(--dfn-on-surface-muted);box-sizing:border-box;z-index:20}.dfn-scrollable{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable;overscroll-behavior-y:contain;box-sizing:border-box;min-height:0}.dfn-scrollable::-webkit-scrollbar{width:6px;background:transparent}.dfn-scrollable::-webkit-scrollbar-track{background:transparent}.dfn-scrollable::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--dfn-radius-pill);-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.dfn-scrollable:hover{scrollbar-color:rgba(0,96,152,.18) transparent}.dfn-scrollable:hover::-webkit-scrollbar-thumb{background-color:rgba(0,96,152,.18)}.dfn-scrollable:hover::-webkit-scrollbar-thumb:hover{background-color:rgba(0,96,152,.32)}.dfn-left-panel,.dfn-right-panel{overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable}.dfn-left-panel::-webkit-scrollbar,.dfn-right-panel::-webkit-scrollbar{width:6px;background:transparent}.dfn-left-panel::-webkit-scrollbar-track,.dfn-right-panel::-webkit-scrollbar-track{background:transparent}.dfn-left-panel::-webkit-scrollbar-thumb,.dfn-right-panel::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--dfn-radius-pill)}.dfn-left-panel:hover,.dfn-right-panel:hover{scrollbar-color:rgba(0,96,152,.18) transparent}.dfn-left-panel:hover::-webkit-scrollbar-thumb,.dfn-right-panel:hover::-webkit-scrollbar-thumb{background-color:rgba(0,96,152,.18)}.dfn-left-panel:hover::-webkit-scrollbar-thumb:hover,.dfn-right-panel:hover::-webkit-scrollbar-thumb:hover{background-color:rgba(0,96,152,.32)}@keyframes dfnSlideInRight{0%{transform:translateX(100%);opacity:.7}to{transform:translateX(0);opacity:1}}@keyframes dfnSlideInLeft{0%{transform:translateX(-100%);opacity:.7}to{transform:translateX(0);opacity:1}}