:root{--bg:#f5f2ea;--ink:#111;--yellow:#ffde59;--red:#ff5d5d;--green:#7cff9b;--blue:#7cd7ff;--orange:#ffa94d;--purple:#d09bff;--font-display:"Archivo Black", sans-serif;--font-body:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body)}a{color:var(--ink)}a:hover{background:var(--yellow)}input,select,textarea,button{font-family:var(--font-body)}input:focus,select:focus,textarea:focus{outline:3px solid var(--yellow);outline-offset:0}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg);border-left:3px solid var(--ink)}::-webkit-scrollbar-thumb{background:var(--ink)}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-1px;margin:0}@keyframes popIn{0%{transform:scale(0)rotate(-8deg)}70%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes zoomPop{0%{opacity:.3;transform:scale(.12)}to{opacity:1;transform:scale(1)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.page{max-width:1180px;padding:28px 32px 90px}@media (width<=720px){.page{padding:20px 16px 90px}}.page-header{flex-wrap:wrap;align-items:baseline;gap:16px;display:flex}.page-header h1{font-size:44px}@media (width<=720px){.page-header h1{font-size:32px}}.page-lead{max-width:680px;margin:10px 0 26px;font-size:14px}.eyebrow{font-family:var(--font-mono);background:var(--ink);color:var(--yellow);white-space:nowrap;padding:4px 10px;font-size:11px}.card{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff;padding:22px}.card-dark{background:var(--ink);color:var(--bg);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--yellow);padding:22px}.card-danger{border:3px solid var(--red);box-shadow:6px 6px 0 var(--red);background:#fff;padding:22px}.btn{border:3px solid var(--ink);cursor:pointer;text-transform:uppercase;font-size:12px;font-weight:700;font-family:var(--font-body);background:#fff;padding:10px 18px;transition:transform 80ms,box-shadow 80ms}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.btn-primary{background:var(--yellow);box-shadow:4px 4px 0 var(--ink)}.btn-primary:not(:disabled):hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.btn-primary:not(:disabled):active{box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}.btn-dark{background:var(--ink);color:var(--yellow)}.btn-dark:not(:disabled):hover{background:#333}.btn-danger:not(:disabled):hover{background:var(--red)}.btn-ghost{cursor:pointer;font-size:11px;font-weight:700;font-family:var(--font-mono);background:0 0;border:none;padding:0;text-decoration:underline}.btn-icon{border:2px solid var(--ink);cursor:pointer;background:#fff;padding:2px 9px;font-weight:700}.btn-icon:hover{background:var(--red)}.btn-archivo{font-family:var(--font-display)}.btn-archivo.btn-primary{font-size:13px}.field{display:block}.field+.field{margin-top:12px}.field-label{font-family:var(--font-mono);margin-bottom:4px;font-size:10px;font-weight:700}.input,.select,.textarea{border:3px solid var(--ink);background:var(--bg);width:100%;font-size:13px;font-family:var(--font-body);padding:9px 10px}.input-mono{font-family:var(--font-mono)}.textarea{resize:vertical}.select{cursor:pointer}.input-color{border:3px solid var(--ink);cursor:pointer;background:#fff;width:52px;height:44px;padding:2px}.checkbox-row{cursor:pointer;text-align:left;font-size:12px;font-weight:700;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:8px;padding:0;display:flex}.checkbox-box{border:3px solid var(--ink);flex:none;width:20px;height:20px;display:inline-block}.badge{font-family:var(--font-mono);border:2px solid var(--ink);padding:3px 8px;font-size:9px;font-weight:700;display:inline-block}.tag-toggle{border:3px solid var(--ink);text-transform:uppercase;cursor:pointer;font-size:12px;font-weight:700;font-family:var(--font-body);background:#fff;padding:7px 12px}.tag-toggle.active{background:var(--yellow)}.tag-toggle-sm{border:2px solid var(--ink);font-family:var(--font-mono);cursor:pointer;background:#fff;padding:3px 8px;font-size:9px;font-weight:700}.tag-toggle-sm.active{background:var(--ink);color:#fff}.toast{z-index:99;background:var(--ink);color:var(--yellow);border:3px solid var(--yellow);font-family:var(--font-mono);max-width:90vw;padding:12px 20px;font-size:12px;font-weight:700;animation:.2s popIn;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:6px 6px #0006}.toast.error{border-color:var(--red);color:var(--red)}.modal-overlay{z-index:50;background:#111111bf;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-box{background:var(--bg);border:4px solid var(--ink);width:560px;max-width:92vw;max-height:90vh;box-shadow:10px 10px 0 var(--yellow);animation:.25s popIn;overflow:auto}.modal-header{background:var(--ink);color:var(--yellow);align-items:center;gap:12px;padding:14px 20px;display:flex;position:sticky;top:0}.modal-header-title{font-family:var(--font-display);text-transform:uppercase;font-size:16px}.modal-body{padding:20px}.empty-dashed{border:3px dashed var(--ink);text-align:center;font-family:var(--font-mono);color:#666;padding:30px 20px;font-size:11px}.spinner-label{font-family:var(--font-mono);color:#666;font-size:11px}.app-shell{background:var(--bg);height:100vh;display:flex;overflow:hidden}.app-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-content{flex:1;position:relative;overflow:auto}@media (width<=720px){.app-content{padding-bottom:64px}}.ticker{background:var(--yellow);border-bottom:4px solid var(--ink);white-space:nowrap;flex:none;align-items:center;height:30px;display:flex;overflow:hidden}.ticker-track{font-family:var(--font-mono);letter-spacing:1px;font-size:11px;font-weight:700;animation:22s linear infinite marquee;display:inline-flex}.ticker-track span{padding-right:40px}.sidebar{background:var(--ink);width:232px;color:var(--bg);border-right:4px solid var(--ink);flex-direction:column;flex:none;display:flex}@media (width<=720px){.sidebar{display:none}}.sidebar-brand{border-bottom:3px solid var(--bg);padding:20px 16px}.sidebar-brand-title{font-family:var(--font-display);letter-spacing:-1px;color:var(--yellow);font-size:22px}.sidebar-brand-sub{font-family:var(--font-mono);color:var(--bg);opacity:.7;margin-top:4px;font-size:10px}.sidebar-empresa-btn{border:none;border-bottom:3px solid var(--bg);cursor:pointer;text-align:left;width:100%;color:inherit;background:#1d1d1d;align-items:center;gap:8px;padding:10px 16px;display:flex}.sidebar-empresa-btn:hover{background:#333}.sidebar-empresa-swatch{border:2px solid var(--bg);width:24px;height:24px;font-family:var(--font-display);color:var(--ink);flex:none;place-items:center;font-size:11px;display:grid}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 0;display:flex;overflow-y:auto}.sidebar-nav-item{color:inherit;cursor:pointer;text-align:left;letter-spacing:.5px;text-transform:uppercase;font-size:13px;font-weight:700;font-family:var(--font-body);background:0 0;border:none;border-bottom:1px solid #2a2a2a;align-items:center;gap:12px;padding:13px 16px;display:flex}.sidebar-nav-item:hover,.sidebar-nav-item.active{background:var(--yellow);color:var(--ink)}.sidebar-nav-num{font-family:var(--font-mono);flex:none;width:22px;font-size:11px}.sidebar-account{border-top:3px solid var(--bg);cursor:pointer;color:inherit;text-align:left;font-family:var(--font-body);background:0 0;border-bottom:none;border-left:none;border-right:none;align-items:center;gap:10px;padding:14px 16px;display:flex}.sidebar-account-avatar{background:var(--yellow);width:34px;height:34px;color:var(--ink);border:2px solid var(--bg);font-family:var(--font-display);flex:none;place-items:center;font-size:14px;display:grid}.tabbar{display:none}@media (width<=720px){.tabbar{z-index:40;background:var(--ink);border-top:4px solid var(--ink);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px #00000026}}.tabbar-item{color:var(--bg);opacity:.7;font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 2px 10px;font-size:9px;font-weight:700;display:flex}.tabbar-item.active{opacity:1;color:var(--yellow)}.tabbar-item-icon{font-size:16px}