.home-page{padding:20px;background:var(--bg-primary);min-height:100vh}.greeting{margin-bottom:24px}.greeting h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.greeting p{font-size:15px;color:var(--text-secondary);margin-top:4px}.quick-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.stat-card{background:var(--bg-secondary);border-radius:12px;padding:16px}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-label{font-size:13px;color:var(--text-secondary)}.actions{display:flex;flex-direction:column;gap:12px}.action-button{padding:16px 20px;border-radius:12px;border:none;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:12px;transition:transform .15s}.action-button:active{transform:scale(.98)}.action-button.primary{background:var(--primary);color:#fff}.action-button.secondary{background:var(--bg-secondary);color:var(--text-primary)}.action-icon{font-size:20px}.calendar-day{display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px;aspect-ratio:1}.calendar-day:active{transform:scale(.92)}.day-circle{width:100%;height:100%;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-secondary);transition:all .15s ease}.calendar-day.has-consumption .day-circle{background:linear-gradient(145deg,#ff6b6b,#ff3b30);box-shadow:0 2px 10px #ff3b3080}.calendar-day.other-month .day-circle{opacity:.3}.calendar-day.today .day-circle{border:2px solid #007AFF}.calendar-day.today.has-consumption .day-circle{border-color:#ffffff80}.day-number{font-size:15px;font-weight:600;color:var(--text-primary);line-height:1}.calendar-day.has-consumption .day-number{color:#fff;font-weight:700}.calendar-day.today:not(.has-consumption) .day-number{color:#007aff}.drink-emoji{font-size:12px;margin-top:1px}.calendar-page{min-height:100vh;background:var(--bg-primary);overflow:hidden;touch-action:pan-y}.calendar-header{padding:16px 20px;background:var(--bg-primary);border-bottom:1px solid var(--border)}.calendar-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 16px;text-align:center}.calendar-month-selector{display:flex;align-items:center;justify-content:space-between}.month-nav-button{background:none;border:none;font-size:32px;color:var(--primary);cursor:pointer;padding:4px 20px;font-weight:300;transition:opacity .15s}.month-nav-button:active{opacity:.5}.month-nav-button:disabled{opacity:.2;cursor:default}.current-month{font-size:18px;font-weight:600;color:var(--text-primary);flex:1;text-align:center;cursor:pointer;padding:10px;border-radius:10px;transition:background .15s}.current-month:active{background:var(--bg-secondary)}.calendar-container{padding:12px;overflow:hidden}.week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.week-day{text-align:center;font-size:13px;font-weight:500;color:var(--text-secondary);padding:8px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;will-change:transform,opacity;transition:transform .3s cubic-bezier(.25,.46,.45,.94),opacity .3s cubic-bezier(.25,.46,.45,.94)}.calendar-grid.slide-left{animation:slideOutLeft .3s cubic-bezier(.25,.46,.45,.94) forwards}.calendar-grid.slide-right{animation:slideOutRight .3s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.month-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.month-picker{background:var(--bg-primary);border-radius:16px;width:100%;max-width:360px;max-height:70vh;display:flex;flex-direction:column;animation:scaleIn .25s cubic-bezier(.25,.46,.45,.94)}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.month-picker-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.month-picker-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.month-picker-content{padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.year-section{margin-bottom:20px}.year-section:last-child{margin-bottom:0}.year-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:10px}.months-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.month-btn{padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary);color:var(--text-primary);font-size:15px;font-weight:500;cursor:pointer;transition:all .15s}.month-btn:active{transform:scale(.95)}.month-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.statistics-page{min-height:100vh;background:var(--bg-primary);padding:16px 16px 100px}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.stats-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.period-badge{background:var(--bg-secondary);padding:6px 12px;border-radius:20px;font-size:13px;color:var(--text-secondary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid var(--bg-secondary);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h2{color:var(--text-primary);margin:0 0 8px}.empty-state p{color:var(--text-secondary);margin:0}.main-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.main-card{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-secondary) 100%);border-radius:16px;padding:16px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.main-card.volume{background:linear-gradient(135deg,#ff6b6b,#ff3b30)}.main-card.cost{background:linear-gradient(135deg,#4caf50,#2e7d32)}.main-card:active{transform:scale(.98)}.main-card.expanded{grid-column:1 / -1}.card-icon{font-size:28px;margin-bottom:8px}.card-content{position:relative;z-index:1}.card-value{font-size:28px;font-weight:700;color:#fff}.card-label{font-size:14px;color:#fffc}.card-details{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.detail-row{display:flex;align-items:center;gap:8px;padding:6px 0;color:#ffffffe6;font-size:14px}.detail-icon{font-size:16px}.detail-name{flex:1}.detail-bar-wrap{width:60px;height:6px;background:#fff3;border-radius:3px;overflow:hidden}.detail-bar{height:100%;background:#fffc;border-radius:3px}.detail-value{font-weight:600;min-width:50px;text-align:right}.secondary-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.secondary-card{background:var(--bg-secondary);border-radius:12px;padding:14px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:transform .15s}.secondary-card:active{transform:scale(.98)}.sec-icon{font-size:20px}.sec-value{font-size:20px;font-weight:700;color:var(--text-primary)}.sec-label{font-size:12px;color:var(--text-secondary)}.tabs{display:flex;gap:8px;margin-bottom:16px;background:var(--bg-secondary);padding:4px;border-radius:12px}.tabs button{flex:1;padding:10px;border:none;border-radius:10px;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tabs button.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 2px 8px #0000001a}.tab-content{animation:fadeIn .3s ease}.section{margin-bottom:24px}.section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.days-chart{display:flex;justify-content:space-between;align-items:flex-end;height:140px;padding:16px;background:var(--bg-secondary);border-radius:16px;gap:8px}.day-column{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.day-bar-container{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.day-bar{width:100%;max-width:32px;background:var(--border);border-radius:6px 6px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;min-height:4px;transition:height .3s ease}.day-bar.has-data{background:linear-gradient(180deg,#ff6b6b,#ff3b30)}.day-bar.weekend.has-data{background:linear-gradient(180deg,#ff9a8a,#ff6b6b)}.day-value{font-size:10px;font-weight:600;color:#fff}.day-label{margin-top:8px;font-size:12px;font-weight:500;color:var(--text-secondary)}.day-label.weekend{color:var(--primary)}.type-cards{display:flex;flex-direction:column;gap:10px}.type-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-secondary);border-radius:12px}.type-icon{font-size:28px}.type-info{flex:1}.type-name{font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:6px}.type-progress{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.type-progress-bar{height:100%;background:linear-gradient(90deg,#ff6b6b,#ff3b30);border-radius:3px;transition:width .5s ease}.type-stats{text-align:right}.type-volume{font-size:15px;font-weight:600;color:var(--text-primary)}.type-percent{font-size:12px;color:var(--text-secondary)}.top-list{display:flex;flex-direction:column;gap:10px}.top-item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-secondary);border-radius:12px}.top-rank{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;background:var(--border);color:var(--text-secondary)}.top-rank.rank-1{background:linear-gradient(135deg,gold,orange);color:#fff}.top-rank.rank-2{background:linear-gradient(135deg,silver,#a0a0a0);color:#fff}.top-rank.rank-3{background:linear-gradient(135deg,#cd7f32,sienna);color:#fff}.top-info{flex:1}.top-name{font-size:15px;font-weight:500;color:var(--text-primary)}.top-meta{font-size:13px;color:var(--text-secondary);margin-top:2px}.top-cost{font-size:15px;font-weight:600;color:var(--primary)}.places-list,.people-list{display:flex;flex-direction:column;gap:10px}.place-item,.person-item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-secondary);border-radius:12px}.place-icon,.person-avatar{font-size:24px}.place-info,.person-info{flex:1}.place-name,.person-name{font-size:15px;font-weight:500;color:var(--text-primary)}.place-meta,.person-meta{font-size:13px;color:var(--text-secondary);margin-top:2px}.no-data{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:15px}.session-page{background:var(--bg-primary);min-height:100vh;transition:background .3s ease}.page-header{padding:16px 20px;background:var(--bg-primary);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;transition:background .3s ease,border-color .3s ease}.back-button{background:none;border:none;color:var(--primary);font-size:16px;font-weight:500;cursor:pointer;padding:8px 0;transition:opacity .2s}.page-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;flex:1;text-align:center;transition:color .3s ease}.delete-button{background:none;border:none;color:var(--primary);font-size:16px;font-weight:500;cursor:pointer;padding:8px 0;transition:opacity .2s}.delete-button:active{opacity:.6}.session-content{padding:20px}.session-date{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:24px;text-align:center;transition:color .3s ease}.session-section{margin-bottom:32px}.section-title{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.section-content{background:var(--bg-secondary);border-radius:12px;padding:16px;transition:background .3s ease}.location-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px;transition:color .3s ease}.location-address{font-size:14px;color:var(--text-secondary);transition:color .3s ease}.drinks-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.drink-item{background:var(--bg-secondary);border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;transition:background .3s ease}.drink-info{display:flex;flex-direction:column;gap:4px;flex:1}.drink-name{font-size:16px;font-weight:600;color:var(--text-primary);transition:color .3s ease}.drink-type{font-size:14px;color:var(--text-secondary);text-transform:capitalize;transition:color .3s ease}.drink-stats{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:14px;color:var(--text-primary);font-weight:500;transition:color .3s ease}.session-totals{display:flex;justify-content:space-between;padding:16px;background:var(--primary);color:var(--primary-text);border-radius:12px;font-weight:600;font-size:16px;transition:background .3s ease}.people-list{display:flex;flex-wrap:wrap;gap:8px}.person-item{background:var(--bg-secondary);padding:10px 16px;border-radius:20px;font-size:14px;color:var(--text-primary);font-weight:500;transition:background .3s ease,color .3s ease}.note-text{font-size:16px;color:var(--text-primary);line-height:1.5;margin:0;transition:color .3s ease}.photos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.photos-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.loading,.empty-state{padding:60px 20px;text-align:center;font-size:16px;color:var(--text-secondary);transition:color .3s ease}.time-picker{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.time-picker-column{flex:1;display:flex;flex-direction:column;align-items:center;max-width:80px}.time-picker-label{font-size:12px;color:#8e8e93;margin-bottom:8px;font-weight:500}.time-picker-scroll{height:200px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none}.time-picker-scroll::-webkit-scrollbar{display:none}.time-picker-item{height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:400;color:#000;cursor:pointer;scroll-snap-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.time-picker-item:hover{background:#f2f2f7}.time-picker-item.selected{font-size:24px;font-weight:600;color:#007aff;background:#f2f2f7}.time-picker-separator{font-size:24px;font-weight:600;color:#000;margin-top:20px}.drink-selector{position:relative;width:100%}.drink-selector-input{width:100%;padding:14px 40px 14px 16px;border:1px solid var(--border);border-radius:12px;font-size:16px;background:var(--bg-primary);color:var(--text-primary);box-sizing:border-box}.drink-selector-input:focus{outline:none;border-color:var(--primary)}.drink-selector-input::placeholder{color:var(--text-secondary)}.drink-selector-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--text-secondary);pointer-events:none}.drink-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:1000;max-height:280px;overflow:hidden;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.drink-list{max-height:280px;overflow-y:auto;-webkit-overflow-scrolling:touch}.drink-option{padding:14px 16px;font-size:16px;color:var(--text-primary);cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s ease}.drink-option:last-child{border-bottom:none}.drink-option:active{background:var(--bg-secondary)}.drink-option.selected{background:var(--bg-secondary);color:var(--primary);font-weight:500}.drink-option.create-new{color:var(--primary);font-weight:500}.location-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:10000;display:flex;align-items:flex-end}.location-picker{background:var(--bg-primary);border-radius:20px 20px 0 0;width:100%;height:85vh;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.location-picker-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.location-picker-header h3{font-size:18px;font-weight:600;margin:0;color:var(--text-primary)}.close-btn{background:var(--bg-secondary);border:none;width:32px;height:32px;border-radius:50%;font-size:20px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.location-tabs{display:flex;padding:12px;gap:8px;border-bottom:1px solid var(--border);flex-shrink:0}.location-tabs button{flex:1;padding:10px;border:none;border-radius:10px;font-size:15px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer}.location-tabs button.active{background:var(--primary);color:#fff}.search-box{padding:12px;flex-shrink:0}.search-box input{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:12px;font-size:16px;background:var(--bg-secondary);color:var(--text-primary);box-sizing:border-box}.search-box input::placeholder{color:var(--text-secondary)}.search-box input:focus{outline:none;border-color:var(--primary)}.results-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.status-msg{padding:40px 20px;text-align:center;color:var(--text-secondary);font-size:15px}.result-item{padding:14px 20px;border-bottom:1px solid var(--border);cursor:pointer}.result-item:active{background:var(--bg-secondary)}.result-name{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.result-address{font-size:13px;color:var(--text-secondary);line-height:1.3}.map-section{flex:1;display:flex;flex-direction:column;min-height:0}.map-container{flex:1;min-height:300px;z-index:1}.map-hint{padding:12px;text-align:center;color:var(--text-secondary);background:var(--bg-secondary);font-size:14px;flex-shrink:0}.selected-place{padding:16px;background:var(--bg-secondary);border-top:1px solid var(--border);flex-shrink:0}.place-info{margin-bottom:12px}.place-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.place-address{font-size:13px;color:var(--text-secondary);line-height:1.3}.confirm-btn{width:100%;padding:14px;background:#34c759;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer}.confirm-btn:active{background:#2da44e}.add-session-page{min-height:100vh;background:var(--bg-primary);padding-bottom:100px}.page-header{padding:16px 20px;background:var(--bg-primary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.back-button{background:none;border:none;color:var(--primary);font-size:16px;font-weight:500;cursor:pointer;padding:0;margin-bottom:8px}.page-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.form-section{padding:20px;border-bottom:1px solid var(--border)}.date-display{margin-bottom:20px}.date-label,.time-label,.form-label{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px;display:block}.date-value{font-size:18px;font-weight:600;color:var(--text-primary)}.time-section{min-height:50px}.time-header{display:flex;justify-content:space-between;align-items:center}.time-toggle-button{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:10px 16px;font-size:16px;font-weight:500;color:var(--text-primary);cursor:pointer}.time-picker-container{margin-top:16px;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.section-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.drinks-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.drink-item{background:var(--bg-secondary);border-radius:12px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.drink-info{display:flex;flex-direction:column;gap:2px}.drink-name{font-size:16px;font-weight:500;color:var(--text-primary)}.drink-details,.drink-price{font-size:14px;color:var(--text-secondary)}.remove-drink-button{background:none;border:none;color:var(--primary);font-size:24px;cursor:pointer;padding:4px 8px}.drink-form{display:flex;flex-direction:column;gap:12px}.drink-type-select,.drink-input{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:12px;font-size:16px;background:var(--bg-primary);color:var(--text-primary);box-sizing:border-box}.drink-type-select:focus,.drink-input:focus{outline:none;border-color:var(--primary)}.drink-inputs-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.add-drink-button{padding:14px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer}.add-drink-button:active{opacity:.8}.location-section{min-height:60px}.location-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.remove-location-button{background:none;border:none;color:var(--primary);font-size:20px;cursor:pointer}.location-display{background:var(--bg-secondary);border-radius:12px;padding:14px 16px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.location-name{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.location-address{font-size:14px;color:var(--text-secondary);line-height:1.4}.add-location-button{width:100%;padding:14px;background:var(--bg-secondary);border:1px dashed var(--border);border-radius:12px;font-size:16px;color:var(--text-primary);cursor:pointer}.add-location-button:active{background:var(--border)}.note-textarea{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:12px;font-size:16px;background:var(--bg-primary);color:var(--text-primary);resize:none;box-sizing:border-box;min-height:100px}.note-textarea:focus{outline:none;border-color:var(--primary)}.note-textarea::placeholder{color:var(--text-secondary)}.save-section{position:fixed;bottom:80px;left:16px;right:16px;z-index:100}.save-button{width:100%;padding:16px;background:var(--primary);color:#fff;border:none;border-radius:14px;font-size:17px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #ff3b304d}.save-button:disabled{opacity:.5;cursor:not-allowed}.save-button:active:not(:disabled){transform:scale(.98)}.day-page{min-height:100vh;background:var(--bg-primary);padding-bottom:100px}.day-header{padding:16px 20px;background:var(--bg-primary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.back-btn{background:none;border:none;color:var(--primary);font-size:17px;font-weight:500;padding:0;margin-bottom:8px;cursor:pointer}.day-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0}.loading-state{padding:60px 20px;text-align:center;color:var(--text-secondary)}.day-summary{display:flex;gap:12px;padding:16px}.summary-card{flex:1;background:var(--bg-secondary);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:4px}.summary-icon{font-size:24px}.summary-value{font-size:20px;font-weight:700;color:var(--text-primary)}.summary-label{font-size:13px;color:var(--text-secondary)}.sessions-section{padding:0 16px}.empty-message{text-align:center;padding:40px 20px;color:var(--text-secondary)}.sessions-list{display:flex;flex-direction:column;gap:12px}.session-card{background:var(--bg-secondary);border-radius:12px;padding:16px;cursor:pointer;transition:transform .15s}.session-card:active{transform:scale(.98)}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.session-time{font-size:15px;font-weight:600;color:var(--text-primary)}.session-volume{font-size:15px;font-weight:600;color:var(--primary)}.session-drinks{display:flex;flex-direction:column;gap:8px}.drink-item{display:flex;justify-content:space-between;font-size:14px}.drink-name{color:var(--text-primary)}.drink-volume{color:var(--text-secondary)}.session-location,.session-people,.session-note{margin-top:10px;font-size:13px;color:var(--text-secondary)}.add-section{position:fixed;bottom:80px;left:16px;right:16px;z-index:100}.add-btn{width:100%;padding:16px;background:var(--primary);color:#fff;border:none;border-radius:14px;font-size:17px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #ff3b304d}.add-btn:active{transform:scale(.98)}.settings-page{min-height:100vh;transition:background .3s ease,color .3s ease}.page-header{padding:16px 20px;border-bottom:1px solid;display:flex;justify-content:space-between;align-items:center;transition:border-color .3s ease}.back-button{background:none;border:none;font-size:16px;font-weight:500;cursor:pointer;padding:8px 0;transition:opacity .2s}.back-button:active{opacity:.6}.page-title{font-size:28px;font-weight:700;margin:0;flex:1;text-align:center}.settings-content{padding:20px}.settings-section{margin-bottom:32px}.section-title{font-size:13px;font-weight:500;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.settings-item{border:1px solid;border-radius:12px;padding:16px;margin-bottom:16px;transition:background .3s ease,border-color .3s ease}.settings-item-content{display:flex;flex-direction:column;gap:4px}.settings-item-label{font-size:16px;font-weight:600}.settings-item-description{font-size:14px;opacity:.7}.theme-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.theme-option{border:2px solid;border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;font-size:16px;font-weight:600}.theme-option:active{transform:scale(.98)}.theme-preview{width:60px;height:60px;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid rgba(0,0,0,.1)}.theme-preview.dark{background:#000;border-color:#fff3}.theme-preview.light{background:#fff;border-color:#0000001a}.preview-circle{width:100%;height:8px;border-radius:4px}.layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.header{display:none}.main-content{flex:1;overflow-y:auto;padding-bottom:80px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;padding:12px 0;background:var(--bg-primary);border-top:1px solid var(--border);z-index:1000}.bottom-nav button{background:none;border:none;font-size:24px;cursor:pointer;padding:8px 24px;opacity:.4;transition:opacity .2s;color:var(--text-primary)}.bottom-nav button.active{opacity:1;color:var(--primary)}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #FFFFFF;--bg-secondary: #F2F2F7;--text-primary: #1C1C1E;--text-secondary: #8E8E93;--border: #E5E5EA;--primary: #FF3B30;--primary-text: #FFFFFF}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #1C1C1E;--text-primary: #FFFFFF;--text-secondary: #98989D;--border: #38383A;--primary: #FF453A;--primary-text: #FFFFFF}html,body{background:var(--bg-primary);color:var(--text-primary)}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .2s ease,color .2s ease}#root{min-height:100vh;background:var(--bg-primary)}input,button,select,textarea{font-family:inherit;color:inherit}input::placeholder{color:var(--text-secondary)}