@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.sidebar{flex-direction:column;height:100%;padding:1.5rem 1rem;display:flex}.sidebar-header{margin-bottom:2rem;padding:0 .5rem}.sidebar-brand-wrapper{align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.sidebar-logo{object-fit:contain;width:auto;height:90px}.sidebar-brand{color:var(--color-primary);margin-bottom:0;font-size:1.6rem;font-weight:800;line-height:1.15}.sidebar-subtitle{color:var(--color-text-muted);font-size:.85rem;font-weight:500}.sidebar-content{flex-direction:column;flex:1;gap:1.5rem;display:flex;overflow-y:auto}.sidebar-group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.5rem;padding:0 .5rem;font-size:.75rem;font-weight:600}.sidebar-nav{flex-direction:column;gap:.25rem;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--color-text-main);transition:all var(--transition-fast);align-items:center;padding:.75rem .5rem;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background-color:#1e1e1e0a}.nav-item.active{color:var(--color-primary);background-color:#e18e111a}.nav-icon{opacity:.7;margin-right:.75rem}.nav-item.active .nav-icon{opacity:1;color:var(--color-primary)}.nav-label{flex:1}.nav-item.locked{color:var(--color-locked)}.nav-item.locked .nav-icon{opacity:.5}.nav-item.locked:hover{background-color:#0000}.nav-item.locked.active{color:var(--color-text-main);background-color:#1e1e1e0d}.nav-icon-locked{opacity:.5;margin-left:auto}.sidebar-footer{color:var(--color-text-muted);border-top:1px solid var(--color-border);margin-top:auto;padding-top:1.5rem;padding-left:.5rem;font-size:.75rem}.layout{width:100%;min-height:100vh;display:flex}.mobile-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:40;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:none;position:fixed;top:0;left:0;right:0}.mobile-brand{color:var(--color-primary);font-size:1.25rem;font-weight:700}.menu-btn{cursor:pointer;color:var(--color-text-main);background:0 0;border:none;padding:.25rem}.sidebar-container{background-color:var(--color-surface);border-right:1px solid var(--color-border);z-index:50;width:320px;height:100vh;transition:transform var(--transition-normal);flex-shrink:0;position:sticky;top:0;overflow-y:auto}.sidebar-overlay{z-index:45;background-color:#00000080;display:none;position:fixed;inset:0}.main-content{flex-direction:column;flex:1;min-width:0;padding:2rem 2.5rem;display:flex}@media (width<=768px){.layout{flex-direction:column}.mobile-header{display:flex}.main-content{margin-top:60px;padding:1.5rem 1rem}.sidebar-container{position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar-container.open{transform:translate(0)}.sidebar-overlay{display:block}}.page-header{margin-bottom:2rem}.page-title{margin-bottom:.25rem}.page-subtitle{font-size:1rem}.period-selector{background-color:var(--color-surface);border-radius:var(--radius-pill);border:1px solid var(--color-border);white-space:nowrap;gap:.5rem;padding:.25rem;display:flex;overflow-x:auto}.period-btn{border-radius:var(--radius-pill);color:var(--color-text-main);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500}.period-btn:hover:not(.active){background-color:#1e1e1e0a}.period-btn.active{background-color:var(--color-primary);color:var(--color-surface)}.period-select option{background-color:var(--color-surface);color:var(--color-text-main)}.period-btn-select-wrapper{border-radius:var(--radius-pill);transition:all var(--transition-fast);align-items:center;display:inline-flex;position:relative}.period-btn-select-wrapper.active{background-color:var(--color-primary)}.period-select{appearance:none;color:var(--color-text-main);cursor:pointer;background:0 0;border:none;outline:none;padding:.5rem 2rem .5rem 1.25rem;font-size:.875rem;font-weight:500}.period-btn-select-wrapper.active .period-select{color:var(--color-surface)}.period-btn-select-wrapper:after{content:"▼";pointer-events:none;color:var(--color-text-main);font-size:.6rem;position:absolute;right:1rem}.period-btn-select-wrapper.active:after{color:var(--color-surface)}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi-card{flex-direction:row;justify-content:space-between;align-items:center;padding:1.5rem;display:flex;position:relative;overflow:hidden}.kpi-content{z-index:2;flex-direction:column;width:60%;display:flex}.kpi-label{color:#000;margin-bottom:.5rem;font-size:1.25rem;font-weight:500}.kpi-value{color:#000;margin-bottom:.5rem;font-size:5.5rem;font-weight:500;line-height:1}.kpi-subtitle{font-size:.8rem}.kpi-icon-wrapper{z-index:1;justify-content:flex-end;align-items:center;width:40%;height:60%;display:flex;position:absolute;top:50%;right:1.5rem;transform:translateY(-50%)}.kpi-icon{color:var(--color-primary);opacity:.2;width:auto;max-width:100%;height:100%}.detail-card{background-color:var(--color-surface);flex-direction:column;height:100%;min-height:400px;display:flex}.detail-header{border-bottom:1px solid var(--color-border);margin-bottom:1rem;padding-bottom:1rem}.detail-title{color:var(--color-text-main);font-size:1.1rem;font-weight:600}.detail-tabs{border-bottom:1px solid var(--color-border);gap:.5rem;margin-bottom:1rem;padding-bottom:2px;display:flex}.detail-tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem .75rem;font-size:.95rem;font-weight:600;transition:all .2s;position:relative}.detail-tab:hover{color:var(--color-text-main)}.detail-tab.active{color:var(--color-primary)}.detail-tab.active:after{content:"";background-color:var(--color-primary);border-radius:2px 2px 0 0;width:100%;height:2px;position:absolute;bottom:-3px;left:0}.detail-content{flex:1;overflow-y:auto}.empty-state{text-align:center;color:var(--color-text-muted);padding:3rem 0;font-style:italic}.detail-table{border-collapse:collapse;width:100%;font-size:.8rem}.detail-table th{text-align:left;color:var(--color-text-main);border-bottom:1px solid var(--color-border);background-color:var(--color-surface);padding:.5rem;font-weight:700;position:sticky;top:0}.detail-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-main);padding:.5rem}.detail-table tr:last-child td{border-bottom:none}.detail-table tr:hover td{background-color:#1e1e1e05}.time-cell{white-space:nowrap;font-size:.85rem;color:var(--color-text-muted)!important}.name-cell{font-weight:400}.small-thumbnail-clickable{object-fit:cover;cursor:pointer;border:1px solid var(--color-border);width:24px;height:24px;transition:transform var(--transition-fast);border-radius:4px;display:block}.small-thumbnail-clickable:hover{box-shadow:var(--shadow-sm);transform:scale(1.1)}.image-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.image-modal-content{background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);justify-content:center;align-items:center;max-width:90vw;max-height:90vh;padding:1rem;display:flex;position:relative}.image-modal-close{background-color:var(--color-surface);color:var(--color-text-main);border:1px solid var(--color-border);cursor:pointer;width:30px;height:30px;box-shadow:var(--shadow-md);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:-10px;right:-10px}.image-modal-close:hover{background-color:var(--color-bg-app)}.image-modal-full{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:calc(90vh - 2rem)}.mobile-only{display:flex}.desktop-only{display:none}.section-title{color:var(--color-secondary);border-bottom:1px solid var(--color-border);margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem;font-weight:600}.detail-section{display:none}.detail-section.active-mobile{display:block}@media (width>=1024px){.mobile-only{display:none!important}.desktop-only{display:block}.detail-sections-container{grid-template-columns:2fr 2fr 1fr;gap:1rem;display:grid}.detail-section{background-color:var(--color-bg-app);border:1px solid var(--color-border);border-radius:var(--radius-md);height:100%;padding:1rem;display:block}.detail-table th{background-color:var(--color-bg-app)}}.resumen-container{flex-direction:column;gap:2rem;width:100%;display:flex}.resumen-top-bar{justify-content:space-between;align-items:flex-start;display:flex}.resumen-content{flex-direction:column;gap:2rem;display:flex}.loading-state,.error-state{height:400px;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.spinner{color:var(--color-primary);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.retry-btn{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:.75rem 1.5rem;font-weight:600}.labels-section{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1.5rem}.section-title{color:var(--color-text-main);margin-bottom:1.25rem;font-size:1.125rem;font-weight:600}.labels-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.label-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);align-items:center;gap:1rem;padding:1rem;display:flex}.label-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.label-color{border-radius:50%;flex-shrink:0;width:12px;height:12px}.label-info{flex-direction:column;gap:.25rem;display:flex;overflow:hidden}.label-title{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;font-size:.875rem;overflow:hidden}.label-count{color:var(--color-text-main);font-size:1.25rem;font-weight:700}@media (width<=768px){.resumen-top-bar{flex-direction:column;gap:1.5rem}.period-selector-wrapper{width:100%}}.horizontal-kpi-row{flex-wrap:nowrap;gap:16px;margin-bottom:24px;padding-bottom:8px;display:flex;overflow-x:auto}.horizontal-kpi-row .kpi-card{flex:200px;min-width:200px}.horizontal-kpi-row .kpi-card .card-icon-wrapper{width:90px;height:90px}.horizontal-kpi-row .kpi-card .kpi-icon{width:60px;height:60px}.horizontal-kpi-row .kpi-card .kpi-label{font-size:.85rem}.horizontal-kpi-row .kpi-card .kpi-value{font-size:1.5rem}.horizontal-kpi-row .kpi-card .kpi-subtitle{font-size:.75rem}.charts-grid{flex-direction:column;gap:24px;margin-top:24px;display:flex}.chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;max-width:800px;padding:20px;display:flex}.chart-title{color:var(--text-color);margin-bottom:16px;font-size:1rem;font-weight:600}.chart-wrapper{width:100%;height:300px}@media (width<=768px){.horizontal-kpi-row{grid-template-columns:repeat(2,1fr);display:grid;overflow-x:visible}.horizontal-kpi-row .kpi-card{min-width:unset}}.alma-metrics{flex-direction:column;gap:1.5rem;margin-top:1rem;display:flex}.alma-section-heading{border-top:1px solid var(--color-border);justify-content:space-between;align-items:flex-end;gap:1rem;padding-top:2rem;display:flex}.alma-section-heading h2{color:var(--color-text-main);margin-top:.35rem;font-size:1.55rem}.alma-section-heading p{color:var(--color-text-muted);margin-top:.4rem}.alma-eyebrow,.alma-panel-header span{color:var(--color-primary);letter-spacing:.11em;font-size:.72rem;font-weight:800}.alma-live-badge{white-space:nowrap;border-radius:var(--radius-pill);color:#8b5708;background:#e18e111a;align-items:center;gap:.45rem;padding:.5rem .8rem;font-size:.75rem;font-weight:700;display:inline-flex}.alma-live-badge>span{background:var(--color-primary);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e18e1126}.alma-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.alma-kpi-grid .kpi-card{min-height:155px}.alma-kpi-grid .kpi-label{font-size:.9rem}.alma-kpi-grid .kpi-value{font-size:2.65rem;font-weight:750}.alma-kpi-grid .kpi-icon-wrapper{height:48%}.alma-two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.alma-main-columns{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}.alma-col-left,.alma-col-right{flex-direction:column;gap:1rem;display:flex}.alma-panel{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:16px;padding:1.5rem;transition:box-shadow .25s ease-in-out,transform .2s ease-in-out}.alma-panel:hover{box-shadow:var(--shadow-md)}.alma-panel--fit-content{justify-self:start;width:fit-content;max-width:100%}.alma-panel-header{flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:1.25rem;display:flex}.alma-panel-header h3{letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:800}.alma-panel-subtitle{color:var(--color-text-muted);margin:0;font-size:.8rem}.alma-panel-title-row{align-items:center;gap:.5rem;display:flex}.alma-highlight{color:var(--color-primary);font-size:1.5rem}.alma-primary-grid{align-items:stretch}.funnel-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.funnel-stage{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fffaf3;flex-direction:column;min-width:0;padding:1rem;display:flex}.funnel-stage-label{min-height:2.3em;color:var(--color-text-muted);font-size:.78rem;font-weight:700}.funnel-stage-value{color:var(--color-text-main);margin-top:.55rem;font-size:2rem;line-height:1}.funnel-stage-percentage{color:var(--color-primary);margin-top:.45rem;font-size:1rem;font-weight:800}.funnel-stage small{color:var(--color-text-muted);margin-top:.2rem;font-size:.68rem}.panel-note{color:var(--color-text-muted);margin-top:1rem;font-size:.75rem;line-height:1.45}.panel-note-top{margin:-.5rem 0 1.1rem}.metric-bar-row+.metric-bar-row{margin-top:1rem}.metric-bar-heading{text-transform:capitalize;color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.4rem;font-size:.82rem;display:flex}.metric-bar-heading strong{color:var(--color-text-main);white-space:nowrap}.metric-bar-heading small{color:var(--color-text-muted);font-weight:500}.metric-bar-track{border-radius:var(--radius-pill);background:#f2ede5;height:8px;overflow:hidden}.metric-bar-fill{border-radius:inherit;background:var(--color-primary);min-width:2px;height:100%}.metric-bar-fill.success{background:#548f70}.metric-bar-fill.warning{background:var(--color-secondary)}.metric-bar-fill.muted{background:var(--color-text-muted)}.topic-ranking{flex-direction:column;list-style:none;display:flex}.topic-ranking li{border-bottom:1px solid var(--color-border);grid-template-columns:32px 1fr auto;align-items:center;gap:.7rem;padding:.72rem 0;display:grid}.topic-ranking li:last-child{border-bottom:0}.topic-position{width:26px;height:26px;color:var(--color-primary);background:#e18e111a;border-radius:8px;place-items:center;font-size:.75rem;font-weight:800;display:grid}.topic-name{text-transform:capitalize;color:var(--color-text-main);font-size:.88rem}.responsive-table-wrapper{overflow-x:auto}.alma-table{border-collapse:collapse;width:100%;font-size:.84rem}.alma-table th{text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);padding:.7rem .8rem;font-size:.72rem}.alma-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-main);padding:.85rem .8rem}.alma-table tbody tr:last-child td{border-bottom:0}.category-pill{border-radius:var(--radius-pill);text-transform:capitalize;background:#f2ede5;padding:.3rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex}.category-pill.error{color:var(--color-negative);background:#c0392b1a}.category-pill.protocolar{color:#76500a;background:#f6b83b2e}.category-pill.alcance{color:#8b5708;background:#e18e111f}.alma-empty{text-align:center;color:var(--color-text-muted);padding:1.5rem .5rem;font-size:.86rem}@media (width<=1050px){.alma-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.funnel-stages{grid-template-columns:1fr}.funnel-stage{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:1rem;display:grid}.funnel-stage-label{min-height:auto}.funnel-stage-value{margin-top:0}.funnel-stage-percentage,.funnel-stage small{grid-column:1/-1}}@media (width<=900px){.alma-main-columns{grid-template-columns:1fr}}@media (width<=768px){.alma-section-heading{flex-direction:column;align-items:flex-start}.alma-kpi-grid,.alma-two-columns,.alma-main-columns{grid-template-columns:1fr}.alma-kpi-grid .kpi-card{min-height:135px}.alma-table{min-width:540px}.alma-panel--fit-content{justify-self:stretch;width:100%}.alma-panel{padding:1.25rem}.funnel-stages{grid-template-columns:1fr}.funnel-stage{flex-direction:column;display:flex}.funnel-stage-value{font-size:1.6rem}}@media (width<=480px){.alma-panel{padding:1rem}.alma-panel-header h3{font-size:.95rem}.alma-section-heading h2{font-size:1.2rem}.alma-panel-subtitle{font-size:.75rem}.topic-ranking li{gap:.5rem;padding:.6rem 0}.donut-chart-wrapper{width:120px;height:120px}.donut-legend{min-width:unset}.alma-table{min-width:420px}}.alma-panel-content-wrapper{justify-content:center;width:100%;display:flex}.alma-panel-content-inner{width:100%;max-width:100%}@media (width>=768px){.alma-panel-content-inner{width:fit-content}}.donut-chart-container-outer{justify-content:center;width:100%;margin-top:.5rem;display:flex}.donut-chart-container{align-items:center;gap:2rem;width:100%;display:flex}.donut-chart-chart-side{flex-shrink:0;justify-content:center;display:flex}.donut-chart-wrapper{width:140px;height:140px;position:relative}.donut-chart-center-label{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-center-total{color:var(--color-text-main);font-size:1.45rem;font-weight:800;line-height:1}.donut-center-text{color:var(--color-text-muted);text-transform:lowercase;margin-top:.15rem;font-size:.72rem}.donut-legend{flex-direction:column;flex-grow:1;gap:.45rem;width:100%;min-width:200px;display:flex}.donut-legend-scrollable{scrollbar-width:thin;scrollbar-color:#1e1e1e33 transparent;max-height:140px;padding-right:.25rem;overflow-y:auto}.donut-legend-scrollable::-webkit-scrollbar{width:4px}.donut-legend-scrollable::-webkit-scrollbar-track{background:0 0}.donut-legend-scrollable::-webkit-scrollbar-thumb{background-color:#1e1e1e2e;border-radius:4px}.donut-legend-item{background:#1e1e1e08;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.45rem .65rem;font-size:.78rem;transition:background .15s ease-in-out;display:flex}.donut-legend-item:hover{background:#1e1e1e0d}.donut-legend-left{align-items:center;gap:.5rem;display:flex}.donut-legend-color-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.donut-legend-label{color:var(--color-text-muted);text-transform:capitalize;font-weight:500}.donut-legend-right{align-items:center;font-weight:700;display:flex}.donut-legend-right strong{color:var(--color-text-main);white-space:nowrap}@media (width<=640px){.donut-chart-container{flex-direction:column;gap:1.25rem}.donut-legend{width:100%;min-width:unset}}.info-tooltip-wrapper{cursor:pointer;outline:none;align-items:center;display:inline-flex;position:relative}.info-icon{color:var(--color-text-muted);opacity:.55;transition:opacity .2s,color .2s}.info-tooltip-wrapper:hover .info-icon,.info-tooltip-wrapper:focus .info-icon{opacity:1;color:var(--color-primary)}.info-tooltip-text{visibility:hidden;background-color:var(--color-text-main);color:var(--color-surface);text-align:center;width:220px;box-shadow:var(--shadow-md);opacity:0;z-index:99;pointer-events:none;border-radius:8px;padding:.55rem .8rem;font-size:.72rem;font-weight:500;line-height:1.4;transition:opacity .25s ease-in-out,visibility .25s ease-in-out;position:absolute;bottom:130%;left:50%;transform:translate(-50%)}.info-tooltip-text:after{content:"";border-style:solid;border-width:5px;border-color:var(--color-text-main) transparent transparent transparent;margin-left:-5px;position:absolute;top:100%;left:50%}.info-tooltip-wrapper:hover .info-tooltip-text,.info-tooltip-wrapper:focus-within .info-tooltip-text{visibility:visible;opacity:1}.locked-view{flex:1;justify-content:center;align-items:center;height:100%;display:flex}.locked-content{text-align:center;max-width:400px;padding:2rem}.locked-icon-wrapper{background-color:#1e1e1e0a;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:1.5rem;display:inline-flex}.locked-icon{color:var(--color-locked)}.locked-title{color:var(--color-text-main);opacity:.8;margin-bottom:.75rem}.locked-message{line-height:1.5}:root{--color-primary:#e18e11;--color-secondary:#f6b83b;--color-text-main:#1e1e1e;--color-bg-app:#fdf9f3;--color-surface:#fff;--color-text-muted:#6a5c52;--color-border:#1e1e1e14;--color-positive:#e18e11;--color-negative:#c0392b;--color-locked:#1e1e1e66;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:9999px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000008;--transition-fast:.15s ease-in-out;--transition-normal:.25s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-app);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif}h1{letter-spacing:-.02em;font-size:1.75rem;font-weight:700}h2{font-size:1.25rem;font-weight:600}h3{font-size:1.1rem;font-weight:600}.text-muted{color:var(--color-text-muted)}.text-small{font-size:.875rem}.text-xs{font-size:.75rem}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:box-shadow var(--transition-normal), transform var(--transition-fast);padding:1.5rem}.card:hover{box-shadow:var(--shadow-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}