:root{--jo-bg:#080c14;--jo-surface:#0f1724;--jo-surface-2:#151e2e;--jo-surface-3:#1c2740;--jo-border:#243044;--jo-border-strong:#324260;--jo-primary:#6d5dfc;--jo-primary-hover:#7c6cff;--jo-primary-soft:#6d5dfc24;--jo-cyan:#22d3ee;--jo-cyan-soft:#22d3ee24;--jo-blue:#3b82f6;--jo-blue-soft:#3b82f624;--jo-gradient-brand:linear-gradient(135deg, #6d5dfc 0%, #3b82f6 55%, #22d3ee 100%);--jo-gradient-brand-soft:linear-gradient(135deg, #6d5dfc29 0%, #3b82f61f 55%, #22d3ee1a 100%);--jo-gradient-text:linear-gradient(135deg, #a5b4fc 0%, #7dd3fc 100%);--jo-text-primary:#f8fafc;--jo-text-secondary:#94a3b8;--jo-text-muted:#64748b;--jo-success:#22c55e;--jo-success-soft:#22c55e24;--jo-warning:#f59e0b;--jo-warning-soft:#f59e0b24;--jo-danger:#ef4444;--jo-danger-soft:#ef444424;--jo-info:#3b82f6;--jo-info-soft:#3b82f624;--jo-font-sans:"Inter", system-ui, -apple-system, sans-serif;--jo-font-display:"Plus Jakarta Sans", "Inter", system-ui, sans-serif;--jo-fs-xs:.6875rem;--jo-fs-sm:.8125rem;--jo-fs-base:.875rem;--jo-fs-md:1rem;--jo-fs-lg:1.125rem;--jo-fs-xl:1.5rem;--jo-fs-2xl:2rem;--jo-fs-3xl:2.75rem;--jo-space-1:4px;--jo-space-2:8px;--jo-space-3:12px;--jo-space-4:16px;--jo-space-5:20px;--jo-space-6:24px;--jo-space-8:32px;--jo-space-10:40px;--jo-space-12:48px;--jo-radius-sm:8px;--jo-radius-md:12px;--jo-radius-lg:16px;--jo-radius-xl:20px;--jo-radius-full:999px;--jo-shadow-sm:0 1px 2px #0000003d;--jo-shadow-md:0 8px 24px #00000047;--jo-shadow-lg:0 16px 48px #0000005c;--jo-shadow-brand:0 8px 24px #6d5dfc47;--jo-sidebar-width:288px;--jo-header-height-mobile:56px;--jo-header-height:64px;--jo-transition:.18s cubic-bezier(.4, 0, .2, 1)}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--jo-bg);color:var(--jo-text-secondary);font-family:var(--jo-font-sans);font-size:var(--jo-fs-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;position:relative}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 14% 18%,#6d5dfc24 0,#0000 45%),radial-gradient(circle at 86% 26%,#22d3ee14 0,#0000 45%),radial-gradient(circle at 50% 92%,#3b82f61f 0,#0000 55%);position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(90deg,#6d5dfc09 1px,#0000 1px),linear-gradient(#6d5dfc09 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 45%,#0000 100%);mask-image:radial-gradient(#000 45%,#0000 100%)}h1,h2,h3,h4,h5,h6{font-family:var(--jo-font-display);color:var(--jo-text-primary);letter-spacing:-.02em;margin:0;font-weight:700}h1{font-size:var(--jo-fs-3xl);line-height:1.1}h2{font-size:var(--jo-fs-2xl);line-height:1.2}h3{font-size:var(--jo-fs-xl);line-height:1.3}h4{font-size:var(--jo-fs-lg);line-height:1.4}p{color:var(--jo-text-secondary);margin:0}a{color:var(--jo-cyan);transition:color var(--jo-transition);text-decoration:none}a:hover{color:#67e8f9}small,.jo-text-sm{font-size:var(--jo-fs-sm)}.jo-text-xs{font-size:var(--jo-fs-xs)}.jo-text-muted{color:var(--jo-text-muted)}.jo-text-primary{color:var(--jo-text-primary)}.jo-text-gradient{background:var(--jo-gradient-text);color:#0000;-webkit-background-clip:text;background-clip:text}.jo-label{font-size:var(--jo-fs-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--jo-text-muted);font-weight:700}.jo-container{max-width:1280px;padding:0 var(--jo-space-6);margin:0 auto}.jo-scroll::-webkit-scrollbar{width:5px;height:5px}.jo-scroll::-webkit-scrollbar-thumb{background:#6d5dfc40;border-radius:4px}.jo-scroll{scrollbar-width:thin;scrollbar-color:#6d5dfc40 transparent}.jo-no-scrollbar::-webkit-scrollbar{display:none}.jo-no-scrollbar{scrollbar-width:none}
.jo-btn{justify-content:center;align-items:center;gap:var(--jo-space-2);border-radius:var(--jo-radius-md);font-family:var(--jo-font-sans);font-size:var(--jo-fs-base);cursor:pointer;transition:transform var(--jo-transition), box-shadow var(--jo-transition), background var(--jo-transition), border-color var(--jo-transition), color var(--jo-transition);white-space:nowrap;border:1px solid #0000;padding:10px 18px;font-weight:600;display:inline-flex}.jo-btn:active{transform:translateY(1px)}.jo-btn:focus-visible{outline:2px solid var(--jo-cyan);outline-offset:2px}.jo-btn-primary{background:var(--jo-gradient-brand);color:#fff;box-shadow:var(--jo-shadow-brand)}.jo-btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 32px #6d5dfc5c}.jo-btn-secondary{background:var(--jo-surface-2);border-color:var(--jo-border);color:var(--jo-text-primary)}.jo-btn-secondary:hover{border-color:var(--jo-border-strong);background:var(--jo-surface-3)}.jo-btn-ghost{color:var(--jo-text-secondary);background:0 0}.jo-btn-ghost:hover{background:var(--jo-surface-2);color:var(--jo-text-primary)}.jo-btn-danger{background:var(--jo-danger-soft);color:#fca5a5;border-color:#ef444440}.jo-btn-danger:hover{background:#ef444438}.jo-btn-sm{font-size:var(--jo-fs-sm);border-radius:var(--jo-radius-sm);padding:6px 12px}.jo-btn-icon{width:38px;height:38px;padding:9px}.jo-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.jo-card{background:linear-gradient(155deg, var(--jo-surface) 0%, var(--jo-surface-2) 100%);border:1px solid var(--jo-border);border-radius:var(--jo-radius-lg);padding:var(--jo-space-5);transition:border-color var(--jo-transition), transform var(--jo-transition)}.jo-card-hover:hover{border-color:var(--jo-border-strong);transform:translateY(-1px)}.jo-card-brand{background:var(--jo-gradient-brand);color:#fff;box-shadow:var(--jo-shadow-brand);border:none}.jo-card-brand .jo-text-muted{color:#ffffffb8}.jo-stat-card{gap:var(--jo-space-2);flex-direction:column;display:flex}.jo-stat-card .jo-stat-icon{border-radius:var(--jo-radius-md);background:var(--jo-primary-soft);width:40px;height:40px;color:var(--jo-primary-hover);justify-content:center;align-items:center;font-size:18px;display:inline-flex}.jo-stat-card .jo-stat-value{font-family:var(--jo-font-display);font-size:var(--jo-fs-2xl);color:var(--jo-text-primary);font-weight:700;line-height:1.15}.jo-badge{border-radius:var(--jo-radius-full);font-size:var(--jo-fs-xs);text-transform:uppercase;letter-spacing:.04em;border:1px solid #0000;align-items:center;gap:5px;padding:3px 10px;font-weight:700;display:inline-flex}.jo-badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.jo-badge-success{background:var(--jo-success-soft);color:#4ade80;border-color:#22c55e40}.jo-badge-warning{background:var(--jo-warning-soft);color:#fbbf24;border-color:#f59e0b40}.jo-badge-danger{background:var(--jo-danger-soft);color:#f87171;border-color:#ef444440}.jo-badge-info{background:var(--jo-info-soft);color:#60a5fa;border-color:#3b82f640}.jo-badge-neutral{background:var(--jo-surface-3);color:var(--jo-text-secondary);border-color:var(--jo-border)}.jo-field{margin-bottom:var(--jo-space-4);flex-direction:column;gap:6px;display:flex}.jo-field-label{font-size:var(--jo-fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--jo-text-muted);font-weight:700}.jo-input,.jo-select,.jo-textarea{background:var(--jo-surface-2);border:1.5px solid var(--jo-border);border-radius:var(--jo-radius-md);width:100%;color:var(--jo-text-primary);font-family:var(--jo-font-sans);font-size:var(--jo-fs-base);transition:border-color var(--jo-transition), box-shadow var(--jo-transition), background var(--jo-transition);outline:none;padding:11px 14px}.jo-input::placeholder,.jo-textarea::placeholder{color:var(--jo-text-muted)}.jo-input:focus,.jo-select:focus,.jo-textarea:focus{border-color:var(--jo-primary);background:var(--jo-surface-3);box-shadow:0 0 0 3px var(--jo-primary-soft)}.jo-textarea{resize:vertical;min-height:96px}.jo-input-icon-wrap{position:relative}.jo-input-icon-wrap .jo-input{padding-left:42px}.jo-input-icon{color:var(--jo-text-muted);pointer-events:none;font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.jo-checkbox,.jo-radio{width:18px;height:18px;accent-color:var(--jo-primary);cursor:pointer}.jo-switch{width:42px;height:24px;display:inline-block;position:relative}.jo-switch input{opacity:0;width:0;height:0}.jo-switch-track{border-radius:var(--jo-radius-full);background:var(--jo-surface-3);border:1px solid var(--jo-border);transition:background var(--jo-transition);cursor:pointer;position:absolute;inset:0}.jo-switch-track:before{content:"";background:var(--jo-text-secondary);width:16px;height:16px;transition:transform var(--jo-transition), background var(--jo-transition);border-radius:50%;position:absolute;top:3px;left:3px}.jo-switch input:checked+.jo-switch-track{background:var(--jo-gradient-brand);border-color:#0000}.jo-switch input:checked+.jo-switch-track:before{background:#fff;transform:translate(18px)}.jo-modal-overlay{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--jo-space-4);padding-bottom:calc(var(--jo-space-4) + env(safe-area-inset-bottom));background:#03060eb3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.jo-modal-overlay.jo-open{display:flex}.jo-modal{width:100%;max-width:448px;max-height:90vh;max-height:min(90vh, calc(100dvh - 2 * var(--jo-space-4) - env(safe-area-inset-bottom)));background:var(--jo-surface);border:1px solid var(--jo-border);border-radius:var(--jo-radius-xl);box-shadow:var(--jo-shadow-lg);flex-direction:column;display:flex;overflow:hidden}.jo-modal-lg{max-width:512px}.jo-modal-xl{max-width:672px}.jo-modal-body{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.jo-modal-header,.jo-modal-footer{flex-shrink:0}.jo-modal-header{padding:var(--jo-space-5);border-bottom:1px solid var(--jo-border);background:var(--jo-gradient-brand-soft);justify-content:space-between;align-items:center;display:flex}.jo-modal-body{padding:var(--jo-space-5)}.jo-modal-footer{justify-content:flex-end;gap:var(--jo-space-2);padding:var(--jo-space-4) var(--jo-space-5);border-top:1px solid var(--jo-border);display:flex}.jo-modal-close{border-radius:var(--jo-radius-sm);width:32px;height:32px;color:var(--jo-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.jo-modal-close:hover{background:var(--jo-surface-2);color:var(--jo-text-primary)}.jo-table-wrap{border-radius:var(--jo-radius-lg);border:1px solid var(--jo-border);overflow-x:auto}.jo-table{border-collapse:collapse;width:100%;min-width:560px}.jo-table thead th{text-align:left;font-size:var(--jo-fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--jo-text-muted);background:var(--jo-surface-2);border-bottom:1px solid var(--jo-border);padding:10px 14px;font-weight:700}.jo-table tbody td{color:var(--jo-text-secondary);border-bottom:1px solid var(--jo-border);padding:12px 14px;font-size:13.6px}.jo-table tbody tr:last-child td{border-bottom:none}.jo-table tbody tr{transition:background var(--jo-transition)}.jo-table tbody tr:hover{background:#6d5dfc0d}.jo-table .jo-cell-strong{color:var(--jo-text-primary);font-weight:600}.jo-empty{text-align:center;padding:var(--jo-space-10) var(--jo-space-5);background:var(--jo-surface);border:1px solid var(--jo-border);border-radius:var(--jo-radius-lg)}.jo-empty-icon{width:56px;height:56px;margin:0 auto var(--jo-space-3);border-radius:var(--jo-radius-md);background:var(--jo-primary-soft);color:var(--jo-primary-hover);justify-content:center;align-items:center;font-size:24px;display:flex}.jo-empty-title{color:var(--jo-text-primary);margin-bottom:4px;font-weight:700}.jo-empty-subtitle{font-size:var(--jo-fs-sm);color:var(--jo-text-muted);margin-bottom:var(--jo-space-4)}@keyframes jo-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.jo-skeleton-card{background:var(--jo-surface);border:1px solid var(--jo-border);border-radius:var(--jo-radius-lg);padding:var(--jo-space-3);position:relative;overflow:hidden}.jo-skeleton-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff0f 50%,#0000 100%);animation:1.4s ease-in-out infinite jo-skeleton-sweep;position:absolute;inset:0}.jo-skeleton-block{background:var(--jo-surface-3);border-radius:var(--jo-radius-sm);display:block}.jo-avatar{background:var(--jo-gradient-brand);color:#fff;width:40px;height:40px;font-weight:700;font-size:var(--jo-fs-sm);border-radius:28%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.jo-avatar-sm{width:32px;height:32px;font-size:11px}.jo-avatar-lg{width:56px;height:56px;font-size:18px}
.jo-tabs{background:var(--jo-surface);border:1px solid var(--jo-border);border-radius:var(--jo-radius-lg);scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:4px;max-width:100%;padding:6px;display:inline-flex;overflow:auto hidden}.jo-tabs::-webkit-scrollbar{display:none}.jo-tab{border-radius:var(--jo-radius-md);font-size:var(--jo-fs-sm);color:var(--jo-text-secondary);cursor:pointer;white-space:nowrap;transition:background var(--jo-transition), color var(--jo-transition), box-shadow var(--jo-transition);background:0 0;border:none;flex:none;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-weight:700;display:inline-flex}.jo-tab:hover{background:var(--jo-primary-soft);color:var(--jo-text-primary)}.jo-tab.jo-active{background:var(--jo-gradient-brand);color:#fff;box-shadow:var(--jo-shadow-brand)}.jo-tabs-underline{background:var(--jo-surface);border:1px solid var(--jo-border);border-radius:var(--jo-radius-lg) var(--jo-radius-lg) 0 0;display:flex;overflow-x:auto}.jo-tab-underline{font-size:var(--jo-fs-sm);text-align:center;color:var(--jo-text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--jo-transition), border-color var(--jo-transition), background var(--jo-transition);background:0 0;border:none;border-bottom:2px solid #0000;flex:1 0 auto;padding:16px 20px;font-weight:600}.jo-tab-underline:hover{color:var(--jo-text-primary)}.jo-tab-underline.jo-active{color:var(--jo-primary-hover);border-bottom-color:var(--jo-primary);background:var(--jo-primary-soft)}.jo-tab-panel{display:none}.jo-tab-panel.jo-active{display:block}.jo-accordion-item{background:linear-gradient(155deg, var(--jo-surface) 0%, var(--jo-surface-2) 100%);border:1px solid var(--jo-border);border-radius:var(--jo-radius-lg);margin-bottom:var(--jo-space-2);transition:border-color var(--jo-transition), background var(--jo-transition)}.jo-accordion-item>summary{cursor:pointer;padding:var(--jo-space-4) var(--jo-space-5);justify-content:space-between;align-items:center;gap:var(--jo-space-4);list-style:none;display:flex}.jo-accordion-item>summary::-webkit-details-marker{display:none}.jo-accordion-item>summary::marker{content:""}.jo-accordion-title{font-family:var(--jo-font-display);font-weight:600;font-size:var(--jo-fs-md);color:var(--jo-text-primary)}.jo-accordion-chev{color:var(--jo-cyan);flex-shrink:0;font-size:20px;transition:transform .25s}.jo-accordion-item[open] .jo-accordion-chev{transform:rotate(180deg)}.jo-accordion-item[open]{background:var(--jo-gradient-brand-soft);border-color:#6d5dfc4d}.jo-accordion-body{padding:0 var(--jo-space-5) var(--jo-space-5);color:var(--jo-text-secondary);font-size:var(--jo-fs-base);line-height:1.7}.jo-filter-pills{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.jo-filter-pill{border-radius:var(--jo-radius-full);font-size:var(--jo-fs-xs);border:2px solid var(--jo-border);background:var(--jo-surface);color:var(--jo-text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--jo-transition);flex-shrink:0;padding:6px 14px;font-weight:700}.jo-filter-pill.jo-active{border-color:var(--jo-primary);background:var(--jo-primary);color:#fff}.jo-drawer-overlay{z-index:70;display:none;position:fixed;inset:0}.jo-drawer-overlay.jo-open{display:block}.jo-drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#03060e99;position:absolute;inset:0}.jo-drawer{background:var(--jo-bg);border-left:1px solid var(--jo-border);width:100%;box-shadow:var(--jo-shadow-lg);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0}@media (min-width:640px){.jo-drawer{width:420px}}.jo-drawer-header{padding:var(--jo-space-4) var(--jo-space-5);border-bottom:1px solid var(--jo-border);background:var(--jo-gradient-brand-soft);align-items:center;gap:var(--jo-space-3);display:flex}.jo-drawer-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:var(--jo-space-4) var(--jo-space-4) calc(var(--jo-space-6) + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.jo-drawer-footer{padding:var(--jo-space-4);border-top:1px solid var(--jo-border);background:var(--jo-surface-2)}.jo-chat-row{margin-bottom:var(--jo-space-3);align-items:flex-end;gap:8px;display:flex}.jo-chat-row.jo-chat-out{flex-direction:row-reverse}.jo-chat-bubble{word-break:break-word;max-width:78%;font-size:var(--jo-fs-base);white-space:pre-line;padding:10px 14px;line-height:1.5}.jo-chat-in{background:var(--jo-surface-2);border:1px solid var(--jo-border);color:var(--jo-text-primary);border-radius:16px 16px 16px 4px}.jo-chat-out .jo-chat-bubble{background:var(--jo-gradient-brand);color:#fff;border-radius:16px 16px 4px}.jo-chat-meta{color:var(--jo-text-muted);margin-top:4px;font-size:10px}.jo-chat-out .jo-chat-meta{text-align:right}.jo-typing{background:var(--jo-surface-2);border:1px solid var(--jo-border);border-radius:var(--jo-radius-full);align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.jo-typing-dot{background:var(--jo-text-muted);border-radius:50%;width:6px;height:6px;animation:1.2s infinite jo-typing-bounce}.jo-typing-dot:nth-child(2){animation-delay:.2s}.jo-typing-dot:nth-child(3){animation-delay:.4s}@keyframes jo-typing-bounce{0%,80%,to{opacity:.5;transform:scale(.7)}40%{opacity:1;transform:scale(1.1)}}.jo-pagination{justify-content:space-between;align-items:center;gap:var(--jo-space-3);flex-wrap:wrap;display:flex}.jo-pagination-info{font-size:var(--jo-fs-xs);color:var(--jo-text-muted)}.jo-pagination-info strong{color:var(--jo-text-primary)}.jo-pagination-controls{gap:4px;display:flex}.jo-page-btn{border-radius:var(--jo-radius-sm);border:1px solid var(--jo-border);width:32px;height:32px;color:var(--jo-text-secondary);font-size:var(--jo-fs-xs);cursor:pointer;transition:all var(--jo-transition);background:0 0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.jo-page-btn:hover{background:var(--jo-surface-2);color:var(--jo-text-primary)}.jo-page-btn.jo-active{background:var(--jo-gradient-brand);color:#fff;box-shadow:var(--jo-shadow-brand);border-color:#0000}.jo-page-btn:disabled{opacity:.35;cursor:not-allowed}.jo-toast-stack{z-index:100;flex-direction:column;gap:8px;width:100%;max-width:360px;padding:0 12px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.jo-toast{border-radius:var(--jo-radius-lg);background:var(--jo-surface);border:1px solid var(--jo-border);box-shadow:var(--jo-shadow-lg);font-size:var(--jo-fs-sm);color:var(--jo-text-primary);align-items:center;gap:10px;padding:12px 16px;font-weight:600;animation:.25s ease-out jo-toast-in;display:flex}@keyframes jo-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.jo-toast-icon{flex-shrink:0;font-size:18px}.jo-toast-success{border-color:#22c55e4d}.jo-toast-success .jo-toast-icon{color:var(--jo-success)}.jo-toast-error{border-color:#ef44444d}.jo-toast-error .jo-toast-icon{color:var(--jo-danger)}.jo-toast-warning{border-color:#f59e0b4d}.jo-toast-warning .jo-toast-icon{color:var(--jo-warning)}.jo-toast-info{border-color:#3b82f64d}.jo-toast-info .jo-toast-icon{color:var(--jo-info)}.jo-alert{padding:var(--jo-space-4);border-radius:var(--jo-radius-lg);font-size:var(--jo-fs-sm);margin-bottom:var(--jo-space-4);border:1px solid;align-items:flex-start;gap:10px;font-weight:600;display:flex}.jo-alert-icon{flex-shrink:0;margin-top:1px;font-size:18px}.jo-alert-success{background:var(--jo-success-soft);color:#86efac;border-color:#22c55e4d}.jo-alert-error{background:var(--jo-danger-soft);color:#fca5a5;border-color:#ef44444d}.jo-alert-warning{background:var(--jo-warning-soft);color:#fcd34d;border-color:#f59e0b4d}.jo-alert-info{background:var(--jo-info-soft);color:#93c5fd;border-color:#3b82f64d}.jo-alert-close{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;margin-left:auto}.jo-alert-close:hover{opacity:1}.jo-chat-content{min-width:0;max-width:78%}.jo-chat-content .jo-chat-bubble{max-width:100%}.jo-chat-text{white-space:pre-wrap;word-break:break-word}.jo-chat-meta strong{color:var(--jo-text-secondary);font-weight:700}.jo-att-grid{grid-template-columns:repeat(3,minmax(0,88px));gap:6px;margin-top:8px;display:grid}.jo-chat-text+.jo-att-grid{margin-top:10px}.jo-att-thumb{aspect-ratio:1;cursor:zoom-in;background:var(--jo-surface-3);border:1px solid #ffffff2e;border-radius:10px;width:100%;padding:0;display:block;overflow:hidden}.jo-att-thumb img{object-fit:cover;width:100%;height:100%;display:block}.jo-att-thumb:focus-visible{outline:2px solid var(--jo-cyan);outline-offset:2px}.jo-att-expired{max-width:280px;color:inherit;opacity:.9;background:#0000002e;border:1px dashed #ffffff47;border-radius:10px;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;font-size:11.5px;line-height:1.4;display:flex}.jo-att-lightbox{z-index:120;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03060ee6;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:fixed;inset:0}.jo-att-lightbox img{object-fit:contain;max-width:min(92vw,1100px);max-height:78vh;box-shadow:var(--jo-shadow-lg);border-radius:12px}.jo-att-lightbox-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.jo-att-lightbox-name{color:var(--jo-text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:60vw;font-size:12px;overflow:hidden}.jo-chat-system{background:var(--jo-success-soft);color:#86efac;text-align:center;border:1px dashed #4ade8059;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;max-width:480px;margin:18px auto 6px;padding:10px 14px;font-size:12.5px;font-weight:600;line-height:1.5;display:flex}.jo-chat-system-time{color:var(--jo-text-muted);flex-basis:100%;font-size:10.5px;font-weight:500}
.jo-app{min-height:100vh;position:relative}.jo-sidebar{width:var(--jo-sidebar-width);z-index:50;background:linear-gradient(180deg, #0a0f1c 0%, var(--jo-bg) 100%);border-right:1px solid var(--jo-border);flex-direction:column;transition:transform .3s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.jo-sidebar.jo-open{transform:translate(0)}@media (min-width:1024px){.jo-sidebar{transform:translate(0)}}.jo-sidebar-brand{justify-content:space-between;align-items:center;padding:24px 20px 16px;display:flex}.jo-sidebar-brand img{width:auto;height:36px}.jo-sidebar-brand-name{font-family:var(--jo-font-display);color:var(--jo-text-primary);font-size:18px;font-weight:700}.jo-sidebar-brand-name span{background:var(--jo-gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text}.jo-balance-card{background:var(--jo-gradient-brand-soft);border:1px solid #6d5dfc40;border-radius:16px;margin:0 16px 20px;padding:16px;position:relative;overflow:hidden}.jo-balance-card .jo-balance-label{letter-spacing:.2em;text-transform:uppercase;color:var(--jo-cyan);align-items:center;gap:6px;margin-bottom:8px;font-size:9px;font-weight:700;display:flex}.jo-balance-card .jo-balance-value{font-family:var(--jo-font-display);color:#fff;letter-spacing:-.02em;margin-bottom:14px;font-size:24px;font-weight:800}.jo-balance-card .jo-balance-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.jo-balance-card .jo-balance-actions a,.jo-balance-card .jo-balance-actions button{border-radius:12px;padding:8px 0;font-size:12px;font-weight:700}.jo-sidebar-nav{flex:1;padding:8px 12px 16px;overflow-y:auto}.jo-nav-section-divider{align-items:center;gap:8px;margin:20px 0 8px;padding:0 12px;display:flex}.jo-sidebar-nav>.jo-nav-section-divider:first-child{margin-top:0}.jo-nav-section-divider .jo-divider-line{background:#6d5dfc1a;flex:1;height:1px}.jo-nav-section-divider .jo-divider-text{text-transform:uppercase;letter-spacing:.25em;color:var(--jo-text-muted);white-space:nowrap;font-size:9px;font-weight:700}.jo-nav-section-label{text-transform:uppercase;letter-spacing:.2em;color:var(--jo-text-muted);margin:12px 0 6px;padding:0 12px;font-size:10px;font-weight:700}.jo-nav-link{color:var(--jo-text-secondary);border-radius:10px;align-items:center;gap:10px;margin-bottom:2px;padding:10px 14px;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:flex;position:relative}.jo-nav-link i{text-align:center;opacity:.8;width:20px;font-size:16px}.jo-nav-link:hover{background:var(--jo-primary-soft);color:var(--jo-text-primary)}.jo-nav-link:hover i{opacity:1;color:var(--jo-cyan)}.jo-nav-link.jo-active{color:#fff;background:linear-gradient(90deg,#6d5dfc2e 0%,#6d5dfc0f 100%)}.jo-nav-link.jo-active i{opacity:1;color:var(--jo-cyan)}.jo-nav-link.jo-active:before{content:"";background:linear-gradient(180deg, var(--jo-cyan) 0%, var(--jo-primary) 100%);border-radius:0 3px 3px 0;width:3px;height:22px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(1)}.jo-sidebar-footer{background:#6d5dfc0a;border:1px solid #6d5dfc1a;border-radius:16px;align-items:center;gap:12px;margin:0 16px 20px;padding:12px 16px;display:flex}.jo-sidebar-footer .jo-user-meta{flex:1;min-width:0}.jo-sidebar-footer .jo-user-name{color:var(--jo-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.jo-sidebar-footer .jo-user-role{color:var(--jo-text-muted);font-size:10px}.jo-sidebar-footer-btn{width:32px;height:32px;color:var(--jo-text-muted);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.jo-sidebar-footer-btn:hover{background:var(--jo-surface-2);color:var(--jo-text-primary)}.jo-sidebar-profile{background:#6d5dfc0a;border:1px solid #6d5dfc1a;border-radius:16px;align-items:center;gap:12px;margin:0 16px 16px;padding:12px 16px;display:flex}.jo-sidebar-profile .jo-user-meta{flex:1;min-width:0}.jo-sidebar-profile .jo-user-name{color:var(--jo-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.jo-sidebar-profile .jo-user-role{color:var(--jo-text-muted);font-size:10px}.jo-nav-link-ext{opacity:.6;margin-left:auto;width:auto!important;font-size:11px!important}.jo-sidebar-logout-wrap{padding:12px 16px 20px}.jo-sidebar-logout-btn{color:#f87171;width:100%}.jo-sidebar-logout-btn:hover{background:var(--jo-danger-soft);color:#fca5a5}.jo-sidebar-logout-btn:hover i{color:#fca5a5!important}.jo-sidebar-backdrop{z-index:40;background:#03060e99;display:none;position:fixed;inset:0}.jo-sidebar-backdrop.jo-open{display:block}@media (min-width:1024px){.jo-sidebar-backdrop{display:none!important}}.jo-header{z-index:30;height:var(--jo-header-height-mobile);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--jo-border);background:#080c14d9;align-items:center;gap:12px;padding:0 16px;display:flex;position:sticky;top:0}@media (min-width:640px){.jo-header{height:var(--jo-header-height);padding:0 24px}}@media (min-width:1024px){.jo-header{padding-left:calc(var(--jo-sidebar-width) + 16px)}}@media (min-width:1024px) and (min-width:640px){.jo-header{padding-left:calc(var(--jo-sidebar-width) + 24px)}}.jo-header-toggle{width:36px;height:36px;color:var(--jo-text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.jo-header-toggle:hover{background:var(--jo-surface-2)}.jo-header-toggle.jo-header-toggle-lg{border-radius:10px;flex-shrink:0;width:44px;height:44px}.jo-header-toggle-lg i{font-size:26px;line-height:1}@media (min-width:1024px){.jo-header-toggle{display:none}}.jo-header-title{font-family:var(--jo-font-display);color:var(--jo-text-primary);font-size:16px;font-weight:700}.jo-header-title-desktop{display:none}.jo-header-logo-mobile{align-items:center;display:inline-flex}@media (min-width:1024px){.jo-header-title-desktop{display:inline}.jo-header-logo-mobile{display:none}}.jo-header-balance-pill{background:var(--jo-primary-soft);color:var(--jo-cyan);border:1px solid #6d5dfc4d;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:700;display:none}@media (min-width:640px){.jo-header-balance-pill{display:inline-flex}}.jo-header-icon-btn{width:36px;height:36px;color:var(--jo-text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:relative}.jo-header-icon-btn:hover{background:var(--jo-surface-2)}.jo-header-avatar-btn{background:var(--jo-gradient-brand);color:#fff;cursor:pointer;border:none;border-radius:28%;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:inline-flex}.jo-notif-badge{background:var(--jo-danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-2px;right:-2px}.jo-main{z-index:1;padding-bottom:112px;position:relative}@media (min-width:1024px){.jo-main{margin-left:var(--jo-sidebar-width);padding-bottom:0}}.jo-main-inner{margin:0 auto;padding:24px 16px}@media (min-width:640px){.jo-main-inner{padding-left:24px;padding-right:24px}}@media (min-width:1024px){.jo-main-inner{padding-left:32px;padding-right:32px}}.jo-content-1100{max-width:1100px}.jo-content-1200{max-width:1200px}.jo-content-1300{max-width:1300px}.jo-content-1400{max-width:1400px}.jo-content-1500{max-width:1500px}.jo-grid{gap:12px;display:grid}.jo-grid-tight{gap:8px;display:grid}@media (min-width:640px){.jo-grid-tight{gap:12px}}.jo-grid-2{grid-template-columns:repeat(2,1fr)}.jo-grid-3{grid-template-columns:repeat(3,1fr)}.jo-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1023px){.jo-grid-4,.jo-grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.jo-bento-hero{grid-area:span 2/span 2}}.jo-flex{align-items:center;display:flex}.jo-flex-between{justify-content:space-between;align-items:center;display:flex}.jo-flex-col{flex-direction:column;display:flex}.jo-gap-2{gap:8px}.jo-gap-3{gap:12px}.jo-gap-4{gap:16px}.jo-mb-4{margin-bottom:16px}.jo-mb-6{margin-bottom:24px}.jo-howto-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.jo-howto-list li{color:var(--jo-text-secondary);align-items:flex-start;gap:10px;font-size:12.5px;line-height:1.6;display:flex}.jo-howto-num{background:var(--jo-primary-soft);width:20px;height:20px;color:var(--jo-cyan);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.jo-dock-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (min-width:1024px){.jo-dock-grid{grid-template-columns:repeat(4,1fr)}}.jo-dock-btn{background:var(--jo-gradient-brand-soft);border:1px solid var(--jo-border);border-radius:16px;align-items:center;gap:12px;padding:16px;transition:transform .2s,border-color .2s;display:flex}@media (min-width:640px){.jo-dock-btn{padding:20px}}.jo-dock-btn:hover{border-color:#6d5dfc73;transform:translateY(-2px)}.jo-dock-icon{background:var(--jo-gradient-brand);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:inline-flex}.jo-stat-card{border-radius:16px;padding:16px}@media (min-width:640px){.jo-stat-card.jo-stat-card-lg{padding:20px}}.jo-stat-icon-sm{border-radius:28%;width:40px;height:40px}.jo-stat-value{font-family:var(--jo-font-display);color:var(--jo-text-primary);font-size:30px;font-weight:700;line-height:1.1}.jo-stat-value-hero{font-size:48px}@media (min-width:640px){.jo-stat-value-hero{font-size:60px}}.jo-bottom-nav{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--jo-border);background:#0f1724eb;border-radius:24px;grid-template-columns:repeat(5,1fr);align-items:center;padding:8px;display:grid;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 20px 50px -12px #00000080}@media (min-width:1024px){.jo-bottom-nav{display:none}}.jo-bottom-nav-item{color:var(--jo-text-muted);border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-size:10px;font-weight:700;display:flex}.jo-bottom-nav-item.jo-active{color:var(--jo-cyan)}.jo-bottom-nav-icon-wrap{border-radius:16px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:inline-flex}.jo-bottom-nav-item.jo-active .jo-bottom-nav-icon-wrap{background:var(--jo-primary-soft)}.jo-bottom-nav-fab{flex-direction:column;justify-content:center;align-items:center;margin-top:-28px;display:flex}.jo-bottom-nav-fab-btn{background:var(--jo-gradient-brand);color:#fff;border:4px solid var(--jo-bg);border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex;box-shadow:0 20px 40px #6d5dfc80}.jo-bottom-nav-fab-label{color:var(--jo-cyan);margin-top:4px;font-size:10px;font-weight:800}.jo-z-header{z-index:30}.jo-z-backdrop{z-index:40}.jo-z-sidebar,.jo-z-dropdown{z-index:50}.jo-z-modal{z-index:80}.jo-z-drawer{z-index:70}.jo-z-toast{z-index:100}
.jo-dropdown{position:relative}.jo-dropdown-menu{background:var(--jo-surface);border:1px solid var(--jo-border);border-radius:var(--jo-radius-lg);width:260px;box-shadow:var(--jo-shadow-lg);z-index:50;display:none;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.jo-dropdown-menu.jo-open{display:block}.jo-dropdown-menu-wide{width:320px}@media (max-width:400px){.jo-dropdown-menu{width:auto;position:fixed;top:60px;left:12px;right:12px}}.jo-dropdown-header{background:var(--jo-gradient-brand-soft);border-bottom:1px solid var(--jo-border);align-items:center;gap:12px;padding:16px;display:flex}.jo-dropdown-header .jo-user-name{color:var(--jo-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.jo-dropdown-header .jo-user-role{color:var(--jo-text-muted);font-size:11px}.jo-dropdown-title{justify-content:space-between;align-items:center;padding:14px 16px 8px;display:flex}.jo-dropdown-title span{color:var(--jo-text-primary);font-size:13px;font-weight:700}.jo-dropdown-title a{cursor:pointer;font-size:11px;font-weight:600}.jo-notif-summary{color:var(--jo-text-muted);font-size:11px;font-weight:500}.jo-dropdown-body{max-height:320px;padding:6px;overflow-y:auto}.jo-dropdown-item{width:100%;color:var(--jo-text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:600;transition:background .18s,color .18s;display:flex}.jo-dropdown-item i{text-align:center;width:18px;color:var(--jo-text-muted);font-size:15px}.jo-dropdown-item:hover{background:var(--jo-primary-soft);color:var(--jo-text-primary)}.jo-dropdown-item:hover i{color:var(--jo-cyan)}.jo-dropdown-item-danger,.jo-dropdown-item-danger i{color:#f87171}.jo-dropdown-item-danger:hover{background:var(--jo-danger-soft);color:#fca5a5}.jo-dropdown-item-danger:hover i{color:#fca5a5}.jo-dropdown-divider{background:var(--jo-border);height:1px;margin:6px 4px}.jo-dropdown-footer{text-align:center;border-top:1px solid var(--jo-border);padding:10px 14px}.jo-dropdown-footer a{font-size:12px;font-weight:700}.jo-notif-item{border-radius:10px;gap:10px;padding:10px 34px 10px 12px;display:flex;position:relative}.jo-notif-item:hover{background:var(--jo-surface-2)}.jo-notif-icon{background:var(--jo-primary-soft);width:34px;height:34px;color:var(--jo-primary-hover);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.jo-notif-text{flex:1;min-width:0}.jo-notif-title{color:var(--jo-text-primary);font-size:12.5px;font-weight:600;line-height:1.4}.jo-notif-time{color:var(--jo-text-muted);margin-top:2px;font-size:10.5px}.jo-notif-body{color:var(--jo-text-secondary);white-space:pre-line;overflow-wrap:anywhere;margin-top:2px;font-size:12px;line-height:1.45}.jo-notif-item.jo-unread:after{content:"";background:var(--jo-cyan);border-radius:50%;width:7px;height:7px;position:absolute;top:14px;right:12px}.jo-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.jo-page-head h1{margin-bottom:4px;font-size:22px}.jo-page-head p{color:var(--jo-text-muted);font-size:13px}.jo-page-head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (min-width:640px){.jo-page-head h1{font-size:26px}}.jo-scope-note{border-radius:var(--jo-radius-lg);background:var(--jo-warning-soft);color:#fcd34d;border:1px dashed #f59e0b66;align-items:center;gap:10px;margin-bottom:20px;padding:14px 16px;font-size:13px;display:flex}.jo-scope-note i{flex-shrink:0;font-size:18px}
.jo-pubnav{z-index:30;padding:12px 16px;position:fixed;top:0;left:0;right:0}@media (min-width:640px){.jo-pubnav{padding:14px 24px}}.jo-pubnav-inner{border-radius:var(--jo-radius-full);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--jo-border);background:#080c14bf;justify-content:space-between;align-items:center;gap:16px;max-width:1120px;height:56px;margin:0 auto;padding:0 16px;display:flex;box-shadow:0 8px 32px #00000040}@media (min-width:640px){.jo-pubnav-inner{padding:0 20px}}.jo-pubnav-logo{align-items:center;display:flex}.jo-pubnav-logo img{width:auto;height:40px;display:block}.jo-pubnav-links{align-items:center;gap:28px;display:none}@media (min-width:1024px){.jo-pubnav-links{display:flex}}.jo-pubnav-link{color:var(--jo-text-secondary);font-size:13.5px;font-weight:600}.jo-pubnav-link:hover,.jo-pubnav-link.jo-active{color:var(--jo-text-primary)}.jo-pubnav-actions{align-items:center;gap:10px;display:none}@media (min-width:1024px){.jo-pubnav-actions{display:flex}}.jo-pubnav-mobile-cta{align-items:center;gap:16px;display:inline-flex}@media (min-width:1024px){.jo-pubnav-mobile-cta{display:none}}.jo-pubnav-mobile-login{color:var(--jo-text-primary);white-space:nowrap;font-size:14px;font-weight:700}.jo-pubnav-mobile-login:hover{color:var(--jo-cyan)}.jo-hero{z-index:1;text-align:center;padding:96px 16px 64px;position:relative}@media (min-width:640px){.jo-hero{padding:112px 24px 88px}}.jo-hero-inner{max-width:780px;margin:0 auto}.jo-hero-badge{border-radius:var(--jo-radius-full);background:var(--jo-primary-soft);color:var(--jo-cyan);border:1px solid #6d5dfc4d;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.jo-hero h1{margin-bottom:16px;font-size:32px;line-height:1.15}@media (min-width:640px){.jo-hero h1{font-size:44px}}@media (min-width:1024px){.jo-hero h1{font-size:52px}}.jo-hero-sub{color:var(--jo-text-secondary);max-width:560px;margin:0 auto 28px;font-size:15px;line-height:1.7}@media (min-width:640px){.jo-hero-sub{font-size:16.5px}}.jo-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.jo-hero-stats{grid-template-columns:repeat(2,1fr);gap:12px;max-width:760px;margin:48px auto 0;display:grid}@media (min-width:640px){.jo-hero-stats{grid-template-columns:repeat(4,1fr);gap:16px}}.jo-hero-stat{text-align:center;border-radius:var(--jo-radius-lg);background:var(--jo-surface);border:1px solid var(--jo-border);padding:16px 8px}.jo-hero-stat-value{font-family:var(--jo-font-display);color:var(--jo-text-primary);font-size:22px;font-weight:800}@media (min-width:640px){.jo-hero-stat-value{font-size:26px}}.jo-hero-stat-label{color:var(--jo-text-muted);margin-top:4px;font-size:11px}.jo-section{z-index:1;padding:56px 16px;position:relative}@media (min-width:640px){.jo-section{padding:64px 24px}}.jo-section-inner{max-width:1120px;margin:0 auto}.jo-section-head{text-align:center;max-width:620px;margin:0 auto 36px}.jo-section-head .jo-label{margin-bottom:10px;display:block}.jo-section-head h2{margin-bottom:10px;font-size:24px}@media (min-width:640px){.jo-section-head h2{font-size:30px}}.jo-section-head p{color:var(--jo-text-muted);font-size:14px}.jo-feature-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.jo-feature-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.jo-feature-grid{grid-template-columns:repeat(4,1fr)}}.jo-feature-card{padding:24px 20px}.jo-feature-icon{background:var(--jo-gradient-brand);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:20px;display:inline-flex}.jo-feature-card h3{margin-bottom:8px;font-size:16px}.jo-feature-card p{font-size:13px;line-height:1.65}.jo-bento-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.jo-bento-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.jo-bento-grid{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(3,1fr)}}.jo-bento-highlight{padding:32px 28px;position:relative;overflow:hidden}@media (min-width:1024px){.jo-bento-highlight{grid-column:span 2}}.jo-bento-highlight-icon{color:var(--jo-cyan);margin-bottom:16px;font-size:34px;display:block}.jo-bento-highlight h3{margin-bottom:10px;font-size:22px}.jo-bento-highlight p{max-width:460px;font-size:14px}@media (min-width:640px){.jo-bento-wide{grid-column:span 2}}@media (min-width:1024px){.jo-bento-wide{grid-column:span 1}}.jo-marquee-section{z-index:1;border-top:1px solid var(--jo-border);border-bottom:1px solid var(--jo-border);padding:28px 0;position:relative;overflow:hidden}.jo-marquee-label{text-align:center;text-transform:uppercase;letter-spacing:.2em;color:var(--jo-text-muted);margin-bottom:20px;font-size:11px;font-weight:700}.jo-marquee-mask{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.jo-marquee-track{gap:32px;width:max-content;animation:30s linear infinite jo-marquee;display:flex}@keyframes jo-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.jo-marquee-chip{border-radius:var(--jo-radius-full);background:var(--jo-surface-2);border:1px solid var(--jo-border);color:var(--jo-text-secondary);white-space:nowrap;align-items:center;gap:8px;padding:8px 16px;font-size:12.5px;font-weight:600;display:inline-flex}.jo-pricing-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.jo-pricing-grid{grid-template-columns:repeat(3,1fr)}}.jo-pricing-card{text-align:center;padding:24px 20px}.jo-pricing-icon{background:var(--jo-primary-soft);width:44px;height:44px;color:var(--jo-cyan);border-radius:14px;justify-content:center;align-items:center;margin-bottom:14px;font-size:18px;display:inline-flex}.jo-pricing-channel{color:var(--jo-text-primary);margin-bottom:6px;font-size:13px;font-weight:700}.jo-pricing-value{font-family:var(--jo-font-display);color:var(--jo-text-primary);font-size:26px;font-weight:800}.jo-pricing-value span{color:var(--jo-text-muted);font-size:13px;font-weight:600}.jo-pricing-note{color:var(--jo-text-muted);margin-top:8px;font-size:11.5px}.jo-api-demo-grid{grid-template-columns:1fr;align-items:center;gap:32px;display:grid}@media (min-width:900px){.jo-api-demo-grid{grid-template-columns:1fr 1fr}}.jo-api-demo-list{flex-direction:column;gap:10px;margin:0 0 24px;padding:0;list-style:none;display:flex}.jo-api-demo-list li{color:var(--jo-text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.jo-api-demo-list i{color:var(--jo-cyan)}.jo-code-block{background:var(--jo-bg);border:1px solid var(--jo-border);border-radius:var(--jo-radius-lg);overflow:hidden}.jo-code-block-head{border-bottom:1px solid var(--jo-border);align-items:center;gap:6px;padding:12px 16px;display:flex}.jo-code-dot{border-radius:50%;width:10px;height:10px}.jo-code-block-file{color:var(--jo-text-muted);margin-left:8px;font-family:monospace;font-size:11px}.jo-code-block-body{color:var(--jo-text-secondary);white-space:pre-wrap;word-break:break-word;margin:0;padding:18px;font-size:12px;line-height:1.8;overflow-x:auto}.jo-testimonial-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:900px){.jo-testimonial-grid{grid-template-columns:repeat(3,1fr)}}.jo-testimonial-card{padding:22px 20px}.jo-testimonial-stars{color:var(--jo-cyan);letter-spacing:2px;margin-bottom:12px;font-size:15px}.jo-testimonial-quote{color:var(--jo-text-secondary);margin-bottom:18px;font-size:13px;line-height:1.7}.jo-testimonial-author{color:var(--jo-text-primary);border-top:1px solid var(--jo-border);align-items:center;gap:10px;padding-top:14px;font-size:12.5px;font-weight:600;display:flex}.jo-timeline{flex-direction:column;gap:12px;display:flex}.jo-timeline-step{align-items:flex-start;gap:20px;padding:24px 20px;display:flex}@media (min-width:640px){.jo-timeline-step{gap:28px;padding:28px 32px}}.jo-timeline-num{font-family:var(--jo-font-display);background:linear-gradient(180deg, var(--jo-primary) 0%, transparent 100%);color:#0000;opacity:.6;-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:44px;font-weight:700;line-height:1}@media (min-width:640px){.jo-timeline-num{font-size:56px}}.jo-timeline-body{flex:1;min-width:0}.jo-timeline-body h3{margin-bottom:6px;font-size:17px}@media (min-width:640px){.jo-timeline-body h3{font-size:19px}}.jo-timeline-body p{font-size:13px;line-height:1.65}.jo-timeline-icon{color:var(--jo-cyan);flex-shrink:0;font-size:26px;display:none}@media (min-width:640px){.jo-timeline-icon{display:block}}.jo-cta-banner{text-align:center;padding:40px 20px}@media (min-width:640px){.jo-cta-banner{padding:56px 40px}}.jo-cta-banner h2{color:#fff;margin-bottom:10px;font-size:24px}@media (min-width:640px){.jo-cta-banner h2{font-size:28px}}.jo-cta-banner p{color:#ffffffd1;max-width:480px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:14px}.jo-cta-banner-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.jo-cta-banner .jo-btn-secondary{color:#fff;background:#ffffff1f;border-color:#ffffff40}.jo-cta-banner .jo-btn-secondary:hover{background:#fff3}.jo-footer{z-index:1;border-top:1px solid var(--jo-border);padding:48px 16px 24px;position:relative}@media (min-width:640px){.jo-footer{padding:56px 24px 24px}}.jo-footer-inner{max-width:1120px;margin:0 auto}.jo-footer-grid{grid-template-columns:1fr;gap:32px;margin-bottom:36px;display:grid}@media (min-width:640px){.jo-footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:24px}}@media (min-width:1024px){.jo-footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}.jo-footer-brand img{height:34px;margin-bottom:12px}.jo-footer-brand p{max-width:280px;font-size:13px;line-height:1.7}.jo-footer-col h4{text-transform:uppercase;letter-spacing:.08em;color:var(--jo-text-muted);margin-bottom:14px;font-size:12px}.jo-footer-col ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.jo-footer-col a{color:var(--jo-text-secondary);font-size:13px}.jo-footer-col a:hover{color:var(--jo-cyan)}.jo-footer-bottom{text-align:center;border-top:1px solid var(--jo-border);color:var(--jo-text-muted);flex-direction:column;align-items:center;gap:12px;padding-top:24px;font-size:12px;display:flex}@media (min-width:640px){.jo-footer-bottom{text-align:left;flex-direction:row;justify-content:space-between}}.jo-footer-social{gap:8px;display:flex}.jo-footer-social a{background:var(--jo-surface-2);width:34px;height:34px;color:var(--jo-text-secondary);border:1px solid var(--jo-border);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.jo-footer-social a:hover{color:var(--jo-cyan);border-color:var(--jo-border-strong)}.jo-auth-shell{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;display:flex;position:relative}.jo-auth-card{width:100%;max-width:420px}.jo-auth-topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.jo-auth-logo{display:inline-flex}.jo-auth-logo img{height:40px}.jo-auth-home-btn{border-radius:var(--jo-radius-full);background:var(--jo-surface-2);border:1px solid var(--jo-border);color:var(--jo-text-secondary);white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.jo-auth-home-btn:hover{color:var(--jo-text-primary);border-color:var(--jo-border-strong)}@media (max-width:400px){.jo-auth-home-btn span{display:none}}.jo-auth-panel{padding:28px 24px}@media (min-width:640px){.jo-auth-panel{padding:36px 32px}}.jo-auth-disclaimer{text-align:center;color:var(--jo-text-muted);margin-top:20px;font-size:11.5px;line-height:1.6}.jo-auth-disclaimer a{font-weight:600}.jo-auth-copyright{text-align:center;color:var(--jo-text-muted);margin-top:12px;font-size:11.5px}.jo-auth-head{text-align:center;margin-bottom:24px}.jo-auth-head h1{margin-bottom:6px;font-size:20px}@media (min-width:640px){.jo-auth-head h1{font-size:22px}}.jo-auth-head p{color:var(--jo-text-muted);font-size:13px}.jo-auth-foot{text-align:center;color:var(--jo-text-muted);margin-top:20px;font-size:13px}.jo-auth-foot a{font-weight:700}.jo-auth-back{color:var(--jo-text-muted);align-items:center;gap:6px;margin-bottom:20px;font-size:13px;font-weight:600;display:inline-flex}.jo-auth-back:hover{color:var(--jo-text-primary)}.jo-field-row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.jo-field-check{color:var(--jo-text-secondary);align-items:flex-start;gap:8px;font-size:13px;display:flex}.jo-field-check input{flex-shrink:0;margin-top:2px}.jo-field-check span{min-width:0;line-height:1.6}.jo-field-hint{color:var(--jo-text-muted);margin-top:4px;font-size:11.5px}.jo-input-action{color:var(--jo-text-muted);cursor:pointer;background:0 0;border:none;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.jo-input-action:hover{color:var(--jo-text-primary)}.jo-input-icon-wrap .jo-input-action+.jo-input{padding-right:42px}.jo-pw-meter{gap:4px;margin-top:8px;display:flex}.jo-pw-meter span{background:var(--jo-surface-3);border-radius:2px;flex:1;height:4px}.jo-pw-meter.jo-weak span:first-child{background:var(--jo-danger)}.jo-pw-meter.jo-medium span:first-child,.jo-pw-meter.jo-medium span:nth-child(2){background:var(--jo-warning)}.jo-pw-meter.jo-strong span{background:var(--jo-success)}.jo-auth-success{text-align:center;padding:12px 0 4px}.jo-auth-success-icon{background:var(--jo-success-soft);width:64px;height:64px;color:var(--jo-success);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:28px;display:flex}.jo-content-page{z-index:1;max-width:760px;margin:0 auto;padding:88px 16px 72px;position:relative}@media (min-width:640px){.jo-content-page{padding:104px 24px 96px}}.jo-content-breadcrumb{color:var(--jo-text-muted);margin-bottom:16px;font-size:12.5px}.jo-content-breadcrumb a{color:var(--jo-text-secondary)}.jo-content-breadcrumb a:hover{color:var(--jo-text-primary)}.jo-content-head{border-bottom:1px solid var(--jo-border);margin-bottom:32px;padding-bottom:24px}.jo-content-head h1{margin-bottom:10px;font-size:26px}@media (min-width:640px){.jo-content-head h1{font-size:32px}}.jo-content-meta{color:var(--jo-text-muted);font-size:12.5px}.jo-content-toc{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.jo-content-toc a{border-radius:var(--jo-radius-full);background:var(--jo-surface-2);border:1px solid var(--jo-border);color:var(--jo-text-secondary);padding:6px 12px;font-size:12px;font-weight:600}.jo-content-toc a:hover{color:var(--jo-text-primary);border-color:var(--jo-border-strong)}.jo-prose h2{margin:32px 0 12px;font-size:18px}.jo-prose h2:first-child{margin-top:0}.jo-prose h3{margin:20px 0 8px;font-size:15px}.jo-prose p{color:var(--jo-text-secondary);margin-bottom:14px;font-size:14px;line-height:1.8}.jo-prose ul,.jo-prose ol{color:var(--jo-text-secondary);margin:0 0 14px;padding-left:20px;font-size:14px;line-height:1.8}.jo-prose li{margin-bottom:6px}.jo-prose strong{color:var(--jo-text-primary)}.jo-seo-crumbs{flex-wrap:wrap;row-gap:4px;margin:0;padding:0;list-style:none;display:flex}.jo-seo-crumbs li{align-items:center;min-width:0;display:inline-flex}.jo-seo-crumbs li+li:before{content:"/";color:var(--jo-text-muted);margin:0 8px}.jo-seo-crumbs li[aria-current=page]{color:var(--jo-text-secondary)}.jo-seo-head .jo-label{margin-bottom:10px;display:inline-block}.jo-seo-head h1{overflow-wrap:break-word}.jo-seo-lede p{color:var(--jo-text-secondary);font-size:15px;line-height:1.75}.jo-seo-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.jo-seo-body{padding:24px 20px}@media (min-width:640px){.jo-seo-body{padding:28px}}.jo-prose a{text-underline-offset:3px;-webkit-text-decoration:underline #22d3ee59;text-decoration:underline #22d3ee59}.jo-prose blockquote{border-left:3px solid var(--jo-cyan);background:var(--jo-surface-2);border-radius:var(--jo-radius-md);color:var(--jo-text-secondary);margin:0 0 14px;padding:12px 16px;font-size:13.5px;line-height:1.7}.jo-prose code{background:var(--jo-surface-2);border:1px solid var(--jo-border);color:var(--jo-text-primary);overflow-wrap:anywhere;border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.jo-prose-table{border:1px solid var(--jo-border);border-radius:var(--jo-radius-md);margin:0 0 16px;overflow-x:auto}.jo-prose-table table{border-collapse:collapse;width:100%;min-width:460px;font-size:13px}.jo-prose-table th,.jo-prose-table td{text-align:left;border-bottom:1px solid var(--jo-border);vertical-align:top;color:var(--jo-text-secondary);padding:10px 12px;line-height:1.55}.jo-prose-table th{color:var(--jo-text-primary);background:var(--jo-surface-2);font-weight:700}.jo-prose-table tr:last-child td{border-bottom:0}.jo-seo-section{margin-top:36px}.jo-seo-section-title{margin-bottom:14px;font-size:19px}.jo-seo-cta{border-radius:var(--jo-radius-xl)}.jo-seo-cta-soft{padding:22px 20px}.jo-seo-cta-soft h2{margin-bottom:6px;font-size:17px}.jo-seo-cta-soft p{color:var(--jo-text-secondary);font-size:13.5px;line-height:1.65}.jo-seo-cta-soft .jo-seo-actions{margin-top:14px}.jo-seo-related{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}@media (min-width:640px){.jo-seo-related{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.jo-seo-hub{grid-template-columns:repeat(3,minmax(0,1fr))}}.jo-seo-related-card{border-radius:var(--jo-radius-lg);background:var(--jo-surface);border:1px solid var(--jo-border);min-width:0;color:inherit;transition:border-color var(--jo-transition), transform var(--jo-transition);flex-direction:column;gap:4px;padding:16px 18px;display:flex}.jo-seo-related-card:hover{border-color:var(--jo-border-strong);color:inherit;transform:translateY(-1px)}.jo-seo-related-title{color:var(--jo-text-primary);justify-content:space-between;align-items:center;gap:8px;font-size:14.5px;font-weight:700;display:flex}.jo-seo-related-title i{color:var(--jo-cyan);flex-shrink:0;font-size:13px}.jo-seo-related-text{color:var(--jo-text-muted);font-size:12.5px;line-height:1.6}.jo-seo-hub-note{text-align:center;color:var(--jo-text-muted);margin-top:20px;font-size:13.5px}
.jo-vip-card{border-radius:var(--jo-radius-xl);background:var(--jo-gradient-brand);color:#fff;flex-direction:column;justify-content:space-between;min-height:220px;padding:24px;display:flex;position:relative;overflow:hidden}.jo-vip-card:before{content:"";background:radial-gradient(circle,#ffffff2e 0%,#0000 70%);border-radius:50%;width:280px;height:280px;position:absolute;top:-40%;right:-10%}.jo-vip-top{z-index:1;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.jo-vip-tier{text-transform:uppercase;letter-spacing:.08em;background:#ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.jo-vip-balance-label{text-transform:uppercase;letter-spacing:.1em;opacity:.8;margin-bottom:6px;font-size:11px;font-weight:700}.jo-vip-balance-value{font-family:var(--jo-font-display);letter-spacing:-.02em;font-size:34px;font-weight:800}@media (min-width:640px){.jo-vip-balance-value{font-size:40px}}.jo-vip-progress{z-index:1;margin-top:18px;position:relative}.jo-vip-progress-bar{background:#ffffff38;border-radius:999px;height:6px;margin-bottom:8px;overflow:hidden}.jo-vip-progress-fill{background:#fff;border-radius:999px;height:100%}.jo-vip-progress-label{opacity:.85;font-size:11.5px}.jo-vip-actions{z-index:1;flex-wrap:wrap;gap:10px;margin-top:18px;display:flex;position:relative}.jo-vip-actions .jo-btn{color:#fff;background:#ffffff29;border-color:#ffffff47}.jo-vip-actions .jo-btn:hover{background:#ffffff42}.jo-vip-actions .jo-btn-solid{color:var(--jo-primary);background:#fff}.jo-dash-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:28px;min-height:0;display:grid}.jo-dash-hero-left{z-index:1;min-width:0;position:relative}.jo-dash-greeting{font-family:var(--jo-font-display);letter-spacing:-.01em;color:#fff;margin:10px 0 6px;font-size:26px;font-weight:800}@media (min-width:640px){.jo-dash-greeting{font-size:30px}}.jo-dash-subcopy{color:#ffffffd1;max-width:46ch;font-size:13px;line-height:1.55}.jo-dash-progress-labels{color:#ffffffd9;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11px;font-weight:700;display:flex}.jo-dash-progress-labels .center{font-family:var(--jo-font-display);opacity:.95;font-weight:700}.jo-tier-badge{border-radius:var(--jo-radius-full);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 2px #0003;white-space:nowrap;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #0003}.jo-tier-badge-sm{gap:4px;padding:4px 10px;font-size:9.5px}.jo-tier-discount-chip{border-radius:var(--jo-radius-full);color:#fff;background:#ffffff2e;border:1px solid #ffffff52;align-items:center;margin-left:6px;padding:3px 9px;font-size:10px;font-weight:800;display:inline-flex}.jo-dash-hero-right{z-index:1;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:12px;display:grid;position:relative}.jo-dash-stat{border-radius:var(--jo-radius-lg);background:#fffffff5;border:1px solid #0f172a0f;min-width:0;padding:14px;box-shadow:0 4px 14px #080c1429}.jo-dash-stat-top{justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;display:flex}.jo-dash-stat-label{letter-spacing:.12em;text-transform:uppercase;color:#64748b;font-size:9.5px;font-weight:800}.jo-dash-stat-icon{color:#6d5dfc;background:#6d5dfc24;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;display:inline-flex}.jo-dash-hero-right .jo-dash-stat:nth-child(2) .jo-dash-stat-icon{color:#16a34a;background:#22c55e24}.jo-dash-hero-right .jo-dash-stat:nth-child(3) .jo-dash-stat-icon{color:#2563eb;background:#3b82f624}.jo-dash-hero-right .jo-dash-stat:nth-child(4) .jo-dash-stat-icon{color:#b45309;background:#f59e0b29}.jo-dash-stat-value{font-family:var(--jo-font-display);color:#0f172a;overflow-wrap:break-word;font-size:21px;font-weight:800;line-height:1.15}@media (min-width:640px){.jo-dash-stat-value{font-size:24px}}.jo-dash-stat-caption{color:#475569;margin-top:3px;font-size:10.5px;font-weight:500}@media (max-width:900px){.jo-dash-hero{grid-template-columns:1fr;gap:22px}}@media (max-width:480px){.jo-dash-stat{padding:11px}.jo-dash-stat-value{font-size:18px}.jo-dash-progress-labels{font-size:10px}}.jo-announce{border-radius:var(--jo-radius-lg);background:var(--jo-gradient-brand-soft);border:1px solid #6d5dfc40;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.jo-announce-icon{background:var(--jo-gradient-brand);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:inline-flex}.jo-announce-text{min-width:0;color:var(--jo-text-secondary);flex:1;font-size:12.5px}.jo-announce-text strong{color:var(--jo-text-primary)}.jo-announce-close{color:var(--jo-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px}.jo-announce-close:hover{color:var(--jo-text-primary)}.jo-ticker{border-radius:var(--jo-radius-lg);background:var(--jo-gradient-brand-soft);border:1px solid #6d5dfc40;align-items:center;gap:14px;margin-bottom:20px;padding:10px 16px;display:flex;overflow:hidden}.jo-ticker-label{text-transform:uppercase;letter-spacing:.18em;color:var(--jo-cyan);flex-shrink:0;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.jo-ticker-viewport{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.jo-ticker-track{white-space:nowrap;gap:40px;width:max-content;animation:40s linear infinite jo-ticker-scroll;display:inline-flex}.jo-ticker:hover .jo-ticker-track{animation-play-state:paused}@keyframes jo-ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.jo-ticker-item{align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.jo-ticker-dot{background:var(--jo-primary);border-radius:50%;flex-shrink:0;width:4px;height:4px}.jo-ticker-badge{letter-spacing:.06em;border-radius:var(--jo-radius-full);background:var(--jo-primary-soft);color:var(--jo-primary-hover);white-space:nowrap;flex-shrink:0;padding:2px 8px;font-size:9.5px;font-weight:800}.jo-ticker-text{color:var(--jo-text-secondary)}.jo-ticker-cta{color:var(--jo-cyan);white-space:nowrap;flex-shrink:0;align-items:center;gap:3px;font-size:11px;font-weight:700;display:inline-flex}.jo-ticker-all{letter-spacing:.04em;border-radius:var(--jo-radius-full);background:var(--jo-surface-3);border:1px solid var(--jo-border);color:var(--jo-text-primary);cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:800;display:inline-flex}.jo-ticker-all:hover{border-color:var(--jo-border-strong);background:var(--jo-primary-soft);color:var(--jo-primary-hover)}.jo-ticker-list{flex-direction:column;gap:10px;display:flex}.jo-ticker-list-item{border-radius:var(--jo-radius-md);background:var(--jo-surface-2);border:1px solid var(--jo-border);align-items:flex-start;gap:10px;padding:12px;display:flex}.jo-ticker-list-item p{min-width:0;color:var(--jo-text-secondary);flex:1;margin:0;font-size:12.5px}@media (max-width:640px){.jo-ticker{gap:8px;padding:8px 10px}.jo-ticker-label{letter-spacing:.12em;font-size:9px}.jo-ticker-all{padding:6px 10px;font-size:10px}}@media (prefers-reduced-motion:reduce){.jo-ticker-viewport{-webkit-overflow-scrolling:touch;overflow-x:auto}.jo-ticker-track{animation:none}.jo-ticker-item[aria-hidden=true]{display:none}}.jo-rail{gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.jo-rail-item{border-radius:var(--jo-radius-lg);text-align:center;flex:none;width:140px;padding:16px 14px}.jo-rail-icon{background:var(--jo-primary-soft);width:44px;height:44px;color:var(--jo-primary-hover);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 10px;font-size:20px;display:flex}.jo-rail-name{color:var(--jo-text-primary);margin-bottom:4px;font-size:12.5px;font-weight:700}.jo-app-pill{border-radius:var(--jo-radius-lg);text-align:center;background:#fffffff5;border:1px solid #0f172a0f;flex:none;width:104px;padding:16px 8px;transition:transform .18s,box-shadow .18s;box-shadow:0 4px 14px #080c1424}.jo-app-pill:hover{transform:translateY(-3px);box-shadow:0 8px 22px #080c1438}.jo-app-pill-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 10px;font-size:22px;display:flex}.jo-app-pill-name{color:#0f172a;font-size:12.5px;font-weight:700}.jo-block-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.jo-block-head h2{font-size:16px}.jo-block-head a{white-space:nowrap;font-size:12px;font-weight:700}.jo-bento-hero-content{flex-direction:column;height:100%;display:flex}.jo-bento-chart-placeholder{border-radius:var(--jo-radius-md);background:var(--jo-surface-2);flex:1;align-items:flex-end;gap:6px;min-height:120px;margin-top:16px;padding:12px;display:flex}.jo-bento-chart-placeholder span{background:var(--jo-gradient-brand);opacity:.85;border-radius:4px 4px 0 0;flex:1}.jo-activity-row{border-bottom:1px solid var(--jo-border);align-items:center;gap:12px;padding:12px 4px;display:flex}.jo-activity-row:last-child{border-bottom:none}.jo-activity-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.jo-activity-main{flex:1;min-width:0}.jo-activity-title{color:var(--jo-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.jo-activity-sub{color:var(--jo-text-muted);margin-top:2px;font-size:11.5px}.jo-activity-side{text-align:right;flex-shrink:0}.jo-filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.jo-filter-bar .jo-input,.jo-filter-bar .jo-select{width:auto}.jo-filter-bar-grow{flex:1;min-width:180px}.jo-profile-hero{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:32px 20px;display:flex}@media (min-width:640px){.jo-profile-hero{text-align:left;flex-direction:row}}.jo-profile-hero-meta h2{margin-bottom:4px;font-size:19px}.jo-profile-hero-meta p{color:var(--jo-text-muted);font-size:13px}.jo-profile-hero-actions{margin-left:0}@media (min-width:640px){.jo-profile-hero-actions{margin-left:auto}}.jo-form-section{margin-bottom:28px}.jo-form-section:last-child{margin-bottom:0}.jo-form-section-title{color:var(--jo-text-primary);margin-bottom:4px;font-size:14px;font-weight:700}.jo-form-section-sub{color:var(--jo-text-muted);margin-bottom:16px;font-size:12px}.jo-form-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (min-width:640px){.jo-form-grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.jo-support-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (min-width:900px){.jo-support-grid{grid-template-columns:320px minmax(0,1fr)}}.jo-ticket-item{border-radius:var(--jo-radius-md);cursor:pointer;border:1px solid #0000;gap:12px;padding:14px;display:flex}.jo-ticket-item:hover{background:var(--jo-surface-2)}.jo-ticket-item.jo-active{background:var(--jo-primary-soft);border-color:#6d5dfc4d}.jo-ticket-title{color:var(--jo-text-primary);margin-bottom:3px;font-size:13px;font-weight:700}.jo-ticket-preview{color:var(--jo-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.jo-chat-panel{flex-direction:column;height:100%;min-height:480px;display:flex}.jo-chat-panel-head{border-bottom:1px solid var(--jo-border);align-items:center;gap:12px;padding:16px;display:flex}.jo-chat-panel-body{flex:1;padding:16px;overflow-y:auto}.jo-chat-panel-foot{border-top:1px solid var(--jo-border);gap:10px;padding:12px;display:flex}.jo-chat-panel-foot .jo-input{flex:1}.jo-ticket-welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;min-height:480px;padding:32px;display:flex}.jo-ticket-welcome-icon{background:var(--jo-surface-2);width:56px;height:56px;color:var(--jo-text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex}.jo-ticket-welcome p{color:var(--jo-text-muted);max-width:240px;font-size:13px}.jo-picker-row{gap:12px;margin-bottom:20px;padding-bottom:6px;display:flex;overflow-x:auto}.jo-picker-card{border-radius:var(--jo-radius-lg);text-align:center;cursor:pointer;border:1.5px solid var(--jo-border);background:var(--jo-surface);flex:none;width:104px;padding:14px 10px;transition:border-color .18s,background .18s}.jo-picker-card.jo-active{border-color:var(--jo-primary);background:var(--jo-primary-soft)}.jo-picker-icon{background:var(--jo-surface-2);width:40px;height:40px;color:var(--jo-text-secondary);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 8px;font-size:18px;display:flex}.jo-picker-card.jo-active .jo-picker-icon{background:var(--jo-gradient-brand);color:#fff}.jo-picker-label{color:var(--jo-text-primary);font-size:11.5px;font-weight:700}.jo-item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (min-width:640px){.jo-item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.jo-item-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.jo-item-card{border-radius:var(--jo-radius-lg);cursor:pointer;padding:16px;transition:border-color .18s,transform .18s}.jo-item-card:hover{transform:translateY(-2px)}.jo-item-card.jo-selected{border-color:var(--jo-primary);background:var(--jo-gradient-brand-soft)}.jo-item-icon{background:var(--jo-primary-soft);width:44px;height:44px;color:var(--jo-primary-hover);border-radius:12px;justify-content:center;align-items:center;margin-bottom:12px;font-size:18px;display:flex}.jo-item-name{color:var(--jo-text-primary);margin-bottom:4px;font-size:13.5px;font-weight:700}.jo-item-desc{color:var(--jo-text-muted);margin-bottom:12px;font-size:11.5px}.jo-item-price{color:var(--jo-cyan);font-size:13px;font-weight:800}.jo-select-layout{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}@media (min-width:1024px){.jo-select-layout{grid-template-columns:minmax(0,1fr) 300px}}.jo-browse-aside{flex-direction:column;gap:16px;display:none}@media (min-width:1024px){.jo-browse-aside{align-self:start;display:flex;position:sticky;top:88px}}.jo-side-panel-empty{text-align:center;color:var(--jo-text-muted);padding:32px 16px;font-size:13px}.jo-side-panel-item{border-bottom:1px solid var(--jo-border);justify-content:space-between;gap:8px;padding:10px 0;font-size:13px;display:flex}.jo-side-panel-total{color:var(--jo-text-primary);justify-content:space-between;padding-top:14px;font-weight:800;display:flex}.jo-active-activation-list{flex-direction:column;gap:10px;display:flex}.jo-active-activation-item{border-radius:var(--jo-radius-md);background:var(--jo-surface-2);border:1px solid var(--jo-border);flex-direction:column;gap:8px;padding:12px;display:flex}.jo-active-activation-service{color:var(--jo-text-primary);font-size:12.5px;font-weight:700}.jo-active-activation-phone{color:var(--jo-text-muted);margin-top:2px;font-family:monospace;font-size:11.5px}.jo-active-activation-side{justify-content:space-between;align-items:center;gap:8px;display:flex}.jo-active-activation-countdown{color:var(--jo-warning);align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.jo-fab-select{z-index:35;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}@media (min-width:1024px){.jo-fab-select{display:none}}.jo-nominal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (min-width:640px){.jo-nominal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.jo-nominal-btn{border-radius:var(--jo-radius-md);border:1.5px solid var(--jo-border);background:var(--jo-surface);text-align:center;cursor:pointer;padding:16px 10px;transition:border-color .18s,background .18s}.jo-nominal-btn.jo-active{border-color:var(--jo-primary);background:var(--jo-primary-soft)}.jo-nominal-value{color:var(--jo-text-primary);font-size:14px;font-weight:800}.jo-nominal-badge{color:var(--jo-cyan);margin-top:2px;font-size:10px;font-weight:700}.jo-nominal-bonus{color:var(--jo-text-muted);margin-top:2px;font-size:10px}.jo-summary-row{border-bottom:1px solid var(--jo-border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.jo-summary-row:last-of-type{border-bottom:none}.jo-summary-label{color:var(--jo-text-muted);font-size:13px}.jo-summary-value{font-family:var(--jo-font-display);color:var(--jo-text-primary);font-size:15px;font-weight:800}.jo-summary-bonus{border-radius:var(--jo-radius-md);background:var(--jo-success-soft);color:#4ade80;text-align:center;margin-top:10px;padding:10px 12px;font-size:12.5px;font-weight:700}.jo-pay-method{border-radius:var(--jo-radius-md);border:1.5px solid var(--jo-border);cursor:pointer;align-items:center;gap:12px;margin-bottom:10px;padding:14px;transition:border-color .18s,background .18s;display:flex}.jo-pay-method.jo-active{border-color:var(--jo-primary);background:var(--jo-primary-soft)}.jo-pay-method-icon{background:var(--jo-surface-2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.jo-pay-method-name{color:var(--jo-text-primary);font-size:13px;font-weight:700}.jo-pay-method-sub{color:var(--jo-text-muted);font-size:11px}.jo-pay-method-radio{border:2px solid var(--jo-border-strong);border-radius:50%;flex-shrink:0;width:18px;height:18px;margin-left:auto}.jo-pay-method.jo-active .jo-pay-method-radio{border-color:var(--jo-primary);background:radial-gradient(circle, var(--jo-primary) 0 40%, transparent 44%)}.jo-countdown{border-radius:var(--jo-radius-full);background:var(--jo-warning-soft);color:#fcd34d;border:1px solid #f59e0b4d;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:10px 16px;font-size:13px;font-weight:700;display:flex}.jo-qris-box{border-radius:var(--jo-radius-lg);color:#0f1724;background:#fff;justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto 16px;font-size:13px;font-weight:700;display:flex}
.jo-cell-user{align-items:center;gap:10px;display:flex}.jo-cell-user-name{color:var(--jo-text-primary);font-size:13px;font-weight:700}.jo-cell-user-sub{color:var(--jo-text-muted);font-size:11.5px}.jo-tier-chip{border-radius:var(--jo-radius-full);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:5px;padding:3px 10px;font-size:10.5px;font-weight:800;display:inline-flex}.jo-tier-gold{color:#fbbf24;background:#f59e0b24}.jo-tier-silver{color:#cbd5e1;background:#94a3b829}.jo-tier-platinum{color:#c4b5fd;background:#6d5dfc29}.jo-list-row{border-bottom:1px solid var(--jo-border);align-items:center;gap:12px;padding:12px 4px;display:flex}.jo-list-row:last-child{border-bottom:none}.jo-list-row-main{flex:1;min-width:0}.jo-list-row-title{color:var(--jo-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.jo-list-row-sub{color:var(--jo-text-muted);margin-top:2px;font-size:11.5px}.jo-list-row-side{text-align:right;flex-shrink:0}.jo-service-card{border-radius:var(--jo-radius-md);background:var(--jo-surface-2);align-items:center;gap:12px;padding:14px;display:flex}.jo-service-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.jo-service-dot-up{background:var(--jo-success);box-shadow:0 0 0 3px var(--jo-success-soft)}.jo-service-dot-warn{background:var(--jo-warning);box-shadow:0 0 0 3px var(--jo-warning-soft)}.jo-service-dot-down{background:var(--jo-danger);box-shadow:0 0 0 3px var(--jo-danger-soft)}.jo-service-name{color:var(--jo-text-primary);font-size:13px;font-weight:700}.jo-service-meta{color:var(--jo-text-muted);font-size:11px}.jo-diff-grid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}@media (min-width:640px){.jo-diff-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.jo-diff-col{border-radius:var(--jo-radius-md);border:1px solid var(--jo-border);padding:14px}.jo-diff-col-before{background:var(--jo-danger-soft);border-color:#ef444440}.jo-diff-col-after{background:var(--jo-success-soft);border-color:#22c55e40}.jo-diff-label{text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:10.5px;font-weight:800}.jo-diff-col-before .jo-diff-label{color:#fca5a5}.jo-diff-col-after .jo-diff-label{color:#86efac}.jo-diff-row{color:var(--jo-text-secondary);justify-content:space-between;gap:8px;padding:5px 0;font-size:12.5px;display:flex}.jo-diff-row strong{color:var(--jo-text-primary)}.jo-settings-layout{display:block}.jo-settings-nav{background:var(--jo-surface);border:1px solid var(--jo-border);border-radius:var(--jo-radius-lg);gap:2px;margin-bottom:20px;padding:4px;display:flex;overflow-x:auto}.jo-settings-nav-item{border-radius:var(--jo-radius-md);color:var(--jo-text-secondary);white-space:nowrap;cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:auto;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:12.5px;font-weight:600;display:flex}.jo-settings-nav-item i{color:var(--jo-text-muted);font-size:14px}.jo-settings-nav-item:hover{background:var(--jo-surface-2);color:var(--jo-text-primary)}.jo-settings-nav-item.jo-active{background:var(--jo-primary-soft);color:var(--jo-text-primary);border-bottom-color:var(--jo-cyan)}.jo-settings-nav-item.jo-active i{color:var(--jo-cyan)}@media (max-width:640px){.jo-settings-nav-item span{display:none}}.jo-save-bar{border-radius:var(--jo-radius-lg);background:var(--jo-surface);border:1px solid var(--jo-border-strong);box-shadow:var(--jo-shadow-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding:14px 18px;display:flex;position:sticky;bottom:12px}.jo-toggle-row{border-radius:var(--jo-radius-md);background:var(--jo-surface-2);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:14px;display:flex}.jo-toggle-row:last-child{margin-bottom:0}.jo-toggle-row-title{color:var(--jo-text-primary);font-size:13px;font-weight:700}.jo-toggle-row-sub{color:var(--jo-text-muted);margin-top:2px;font-size:11.5px}.jo-internal-note{border-radius:var(--jo-radius-md);background:var(--jo-warning-soft);color:#fcd34d;border:1px dashed #f59e0b66;margin-bottom:12px;padding:12px 14px;font-size:12.5px}.jo-internal-note-label{text-transform:uppercase;letter-spacing:.08em;opacity:.85;margin-bottom:4px;font-size:10px;font-weight:800}.jo-quick-replies{flex-wrap:wrap;gap:6px;padding:10px 12px 0;display:flex}.jo-quick-reply-chip{border-radius:var(--jo-radius-full);background:var(--jo-surface-2);border:1px solid var(--jo-border);color:var(--jo-text-secondary);cursor:pointer;white-space:nowrap;padding:5px 10px;font-size:11px;font-weight:600}.jo-quick-reply-chip:hover{color:var(--jo-text-primary);border-color:var(--jo-border-strong)}.jo-page-row-title{color:var(--jo-text-primary);font-size:13px;font-weight:700}.jo-page-row-slug{color:var(--jo-text-muted);font-family:monospace;font-size:11.5px}.jo-editor-toolbar{border:1px solid var(--jo-border);border-radius:var(--jo-radius-md) var(--jo-radius-md) 0 0;background:var(--jo-surface-2);border-bottom:none;flex-wrap:wrap;gap:4px;padding:8px;display:flex}.jo-editor-toolbar button{width:32px;height:32px;color:var(--jo-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px}.jo-editor-toolbar button:hover{background:var(--jo-surface-3);color:var(--jo-text-primary)}.jo-editor-body{border-radius:0 0 var(--jo-radius-md) var(--jo-radius-md);border:1px solid var(--jo-border);min-height:220px;color:var(--jo-text-secondary);background:var(--jo-surface-2);border-top:none;padding:16px;font-size:13px;line-height:1.8}.jo-char-count{float:right;color:var(--jo-text-muted);font-size:11px;font-weight:500}.jo-og-image-picker{align-items:center;gap:12px;display:flex}.jo-og-image-preview{border-radius:var(--jo-radius-md);background:var(--jo-surface-2);border:1px dashed var(--jo-border-strong);width:64px;height:64px;color:var(--jo-text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.jo-serp-preview{border-radius:var(--jo-radius-md);background:var(--jo-surface-2);border:1px solid var(--jo-border);padding:14px 16px}.jo-serp-url{color:#4ade80;margin-bottom:2px;font-size:12px}.jo-serp-title{color:#8ab4f8;margin-bottom:4px;font-size:16px;line-height:1.3}.jo-serp-desc{color:var(--jo-text-secondary);font-size:12.5px;line-height:1.5}.jo-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (min-width:640px){.jo-audience-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.jo-audience-chip{border-radius:var(--jo-radius-md);border:1.5px solid var(--jo-border);background:var(--jo-surface);cursor:pointer;color:var(--jo-text-secondary);align-items:center;gap:8px;padding:12px;font-size:12.5px;font-weight:600;display:flex}.jo-audience-chip.jo-active{border-color:var(--jo-primary);background:var(--jo-primary-soft);color:var(--jo-text-primary)}.jo-broadcast-preview{border-radius:var(--jo-radius-xl);background:var(--jo-surface-2);border:1px solid var(--jo-border);max-width:320px;margin:0 auto;padding:16px}.jo-broadcast-preview-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--jo-cyan);align-items:center;gap:6px;margin-bottom:10px;font-size:10px;font-weight:800;display:inline-flex}.jo-broadcast-preview-card{border-radius:var(--jo-radius-lg);background:var(--jo-surface);border:1px solid var(--jo-border);padding:14px}.jo-broadcast-preview-title{color:var(--jo-text-primary);margin-bottom:4px;font-size:13px;font-weight:700}.jo-broadcast-preview-body{color:var(--jo-text-secondary);font-size:12px;line-height:1.6}.jo-review-thumb{border-radius:var(--jo-radius-md);background:var(--jo-surface-2);width:44px;height:44px;color:var(--jo-text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.jo-review-thumb-link{cursor:pointer;transition:border-color var(--jo-transition);border:none}.jo-review-thumb-link:hover{color:var(--jo-primary-hover);background:var(--jo-primary-soft)}.jo-review-actions{gap:8px;display:flex}.jo-preview-frame{border-radius:var(--jo-radius-lg);background:var(--jo-surface-2);border:1px solid var(--jo-border);aspect-ratio:4/3;width:100%;max-width:340px;color:var(--jo-text-muted);justify-content:center;align-items:center;margin:0 auto 16px;font-size:32px;display:flex}.jo-preview-frame-link{cursor:pointer;flex-direction:column;gap:8px;position:relative}.jo-preview-frame-link:hover{border-color:var(--jo-border-strong);color:var(--jo-text-secondary)}.jo-preview-frame-hint{align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.jo-lightbox-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04060fd9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.jo-lightbox-close{border:1px solid var(--jo-border);background:var(--jo-surface);width:40px;height:40px;color:var(--jo-text-primary);cursor:pointer;border-radius:10px;font-size:16px;position:absolute;top:20px;right:20px}.jo-lightbox-frame{aspect-ratio:4/3;border-radius:var(--jo-radius-lg);background:var(--jo-surface-2);border:1px solid var(--jo-border);width:100%;max-width:480px;color:var(--jo-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;font-size:64px;display:flex}.jo-lightbox-frame p{color:var(--jo-text-secondary);font-size:13px}.jo-rank-row{border-bottom:1px solid var(--jo-border);align-items:center;gap:12px;padding:12px 4px;display:flex}.jo-rank-row:last-child{border-bottom:none}.jo-rank-number{background:var(--jo-surface-2);width:28px;height:28px;color:var(--jo-text-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.jo-rank-number.jo-rank-top{background:var(--jo-gradient-brand);color:#fff}.jo-rank-main{flex:1;min-width:0}.jo-rank-bar-track{background:var(--jo-surface-3);border-radius:999px;height:5px;margin-top:6px;overflow:hidden}.jo-rank-bar-fill{background:var(--jo-gradient-brand);border-radius:999px;height:100%}.jo-key-value{color:var(--jo-text-secondary);background:var(--jo-surface-2);border:1px solid var(--jo-border);border-radius:var(--jo-radius-sm);align-items:center;gap:8px;padding:8px 10px;font-family:monospace;font-size:12.5px;display:inline-flex}.jo-perm-chip{border-radius:var(--jo-radius-full);background:var(--jo-surface-3);color:var(--jo-text-secondary);align-items:center;gap:4px;margin:2px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.jo-perm-chip.jo-perm-on{background:var(--jo-success-soft);color:#4ade80}.jo-split-2-1{grid-template-columns:minmax(0,1fr)}@media (min-width:1024px){.jo-split-2-1{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.jo-split-1-1{grid-template-columns:minmax(0,1fr)}@media (min-width:768px){.jo-split-1-1{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.jo-chat-panel-head select.jo-select{flex-shrink:1;width:auto;min-width:0;max-width:150px}@media (max-width:420px){.jo-chat-panel-head select.jo-select{max-width:110px;padding-left:8px;padding-right:8px;font-size:11px}}.jo-trend{align-items:center;gap:3px;font-size:11px;font-weight:700;display:inline-flex}.jo-trend-up{color:#4ade80}.jo-trend-down{color:#f87171}
.jb-page{width:100%;min-width:0}.jb-page-head{margin-bottom:20px}.jb-page-head h1{letter-spacing:-.01em;color:var(--jo-text-primary);font-size:24px;font-weight:800;line-height:1.2}@media (min-width:640px){.jb-page-head h1{font-size:28px}}.jb-page-head p{color:var(--jo-text-secondary);margin-top:6px;font-size:13.5px}.jb-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}@media (min-width:1024px){.jb-summary{grid-template-columns:repeat(4,minmax(0,1fr))}}.jb-summary-tile{background:var(--jo-surface);border:1px solid var(--jo-border);border-radius:var(--jo-radius-lg);min-width:0;padding:14px 16px}.jb-summary-label{letter-spacing:.08em;text-transform:uppercase;color:var(--jo-text-secondary);align-items:center;gap:6px;font-size:10.5px;font-weight:800;display:flex}.jb-summary-label i{color:var(--jo-cyan);font-size:12px}.jb-summary-value{font-family:var(--jo-font-display);color:var(--jo-text-primary);overflow-wrap:anywhere;margin-top:6px;font-size:19px;font-weight:800}@media (min-width:640px){.jb-summary-value{font-size:22px}}.jb-topup-note{border-radius:var(--jo-radius-md);background:var(--jo-warning-soft);color:var(--jo-text-primary);border:1px solid #f59e0b59;flex-wrap:wrap;align-items:center;gap:10px;margin:-6px 0 20px;padding:12px 14px;font-size:13px;font-weight:600;line-height:1.5;display:flex}.jb-topup-note>i{color:var(--jo-warning);flex:none;font-size:15px}.jb-topup-note>span{flex:220px;min-width:0}.jb-topup-note>a{background:var(--jo-warning);color:#1a1205;border-radius:999px;flex:none;padding:6px 14px;font-size:12.5px;font-weight:800;text-decoration:none}.jb-topup-note>a:hover{filter:brightness(1.08)}.jb-hero{isolation:isolate;border-radius:var(--jo-radius-xl);color:#fff;background:radial-gradient(120% 140% at 100% 0,#22d3ee47 0%,#0000 55%),radial-gradient(90% 120% at 0 100%,#3b82f64d 0%,#0000 60%),linear-gradient(135deg,#2a1f7a 0%,#3b2fc4 35%,#2f5fd8 70%,#1a9fc4 100%);border:1px solid #a5b4fc47;margin-bottom:28px;padding:20px;position:relative;overflow:hidden;box-shadow:0 16px 40px #3b2fc44d}@media (min-width:640px){.jb-hero{padding:28px}}.jb-hero-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.jb-hero-copy{flex:320px;min-width:0}.jb-hero-kicker{letter-spacing:.1em;text-transform:uppercase;background:#ffffff29;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:10.5px;font-weight:800;display:inline-flex}.jb-hero-kicker i{color:#fcd34d}.jb-hero-count{align-items:baseline;gap:10px;margin-top:14px;display:flex}.jb-hero-count-num{font-family:var(--jo-font-display);letter-spacing:-.03em;font-size:52px;font-weight:800;line-height:1}@media (min-width:640px){.jb-hero-count-num{font-size:64px}}.jb-hero-count-label{color:#ffffffeb;font-size:16px;font-weight:700}.jb-hero-sub{color:#ffffffdb;max-width:52ch;margin-top:8px;font-size:13.5px;line-height:1.55}.jb-hero-reward{border-radius:var(--jo-radius-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080c1447;border:1px solid #ffffff38;flex:none;min-width:230px;padding:16px 18px}.jb-hero-reward-label{letter-spacing:.1em;text-transform:uppercase;color:#ffffffd9;font-size:10.5px;font-weight:800}.jb-hero-reward-value{font-family:var(--jo-font-display);margin:4px 0 14px;font-size:28px;font-weight:800}.jb-hero-btn{border-radius:var(--jo-radius-md);color:#3730a3;cursor:pointer;width:100%;min-height:46px;transition:transform var(--jo-transition), box-shadow var(--jo-transition);background:#fff;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 6px 18px #080c1440}.jb-hero-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #080c144d}.jb-hero-btn:disabled{cursor:default;color:#fff;box-shadow:none;background:#ffffff2e;border:1px solid #ffffff4d}@media (max-width:639px){.jb-hero-reward{width:100%;min-width:0}}.jb-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:24px 0 0;padding:0;list-style:none;display:grid}.jb-day{text-align:center;border-radius:var(--jo-radius-md);background:#080c1438;border:1px solid #ffffff24;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:12px 4px 11px;display:flex}.jb-day-dot{color:#ffffffb3;background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:inline-flex}.jb-day-dot .bi-lock-fill{font-size:11px}.jb-day-label{color:#ffffffd1;white-space:nowrap;font-size:11px;font-weight:700}.jb-day-amount{font-family:var(--jo-font-display);white-space:nowrap;color:#fff;font-size:12.5px;font-weight:800}.jb-day-claimed{background:#ffffff29;border-color:#ffffff47}.jb-day-claimed .jb-day-dot{color:#0b1020;background:#22d3ee}.jb-day-today{background:#fff;border-color:#fff;transform:translateY(-2px);box-shadow:0 0 0 3px #22d3ee73,0 10px 26px #080c144d}.jb-day-today .jb-day-dot{background:var(--jo-gradient-brand);color:#fff}.jb-day-today .jb-day-label{color:#4338ca}.jb-day-today .jb-day-amount{color:#1e1b4b}.jb-day-claimed.jb-day-current{box-shadow:0 0 0 2px #22d3eeb3}.jb-day-locked .jb-day-amount{color:#ffffffc7}.jb-day-grand .jb-day-dot{box-shadow:0 0 0 2px #fcd34d99}@media (max-width:479px){.jb-days{grid-template-columns:repeat(4,minmax(0,1fr))}.jb-day-grand{grid-column:span 2}}.jb-section{margin-bottom:28px}.jb-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;margin-bottom:14px;display:flex}.jb-section-head h2{color:var(--jo-text-primary);align-items:center;gap:8px;font-size:18px;font-weight:800;line-height:1.3;display:flex}.jb-section-head h2 i{color:var(--jo-cyan);font-size:17px}.jb-section-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.jb-reset-badge{background:var(--jo-primary-soft);color:#c4b5fd;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:1px solid #6d5dfc59;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:10.5px;font-weight:800;display:inline-flex}.jb-section-meta{color:var(--jo-text-secondary);font-size:12px;font-weight:600}.jb-missions{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}@media (min-width:768px){.jb-missions{grid-template-columns:repeat(2,minmax(0,1fr))}.jb-mission-wide{grid-column:1/-1}}.jb-mission{background:var(--jo-surface);border:1px solid var(--jo-border);border-radius:var(--jo-radius-lg);min-width:0;transition:border-color var(--jo-transition), box-shadow var(--jo-transition);flex-direction:column;gap:16px;padding:18px;display:flex}.jb-mission:hover{border-color:var(--jo-border-strong)}.jb-mission-claimable{border-color:#22d3ee80;box-shadow:inset 0 0 0 1px #22d3ee26,0 8px 24px #22d3ee14}.jb-mission-master{background:linear-gradient(135deg, #6d5dfc29 0%, #3b82f61a 55%, #22d3ee14 100%), var(--jo-surface);border-color:#6d5dfc59}.jb-mission-top{align-items:flex-start;gap:12px;display:flex}.jb-mission-icon{background:var(--jo-primary-soft);color:#a5b4fc;border:1px solid #6d5dfc40;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:19px;display:inline-flex}.jb-mission-icon.jb-tone-blue{background:var(--jo-blue-soft);color:#93c5fd;border-color:#3b82f640}.jb-mission-icon.jb-tone-cyan{background:var(--jo-cyan-soft);color:#67e8f9;border-color:#22d3ee40}.jb-mission-body{flex:1;min-width:0}.jb-mission-title{color:var(--jo-text-primary);margin:0;font-size:15px;font-weight:700;line-height:1.35}.jb-mission-desc{color:#a8b3c7;margin:3px 0 0;font-size:13px;line-height:1.45}.jb-mission-reward{font-family:var(--jo-font-display);white-space:nowrap;color:#67e8f9;background:#22d3ee1f;border:1px solid #22d3ee59;border-radius:999px;flex-shrink:0;align-self:flex-start;padding:7px 11px;font-size:13.5px;font-weight:800;line-height:1}.jb-mission-progress{flex-direction:column;gap:8px;display:flex}.jb-progress-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.jb-progress-value{color:var(--jo-text-primary);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.jb-progress-pct{color:var(--jo-text-secondary);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.jb-progress{background:var(--jo-surface-3);border:1px solid #ffffff0a;border-radius:999px;height:8px;overflow:hidden}.jb-progress-fill{background:var(--jo-gradient-brand);border-radius:999px;min-width:0;height:100%;transition:width .4s}.jb-progress-full{background:linear-gradient(90deg,#6d5dfc 0%,#22d3ee 100%);box-shadow:0 0 12px #22d3ee73}.jb-mission-btn{border-radius:var(--jo-radius-md);cursor:pointer;width:100%;min-height:44px;transition:transform var(--jo-transition), box-shadow var(--jo-transition), background var(--jo-transition);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.jb-mission-btn-claim{background:var(--jo-gradient-brand);color:#fff;box-shadow:var(--jo-shadow-brand)}.jb-mission-btn-claim:hover:not(:disabled){transform:translateY(-1px)}.jb-mission-btn-claim:disabled{cursor:progress}.jb-mission-btn-pending{background:var(--jo-surface-2);color:#cbd5e1;border-color:var(--jo-border-strong)}a.jb-mission-btn-pending:hover{color:#fff;border-color:#22d3ee80}button.jb-mission-btn-pending:disabled{cursor:default}.jb-mission-btn-claimed{color:#86efac;cursor:default;background:#22c55e1a;border-color:#22c55e4d}.jb-panel{background:var(--jo-surface);border:1px solid var(--jo-border);border-radius:var(--jo-radius-lg);padding:18px}@media (min-width:640px){.jb-panel{padding:22px}}.jb-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.jb-panel-head h2{color:var(--jo-text-primary);align-items:center;gap:8px;font-size:17px;font-weight:800;line-height:1.3;display:flex}.jb-panel-head h2 i{color:var(--jo-cyan)}.jb-link-btn{font:inherit;color:var(--jo-cyan);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:6px 4px;font-size:12.5px;font-weight:700;display:inline-flex}.jb-link-btn:disabled{color:var(--jo-text-muted);cursor:default}.jb-history{flex-direction:column;display:flex}.jb-history-head{display:none}.jb-history-row{border-bottom:1px solid var(--jo-border);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"reward amount""type status""date date";align-items:center;gap:4px 12px;padding:12px 0;display:grid}.jb-history-row:last-child{border-bottom:none}.jb-history-reward{grid-area:reward;align-items:center;gap:10px;min-width:0;display:flex}.jb-history-icon{background:var(--jo-primary-soft);color:#a5b4fc;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.jb-history-title{color:var(--jo-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.jb-history-amount{text-align:right;font-family:var(--jo-font-display);color:#67e8f9;white-space:nowrap;grid-area:amount;font-size:14px;font-weight:800}.jb-history-type,.jb-history-date{color:var(--jo-text-secondary);font-size:11.5px}.jb-history-type{grid-area:type;padding-left:44px}.jb-history-date{grid-area:date;padding-left:44px}.jb-history-status{text-align:right;grid-area:status}.jb-status-badge{white-space:nowrap;color:#86efac;background:#22c55e1f;border:1px solid #22c55e47;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:10.5px;font-weight:800;display:inline-flex}@media (min-width:768px){.jb-history-head,.jb-history-row{grid-template-columns:minmax(0,2fr) minmax(0,.9fr) minmax(0,1fr) minmax(0,1.6fr) auto;grid-template-areas:none;gap:12px;display:grid}.jb-history-head{border-bottom:1px solid var(--jo-border);letter-spacing:.08em;text-transform:uppercase;color:var(--jo-text-secondary);padding:0 0 10px;font-size:10.5px;font-weight:800}.jb-history-head span:nth-child(3){text-align:right}.jb-history-reward,.jb-history-type,.jb-history-date,.jb-history-amount,.jb-history-status{grid-area:auto;padding-left:0}.jb-history-type,.jb-history-date{font-size:12.5px}.jb-history-status{text-align:left}}.jb-history-more{text-align:center;margin-top:10px}.jb-note{color:var(--jo-text-secondary);border-radius:var(--jo-radius-md);background:var(--jo-surface);border:1px dashed var(--jo-border-strong);align-items:flex-start;gap:10px;padding:12px 14px;font-size:12px;line-height:1.55;display:flex}.jb-note i{color:var(--jo-cyan);margin-top:1px}.jb-admin-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (min-width:1024px){.jb-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.jb-admin-toggle-row{border-bottom:1px solid var(--jo-border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.jb-admin-toggle-row:last-child{border-bottom:none}.jb-admin-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}@media (min-width:900px){.jb-admin-filters{grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:end}}