@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bs-primary:#33a6eb;--bs-primary-rgb:51,166,235;--bs-border-radius:12px;--bs-border-radius-lg:16px;--dashboard-bg:#f8f9fa;--panel-bg:#fff;--text-main:#111827;--text-muted:#374151;--card-border:#0000001f;--glass-bg:#ffffffe6}[data-theme=dark]{--dashboard-bg:#0b0f1a;--panel-bg:#151c2c;--text-main:#f8fafc;--text-muted:#94a3b8;--card-border:#ffffff1a;--glass-bg:#151c2ccc}body{background-color:var(--dashboard-bg);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .3s,color .3s,border-color .3s;overflow-x:hidden}.code-font{font-family:JetBrains Mono,monospace}.card,.btn,.form-control,.dropdown-menu{background-color:var(--panel-bg);color:var(--text-main);border-color:var(--card-border);border-radius:var(--bs-border-radius)!important}.dropdown-item{color:var(--text-main)}.dropdown-item:hover{background-color:var(--dashboard-bg);color:var(--text-main)}.btn-primary{color:#fff;background:linear-gradient(135deg,#33a6eb 0%,#2575fc 100%)!important;border:none!important;transition:all .2s!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important}.btn-fixit{color:#fff!important;background:linear-gradient(90deg,#33d1ff 0%,#33a6eb 50%,#2575fc 100%) 0 0/200%!important;border:none!important;font-weight:600!important;transition:all .5s!important}.btn-fixit:hover{transform:scale(1.02);background-position:100%!important}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #00000008;border:1px solid var(--card-border)!important}.bg-panel-custom{background:var(--panel-bg)!important}.bg-dashboard-custom{background:var(--dashboard-bg)!important}.hover-card{transition:transform .2s,box-shadow .2s}.hover-card:hover{transform:translateY(-5px);box-shadow:0 1rem 2rem #0000001a!important}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.quick-chip{cursor:pointer;border:1.5px solid var(--card-border);background:var(--panel-bg);color:var(--text-muted);white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.quick-chip:hover:not(:disabled){color:#407ec9;background:#407ec914;border-color:#407ec9;transform:translateY(-1px)}.quick-chip:active:not(:disabled){transform:translateY(0)}.quick-chip--active{font-weight:600;color:#407ec9!important;background:#407ec926!important;border-color:#407ec9!important}.quick-chip:disabled{opacity:.45;cursor:not-allowed}.prompt-wrapper{border:1.5px solid var(--card-border);background:var(--panel-bg);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.prompt-wrapper:focus-within{border-color:#407ec9;box-shadow:0 0 0 3px #407ec926}.prompt-icon{color:#407ec9;flex-shrink:0;font-size:1rem;line-height:1}.prompt-input{color:inherit;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.95rem}.prompt-input::placeholder{color:var(--text-muted);opacity:.7}.prompt-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:.8rem;transition:color .15s}.prompt-clear:hover{color:#ef4444}.fixit-btn{cursor:pointer;letter-spacing:.02em;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.fixit-btn--active{color:#fff;background:linear-gradient(135deg,#407ec9 0%,#5b9bd5 100%);box-shadow:0 4px 15px #407ec966}.fixit-btn--active:hover{background:linear-gradient(135deg,#3570b8 0%,#4f8ec8 100%);transform:translateY(-1px);box-shadow:0 6px 20px #407ec980}.fixit-btn--active:active{transform:translateY(0);box-shadow:0 2px 8px #407ec94d}.fixit-btn--disabled{background:var(--panel-bg);color:var(--text-muted);border:1.5px solid var(--card-border);cursor:not-allowed;opacity:.55}.hover-elevate{z-index:1;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;position:relative}.hover-elevate:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0000001a!important}.agentic-banner{background:linear-gradient(135deg,#407ec914 0%,#5b9bd50d 100%);border:1.5px solid #407ec94d;border-radius:16px;max-width:700px;padding:24px 28px;position:relative;overflow:hidden}.agentic-banner__glow{pointer-events:none;background:radial-gradient(circle,#407ec940 0%,#0000 70%);width:180px;height:180px;position:absolute;top:-40px;right:-40px}.agentic-banner__content{z-index:1;align-items:flex-start;gap:18px;display:flex;position:relative}.agentic-banner__icon{flex-shrink:0;font-size:2rem;line-height:1}.agentic-banner__title{color:#407ec9;margin-bottom:4px;font-size:1rem;font-weight:700}.agentic-banner__sub{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.6}.agentic-banner__badge{letter-spacing:.08em;color:#407ec9;white-space:nowrap;background:#407ec91f;border:1px solid #407ec940;border-radius:20px;flex-shrink:0;align-self:flex-start;margin-left:auto;padding:4px 10px;font-size:.7rem;font-weight:700}.hover-primary:hover{color:var(--bs-primary)!important}.agentic-footer-badge{color:#407ec9;opacity:.85;font-size:.75rem;font-weight:500}