@import "https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700;800&display=swap";.scroll-to-top-btn{bottom:calc(var(--bottom-nav-height,60px) + 24px);background-color:var(--color-brand);color:#fff;z-index:90;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:0;display:flex;position:fixed;right:24px;box-shadow:0 4px 12px oklch(20% 0 0/.15)}@media (width>=768px){.scroll-to-top-btn{width:56px;height:56px;bottom:32px;right:32px}}.app-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-6) 0 calc(var(--bottom-nav-height,60px) + var(--space-4)) 0;margin-top:auto;position:relative;overflow:hidden}@media (width>=768px){.app-footer{padding-bottom:var(--space-6)}}.footer-container{gap:var(--space-6);z-index:2;flex-direction:column;display:flex;position:relative}.footer-content{text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}@media (width>=768px){.footer-content{text-align:left;flex-direction:row;justify-content:space-between}}.footer-brand h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-brand);margin-bottom:var(--space-2);font-weight:700}.footer-brand p{color:var(--color-text-secondary);font-size:var(--text-sm);max-width:300px}.footer-links{gap:var(--space-4);display:flex}.footer-line-btn{align-items:center;gap:var(--space-2);color:#fff;font-size:var(--text-sm);border-radius:var(--radius-full);transition:all var(--transition-fast);background-color:#00b900;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 12px #00b90040}.footer-line-btn:hover{background-color:#090;transform:translateY(-2px);box-shadow:0 6px 16px #00b90059}.footer-bottom{border-top:1px dashed var(--color-border);padding-top:var(--space-4);text-align:center}.footer-bottom p{justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);display:flex}.heart-icon{color:#ef4444;fill:#ef4444;animation:1.5s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.app-footer:before{content:"";background:radial-gradient(circle, var(--color-brand-light) 0%, transparent 70%);opacity:.5;pointer-events:none;border-radius:50%;width:150px;height:150px;position:absolute;top:-40px;right:-40px}.app-footer:after{content:"";background:radial-gradient(circle, var(--color-warning-light) 0%, transparent 70%);opacity:.5;pointer-events:none;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-40px;left:-40px}.app-shell{background-color:var(--color-surface);flex-direction:column;min-height:100vh;display:flex}.top-nav{background-color:var(--color-surface-raised);box-shadow:var(--shadow-sm);z-index:100;height:var(--nav-height);display:none;position:sticky;top:0}.top-nav-container{justify-content:space-between;align-items:center;height:100%;display:flex}.brand{align-items:center;display:flex}.brand-text{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-brand);font-weight:700}.desktop-nav{gap:var(--space-6);height:100%;display:flex}.desktop-nav-link{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);height:100%;font-weight:500;display:flex;position:relative}.desktop-nav-link:hover,.desktop-nav-link.active{color:var(--color-brand)}.desktop-nav-link.active:after{content:"";background-color:var(--color-brand);border-radius:var(--radius-full) var(--radius-full) 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.user-section{align-items:center;gap:var(--space-4);display:flex}.welcome-text{color:var(--color-text-secondary);font-weight:500}.logout-btn-desktop{color:var(--color-text-muted);transition:color var(--transition-fast)}.logout-btn-desktop:hover{color:var(--color-danger)}.main-content{padding:var(--space-4) var(--space-4) var(--space-4);flex:1}.bottom-nav{background-color:var(--color-surface-raised);height:var(--bottom-nav-height);padding-bottom:env(safe-area-inset-bottom,16px);z-index:100;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px 3px oklch(20% 0 0/.05)}.bottom-nav-link{color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;transition:color .2s;display:flex;position:relative}.bottom-nav-link span{font-size:11px;font-weight:500;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.bottom-nav-link svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.bottom-nav-link.active{color:var(--color-brand)}.bottom-nav-link.active svg{transform:scale(1.15)translateY(-2px)}.bottom-nav-link.active span{transform:translateY(2px)}@media (width>=768px){.top-nav{display:block}.bottom-nav{display:none}.main-content{padding-bottom:var(--space-8)}}.toast-container{top:var(--space-4);z-index:9999;gap:var(--space-2);width:calc(100% - var(--space-8));pointer-events:none;flex-direction:column;max-width:400px;display:flex;position:fixed;left:50%;transform:translate(-50%)}@media (width>=768px){.toast-container{left:auto;right:var(--space-4);transform:none}}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;color:#fff;display:flex}.toast-success{background-color:var(--color-success)}.toast-error{background-color:var(--color-danger)}.toast-warning{background-color:var(--color-warning)}.toast-info{background-color:var(--color-info)}.toast-message{font-size:var(--text-sm);flex:1;font-weight:500}.toast-close{color:#ffffffb3;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.toast-close:hover{color:#fff}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;width:100vw;height:100vh;padding:var(--space-4);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.pdpa-modal{background-color:var(--color-surface);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:500px;max-height:90vh;display:flex;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-close-btn{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;top:16px;right:16px}.modal-close-btn:hover{background-color:var(--color-surface-mixed);color:var(--color-text-primary)}.pdpa-title{font-size:var(--text-lg);color:var(--color-text-primary);border-bottom:1px solid var(--color-border);margin:0;padding:24px 24px 16px}.pdpa-text-content{font-size:var(--text-sm);color:var(--color-text-secondary);padding:24px;line-height:1.6;overflow-y:auto}.pdpa-text-content p{margin-top:0;margin-bottom:12px}.pdpa-text-content strong{color:var(--color-text-primary)}.pdpa-list{margin-bottom:16px;padding-left:20px}.pdpa-list li{margin-bottom:8px}.pdpa-note{color:var(--color-text-muted);font-size:12px;margin-top:16px!important;margin-bottom:0!important}.modal-actions-footer{border-top:1px solid var(--color-border);justify-content:flex-end;padding:16px 24px;display:flex}.pdpa-accept-btn{width:100%}.login-page{background-color:var(--color-surface);min-height:100vh;display:flex}.login-left-panel{display:none}@media (width>=1024px){.login-left-panel{background-color:var(--color-brand);color:#fff;padding:var(--space-12);perspective:1000px;flex-direction:column;flex:1;justify-content:center;display:flex;position:relative;overflow:hidden}.login-left-bg{pointer-events:none;z-index:0;background:radial-gradient(circle,#ffffff26 0%,#0000 60%);width:200%;height:200%;animation:20s linear infinite rotateGradient;position:absolute;top:-50%;left:-50%}.login-left-glow{background:radial-gradient(800px circle at var(--mouse-x,50%) var(--mouse-y,50%), #ffffff26, transparent 40%);pointer-events:none;z-index:0;opacity:0;transition:opacity .5s;position:absolute;inset:0}.login-left-panel:hover .login-left-glow{opacity:1}@keyframes rotateGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.panel-content{z-index:1;transform:rotateX(var(--rotate-x,0)) rotateY(var(--rotate-y,0));transform-style:preserve-3d;will-change:transform;transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative}.login-left-panel:hover .panel-content{transition:transform .1s linear}.panel-title{margin-bottom:var(--space-6);color:#fff;letter-spacing:-.02em;font-size:4.5rem;font-weight:700;line-height:1.05}.title-dot{color:var(--color-warning)}.panel-subtitle{font-size:var(--text-xl);opacity:.9;max-width:400px;font-weight:400;line-height:1.6}.panel-badge{margin-top:var(--space-8);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);letter-spacing:2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #ffffff4d;font-weight:600;display:inline-block}}.login-right-panel{padding:var(--space-4);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.login-container{gap:var(--space-6);flex-direction:column;width:100%;max-width:380px;display:flex}.login-header{margin-bottom:var(--space-6)}@media (width>=1024px){.login-header{display:none}}.login-title{color:var(--color-brand);font-size:var(--text-3xl);margin-bottom:var(--space-2)}.login-subtitle{color:var(--color-text-secondary);font-size:var(--text-base)}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-group label{color:var(--color-text-primary);font-weight:600;font-size:var(--text-sm)}.form-group input{padding:var(--space-4);font-size:var(--text-lg);border:1px solid var(--color-border);border-bottom:2px solid var(--color-border);background-color:var(--color-surface-hover);transition:all var(--transition-normal);border-radius:0}.form-group input:focus{border-color:#0000;border-bottom-color:var(--color-brand);box-shadow:none;background-color:var(--color-surface);outline:none}.form-group input.has-error{border-bottom-color:var(--color-danger)}.secret-form-group{overflow:hidden}.secret-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);background-color:var(--color-surface-hover);color:var(--color-text-primary);border-radius:var(--radius-sm);text-align:center;transition:all var(--transition-fast);letter-spacing:2px;border:none}.secret-input:focus{background-color:var(--color-surface);box-shadow:0 0 0 2px var(--color-brand);outline:none}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{width:100%;padding-right:48px}.password-toggle-btn{right:var(--space-4);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute}.password-toggle-btn:hover{color:var(--color-text-primary)}.error-text{color:var(--color-danger);font-size:var(--text-xs)}.btn{padding:var(--space-4);font-size:var(--text-base);transition:all var(--transition-normal);justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;border-radius:0;font-weight:600;display:flex}.btn:disabled{opacity:.5;cursor:not-allowed}.pdpa-notice{color:var(--color-text-muted);text-align:center;margin-top:12px;margin-bottom:0;font-size:11px;line-height:1.5}.pdpa-notice .link-btn{font-size:11px;text-decoration:underline}.pdpa-checkbox-group{margin-bottom:var(--space-4);padding:var(--space-3);background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.pdpa-label{align-items:flex-start;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.pdpa-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-brand);cursor:pointer;margin-top:4px}.link-btn{color:var(--color-brand);cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;padding:0;font-weight:500;text-decoration:underline}.link-btn:hover{color:var(--color-brand-light)}.btn-primary{background-color:var(--color-text-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:#000}.btn-outline{color:var(--color-text-primary);border:1px solid var(--color-text-primary);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-surface-hover)}.btn-group{gap:var(--space-3);grid-template-columns:1fr 2fr;display:grid}.login-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.alert-info{background-color:var(--color-surface-hover);color:var(--color-text-primary);padding:var(--space-4);font-size:var(--text-sm);border-left:4px solid var(--color-brand)}.dev-toggle-btn{text-align:left;width:100%;color:var(--color-text-muted);font-size:var(--text-xs);margin-top:var(--space-8);cursor:pointer;background:0 0;border:none;display:block}.dev-toggle-btn:hover{color:var(--color-text-primary)}.dev-form{margin-top:var(--space-2);padding:var(--space-6);background-color:var(--color-surface-hover);border-radius:var(--radius-lg)}.dev-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.dev-badge{background-color:var(--color-text-primary);color:#fff;font-size:var(--text-xs);border-radius:var(--radius-full);padding:4px 10px;font-weight:700;display:inline-block}.dev-back-btn{color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.dev-back-btn:hover{color:var(--color-text-primary)}.login-footer{margin-top:var(--space-12);color:var(--color-text-muted);font-size:var(--text-xs)}.skeleton-base{background:linear-gradient(90deg, var(--color-surface) 0%, var(--color-surface-raised) 50%, var(--color-surface) 100%);background-size:200% 100%;animation:1.5s linear infinite shimmer}.empty-state{text-align:center;padding:var(--space-8) 0;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon-wrapper{color:var(--color-text-muted);background-color:var(--color-surface);border-radius:var(--radius-full);width:80px;height:80px;margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.empty-title{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-2)}.empty-description{color:var(--color-text-secondary);font-size:var(--text-sm);max-width:300px;margin-bottom:var(--space-4)}.empty-action{margin-top:var(--space-2)}.dashboard-layout{gap:var(--space-8);flex-direction:column;max-width:1200px;margin:0 auto;font-family:Prompt,Kanit,Inter,Outfit,sans-serif;display:flex}@media (width>=1024px){.dashboard-layout{flex-direction:row;align-items:flex-start}.dashboard-sidebar{width:300px;top:calc(var(--nav-height,60px) + var(--space-8));position:sticky}.dashboard-main{flex:1;min-width:0}}.dashboard-sidebar{gap:var(--space-6);padding-right:var(--space-4);flex-direction:column;display:flex}.greeting-title{background:linear-gradient(135deg, var(--color-text-primary) 0%, var(--color-brand) 100%);-webkit-text-fill-color:transparent;margin-bottom:var(--space-2);letter-spacing:-.02em;-webkit-background-clip:text;font-size:2.25rem;font-weight:800;line-height:1.2}.greeting-subtitle{color:var(--color-text-secondary);font-size:1rem;font-weight:500;line-height:1.5}.date-filter-wrapper{background:var(--color-surface);border-radius:var(--radius-2xl,24px);padding:var(--space-5);border:1px solid #0000000d;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;box-shadow:0 10px 30px #00000005,inset 0 1px #ffffff80}.date-filter-wrapper:hover{transform:translateY(-2px);box-shadow:0 15px 40px #0000000a,inset 0 1px #ffffff80}.filter-label{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3) 0;opacity:.8;font-size:.75rem;font-weight:700}.date-filter-stack{gap:var(--space-3);flex-direction:column;display:flex}.date-input-container{align-items:center;gap:var(--space-3);background-color:var(--color-surface-mixed,#f8fafc);border-radius:var(--radius-lg,16px);border:1px solid #0000;padding:12px 16px;transition:all .3s;display:flex}.date-input-container:focus-within{border-color:var(--color-brand);background-color:var(--color-surface);box-shadow:0 0 0 3px #4f46e526}.date-input-clean{color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:1rem;font-weight:600}@media (width>=640px){.date-input-clean{font-size:.875rem}}.dashboard-tabs{gap:var(--space-2);width:fit-content;margin-bottom:var(--space-6);background:var(--color-surface-mixed,#f1f5f9);border-radius:var(--radius-full,9999px);padding:4px;display:inline-flex;position:relative;overflow-x:auto;box-shadow:inset 0 2px 4px #00000005}.dashboard-tabs::-webkit-scrollbar{display:none}.dash-tab-btn{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-full,9999px);z-index:1;white-space:nowrap;background:0 0;border:none;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}@media (width<=639px){.dash-tab-btn{padding:10px 16px;font-size:.85rem}}.dash-tab-btn:hover{color:var(--color-text-primary)}.dash-tab-btn.active{color:#fff}.dash-tab-indicator{background:linear-gradient(135deg, var(--color-brand) 0%, #3b82f6 100%);border-radius:var(--radius-full,9999px);z-index:-1;position:absolute;inset:0;box-shadow:0 4px 12px #4f46e54d}.bento-grid{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=640px){.bento-grid{grid-template-columns:repeat(2,1fr)}.span-2{grid-column:span 2}}.bento-card{background:var(--color-surface);padding:var(--space-4);border:1px solid #0000000a;border-radius:24px;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px -10px #0000000d,inset 0 1px #ffffffb3}@media (width>=640px){.bento-card{padding:var(--space-6);border-radius:28px}}.bento-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px #00000014,inset 0 1px #ffffffb3}.bento-card.highlight{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border:1px solid #4f46e51a}.bento-card.highlight:before{content:"";background:linear-gradient(90deg, var(--color-brand) 0%, #ec4899 100%);height:4px;position:absolute;top:0;left:0;right:0}.card-header-flex{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.header-title-group{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.stat-title{color:var(--color-text-primary);letter-spacing:-.01em;white-space:nowrap;font-size:1rem;font-weight:700}.stat-main{font-size:3.5rem;font-family:var(--font-display,"Prompt", "Outfit", sans-serif);color:var(--color-text-primary);letter-spacing:-.03em;margin:var(--space-2) 0;flex-wrap:wrap;align-items:baseline;gap:8px;font-weight:800;line-height:1;display:flex}.stat-unit{color:var(--color-text-muted);letter-spacing:normal;font-size:1.125rem;font-weight:600}.stat-desc{color:var(--color-text-secondary);margin-bottom:var(--space-4);background:var(--color-surface-mixed);border-radius:8px;padding:4px 10px;font-size:.875rem;font-weight:500;display:inline-block}.mini-progress-track{background-color:var(--color-surface-mixed,#f1f5f9);border-radius:999px;width:100%;height:12px;margin-top:auto;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.mini-progress-fill{background:linear-gradient(90deg, var(--color-brand) 0%, #3b82f6 100%);border-radius:999px;height:100%;transition:width 1s cubic-bezier(.2,.8,.2,1);position:relative}.mini-progress-fill:after{content:"";background:linear-gradient(45deg,#fff3 25%,#0000 25% 50%,#fff3 50% 75%,#0000 75%,#0000) 0 0/1rem 1rem;border-radius:999px;animation:1s linear infinite progress-stripe;position:absolute;inset:0}@keyframes progress-stripe{0%{background-position:1rem 0}to{background-position:0 0}}.meal-display-select{border-radius:var(--radius-full);color:var(--color-brand);cursor:pointer;appearance:none;background-color:#4f46e50d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%234f46e5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #4f46e533;outline:none;padding:8px 32px 8px 16px;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .2s}.meal-display-select:hover{background-color:#4f46e51a;border-color:#4f46e566}.macro-chart-container{align-items:center;gap:var(--space-6);margin-top:var(--space-2);flex-direction:column;display:flex}@media (width>=768px){.macro-chart-container{flex-direction:row;justify-content:space-around}}.macro-legend-group{gap:var(--space-4);grid-template-columns:repeat(2,1fr);width:100%;display:grid}@media (width>=768px){.macro-legend-group{gap:var(--space-5);width:auto}}.macro-stat{align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--color-surface-mixed,#f8fafc);border-radius:12px;transition:transform .2s;display:flex}@media (width>=640px){.macro-stat{gap:var(--space-3);padding:var(--space-3);border-radius:16px}}.macro-stat:hover{transform:scale(1.02)}.macro-icon-box{border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 4px 10px #0000000d}@media (width>=640px){.macro-icon-box{border-radius:12px;width:40px;height:40px}}.bg-red{color:#fff;background:linear-gradient(135deg,#fca5a5 0%,#ef4444 100%)}.bg-indigo{color:#fff;background:linear-gradient(135deg,#a5b4fc 0%,#6366f1 100%)}.bg-emerald{color:#fff;background:linear-gradient(135deg,#6ee7b7 0%,#10b981 100%)}.bg-amber{color:#fff;background:linear-gradient(135deg,#fcd34d 0%,#f59e0b 100%)}.macro-info{flex-direction:column;display:flex}.macro-val{color:var(--color-text-primary);font-size:1.1rem;font-weight:800;line-height:1.2}.macro-lbl{text-transform:uppercase;letter-spacing:.05em;opacity:.8;font-size:.7rem;font-weight:700}.order-breakdown{gap:var(--space-3);padding-top:var(--space-4);margin-top:auto;display:flex}.breakdown-item{color:var(--color-text-primary);background-color:var(--color-surface-mixed);border:1px solid #00000008;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:.75rem;font-weight:700;display:flex}.pinto-dash-filters{gap:var(--space-3);margin-bottom:var(--space-6);background:var(--color-surface);border-radius:20px;flex-wrap:wrap;padding:8px;display:flex;box-shadow:0 4px 20px #00000008}.menu-search-input{background-color:var(--color-surface-mixed,#f8fafc);border:1px solid #0000;border-radius:14px;width:100%;padding:14px 16px 14px 44px;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .3s}.menu-search-input:focus{background-color:var(--color-surface);border-color:var(--color-brand);outline:none;box-shadow:0 0 0 4px #4f46e51a}.category-select{border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-primary);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border-radius:14px;padding:14px 40px 14px 20px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .3s}.category-select:focus{border-color:var(--color-brand);outline:none;box-shadow:0 0 0 4px #4f46e51a}.daily-meal-header{padding-bottom:var(--space-3);margin-bottom:var(--space-4);border-bottom:2px solid #0000000d;justify-content:space-between;align-items:center;display:flex}.delivery-date{color:var(--color-text-primary);letter-spacing:-.01em;font-size:1.2rem;font-weight:800}.macros-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.macro{background:var(--color-surface-mixed);color:var(--color-text-secondary);border:1px solid #00000008;border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:700}.macro.cal{color:#b91c1c;background:#fee2e2;border:none}.macro.pro{color:#4338ca;background:#e0e7ff;border:none}.macro.carb{color:#047857;background:#d1fae5;border:none}.macro.fat{color:#b45309;background:#fef3c7;border:none}.meal-history-card{background:var(--color-surface);padding:var(--space-5);border:1px solid #0000000d;border-radius:20px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #00000005}.meal-history-card:before{content:"";background:var(--color-brand);opacity:0;width:4px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}.meal-history-card:hover{border-color:#4f46e533;transform:translateY(-3px)scale(1.005);box-shadow:0 12px 30px #0000000f}.meal-history-card:hover:before{opacity:1}.meal-name-main{color:var(--color-text-primary);font-size:1.1rem;font-weight:700;line-height:1.3}.category-badge{background-color:var(--color-surface-mixed);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:4px 10px;font-size:.7rem;font-weight:800}.category-badge.brand-badge{color:var(--color-brand);background-color:#4f46e51a}.delivery-status{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:6px 14px;font-size:.7rem;font-weight:800}.delivery-status.success{color:#059669;background:#10b9811a}.delivery-status.pending{color:#d97706;background:#f59e0b1a}.meal-type-row{justify-content:space-between;align-items:center;display:flex}.meal-type-label{color:var(--color-text-muted);font-size:.875rem;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dashboard-pinto-tab,.dashboard-alacarte-tab,.dashboard-overview-tab{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.pinto-page{gap:var(--space-6);flex-direction:column;max-width:800px;margin:0 auto;display:flex}.package-tabs{gap:var(--space-2);padding-bottom:var(--space-2);-ms-overflow-style:none;display:flex;overflow-x:auto}.package-tabs::-webkit-scrollbar{display:none}.package-tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background-color:var(--color-surface-raised);color:var(--color-text-secondary);white-space:nowrap;border:1px solid var(--color-border);transition:all var(--transition-fast);font-weight:500}.package-tab.active{background-color:var(--color-brand);color:#fff;border-color:var(--color-brand)}.pinto-status-widget{background:linear-gradient(145deg, var(--color-surface-raised), var(--color-surface));border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--color-border-subtle);position:relative;overflow:hidden}.pinto-status-widget.low-balance{border-color:var(--color-warning);box-shadow:0 8px 30px #f59e0b26}.widget-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.package-name{font-size:var(--text-xl);margin:0}.status-badge{border-radius:var(--radius-full);font-size:var(--text-xs);padding:4px 12px;font-weight:600}.status-badge.active{background-color:var(--color-success-light);color:var(--color-success)}.status-badge.paused{background-color:var(--color-warning-light);color:var(--color-warning)}.status-badge.completed{background-color:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.clean-progress-widget{justify-content:center;align-items:center;padding:1rem 0 2rem;display:flex;position:relative}.progress-ring-container{z-index:1;width:220px;height:220px;position:relative}.progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--color-border-subtle,#f1f5f9);stroke-width:6px}.ring-progress{fill:none;stroke:url(#progressGrad);stroke-width:8px;stroke-linecap:round;stroke-dasharray:264;transition:stroke-dashoffset 1.5s cubic-bezier(.16,1,.3,1)}.low-balance .ring-progress{stroke:var(--color-warning,#f59e0b)}.empty-balance .ring-progress{stroke:var(--color-border,#cbd5e1)}.meals-count-clean{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.meals-count-clean .remaining{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-2px;font-size:4.5rem;font-weight:700;line-height:1}.meals-count-clean .meta-text{flex-direction:column;align-items:center;margin-top:4px;display:flex}.meals-count-clean .total{color:var(--color-text-muted);font-size:var(--text-sm)}.meals-count-clean .label{font-size:var(--text-base);color:var(--color-text-secondary);margin-top:-2px;font-weight:500}.warning-banner{background-color:var(--color-warning-light);color:var(--color-warning);padding:var(--space-3);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);margin-bottom:var(--space-6);font-weight:500;display:flex}.warning-banner.danger{background-color:var(--color-danger-light);color:var(--color-danger)}.package-details-grid{gap:var(--space-4);background-color:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-lg);grid-template-columns:repeat(3,1fr);display:grid}.detail-item{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.detail-item.highlight{position:relative}.detail-label{font-size:var(--text-xs);color:var(--color-text-muted)}.detail-value{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.section-header-with-filters{gap:var(--space-4);margin-bottom:var(--space-4);flex-direction:column;display:flex}@media (width>=768px){.section-header-with-filters{flex-direction:row;justify-content:space-between;align-items:center}}.section-title{margin-bottom:0}.filter-controls{gap:var(--space-3);flex-wrap:wrap;display:flex}.search-input-wrapper{flex:1;min-width:200px;position:relative}.search-icon{color:var(--color-text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.menu-search-input{border-radius:var(--radius-full);border:1px solid var(--color-border);background-color:var(--color-surface);width:100%;font-family:inherit;font-size:var(--text-sm);transition:all var(--transition-fast);padding:8px 12px 8px 36px}.menu-search-input:focus{border-color:var(--color-brand);box-shadow:0 0 0 2px var(--color-brand-light);outline:none}.category-select{border-radius:var(--radius-full);border:1px solid var(--color-border);background-color:var(--color-surface);font-family:inherit;font-size:var(--text-sm);color:var(--color-text-primary);appearance:none;cursor:pointer;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:8px 32px 8px 16px}.category-select:focus{border-color:var(--color-brand);outline:none}.meal-history-list{gap:var(--space-6);flex-direction:column;display:flex}.daily-meal-group{background-color:#0000}.daily-meal-header{padding:var(--space-2) 0;border-bottom:2px solid var(--color-border);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.delivery-date{font-weight:700;font-size:var(--text-lg);color:var(--color-text-primary)}.daily-meal-cards{gap:var(--space-3);flex-direction:column;display:flex}.meal-history-card{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.meal-history-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border);transform:translateY(-2px)}.meal-card-content{flex-direction:column;gap:4px;display:flex}.meal-card-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:flex-start;display:flex}.meal-title-group{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.category-badge{border-radius:var(--radius-full);background-color:var(--color-surface-mixed);color:var(--color-text-secondary);border:1px solid var(--color-border);white-space:nowrap;padding:2px 8px;font-size:11px;font-weight:600}.meal-name-main{font-size:var(--text-base);color:var(--color-text-primary);font-weight:600;line-height:1.4}.meal-type-row{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.meal-type-label{font-size:var(--text-sm);color:var(--color-text-muted)}.delivery-status{background:var(--color-surface-raised);border-radius:var(--radius-full);color:var(--color-text-muted);border:1px solid var(--color-border);white-space:nowrap;padding:4px 10px;font-size:11px;font-weight:600}.delivery-status.success{background:var(--color-success-light);color:var(--color-success);border-color:#0000}.delivery-status.pending{background:var(--color-warning-light);color:var(--color-warning);border-color:#0000}.package-nutrition-summary{background:var(--color-surface);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);margin-bottom:var(--space-6);gap:var(--space-3);border:1px solid var(--color-border-subtle);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000008}.package-nutrition-summary:before{content:"";background:linear-gradient(to bottom, var(--color-brand), var(--color-brand-light));width:4px;height:100%;position:absolute;top:0;left:0}.package-nutrition-summary h4{font-size:var(--text-sm);color:var(--color-text-primary);letter-spacing:-.2px;margin:0;font-weight:700}.mt-2{margin-top:8px}.macros-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.macros-row.small{gap:var(--space-2)}.macros-row.small .macro{box-shadow:none;padding:2px 8px;font-size:10px}.macro{border-radius:var(--radius-full);align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #00000008}.macro.cal{color:#e11d48;background-color:#e11d4814}.macro.pro{color:#4338ca;background-color:#4338ca14}.macro.carb{color:#059669;background-color:#05966914}.macro.fat{color:#d97706;background-color:#d9770614}.macros-row.small .macro.cal{background-color:#e11d480d}.macros-row.small .macro.pro{background-color:#4338ca0d}.macros-row.small .macro.carb{background-color:#0596690d}.macros-row.small .macro.fat{background-color:#d977060d}.empty-history{text-align:center;padding:var(--space-8);color:var(--color-text-muted);background-color:var(--color-surface-raised);border-radius:var(--radius-lg);font-size:var(--text-sm)}.profile-premium-layout{gap:var(--space-6);flex-direction:column;max-width:1200px;margin:0 auto;padding-bottom:180px;display:flex}@media (width>=768px){.profile-premium-layout{gap:var(--space-8)}}@media (width>=1024px){.profile-premium-layout{padding-bottom:var(--space-8);flex-direction:row;align-items:flex-start}}.profile-sidebar{gap:var(--space-6);flex-direction:column;width:100%;display:flex}@media (width>=1024px){.profile-sidebar{flex-shrink:0;width:380px;position:sticky;top:100px}}.identity-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-4);text-align:center;z-index:1;background:#fff9;border:1px solid #fffc;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #00000008,0 1px 3px #00000005}@media (width>=768px){.identity-card{padding:var(--space-8)}}.identity-card-bg{background:linear-gradient(135deg, var(--color-brand-light) 0%, #10b9810d 100%);opacity:.8;z-index:-1;border-bottom:1px solid #fff6;height:120px;position:absolute;top:0;left:0;right:0}@media (width>=768px){.identity-card-bg{height:140px}}.avatar-premium-wrapper{width:120px;height:120px;margin-bottom:var(--space-6);z-index:2;border-radius:50%;position:relative}.avatar-img-premium,.avatar-placeholder-premium{object-fit:cover;border:4px solid var(--color-surface);background-color:var(--color-surface);z-index:2;border-radius:50%;width:100%;height:100%;position:relative;box-shadow:0 10px 25px -5px #0000001a}.avatar-placeholder-premium{color:var(--color-brand);background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);justify-content:center;align-items:center;display:flex}.avatar-glow{background:radial-gradient(circle, var(--color-brand-light) 0%, transparent 70%);opacity:.5;z-index:1;filter:blur(10px);width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.1)}.identity-info{align-items:center;gap:var(--space-2);flex-direction:column;width:100%;display:flex}.member-name-premium{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:700}.member-phone-premium{font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-full);background:#00000008;align-items:center;gap:8px;padding:6px 16px;font-weight:500;display:flex}.icon-subtle{opacity:.6}.status-divider{background:var(--color-border);width:40px;height:2px;margin:var(--space-4) 0;border-radius:var(--radius-full)}.member-badges-premium{gap:var(--space-3);display:flex}.badge-pill{border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;padding:6px 16px;font-weight:600}.badge-pill.active{color:var(--color-brand);background:#10b9811a;border:1px solid #10b98133}.badge-pill.pending{color:var(--color-text-secondary);background:#64748b1a;border:1px solid #64748b33}.badge-pill.admin{color:#fff;background:#0f172ae6;box-shadow:0 4px 10px #0f172a33}.profile-content{flex:1;width:100%}.premium-form-layout{gap:var(--space-8);flex-direction:column;display:flex}@media (width>=768px){.premium-form-layout{gap:var(--space-10)}}.premium-section{gap:var(--space-5);flex-direction:column;display:flex}.premium-section+.premium-section{margin-top:var(--space-6)}.section-header{margin-left:var(--space-2)}.section-heading{font-family:var(--font-display);color:var(--color-text-primary);margin:0 0 4px;font-size:1.25rem;font-weight:600}@media (width>=768px){.section-heading{margin:0 0 6px;font-size:1.5rem}}.section-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.form-glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-4);gap:var(--space-5);transition:transform var(--transition-slow), box-shadow var(--transition-slow);background:#ffffffb3;border:1px solid #ffffffe6;flex-direction:column;display:flex;box-shadow:0 10px 30px -10px #00000005,inset 0 1px #fff}@media (width>=768px){.form-glass-card{border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-8);gap:var(--space-6)}}.form-glass-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px -10px #0000000a,inset 0 1px #fff}.input-row{gap:var(--space-4);flex-direction:column;display:flex}@media (width>=640px){.input-row{gap:var(--space-6);flex-direction:row}}.input-row.split-2>div{width:100%}@media (width>=640px){.input-row.split-2>div{flex:1}}.input-premium-group{flex-direction:column;gap:8px;display:flex;position:relative}.input-premium-group.full-width{width:100%}.input-premium-group label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;padding-left:4px;font-size:.8rem;font-weight:600}.input-elegant,.select-elegant,.textarea-elegant{border-radius:var(--radius-xl);width:100%;color:var(--color-text-primary);background:#fffc;border:1px solid #0000000f;padding:16px 20px;font-family:inherit;font-size:1rem;transition:all .3s;box-shadow:inset 0 2px 4px #00000003}.input-elegant:focus,.select-elegant:focus,.textarea-elegant:focus{border-color:var(--color-brand);box-shadow:inset 0 2px 4px #00000003, 0 0 0 4px var(--color-brand-light);background:#fff;outline:none}.input-elegant::placeholder,.textarea-elegant::placeholder{color:var(--color-text-muted);font-weight:400}.select-elegant-wrapper{position:relative}.select-elegant{appearance:none;cursor:pointer;padding-right:40px}.select-elegant-wrapper:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--color-text-secondary);pointer-events:none;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.allergy-glass-card{background:#fef2f266;border-color:#ef44441a}.allergy-header{align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid #ef44441a;display:flex}@media (width>=640px){.allergy-header{align-items:center}}.allergy-icon{width:40px;height:40px;color:var(--color-danger);background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;display:flex}.allergy-title{color:var(--color-danger);margin:0;font-size:1.1rem;font-weight:600}.allergy-subtitle{color:var(--color-text-secondary);margin:2px 0 0;font-size:.8rem}.input-danger-elegant{background:#ffffffe6;border-color:#ef444433}.input-danger-elegant:focus{border-color:var(--color-danger);box-shadow:0 0 0 4px #ef44441a}.btn-elegant-save{background:var(--color-text-primary);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;padding:16px 24px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000026}.btn-elegant-save:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.btn-elegant-save:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 15px 30px #0003}.btn-elegant-save:hover:not(:disabled):before{opacity:1}.btn-elegant-save:active:not(:disabled){transform:translateY(-1px)}.btn-elegant-save:disabled{opacity:.7;cursor:not-allowed;background:var(--color-text-secondary)}.saving-text{animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.desktop-save-action{display:none}@media (width>=1024px){.desktop-save-action{width:100%;display:block}.btn-elegant-save{width:100%}}.mobile-save-action{z-index:100;width:calc(100% - var(--space-6));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);background:#fffc;border:1px solid #ffffff80;max-width:400px;padding:8px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000026}.mobile-full{width:100%;box-shadow:none;padding:16px 20px;font-size:1.05rem}@media (width>=1024px){.mobile-save-action{display:none}}.loading-screen{background-color:var(--color-surface);min-height:100vh;color:var(--color-brand);font-family:var(--font-display);font-size:var(--text-xl);justify-content:center;align-items:center;font-weight:600;animation:2s infinite pulse-ring;display:flex}:root{--color-brand:oklch(65% .19 160);--color-brand-light:oklch(92% .08 160);--color-brand-dark:oklch(35% .12 160);--color-accent:oklch(58% .16 35);--color-surface:oklch(98% .005 160);--color-surface-raised:oklch(100% 0 0/.95);--color-surface-hover:oklch(95% .01 160);--color-text-primary:oklch(20% .02 260);--color-text-secondary:oklch(45% .01 260);--color-text-muted:oklch(60% .005 260);--color-text-inverse:oklch(98% .005 160);--color-border:oklch(90% .005 260);--color-border-subtle:oklch(95% .002 260);--color-danger:oklch(55% .2 25);--color-danger-light:oklch(95% .05 25);--color-warning:oklch(75% .15 85);--color-warning-light:oklch(95% .05 85);--color-success:oklch(65% .19 160);--color-success-light:oklch(95% .05 160);--color-info:oklch(60% .15 250);--color-info-light:oklch(95% .05 250);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-12:4.5rem;--font-display:"Prompt", sans-serif;--font-body:"Prompt", sans-serif;--text-xs:clamp(.75rem, .7vw + .5rem, .875rem);--text-sm:clamp(.875rem, .8vw + .5rem, 1rem);--text-base:clamp(1rem, 1vw + .5rem, 1.125rem);--text-lg:clamp(1.125rem, 1.5vw + .5rem, 1.25rem);--text-xl:clamp(1.25rem, 2vw + .5rem, 1.5rem);--text-2xl:clamp(1.5rem, 3vw + .5rem, 2rem);--text-3xl:clamp(2rem, 4vw + .5rem, 2.5rem);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--shadow-sm:0 1px 2px oklch(20% 0 0/.04);--shadow-md:0 4px 6px -1px oklch(20% 0 0/.05), 0 2px 4px -2px oklch(20% 0 0/.05);--shadow-lg:0 10px 15px -3px oklch(20% 0 0/.05), 0 4px 6px -4px oklch(20% 0 0/.05);--shadow-inner:inset 0 2px 4px 0 oklch(20% 0 0/.02);--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-normal:.4s cubic-bezier(.16, 1, .3, 1);--transition-slow:.7s cubic-bezier(.16, 1, .3, 1);--nav-height:64px;--bottom-nav-height:80px;--container-max:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-3);font-weight:600;line-height:1.2}a{color:var(--color-brand);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-brand-dark)}button{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}img,svg,video{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-4);margin:0 auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}input,textarea,select{font-family:inherit;font-size:var(--text-base);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);transition:all var(--transition-fast);width:100%}input:focus,textarea:focus,select:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-light);outline:none}input:disabled,textarea:disabled,select:disabled{background-color:var(--color-border-subtle);color:var(--color-text-muted);cursor:not-allowed}::selection{background-color:var(--color-brand-light);color:var(--color-brand-dark)}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.8)}80%,to{opacity:0;transform:scale(1.5)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-slide-up{animation:slideUp var(--transition-normal) forwards}.animate-slide-down{animation:slideDown var(--transition-normal) forwards}.animate-scale-in{animation:scaleIn var(--transition-normal) forwards}.animate-pulse{position:relative}.animate-pulse:before{content:"";border-radius:inherit;background-color:inherit;z-index:-1;width:100%;height:100%;animation:2s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;top:0;left:0}.animate-spin{animation:1s linear infinite spin}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}