:root{--color-primary: #e1e5f2aa;--color-secondary: #b8c0d999;--color-foreground: #ffffffbb;--color-background: #ffffffaa;--color-highlight: #ffff0099;--color-contrast: rgba(0, 0, 105, .8);--color-title: #000000;--color-text: #000000;--color-text-ob: #eeeeee;--color-error: #ff0000bb;--color-success: #05a941bb;--color-muted: #babababb;--y2k: rgba(0, 0, 105, .1);--color-prospecto: var(--color-secondary);--color-analizar: #5ca8ff99;--color-cotizar: #ffd70099;--color-ganada: #34d76a99;--color-enviar: #6575ff99;--color-finalizar: #000000ee;--color-perdida: #ff444499;--color-1: var(--color-secondary);--color-2: #5ca8ff99;--color-3: #ffd70099;--color-4: #34d76a99;--color-5: #5ca8ffcc;--color-6: #ffd700cc;--color-7: #34d76acc;--color-8: #000000ee;--color-0: #ff444499;--a: 8px;--b: 16px;--c: 24px;--d: 32px;--e: 64px;--f: 124px;--g: 188px;--h: 248px;--i: 496px;--j: 1024px}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;overscroll-behavior:none}html{width:100%;height:100%}body{margin:auto;position:fixed;inset:0;background-color:var(--color-background)}h1{font-size:1.6rem}h2{font-weight:400;font-size:1.4rem}h3{font-weight:400;font-size:1.2rem}label{display:flex;flex-direction:column;gap:.25rem}section{display:flex;gap:var(--a)}input,textarea,select{padding:4px var(--a);border:1px solid var(--color-secondary);border-radius:var(--a);height:fit-content;min-height:var(--d);cursor:pointer}button{margin:0;padding:0}.panel{border:none;border-radius:var(--a);background-color:var(--color-primary);box-shadow:0 8px 6px #0003;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card-calendar-preview{text-decoration:none;color:inherit;display:flex;flex-direction:column;width:100%;border:1px solid var(--color-muted);border-radius:var(--a);padding:4px var(--a);text-align:left;align-items:flex-start;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;z-index:1;position:absolute;top:0;left:0;right:0;pointer-events:auto;cursor:pointer}.card-actions .submit{display:flex;flex-wrap:wrap;gap:var(--a);justify-content:flex-end;align-items:flex-end;flex-grow:1;padding:4px;width:100%;position:fixed;bottom:0;border-radius:var(--a) var(--a) 0 0}.card .close,.panel .close{position:absolute;top:0;right:0;background:transparent;border:none;padding:0 4px;opacity:.6;transition:opacity .2s;flex-shrink:0;cursor:pointer;text-decoration:none}.entradas{flex-grow:1;display:flex;flex-direction:column;gap:var(--a);overflow:auto}.entradas .entrada{display:flex;gap:var(--a);flex-wrap:wrap;margin-bottom:var(--b);align-items:center}.titulo-entrada{display:flex;gap:var(--a)}.contenido-entrada{width:100%;display:flex;gap:var(--a);align-items:center}.entradas .butter{aspect-ratio:1 / 1}.contenedor-graficas{padding:var(--a);display:flex;flex-direction:column;gap:var(--a);height:100%;max-height:80vh;width:100%}.contenido-graficas{height:100%;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-auto-flow:column;gap:var(--b);grid-auto-columns:250px}.contenedor-grafica{grid-column:span 2;width:100%;max-width:94vw;height:100%}.contenido-graficas h1{width:100%}.chart-container{display:flex;width:100%;height:100%;gap:1rem}.chart{flex:1;position:relative;min-width:0}.chart-resume{flex:0 0 350px;overflow-y:auto;position:relative}.graficas{display:flex;flex-direction:column;gap:var(--a)}.contenedor-controles-graficas{display:flex;flex-wrap:wrap;gap:var(--a);align-items:flex-start;top:0;z-index:1;position:sticky}.contenedor-controles-graficas{position:relative}.flex-a{display:flex;flex-wrap:wrap;gap:var(--a)}.modal{background:#fff;border-radius:8px;width:80vw;max-width:800px;max-height:90vh;width:100%;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10000}.modal form{padding:var(--b);overflow-y:auto;display:flex;flex-direction:column;gap:var(--b)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--a);border-bottom:1px solid #e5e5e5}.form-group{width:100%;display:flex;flex-wrap:wrap;gap:var(--a)}.block-header{display:flex;min-width:var(--g)}.block-content{flex-grow:5;display:flex;flex-wrap:wrap;gap:var(--a);align-items:flex-end;min-width:var(--h);max-width:var(--j)}.tiny{font-size:smaller}.butter:hover{opacity:60%}.butter{display:flex;justify-content:center;align-items:center;color:var(--color-text);height:var(--d);border:1px solid var(--color-secondary);border-radius:var(--a);background-color:var(--color-background);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;width:fit-content;min-width:var(--d);padding:4px var(--a)}.butter img{height:100%;width:100%}.honey{background-color:var(--color-background);padding:0}.chile{background-color:var(--color-error);padding:0}.milk{background-color:none;padding:0;border:none}.matcha{background-color:var(--color-success)}.active{background-color:var(--color-highlight)}.btn-icon{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;opacity:.7}.list-button{all:unset;width:100%;padding:4px 0;border-radius:var(--a)}.list-button:hover{background-color:var(--color-contrast);color:var(--color-text-ob)}.btn-save-small{background:var(--color-ganada, #4caf50);align-self:flex-end}.lost{background-color:var(--color-error)}.success{background-color:var(--color-ganada)}.disabled{background-color:var(--color-muted)}.chip{background-color:var(--color-highlight);padding:4px var(--a);border-radius:16px;display:flex;align-items:center;gap:.4rem;height:fit-content}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#88888873;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#888888a6}@media(max-width:768px){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#8888888c}section{flex-wrap:wrap}}*{scrollbar-width:thin;scrollbar-color:rgba(136,136,136,.45) transparent}