@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #FFFFFF;--accent-mint: #AAF0D1;--accent-blue-deep: #4A90E2;--accent-blue-soft: #D1E9FF;--accent-lila: #E0BBE4;--text-primary: #2D3436;--text-secondary: #636E72;--glass-bg: rgba(255, 255, 255, .4);--glass-border: rgba(255, 255, 255, .6);--glass-shadow: 0 8px 32px 0 rgba(74, 144, 226, .1);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 16px;--transition-liquid: cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Outfit,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;margin:0;padding:0;width:100%;overflow-x:hidden;position:relative}.liquid-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:var(--bg-primary);overflow:hidden}.liquid-bg:before,.liquid-bg:after{content:"";position:absolute;width:800px;height:800px;border-radius:40%;filter:blur(80px);z-index:-1;opacity:.4;animation:liquid-drift 20s infinite alternate ease-in-out}.liquid-bg:before{background:var(--accent-blue-soft);top:-10%;left:-10%}.liquid-bg:after{background:var(--accent-lila);bottom:-10%;right:-10%;animation-delay:-10s}@keyframes liquid-drift{0%{transform:translate(0) rotate(0) scale(1)}50%{transform:translate(50px,100px) rotate(180deg) scale(1.2)}to{transform:translate(-50px,-50px) rotate(360deg) scale(1)}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-xl);transition:all .4s var(--transition-liquid)}.glass-panel:hover{border-color:#fffc;box-shadow:0 12px 40px #4a90e226}.liquid-bubble{position:relative;overflow:hidden}.liquid-bubble:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 60%);animation:liquid-flow 10s infinite linear}@keyframes liquid-flow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.heading-1{font-size:2.5rem;font-weight:700;color:var(--accent-blue-deep)}.card-confirmed{border-left:6px solid var(--accent-mint)}.card-pending{border-left:6px solid var(--accent-lila)}.avatar{border-radius:50%;border:2px solid var(--accent-blue-soft);padding:2px}.fab{position:fixed;bottom:32px;right:32px;width:56px;height:56px;border-radius:16px;background-color:var(--accent-mint);color:var(--accent-blue-deep);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;cursor:pointer;border:none;z-index:1000;transition:all .3s var(--transition-liquid)}@media(max-width:1024px){.fab{bottom:100px;right:20px}}.fab:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 8px 24px #aaf0d166}.appointment-card{position:relative;overflow:visible;transition:all .3s var(--transition-liquid)}.appointment-card:hover{background:#fffc!important;transform:translateY(-2px);z-index:50;box-shadow:0 12px 24px #4a90e226}.appointment-details{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:12px;padding:12px;box-shadow:0 8px 16px #0000001a;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s var(--transition-liquid);font-size:.8rem;z-index:20;border:1px solid var(--accent-blue-soft)}.appointment-card:hover .appointment-details{opacity:1;visibility:visible;transform:translateY(4px)}.metric-value{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--accent-blue-deep),var(--accent-lila));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dashboard-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;height:calc(100vh - 280px)}.metrics-grid{display:flex;gap:24px;justify-content:flex-start}@media(max-width:1024px){.app-container{flex-direction:column!important}nav{width:100%!important;height:auto!important;flex-direction:row!important;padding:12px 24px!important;position:fixed!important;bottom:0!important;top:auto!important;left:0!important;border-radius:0!important;z-index:100!important}nav>div:first-child{display:none!important}nav>div:nth-child(2){flex-direction:row!important;justify-content:space-around!important;width:100%!important}main{padding-bottom:80px!important}.dashboard-grid{grid-template-columns:1fr!important}}@media(max-width:640px){.heading-1{font-size:1.8rem}.metrics-grid{flex-direction:column!important}.metrics-grid>div{max-width:100%!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 2s linear infinite}.tab{padding:12px 24px;cursor:pointer;border-radius:12px;font-weight:600;transition:all .3s var(--transition-liquid);color:#7c3aed}.tab.active{background:#7c3aed26;color:#7c3aed!important;border:1px solid rgba(124,58,237,.3);box-shadow:0 4px 15px #7c3aed1a}.tab:hover:not(.active){background:#7c3aed1a;color:#6d28d9}.responsive-grid{display:grid;grid-template-columns:1fr;gap:24px;width:100%}@media(min-width:1024px){.responsive-grid{grid-template-columns:minmax(300px,1fr) 3fr}}.metrics-row-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(150px,45vw,250px),1fr));gap:clamp(12px,2vw,20px);width:100%}@media(max-width:768px){.glass-panel{padding:16px!important}.heading-1{font-size:1.8rem!important}header{flex-direction:column;align-items:flex-start!important}.appointment-card{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.appointment-card-actions{width:100%!important;justify-content:space-between!important;border-top:1px solid rgba(0,0,0,.05);padding-top:16px}}.hide-mobile{display:inline-block}.show-mobile{display:none}@media(max-width:640px){.hide-mobile{display:none!important}.show-mobile{display:inline-block!important}.glass-panel{border-radius:var(--radius-lg)}}.floating-donut{transition:width .3s ease,height .3s ease,right .3s ease!important}@media(max-width:768px){.floating-donut{width:130px!important;height:130px!important;right:20px!important;bottom:80px!important}}@media(max-width:480px){.floating-donut{width:100px!important;height:100px!important;right:10px!important;bottom:70px!important}}.diet-grid{display:grid;grid-template-columns:1fr 320px;gap:24px}@media(max-width:1100px){.diet-grid{grid-template-columns:1fr;gap:16px}.diet-summary-card{order:-1}}.toolbar-responsive{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:16px!important}@media(max-width:768px){.toolbar-responsive{flex-direction:column!important;align-items:stretch!important;padding:16px!important}.toolbar-responsive>div:first-child{width:100%!important;justify-content:flex-start!important}.toolbar-actions-group{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;width:100%!important;gap:10px!important}.toolbar-actions-group button{width:100%!important;padding:10px!important;font-size:.75rem!important;border-radius:12px!important}}.days-selector{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:4px 0 12px!important;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.days-selector::-webkit-scrollbar{display:none}.day-btn{padding:12px 24px!important;border:none!important;border-radius:15px!important;font-weight:700!important;cursor:pointer!important;box-shadow:0 4px 10px #0000000d!important;white-space:nowrap!important;transition:all .2s ease!important}@media(max-width:640px){.day-btn{padding:10px 16px!important;font-size:.8rem!important}}