@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--jc-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--jc-font-mono: "JetBrains Mono", "SFMono-Regular", "Menlo", monospace;--jc-bg: #F8FAFC;--jc-bg-elevated: #F1F5F9;--jc-surface: #FFFFFF;--jc-surface-elevated: #F8FAFC;--jc-border: rgba(0, 0, 0, .08);--jc-border-strong: rgba(0, 0, 0, .14);--jc-ink: #0F172A;--jc-ink-secondary: rgba(15, 23, 42, .72);--jc-ink-tertiary: rgba(15, 23, 42, .52);--jc-mint: #5AF3CE;--jc-mint-dark: #3DD4B0;--jc-mint-soft: rgba(90, 243, 206, .12);--jc-mint-border: rgba(90, 243, 206, .25);--jc-mint-fg: #0a0f1c;--jc-danger: #DC2626;--jc-danger-soft: rgba(220, 38, 38, .1);--jc-warning: #D97706;--jc-warning-soft: rgba(217, 119, 6, .1);--jc-success: #16A34A;--jc-success-soft: rgba(22, 163, 74, .1);--jc-info: #2563EB;--jc-card-bg: #FFFFFF;--jc-card-border: rgba(0, 0, 0, .06);--jc-card-shadow: 0 1px 3px rgba(0, 0, 0, .06);--jc-input-bg: #FFFFFF;--jc-input-border: rgba(0, 0, 0, .12);--jc-input-focus: rgba(90, 243, 206, .5);--jc-sidebar-bg: #F1F5F9;--jc-sidebar-border: rgba(0, 0, 0, .06);--jc-sidebar-hover: rgba(0, 0, 0, .04);--jc-sidebar-active: rgba(90, 243, 206, .12);--jc-glass-bg: rgba(255, 255, 255, .75);--jc-glass-border: rgba(0, 0, 0, .08);--jc-glass-blur: 16px;--jc-glass-shadow: 0 10px 30px rgba(0, 0, 0, .1);--jc-radius: .5rem;--jc-radius-lg: .75rem;--jc-immersive-bg: linear-gradient(135deg, #E2E8F0 0%, #F1F5F9 50%, #E2E8F0 100%);color-scheme:light}.dark{--jc-bg: #111317;--jc-bg-elevated: #161A22;--jc-surface: #1A1E26;--jc-surface-elevated: #1E222C;--jc-border: rgba(255, 255, 255, .08);--jc-border-strong: rgba(255, 255, 255, .14);--jc-ink: #FFFFFF;--jc-ink-secondary: rgba(255, 255, 255, .72);--jc-ink-tertiary: rgba(255, 255, 255, .52);--jc-mint: #5AF3CE;--jc-mint-dark: #3DD4B0;--jc-mint-soft: rgba(90, 243, 206, .1);--jc-mint-border: rgba(90, 243, 206, .2);--jc-mint-fg: #0a0f1c;--jc-danger: #FF5A67;--jc-danger-soft: rgba(255, 90, 103, .1);--jc-warning: #FFB020;--jc-warning-soft: rgba(255, 176, 32, .1);--jc-success: #35F2A1;--jc-success-soft: rgba(53, 242, 161, .1);--jc-info: #5AA7FF;--jc-card-bg: #1A1E26;--jc-card-border: rgba(255, 255, 255, .06);--jc-card-shadow: 0 1px 3px rgba(0, 0, 0, .2);--jc-input-bg: #1E222C;--jc-input-border: rgba(255, 255, 255, .1);--jc-input-focus: rgba(90, 243, 206, .4);--jc-sidebar-bg: #13161C;--jc-sidebar-border: rgba(255, 255, 255, .06);--jc-sidebar-hover: rgba(255, 255, 255, .04);--jc-sidebar-active: rgba(90, 243, 206, .1);--jc-glass-bg: rgba(17, 19, 23, .75);--jc-glass-border: rgba(255, 255, 255, .06);--jc-glass-blur: 16px;--jc-glass-shadow: 0 10px 30px rgba(0, 0, 0, .35);--jc-immersive-bg: linear-gradient(135deg, #0B0E14 0%, #111317 40%, #0F1219 100%);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--jc-font);font-size:14px;line-height:1.5;color:var(--jc-ink);background:var(--jc-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--jc-mint);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}.immersive-backdrop{background:var(--jc-immersive-bg);min-height:100vh}.glass-card{background:var(--jc-glass-bg);-webkit-backdrop-filter:blur(var(--jc-glass-blur));backdrop-filter:blur(var(--jc-glass-blur));border:1px solid var(--jc-glass-border);border-radius:var(--jc-radius-lg);box-shadow:var(--jc-glass-shadow)}.jc-card{background:var(--jc-card-bg);border:1px solid var(--jc-card-border);border-radius:var(--jc-radius);box-shadow:var(--jc-card-shadow);padding:1.25rem}.jc-input{display:block;width:100%;padding:.5rem .75rem;min-height:2.25rem;background:var(--jc-input-bg);border:1px solid var(--jc-input-border);border-radius:var(--jc-radius);color:var(--jc-ink);font-size:.875rem;transition:border-color .15s,box-shadow .15s;outline:none}.jc-input:focus{border-color:var(--jc-mint);box-shadow:0 0 0 2px var(--jc-input-focus)}.jc-input::placeholder{color:var(--jc-ink-tertiary)}.jc-input:disabled{opacity:.6;cursor:not-allowed}textarea.jc-input{min-height:5rem;resize:vertical}select.jc-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.jc-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem;color:var(--jc-ink)}.jc-field{margin-bottom:1rem}.jc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;min-height:2.25rem;border:1px solid transparent;border-radius:var(--jc-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .15s,background .15s,box-shadow .15s;text-decoration:none;white-space:nowrap}.jc-btn:disabled{opacity:.6;cursor:not-allowed}.jc-btn-primary{background:linear-gradient(135deg,var(--jc-mint),var(--jc-mint-dark));color:var(--jc-mint-fg);border-color:transparent;font-weight:600}.jc-btn-primary:hover:not(:disabled){opacity:.9}.jc-btn-secondary{background:var(--jc-surface);color:var(--jc-ink);border-color:var(--jc-border-strong)}.jc-btn-secondary:hover:not(:disabled){background:var(--jc-bg-elevated)}.jc-btn-ghost{background:transparent;color:var(--jc-ink-secondary);border-color:transparent}.jc-btn-ghost:hover:not(:disabled){background:var(--jc-sidebar-hover);color:var(--jc-ink)}.jc-btn-danger{background:var(--jc-danger);color:#fff;border-color:transparent}.jc-btn-danger:hover:not(:disabled){opacity:.9}.jc-btn-sm{padding:.25rem .625rem;min-height:1.75rem;font-size:.8125rem}.jc-btn-icon{padding:.5rem;min-height:2.25rem;width:2.25rem}.jc-btn-wide{width:100%}.jc-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500;white-space:nowrap}.jc-badge-default{background:var(--jc-bg-elevated);color:var(--jc-ink-secondary);border:1px solid var(--jc-border)}.jc-badge-success{background:var(--jc-success-soft);color:var(--jc-success)}.jc-badge-warning{background:var(--jc-warning-soft);color:var(--jc-warning)}.jc-badge-danger{background:var(--jc-danger-soft);color:var(--jc-danger)}.jc-badge-mint{background:var(--jc-mint-soft);color:var(--jc-mint-dark)}.dark .jc-badge-mint{color:var(--jc-mint)}.jc-table{width:100%;border-collapse:collapse;font-size:.875rem}.jc-table th{text-align:left;font-weight:500;color:var(--jc-ink-secondary);padding:.625rem .75rem;border-bottom:1px solid var(--jc-border-strong);font-size:.8125rem}.jc-table td{padding:.625rem .75rem;border-bottom:1px solid var(--jc-border);vertical-align:middle}.jc-table tr:last-child td{border-bottom:none}.jc-avatar{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--jc-mint-soft);color:var(--jc-mint-dark);font-weight:600;font-size:.75rem;flex-shrink:0}.dark .jc-avatar{color:var(--jc-mint)}.jc-text-secondary{color:var(--jc-ink-secondary)}.jc-text-tertiary{color:var(--jc-ink-tertiary)}.jc-text-mint{color:var(--jc-mint)}.jc-text-danger{color:var(--jc-danger)}.jc-empty{text-align:center;padding:2rem 1rem;color:var(--jc-ink-tertiary)}.jc-separator{height:1px;background:var(--jc-border);margin:1rem 0}.jc-alert{padding:.75rem 1rem;border-radius:var(--jc-radius);font-size:.875rem;display:flex;align-items:flex-start;gap:.5rem}.jc-alert-error{background:var(--jc-danger-soft);color:var(--jc-danger);border:1px solid rgba(220,38,38,.15)}.dark .jc-alert-error{border-color:#ff5a6726}.jc-alert-success{background:var(--jc-success-soft);color:var(--jc-success);border:1px solid rgba(22,163,74,.15)}.jc-alert-info{background:var(--jc-mint-soft);color:var(--jc-mint-dark);border:1px solid var(--jc-mint-border)}.dark .jc-alert-info{color:var(--jc-mint)}.jc-spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid var(--jc-border);border-top-color:var(--jc-mint);border-radius:50%;animation:jc-spin .6s linear infinite}@keyframes jc-spin{to{transform:rotate(360deg)}}.jc-logo-text{font-size:1.25rem;font-weight:700;letter-spacing:-.025em}.jc-logo-accent{color:var(--jc-mint)}.jc-sidebar{width:16rem;min-height:100vh;background:var(--jc-sidebar-bg);border-right:1px solid var(--jc-sidebar-border);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease,transform .2s ease;position:relative;z-index:30}.jc-sidebar.collapsed{width:3.5rem}.jc-sidebar-header{padding:1rem;border-bottom:1px solid var(--jc-sidebar-border);display:flex;align-items:center;gap:.75rem;min-height:3.5rem}.jc-sidebar-content{flex:1;padding:.5rem;overflow-y:auto}.jc-sidebar-footer{padding:.75rem;border-top:1px solid var(--jc-sidebar-border)}.jc-sidebar-group-label{padding:.5rem .75rem .25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--jc-ink-tertiary)}.jc-sidebar-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border-radius:var(--jc-radius);font-size:.875rem;color:var(--jc-ink-secondary);cursor:pointer;transition:background .1s,color .1s;border:none;background:none;width:100%;text-align:left;text-decoration:none}.jc-sidebar-item:hover{background:var(--jc-sidebar-hover);color:var(--jc-ink);text-decoration:none}.jc-sidebar-item.active{background:var(--jc-sidebar-active);color:var(--jc-mint);font-weight:500}.jc-sidebar-item svg{width:1.125rem;height:1.125rem;flex-shrink:0}.jc-sidebar.collapsed .jc-sidebar-item span,.jc-sidebar.collapsed .jc-sidebar-group-label,.jc-sidebar.collapsed .jc-sidebar-header .jc-logo-text{display:none}.jc-sidebar.collapsed .jc-sidebar-item{justify-content:center;padding:.5rem}.jc-layout{display:flex;min-height:100vh}.jc-main{flex:1;min-width:0;display:flex;flex-direction:column}.jc-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0 1rem;min-height:3.5rem;border-bottom:1px solid var(--jc-border);background:var(--jc-bg);position:sticky;top:0;z-index:20}.jc-header-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.jc-header-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.jc-page{flex:1;padding:1.5rem;overflow-y:auto}.jc-page-header{margin-bottom:1.5rem}.jc-page-title{font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.jc-page-description{color:var(--jc-ink-secondary);margin-top:.25rem}.jc-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.jc-status-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.jc-status-dot-success{background:var(--jc-success)}.jc-status-dot-warning{background:var(--jc-warning)}.jc-status-dot-danger{background:var(--jc-danger)}.jc-status-dot-neutral{background:var(--jc-ink-tertiary)}.jc-file-drop{border:2px dashed var(--jc-border-strong);border-radius:var(--jc-radius-lg);padding:2rem;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.jc-file-drop:hover{border-color:var(--jc-mint);background:var(--jc-mint-soft)}.jc-code{overflow:auto;padding:1rem;border-radius:var(--jc-radius);background:#1e1e2e;color:#cdd6f4;font-family:var(--jc-font-mono);font-size:.8125rem;line-height:1.6}.jc-toggle-theme{background:none;border:1px solid var(--jc-border);border-radius:var(--jc-radius);padding:.5rem;cursor:pointer;color:var(--jc-ink-secondary);display:flex;align-items:center;justify-content:center;min-height:2.25rem;width:2.25rem;transition:background .15s}.jc-toggle-theme:hover{background:var(--jc-sidebar-hover);color:var(--jc-ink)}.jc-user-menu{position:relative}.jc-user-menu-trigger{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:var(--jc-radius);border:1px solid var(--jc-border);background:transparent;cursor:pointer;transition:background .15s}.jc-user-menu-trigger:hover{background:var(--jc-sidebar-hover)}.jc-user-menu-dropdown{position:absolute;right:0;top:calc(100% + .25rem);min-width:12rem;background:var(--jc-card-bg);border:1px solid var(--jc-card-border);border-radius:var(--jc-radius);box-shadow:var(--jc-glass-shadow);padding:.25rem;z-index:50}.jc-user-menu-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:calc(var(--jc-radius) - 2px);font-size:.875rem;color:var(--jc-ink);cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:background .1s}.jc-user-menu-item:hover{background:var(--jc-sidebar-hover)}.jc-user-menu-item svg{width:1rem;height:1rem;color:var(--jc-ink-secondary)}@media(max-width:768px){.jc-sidebar{position:fixed;left:0;top:0;height:100vh;transform:translate(-100%);z-index:40}.jc-sidebar.mobile-open{transform:translate(0)}.jc-sidebar-overlay{position:fixed;inset:0;background:#0006;z-index:35}.jc-grid-2{grid-template-columns:1fr}}