*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Instrument Sans,sans-serif;background:hsl(var(--background));color:hsl(var(--foreground));display:flex}.mono{font-family:JetBrains Mono,monospace}aside{width:220px;min-width:220px;height:100vh;position:sticky;top:0;background:hsl(var(--background));border-right:1px solid hsl(var(--border));display:flex;flex-direction:column;padding:0;overflow:hidden}.sidebar-logo{padding:24px 20px 20px;border-bottom:1px solid hsl(var(--border))}.sidebar-logo a{font-family:JetBrains Mono,monospace;font-size:15px;color:hsl(var(--foreground));text-decoration:none;letter-spacing:-.5px}.sidebar-logo a span{color:hsl(var(--emerald));animation:blink 1.2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.sidebar-client{margin:12px 16px;padding:10px 12px;background:hsl(var(--emerald) .06);border:1px solid hsl(var(--emerald) .12);border-radius:6px}.sidebar-client .label{font-family:JetBrains Mono,monospace;font-size:9px;color:hsl(var(--emerald) .6);text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.sidebar-client .name{font-size:11px;color:hsl(var(--foreground) / .7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nav{flex:1;padding:8px 0;overflow-y:auto}.nav-section{padding:12px 16px 4px;font-family:JetBrains Mono,monospace;font-size:9px;color:hsl(var(--foreground) / .2);text-transform:uppercase;letter-spacing:.1em}nav a{display:flex;align-items:center;gap:10px;padding:8px 20px;font-size:13px;color:hsl(var(--foreground) / .4);text-decoration:none;transition:color .15s,background .15s;border-left:2px solid transparent}nav a:hover{color:hsl(var(--foreground) / .7);background:hsl(var(--foreground) / .03)}nav a.active{color:hsl(var(--foreground) / .9);border-left-color:hsl(var(--emerald));background:hsl(var(--emerald) .05)}nav a .icon{font-size:12px;width:16px;text-align:center;opacity:.7}.sidebar-bottom{padding:16px;border-top:1px solid hsl(var(--foreground) / .05)}.sidebar-bottom a{display:flex;align-items:center;gap:8px;font-size:12px;color:hsl(var(--foreground) / .25);text-decoration:none;padding:6px 4px;transition:color .15s}.sidebar-bottom a:hover{color:hsl(var(--foreground) / .5)}.upgrade-cta{display:flex!important;align-items:center;justify-content:center;gap:6px;font-size:12px!important;font-weight:500;color:hsl(var(--emerald))!important;text-decoration:none;padding:8px 12px!important;margin-bottom:8px;background:hsl(var(--emerald) .08);border:1px solid hsl(var(--emerald) .2);border-radius:6px;transition:background .15s,border-color .15s!important}.upgrade-cta:hover{background:hsl(var(--emerald) .14)!important;border-color:hsl(var(--emerald) .35)!important;color:hsl(var(--emerald))!important}.trial-cta{display:flex!important;align-items:center;justify-content:center;gap:6px;font-size:12px!important;font-weight:600;color:#f59f0a!important;text-decoration:none;padding:8px 12px!important;margin-bottom:8px;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:6px;transition:background .15s,border-color .15s!important}.trial-cta:hover{background:#f59e0b24!important;border-color:#f59e0b59!important;color:#f59f0a!important}.demo-banner{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 20px;background:#f59e0b14;border-bottom:1px solid rgba(245,158,11,.2);font-family:JetBrains Mono,monospace;font-size:11px;color:#f59e0be6;flex-shrink:0}.demo-banner .demo-text{display:flex;align-items:center;gap:8px}.demo-banner .demo-cta{font-size:11px;color:hsl(var(--emerald));text-decoration:none;border:1px solid hsl(var(--emerald) .3);padding:4px 10px;border-radius:4px;transition:background .15s;white-space:nowrap}.demo-banner .demo-cta:hover{background:hsl(var(--emerald) .1)}.setup-banner{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 20px;background:hsl(var(--emerald) .04);border-bottom:1px solid hsl(var(--emerald) .1);font-size:12px;color:hsl(var(--foreground) / .5);flex-shrink:0}.setup-banner .setup-text{display:flex;align-items:center;gap:8px}.setup-banner .setup-cta{font-size:11px;color:hsl(var(--emerald));text-decoration:none;border:1px solid hsl(var(--emerald) .2);padding:3px 10px;border-radius:4px;transition:background .15s;white-space:nowrap}.setup-banner .setup-cta:hover{background:hsl(var(--emerald) .08)}.feedback-trigger{display:flex;align-items:center;gap:6px;background:none;border:1px solid hsl(var(--foreground) / .08);border-radius:4px;padding:3px 10px;color:hsl(var(--foreground) / .35);font-size:11px;cursor:pointer;transition:all .15s}.feedback-trigger:hover{color:hsl(var(--foreground) / .6);border-color:hsl(var(--foreground) / .15)}.feedback-trigger span{font-family:Instrument Sans,sans-serif}.feedback-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center}.feedback-backdrop{position:absolute;inset:0;background:#0009}.feedback-dialog{position:relative;background:hsl(var(--background));border:1px solid hsl(var(--foreground) / .1);border-radius:8px;width:100%;max-width:420px;margin:16px;box-shadow:0 25px 50px #00000080}.feedback-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid hsl(var(--foreground) / .05)}.feedback-header-left{display:flex;align-items:center;gap:8px;color:hsl(var(--foreground) / .85);font-size:14px;font-weight:600}.feedback-close-btn{background:none;border:none;color:hsl(var(--foreground) / .3);cursor:pointer;padding:4px}.feedback-close-btn:hover{color:hsl(var(--foreground) / .6)}.feedback-body{padding:20px;display:flex;flex-direction:column;gap:12px}.feedback-types{display:flex;gap:8px}.feedback-type{flex:1;background:hsl(var(--foreground) / .03);border:1px solid hsl(var(--foreground) / .08);border-radius:4px;padding:8px;font-size:12px;color:hsl(var(--foreground) / .4);cursor:pointer;transition:all .15s;text-align:center}.feedback-type:hover{border-color:hsl(var(--foreground) / .15);color:hsl(var(--foreground) / .6)}.feedback-type.active{border-color:hsl(var(--emerald) .4);color:hsl(var(--emerald))}.feedback-body textarea{width:100%;background:hsl(var(--foreground) / .03);border:1px solid hsl(var(--foreground) / .08);border-radius:4px;padding:10px 12px;color:hsl(var(--foreground) / .85);font-size:13px;font-family:Instrument Sans,sans-serif;resize:none;outline:none;transition:border-color .15s}.feedback-body textarea::-moz-placeholder{color:hsl(var(--foreground) / .2)}.feedback-body textarea::placeholder{color:hsl(var(--foreground) / .2)}.feedback-body textarea:focus{border-color:hsl(var(--emerald) .3)}.feedback-send{width:100%;padding:10px;background:hsl(var(--emerald));color:hsl(var(--background));border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.feedback-send:hover{background:#47d191}.feedback-send:disabled{opacity:.5;cursor:not-allowed}.feedback-msg{text-align:center;font-size:13px;padding:8px 0}.feedback-msg-ok{color:hsl(var(--emerald))}.feedback-msg-err{color:#ef4343}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:32px;background:hsl(var(--emerald) .03);border-bottom:1px solid hsl(var(--emerald) .08);font-family:JetBrains Mono,monospace;font-size:11px;flex-shrink:0}.status-left{display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;border-radius:50%;background:hsl(var(--emerald));box-shadow:0 0 6px hsl(var(--emerald) .4);flex-shrink:0}.status-text{color:hsl(var(--foreground) / .35)}.status-right{display:flex;align-items:center;gap:16px}.status-link{color:hsl(var(--foreground) / .2);text-decoration:none;font-size:10px;transition:color .15s}.status-link:hover{color:hsl(var(--foreground) / .5)}@media (max-width: 767px){.status-bar{padding:0 16px;font-size:10px}.status-link{display:none}}main{flex:1;min-width:0;overflow-y:auto;overflow-x:hidden;padding:0}.main-header{padding:20px 32px;border-bottom:1px solid hsl(var(--foreground) / .05);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:hsl(var(--background));z-index:10}.main-content{padding:28px 32px}#cmdk-overlay{position:fixed;inset:0;background:#0009;z-index:1000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}#cmdk-modal{max-width:580px;margin:20vh auto 0;background:hsl(var(--background));border:1px solid hsl(var(--foreground) / .1);border-radius:12px;overflow:hidden;box-shadow:0 24px 64px #0009}#cmdk-input-wrap{position:relative;display:flex;align-items:center;border-bottom:1px solid hsl(var(--foreground) / .06)}#cmdk-input{width:100%;padding:16px 60px 16px 20px;background:transparent;border:none;color:hsl(var(--foreground) / .9);font-family:JetBrains Mono,monospace;font-size:14px;outline:none}#cmdk-input::-moz-placeholder{color:hsl(var(--foreground) / .2)}#cmdk-input::placeholder{color:hsl(var(--foreground) / .2)}#cmdk-shortcut-badge{position:absolute;right:14px;font-family:JetBrains Mono,monospace;font-size:10px;color:hsl(var(--foreground) / .2);background:hsl(var(--foreground) / .06);padding:2px 6px;border-radius:4px;pointer-events:none}#cmdk-results{max-height:400px;overflow-y:auto}#cmdk-results:empty:after{content:"Sin resultados";display:block;padding:24px 20px;font-family:JetBrains Mono,monospace;font-size:12px;color:hsl(var(--foreground) / .2);text-align:center}.cmdk-category{padding:8px 20px 4px;font-family:JetBrains Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:hsl(var(--foreground) / .2)}.cmdk-item{display:flex;align-items:center;gap:10px;padding:10px 20px;cursor:pointer;font-size:13px;color:hsl(var(--foreground) / .65);border-left:2px solid transparent;transition:background .1s}.cmdk-item:hover{background:hsl(var(--foreground) / .04)}.cmdk-item.selected{background:hsl(var(--emerald) .1);border-left-color:hsl(var(--emerald));color:hsl(var(--foreground) / .9)}.cmdk-item .cmdk-icon{font-size:12px;width:18px;text-align:center;flex-shrink:0}.cmdk-item .cmdk-sub{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:10px;color:hsl(var(--foreground) / .2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.mobile-topbar{display:none;position:sticky;top:0;z-index:50;height:48px;background:hsl(var(--background));border-bottom:1px solid hsl(var(--foreground) / .05);align-items:center;padding:0 16px;gap:12px;flex-shrink:0}#sidebar-toggle{background:none;border:1px solid hsl(var(--foreground) / .1);color:hsl(var(--foreground) / .7);font-size:16px;width:36px;height:36px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}#sidebar-toggle:hover{background:hsl(var(--foreground) / .06)}.mobile-logo{font-family:JetBrains Mono,monospace;font-size:14px;color:hsl(var(--foreground) / .9);text-decoration:none;letter-spacing:-.5px}.mobile-logo span{color:hsl(var(--emerald));animation:blink 1.2s infinite}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#0009;z-index:199}.sidebar-backdrop.open{display:block}@media (max-width: 767px){.mobile-topbar{display:flex}aside{position:fixed;left:-260px;top:0;height:100vh;z-index:200;transition:left .25s ease;width:240px;min-width:240px}aside.open{left:0}body{flex-direction:column}main{width:100%}.main-header,.main-content{padding:16px}#cmdk-modal{margin:10vh 16px 0!important;max-width:none!important}}.cmdk-hint{display:flex;align-items:center;gap:6px;padding:6px 4px;font-family:JetBrains Mono,monospace;font-size:10px;color:hsl(var(--foreground) / .18);cursor:pointer;transition:color .15s;border-radius:4px}.cmdk-hint:hover{color:hsl(var(--foreground) / .4)}.cmdk-hint kbd{background:hsl(var(--foreground) / .06);border:1px solid hsl(var(--foreground) / .1);border-radius:3px;padding:1px 5px;font-size:10px;font-family:JetBrains Mono,monospace}
