.dashboard-greeting{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-top:var(--space-4);line-height:var(--line-height-tight)}.inventory-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;font-size:var(--font-size-base)}.inventory-row:not(:last-child){border-bottom:1px solid var(--color-border-light)}.search-container{position:relative;margin-top:var(--space-3)}.search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);font-size:16px;pointer-events:none}.search-clear{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-border);color:var(--color-text-muted);font-size:12px}.filter-row{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.filter-row .chips{flex:1}.sort-select{height:36px;padding:0 var(--space-3);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);outline:none;cursor:pointer;min-width:80px}.results-count{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.apartment-grid{display:flex;flex-direction:column;gap:var(--space-3)}.apt-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.apt-code{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.apt-card-details{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.apt-dot{color:var(--color-text-muted)}.apt-card-price{display:flex;align-items:baseline;gap:var(--space-2)}.apt-price{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text)}.apt-price-sqm{font-size:var(--font-size-xs);color:var(--color-text-muted)}.apt-card-info{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-light);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.apt-paid{font-weight:var(--font-weight-semibold);color:var(--color-success)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-6) 0}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-muted)}.detail-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--page-padding);padding-top:calc(var(--safe-area-top) + var(--space-3));position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.detail-title{flex:1;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.detail-hero{text-align:center;padding:var(--space-6) var(--space-4);margin-bottom:var(--space-5)}.detail-hero-icon{font-size:48px;margin-bottom:var(--space-3)}.detail-hero-code{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-text);margin-bottom:var(--space-2)}.detail-hero-price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-2)}.detail-hero-meta{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.detail-hero-project{font-size:var(--font-size-sm);color:var(--color-text-muted)}.detail-info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.detail-info-row:not(:last-child){border-bottom:1px solid var(--color-border-light)}.detail-info-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.detail-info-value{font-size:var(--font-size-base);color:var(--color-text);font-weight:var(--font-weight-medium)}.detail-actions{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom));left:0;right:0;display:flex;gap:var(--space-3);padding:var(--space-3) var(--page-padding);background:var(--color-surface);border-top:1px solid var(--color-border);max-width:var(--max-width);margin:0 auto;z-index:var(--z-sticky)}.admin-panel{padding:var(--space-4);padding-bottom:80px}.admin-tabs{display:flex;background:var(--color-surface);border-radius:var(--radius-lg);padding:4px;margin-bottom:var(--space-4);box-shadow:0 2px 8px var(--shadow-color)}.tab-btn{flex:1;padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--color-text-muted);font-weight:500;border-radius:var(--radius-md);transition:all .2s}.tab-btn.active{background:var(--color-bg);color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.admin-form{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:0 4px 12px var(--shadow-color)}.form-group{margin-bottom:var(--space-3)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);margin-bottom:var(--space-2)}.form-group input,.form-group select{width:100%;padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-base);transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.new-reservation-page{padding-bottom:80px}.apt-summary-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:0 4px 12px var(--shadow-color);text-align:center}.apt-summary-card h3{margin:0 0 var(--space-2) 0;color:var(--color-text);font-size:var(--font-size-lg)}.apt-details{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm)}.apt-price{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary)}.reservation-form{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:0 4px 12px var(--shadow-color)}.reservation-form .form-group textarea{width:100%;padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-base);font-family:inherit;resize:vertical}.reservation-form .form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}:root{--color-bg: #F8FAFC;--color-surface: #FFFFFF;--color-card: #FFFFFF;--color-card-hover: #F1F5F9;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--color-text: #0F172A;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--color-text-inverse: #FFFFFF;--color-primary: #2563EB;--color-primary-hover: #1D4ED8;--color-primary-light: rgba(37, 99, 235, .08);--color-primary-text: #FFFFFF;--color-success: #22C55E;--color-success-light: rgba(34, 197, 94, .1);--color-warning: #F59E0B;--color-warning-light: rgba(245, 158, 11, .1);--color-danger: #EF4444;--color-danger-light: rgba(239, 68, 68, .1);--color-info: #3B82F6;--color-info-light: rgba(59, 130, 246, .1);--color-purple: #A855F7;--color-purple-light: rgba(168, 85, 247, .1);--status-available: #22C55E;--status-available-bg: rgba(34, 197, 94, .1);--status-reserved: #F59E0B;--status-reserved-bg: rgba(245, 158, 11, .1);--status-payment-pending: #3B82F6;--status-payment-pending-bg: rgba(59, 130, 246, .1);--status-installment: #A855F7;--status-installment-bg: rgba(168, 85, 247, .1);--status-sold: #EF4444;--status-sold-bg: rgba(239, 68, 68, .1);--status-cancelled: #6B7280;--status-cancelled-bg: rgba(107, 114, 128, .1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 0 0 1px rgba(0, 0, 0, .02);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--transition-spring: .35s cubic-bezier(.175, .885, .32, 1.275);--bottom-nav-height: 64px;--header-height: 56px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--page-padding: var(--space-4);--max-width: 480px;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-toast: 500;--z-bottom-nav: 250}[data-theme=dark],.dark{--color-bg: #0B0D10;--color-surface: #12151A;--color-card: #171B21;--color-card-hover: #1E2228;--color-border: #262B33;--color-border-light: #1E2228;--color-text: #F8FAFC;--color-text-secondary: #94A3B8;--color-text-muted: #64748B;--color-text-inverse: #0F172A;--color-primary: #3B82F6;--color-primary-hover: #60A5FA;--color-primary-light: rgba(59, 130, 246, .12);--color-success-light: rgba(34, 197, 94, .15);--color-warning-light: rgba(245, 158, 11, .15);--color-danger-light: rgba(239, 68, 68, .15);--color-info-light: rgba(59, 130, 246, .15);--color-purple-light: rgba(168, 85, 247, .15);--status-available-bg: rgba(34, 197, 94, .15);--status-reserved-bg: rgba(245, 158, 11, .15);--status-payment-pending-bg: rgba(59, 130, 246, .15);--status-installment-bg: rgba(168, 85, 247, .15);--status-sold-bg: rgba(239, 68, 68, .15);--status-cancelled-bg: rgba(107, 114, 128, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .5);--shadow-card: 0 1px 3px rgba(0, 0, 0, .2), 0 0 0 1px rgba(255, 255, 255, .03)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;min-height:100dvh;overscroll-behavior-y:contain}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;gap:var(--space-4)}a{color:var(--color-primary);text-decoration:none}img{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.page{flex:1;display:flex;flex-direction:column;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-4));max-width:var(--max-width);margin:0 auto;width:100%}.page-header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-bg);padding:var(--space-4) var(--page-padding);padding-top:calc(var(--safe-area-top) + var(--space-3));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.page-content{flex:1;padding:0 var(--page-padding)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text);letter-spacing:-.02em}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-3);letter-spacing:-.01em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1;transition:all var(--transition-fast);min-height:44px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:var(--color-primary-text)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-primary-light);color:var(--color-primary)}.btn-danger{background:var(--color-danger);color:#fff}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-card-hover)}.btn-outline{background:transparent;color:var(--color-text);border:1.5px solid var(--color-border)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);min-height:36px;border-radius:var(--radius-sm)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-md);min-height:52px;border-radius:var(--radius-lg)}.btn-block{width:100%}.btn-icon{padding:var(--space-3);min-height:44px;min-width:44px}.card{background:var(--color-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;transition:all var(--transition-fast)}.card-interactive{cursor:pointer;-webkit-tap-highlight-color:transparent}.card-interactive:hover{border-color:var(--color-primary)}.card-interactive:active{transform:scale(.99);background:var(--color-card-hover)}.card-body{padding:var(--space-4)}.card-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-light)}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.input{width:100%;height:48px;padding:0 var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-md);transition:border-color var(--transition-fast);outline:none}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input::placeholder{color:var(--color-text-muted)}.input-search{height:44px;padding-left:var(--space-10);background:var(--color-card);border-radius:var(--radius-full)}.textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-base);resize:vertical;min-height:80px;outline:none;transition:border-color var(--transition-fast)}.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1;white-space:nowrap}.badge-available{color:var(--status-available);background:var(--status-available-bg)}.badge-reserved{color:var(--status-reserved);background:var(--status-reserved-bg)}.badge-payment-pending{color:var(--status-payment-pending);background:var(--status-payment-pending-bg)}.badge-installment{color:var(--status-installment);background:var(--status-installment-bg)}.badge-sold{color:var(--status-sold);background:var(--status-sold-bg)}.badge-cancelled{color:var(--status-cancelled);background:var(--status-cancelled-bg)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-nav-height) + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;align-items:stretch;z-index:var(--z-bottom-nav);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--color-text-muted);font-size:10px;font-weight:var(--font-weight-medium);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:color var(--transition-fast);position:relative}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-item .nav-icon{font-size:22px;line-height:1}.bottom-nav-item .nav-label{font-size:10px;letter-spacing:.01em}.bottom-nav-item .nav-badge{position:absolute;top:6px;right:calc(50% - 16px);width:8px;height:8px;border-radius:50%;background:var(--color-danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:var(--z-modal-backdrop);display:flex;align-items:flex-end;justify-content:center;animation:fadeIn var(--transition-fast) ease}.modal-content{background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:var(--max-width);max-height:90vh;overflow-y:auto;padding:var(--space-6) var(--space-4);padding-bottom:calc(var(--safe-area-bottom) + var(--space-6));animation:slideUp var(--transition-normal) cubic-bezier(.16,1,.3,1)}.modal-handle{width:36px;height:4px;border-radius:var(--radius-full);background:var(--color-border);margin:0 auto var(--space-5)}.modal-center{align-items:center}.modal-center .modal-content{border-radius:var(--radius-xl);margin:var(--space-4);max-height:85vh;animation:scaleIn var(--transition-normal) cubic-bezier(.16,1,.3,1)}.skeleton{background:linear-gradient(90deg,var(--color-card) 0%,var(--color-card-hover) 50%,var(--color-card) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-text{height:14px;margin-bottom:var(--space-2)}.skeleton-title{height:20px;width:60%;margin-bottom:var(--space-3)}.skeleton-card{height:120px;border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.skeleton-circle{border-radius:50%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-4);text-align:center}.empty-state-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.empty-state-text{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-5);max-width:280px}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.kpi-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.kpi-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:var(--space-1)}.kpi-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:var(--color-text);line-height:var(--line-height-tight)}.kpi-value-sm{font-size:var(--font-size-lg)}.progress-bar{width:100%;height:6px;background:var(--color-border-light);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);background:var(--color-primary);transition:width var(--transition-slow)}.progress-fill.success{background:var(--color-success)}.progress-fill.warning{background:var(--color-warning)}.progress-fill.danger{background:var(--color-danger)}.timeline{position:relative;padding-left:var(--space-6)}.timeline:before{content:"";position:absolute;left:8px;top:4px;bottom:4px;width:2px;background:var(--color-border)}.timeline-item{position:relative;padding-bottom:var(--space-4)}.timeline-dot{position:absolute;left:calc(-1 * var(--space-6) + 4px);top:4px;width:10px;height:10px;border-radius:50%;background:var(--color-primary);border:2px solid var(--color-bg)}.timeline-time{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-1)}.timeline-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.quick-action-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);-webkit-tap-highlight-color:transparent;transition:all var(--transition-fast);min-height:56px}.quick-action-btn:active{transform:scale(.97);background:var(--color-card-hover)}.quick-action-icon{font-size:20px}.chips{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;padding-bottom:var(--space-1);-webkit-overflow-scrolling:touch}.chips::-webkit-scrollbar{display:none}.chip{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all var(--transition-fast);min-height:36px}.chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);-webkit-tap-highlight-color:transparent;cursor:pointer;transition:background var(--transition-fast);min-height:56px}.list-item:hover,.list-item:active{background:var(--color-card-hover)}.list-item:last-child{border-bottom:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease}.animate-slide-up{animation:slideUp var(--transition-normal) cubic-bezier(.16,1,.3,1)}.animate-slide-in-right{animation:slideInRight var(--transition-normal) ease}@media(min-width:768px){:root{--max-width: 600px;--page-padding: var(--space-6)}.kpi-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){:root{--max-width: 720px}}