:root{--color-primary:#4caf50;--color-primary-light:#81c784;--color-primary-dark:#388e3c;--color-primary-bg:#e8f5e9;--color-primary-10:#4caf501a;--color-primary-20:#4caf5033;--color-danger:#ef5350;--color-danger-bg:#ffebee;--color-warning:#ffa726;--color-warning-bg:#fff3e0;--color-info:#42a5f5;--color-info-bg:#e3f2fd;--color-white:#fff;--color-bg:#f5f5f5;--color-surface:#fff;--color-border:#e0e0e0;--color-border-light:#f0f0f0;--color-text:#212121;--color-text-secondary:#757575;--color-text-hint:#9e9e9e;--color-text-inverse:#fff;--color-overlay:#00000080;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs:.6875rem;--font-size-sm:.75rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height:1.5;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-base:1rem;--spacing-lg:1.25rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001f;--shadow-card:0 1px 4px #0000000f;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--navbar-height:56px;--container-max:480px;--container-desktop:960px;--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;overflow-x:hidden}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}ul,ol{list-style:none}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-secondary{color:var(--color-text-secondary)}.text-hint{color:var(--color-text-hint)}.text-primary{color:var(--color-primary)}.text-danger{color:var(--color-danger)}.text-center{text-align:center}.text-right{text-align:right}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}h1,.h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2}h2,.h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.3}h3,.h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.3}#app{min-height:100dvh;padding-bottom:calc(var(--navbar-height) + var(--safe-bottom) + var(--spacing-base))}.container{width:100%;max-width:var(--container-max);padding:0 var(--spacing-base);margin:0 auto}.screen{padding-top:var(--spacing-base);padding-bottom:var(--spacing-xl)}.screen-header{padding:var(--spacing-base);margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.screen-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-base{gap:var(--spacing-base)}.gap-lg{gap:var(--spacing-lg)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-base{margin-top:var(--spacing-base)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-base{margin-bottom:var(--spacing-base)}.mb-lg{margin-bottom:var(--spacing-lg)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);min-height:44px;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-primary-bg);color:var(--color-primary-dark)}.btn-secondary:hover:not(:disabled){background-color:var(--color-primary-20)}.btn-outline{color:var(--color-primary);border:1.5px solid var(--color-primary);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-primary-10)}.btn-ghost{color:var(--color-text-secondary);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-border-light)}.btn-danger{background-color:var(--color-danger);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background-color:#d32f2f}.btn-block{width:100%;display:flex}.btn-sm{min-height:36px;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-base);border-radius:var(--radius-sm)}.btn-lg{min-height:52px;padding:var(--spacing-base) var(--spacing-xl);font-size:var(--font-size-lg);border-radius:var(--radius-lg)}.btn-icon{min-width:44px;min-height:44px;padding:var(--spacing-sm);border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-secondary);transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background-color:var(--color-border-light)}.btn-icon:active{transform:scale(.92)}.fab{bottom:calc(var(--navbar-height) + var(--safe-bottom) + var(--spacing-base));right:var(--spacing-base);border-radius:var(--radius-full);background-color:var(--color-primary);width:56px;height:56px;color:var(--color-text-inverse);cursor:pointer;box-shadow:var(--shadow-lg);font-size:var(--font-size-2xl);transition:transform var(--transition-fast), box-shadow var(--transition-fast);z-index:50;border:none;justify-content:center;align-items:center;display:flex;position:fixed}.fab:hover{transform:scale(1.05);box-shadow:0 6px 20px #4caf5059}.fab:active{transform:scale(.95)}.form-group{gap:var(--spacing-xs);margin-bottom:var(--spacing-base);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.form-input{width:100%;min-height:48px;padding:var(--spacing-md) var(--spacing-base);font-size:var(--font-size-md);background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;outline:none}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-10)}.form-input::placeholder{color:var(--color-text-hint)}.form-input.error{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef53501a}.form-error{font-size:var(--font-size-sm);color:var(--color-danger);min-height:1em}.form-hint{font-size:var(--font-size-sm);color:var(--color-text-hint)}.form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.form-row-3{gap:var(--spacing-md);grid-template-columns:1fr 1fr 1fr;display:grid}select.form-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23757575' d='M6 8.825L0.5 3.325l1.175-1.175L6 6.475l4.325-4.325L11.5 3.325z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.card-body{padding:var(--spacing-base)}.card-header{padding:var(--spacing-md) var(--spacing-base);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.meal-card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-md)}.meal-card-header{padding:var(--spacing-md) var(--spacing-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.meal-card-header .meal-kcal{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.meal-item{padding:var(--spacing-md) var(--spacing-base);border-bottom:1px solid var(--color-border-light);min-height:44px;transition:background-color var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.meal-item:last-child{border-bottom:none}.meal-item:active{background-color:var(--color-border-light)}.meal-item-info{flex:1;min-width:0}.meal-item-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.meal-item-meta{font-size:var(--font-size-sm);color:var(--color-text-hint);margin-top:2px}.meal-item-kcal{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);white-space:nowrap;margin-left:var(--spacing-md)}.meal-add-btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-primary);cursor:pointer;min-height:44px;transition:background-color var(--transition-fast);display:flex}.meal-add-btn:hover{background-color:var(--color-primary-10)}.navbar{height:calc(var(--navbar-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background-color:var(--color-surface);border-top:1px solid var(--color-border-light);z-index:100;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{min-width:44px;min-height:44px;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-hint);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.nav-item .nav-icon{font-size:22px;line-height:1}.nav-item.active{color:var(--color-primary)}.nav-item:hover{color:var(--color-primary-light)}#toast-container{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-base);padding-top:calc(var(--spacing-base) + env(safe-area-inset-top,0px));z-index:1000;pointer-events:none;flex-direction:column;display:flex;position:fixed;top:0;left:0;right:0}.toast{align-items:center;gap:var(--spacing-sm);min-width:280px;max-width:var(--container-max);padding:var(--spacing-md) var(--spacing-base);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-slide-in var(--transition-base) ease forwards;display:flex}.toast.removing{animation:toast-slide-out var(--transition-fast) ease forwards}.toast-success{background-color:var(--color-primary);color:var(--color-text-inverse)}.toast-error{background-color:var(--color-danger);color:var(--color-text-inverse)}.toast-warning{background-color:var(--color-warning);color:var(--color-text)}.toast-info{background-color:var(--color-info);color:var(--color-text-inverse)}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.progress-bar{background-color:var(--color-border-light);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);background-color:var(--color-primary);height:100%;transition:width var(--transition-slow)}.progress-bar-fill.over{background-color:var(--color-danger)}.macro-bar{gap:var(--spacing-xs);flex-direction:column;display:flex}.macro-bar-label{font-size:var(--font-size-sm);justify-content:space-between;display:flex}.macro-bar-label-name{font-weight:var(--font-weight-medium)}.macro-bar-label-value{color:var(--color-text-secondary)}.progress-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.progress-ring svg{transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:var(--color-border-light)}.progress-ring-fill{fill:none;stroke:var(--color-primary);stroke-linecap:round;transition:stroke-dashoffset var(--transition-slow)}.progress-ring-fill.over{stroke:var(--color-danger)}.progress-ring-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-ring-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1}.progress-ring-label{font-size:var(--font-size-xs);color:var(--color-text-hint);margin-top:2px}.modal-overlay{background-color:var(--color-overlay);z-index:200;animation:fade-in var(--transition-fast) ease;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-overlay.closing{animation:fade-out var(--transition-fast) ease forwards}.modal{width:100%;max-width:var(--container-max);background-color:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:90vh;animation:modal-slide-up var(--transition-base) ease;overflow-y:auto}.modal-overlay.closing .modal{animation:modal-slide-down var(--transition-fast) ease forwards}.modal-header{padding:var(--spacing-base);border-bottom:1px solid var(--color-border-light);background-color:var(--color-surface);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal-close{cursor:pointer;min-width:44px;min-height:44px;font-size:var(--font-size-xl);color:var(--color-text-hint);border-radius:var(--radius-full);transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background-color:var(--color-border-light)}.modal-body{padding:var(--spacing-base)}.modal-footer{padding:var(--spacing-base);padding-bottom:calc(var(--spacing-base) + var(--safe-bottom));gap:var(--spacing-sm);display:flex}.modal-handle{background-color:var(--color-border);border-radius:var(--radius-full);width:36px;height:4px;margin:var(--spacing-sm) auto 0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes modal-slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}.auth-screen{min-height:100dvh;padding:var(--spacing-xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:380px}.auth-logo{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-xs)}.auth-subtitle{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-2xl)}.auth-footer{text-align:center;margin-top:var(--spacing-xl);font-size:var(--font-size-base);color:var(--color-text-secondary)}.auth-footer a{font-weight:var(--font-weight-semibold)}.auth-error{background-color:var(--color-danger-bg);color:var(--color-danger);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);margin-bottom:var(--spacing-base);text-align:center}.diary-screen{padding-bottom:var(--spacing-3xl)}.diary-date-nav{justify-content:center;align-items:center;gap:var(--spacing-base);padding:var(--spacing-md) var(--spacing-base);display:flex}.diary-date-label{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);text-align:center;min-width:140px}.diary-summary{padding:var(--spacing-base)}.diary-summary-card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-base);align-items:center;gap:var(--spacing-base);flex-direction:column;display:flex}.diary-macros{gap:var(--spacing-md);grid-template-columns:1fr 1fr 1fr;width:100%;display:grid}.diary-macro-item{align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.diary-macro-value{font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.diary-macro-label{font-size:var(--font-size-xs);color:var(--color-text-hint)}.diary-meals{padding:0 var(--spacing-base);gap:var(--spacing-md);flex-direction:column;display:flex}.add-meal-screen{padding:var(--spacing-base)}.add-meal-screen .container{gap:var(--spacing-base);flex-direction:column;display:flex}.photo-upload{justify-content:center;align-items:center;gap:var(--spacing-sm);border:2px dashed var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);min-height:120px;padding:var(--spacing-xl);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);text-align:center;flex-direction:column;display:flex}.photo-upload:hover{border-color:var(--color-primary);background-color:var(--color-primary-10)}.photo-upload-icon{color:var(--color-text-hint);font-size:32px}.photo-upload-text{font-size:var(--font-size-base);color:var(--color-text-secondary)}.goals-screen{padding:var(--spacing-base)}.goals-display{gap:var(--spacing-base);flex-direction:column;display:flex}.goal-item{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-base);gap:var(--spacing-sm);flex-direction:column;display:flex}.goal-item-header{justify-content:space-between;align-items:baseline;display:flex}.goal-item-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.goal-item-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.weight-screen{padding:var(--spacing-base)}.weight-current{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-xl);text-align:center;margin-bottom:var(--spacing-base)}.weight-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.weight-unit{font-size:var(--font-size-md);color:var(--color-text-hint);margin-left:var(--spacing-xs)}.weight-change{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.weight-chart-container{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-base);margin-bottom:var(--spacing-base);height:200px}.weight-history{gap:var(--spacing-sm);flex-direction:column;display:flex}.weight-entry{padding:var(--spacing-md) var(--spacing-base);background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex}.weight-entry-date{font-size:var(--font-size-base);color:var(--color-text-secondary)}.weight-entry-value{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.analytics-screen{padding:var(--spacing-base)}.analytics-period-tabs{gap:var(--spacing-xs);margin-bottom:var(--spacing-base);background-color:var(--color-border-light);border-radius:var(--radius-md);padding:3px;display:flex}.analytics-tab{min-height:36px;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;justify-content:center;align-items:center;display:flex}.analytics-tab.active{background-color:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.analytics-chart{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-base);margin-bottom:var(--spacing-base);min-height:200px}.analytics-stats{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.analytics-stat-card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-base);text-align:center}.analytics-stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.analytics-stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.profile-screen{padding:var(--spacing-base)}.profile-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.profile-avatar{border-radius:var(--radius-full);background-color:var(--color-primary-bg);width:72px;height:72px;color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:flex}.profile-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.profile-email{font-size:var(--font-size-base);color:var(--color-text-secondary)}.profile-section{margin-bottom:var(--spacing-xl)}.profile-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-hint);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm);padding-left:var(--spacing-base)}.profile-menu{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.profile-menu-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-base);cursor:pointer;text-align:left;width:100%;min-height:48px;font-size:var(--font-size-md);color:var(--color-text);border:none;border-bottom:1px solid var(--color-border-light);transition:background-color var(--transition-fast);background:0 0;display:flex}.profile-menu-item:last-child{border-bottom:none}.profile-menu-item:hover{background-color:var(--color-border-light)}.profile-menu-item:active{background-color:var(--color-border)}.profile-menu-item .menu-icon{font-size:var(--font-size-lg);color:var(--color-text-secondary);text-align:center;width:24px}.profile-menu-item .menu-label{flex:1}.profile-menu-item .menu-arrow{color:var(--color-text-hint);font-size:var(--font-size-sm)}.profile-menu-item.danger,.profile-menu-item.danger .menu-icon{color:var(--color-danger)}.spinner{border:3px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}.spinner-lg{border-width:4px;width:40px;height:40px}.loading-screen{justify-content:center;align-items:center;min-height:200px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--color-border-light) 25%, var(--color-bg) 50%, var(--color-border-light) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}.skeleton-text{height:14px;margin-bottom:var(--spacing-sm)}.skeleton-text:last-child{width:60%}.skeleton-title{width:50%;height:20px;margin-bottom:var(--spacing-md)}.skeleton-circle{border-radius:50%}.skeleton-card{border-radius:var(--radius-lg);height:80px;margin-bottom:var(--spacing-md)}.skeleton-bar{border-radius:var(--radius-full);height:8px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--spacing-base);opacity:.4;font-size:48px}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm)}.empty-state-text{font-size:var(--font-size-base);color:var(--color-text-hint);max-width:260px;line-height:1.5}.empty-state .btn{margin-top:var(--spacing-lg)}@media (width>=768px){:root{--font-size-base:.9375rem;--font-size-md:1.0625rem}.container{max-width:600px}.auth-card{max-width:420px}.modal{border-radius:var(--radius-xl);max-width:500px;margin-bottom:var(--spacing-xl);max-height:85vh}.modal-overlay{align-items:center}.modal-footer{padding-bottom:var(--spacing-base)}.analytics-stats{grid-template-columns:1fr 1fr 1fr 1fr}}@media (width>=1280px){:root{--navbar-height:0px}#app{padding-bottom:var(--spacing-xl);margin-left:240px}.container{max-width:var(--container-desktop)}.navbar{width:240px;height:100vh;padding:var(--spacing-xl) var(--spacing-base);padding-bottom:var(--spacing-xl);justify-content:flex-start;gap:var(--spacing-xs);border-top:none;border-right:1px solid var(--color-border-light);flex-direction:column;position:fixed;inset:0 auto 0 0}.nav-brand{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-xl);padding:var(--spacing-sm);display:block}.nav-item{width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);justify-content:flex-start;gap:var(--spacing-md);flex-direction:row}.nav-item.active{background-color:var(--color-primary-10)}.nav-item:hover{background-color:var(--color-border-light)}.fab{bottom:var(--spacing-xl);right:var(--spacing-xl)}.auth-screen{margin-left:-240px}}