:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--bg-fourth: #3a3a3a;--bg-grey: #a8a8a8;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-muted: #666666;--color-main-green: #28a745;--color-main-blue: #007bff;--accent: var(--color-main-green);--accent-red: #f73f31;--accent-orange: #f7c631;--accent-green: #51cf66;--accent-blue: var(--color-main-blue);--success: #10b981;--danger: #ef4444;--border: #333333;--border-secundary: #4d4d4d;--shadow-lg: 0 10px 25px rgba(0,0,0,.5);--border-radius: 5px;--content-border-radius: 10px;--transition: all .3s ease;--btn-bg-primary: var(--color-main-green);--btn-bg-blue: var(--color-main-blue);--btn-bg-secondary: var(--color-main-green)}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border) var(--bg-secondary)}input,textarea{-webkit-user-select:text;user-select:text}button,[role=button],select{cursor:pointer}body{font-family:Arial,Helvetica,sans-serif;line-height:1.6;font-size:.9rem;color:var(--text-primary);background:var(--bg-primary);min-width:380px;overflow:hidden;height:100vh}.app-offline{position:fixed;top:0;left:0;right:0;z-index:9999;background:var(--accent-orange);color:#000;text-align:center;padding:.3rem 1rem;font-size:.8rem;font-weight:600}.hidden{display:none!important}.custom-tooltip{position:fixed;background-color:#7774;color:#fff;padding:.2rem .4rem;border:2px solid #444A;border-radius:var(--border-radius);pointer-events:none;opacity:0;transform:translate(-50%,-100%);transition:opacity .2s;z-index:9999;white-space:nowrap;font-size:.8rem}.custom-tooltip.visible{opacity:1}.loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-secondary)}.loading>img{max-height:80px}.selected{background-color:var(--bg-fourth)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.35rem;background:var(--accent);color:#fff;border:none;border-radius:var(--border-radius);font-size:.95rem;cursor:pointer;transition:background .15s}@media(hover:hover){.btn:hover{background:#218838}}.btn-sm{padding:.4rem .85rem;font-size:.82rem}.btn-danger{background:var(--accent-red)!important}.btn-warning{background:#ff9800!important}.btn-blue{background:var(--color-main-blue)!important}.btn-secondary,.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}@media(hover:hover){.btn-danger:hover{background:#c30!important}.btn-warning:hover{background:#e68900!important}.btn-blue:hover{background:#0052a3!important}.btn-ghost:hover,.btn-secondary:hover{color:var(--text-primary);border-color:var(--border-secundary)}}.icon-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.3rem;display:inline-flex;align-items:center;transition:color .15s}@media(hover:hover){.icon-btn:hover{color:var(--text-primary)}}.round-button{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;background:#333;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;color:#4a9eff}.round-button svg{width:20px;height:20px;fill:#4a9eff}@media(hover:hover){.round-button:hover{background:#444;transform:scale(1.1)}.round-button:hover svg{fill:var(--accent)}.round-button.accent-green:hover{color:var(--accent-green)}.round-button.accent-green:hover svg{fill:var(--accent-green)}.round-button.accent-orange:hover{color:var(--accent-orange)}.round-button.accent-orange:hover svg{fill:var(--accent-orange)}.round-button.accent-red:hover{color:var(--accent-red)}.round-button.accent-red:hover svg{fill:var(--accent-red)}}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.form-group label{font-size:.85rem;color:var(--text-secondary);font-weight:600}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=date],textarea,select{width:100%;padding:.55rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius);color:var(--text-primary);font-size:.9rem;transition:border-color .15s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}.required{color:var(--accent-red);margin-left:.2rem}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:1.5rem;margin-bottom:1.5rem}.section-title{font-size:1.25rem;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.data-table{width:100%;border-collapse:collapse;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;overflow:hidden;font-size:.85rem}.data-table thead{background:var(--bg-tertiary);border-bottom:2px solid var(--border)}.data-table th{padding:.5rem .75rem;text-align:left;font-weight:600;font-size:.8rem}.data-table td{padding:.4rem .75rem;border-bottom:1px solid var(--border)}@media(hover:hover){.data-table tbody tr:hover{background:var(--bg-tertiary)}}.login-page{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-primary)}.login-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:2.5rem 2rem;width:100%;max-width:380px}.login-logo{font-size:1.8rem;font-weight:700;background:var(--accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.15rem;text-align:center;margin-bottom:1.75rem}.login-error-message{background:#f73f311f;border:1px solid var(--accent-red);border-radius:4px;color:#ff6b6b;padding:.6rem .75rem;font-size:.875rem;margin-bottom:1rem}.login-link-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:.875rem;text-decoration:underline;transition:color .15s}@media(hover:hover){.login-link-btn:hover{color:var(--text-primary)}}.button-container{display:flex;justify-content:flex-end}.button-container .btn{width:100%;justify-content:center}.nutrition-badge{display:inline-flex;align-items:baseline;gap:.2rem;font-size:.8rem;color:var(--text-secondary)}.nutrition-badge .value{font-weight:700;color:var(--accent-green)}@keyframes fadein{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes star-click{0%{transform:scale(1)}50%{transform:scale(1.45)}to{transform:scale(1)}}.alert{position:fixed;top:12px;left:50%;transform:translate(-50%);background:#6b1e2f;color:#fff;padding:.7rem 1.1rem;border-radius:6px;box-shadow:0 6px 20px #0006;display:flex;align-items:center;gap:.65rem;z-index:9999;animation:fadein .25s ease;white-space:nowrap;max-width:calc(100vw - 2rem);white-space:normal;font-size:.9rem}.alert button{background:#fff3;border:none;color:#fff;font-weight:700;cursor:pointer;border-radius:4px;padding:0 6px;flex-shrink:0;transition:background .15s}@media(hover:hover){.alert button:hover{background:#ffffff59}}.alert-success{background:#1a4a2a!important}.alert-info{background:#1a3a5c!important}.alert-warning{background:#7a4a00!important}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 2rem;color:var(--text-secondary);text-align:center}.empty-state svg{opacity:.3}.app-layout{display:flex;width:100vw;height:100vh;overflow:hidden}.app-sidebar{width:220px;flex-shrink:0;background:var(--bg-primary);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-brand{padding:1.25rem 1.25rem 1rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;border-bottom:1px solid var(--border);flex-shrink:0;text-transform:uppercase;background:var(--accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sidebar-brand span{font-size:.65em;font-weight:400;opacity:.55;margin-left:.3em;-webkit-text-fill-color:var(--text-muted)}.sidebar-nav{flex:1;overflow-y:auto;padding:.75rem 0;display:flex;flex-direction:column}.nav-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.65rem 1.25rem;background:transparent;border:none;border-left:3px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:.8rem;text-align:left;text-decoration:none;transition:color .15s,background .15s,border-color .15s;text-transform:uppercase;font-weight:600}@media(hover:hover){.nav-item:hover{color:var(--accent);background:#ffffff0a}}.nav-item.active,.nav-item.router-link-active{color:var(--accent);border-left-color:var(--accent);background:#28a7451f}.nav-item svg{flex-shrink:0;opacity:.75}.nav-item.active svg,.nav-item.router-link-active svg{opacity:1}.sidebar-admin-section{border-top:1px solid var(--border);padding:.5rem 0}.sidebar-section-label{padding:.4rem 1.25rem .2rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.sidebar-footer{padding:.85rem 1.25rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-shrink:0}.sidebar-footer .nav-item{flex:1;min-width:0;padding:.4rem 0;border-left:none;font-size:.85rem;text-transform:none}.sidebar-footer .nav-item.active,.sidebar-footer .nav-item.router-link-active{border-left:none;color:var(--accent);text-transform:none;background:none}@media(hover:hover){.sidebar-footer .nav-item:hover{color:var(--accent);background:none}}.sidebar-footer .nav-item svg{color:var(--accent);opacity:1}.sidebar-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.3rem .4rem;display:flex;align-items:center;transition:color .15s,border-color .15s;flex-shrink:0}@media(hover:hover){.sidebar-logout-btn:hover{color:var(--accent)}}.app-content{flex:1;display:flex;overflow:hidden;min-width:0;position:relative}.view-layout{display:flex;width:100%;height:100%;overflow:hidden;position:relative}.list-panel{flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg-secondary);position:relative}.list-panel-header{padding:.85rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.5rem;flex-shrink:0;background:var(--bg-tertiary)}.list-panel-header h2{font-size:.95rem;font-weight:600;color:var(--text-primary);flex:1}.list-search{flex:1;padding:.4rem .65rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius);color:var(--text-primary);font-size:.85rem}.list-search:focus{outline:none;border-color:var(--accent)}.list-search::placeholder{color:var(--text-muted)}.list-add-btn{background:var(--accent);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;padding:.4rem .65rem;font-size:1rem;line-height:1;display:flex;align-items:center;transition:background .15s;flex-shrink:0}@media(hover:hover){.list-add-btn:hover{background:#218838}}.list-items{flex:1;overflow-y:auto;padding:.5rem 0}.list-item{padding:.7rem 1rem;cursor:pointer;border-left:3px solid transparent;transition:background .12s,border-color .12s;display:flex;flex-direction:column;gap:.2rem;position:relative;text-decoration:none;font-weight:600;text-transform:uppercase;color:var(--text-secondary)}@media(hover:hover){.list-item:hover{background:#ffffff0a}}.list-item.active{background:#28a7451a;border-left-color:var(--accent);color:var(--accent)}.list-item-title{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-subtitle{font-size:.76rem;color:var(--text-secondary)}.content-panel-header{position:sticky;top:0;z-index:1;padding:.85rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.5rem;flex-shrink:0;background:var(--bg-tertiary)}.content-panel-header h2{font-size:.95rem;font-weight:600;color:var(--text-primary);flex:1}.mgmt-header-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.content-panel{flex:1;overflow-y:auto;min-width:0;display:flex;flex-direction:column;background:var(--bg-secondary)}.content-panel-inner{padding:2rem 2.5rem;flex:1}.content-panel.tab-logs{overflow:hidden}.content-panel.tab-logs .content-panel-inner{display:flex;flex-direction:column;overflow:hidden;padding:.75rem 1rem;min-height:0}.view-full{flex:1;overflow-y:auto;padding:2rem 2.5rem;min-width:0}.panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;height:100%;padding:2rem;color:var(--text-secondary);text-align:center}.panel-empty svg{opacity:.25}.panel-empty p{font-size:.9rem}.view-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;z-index:100;pointer-events:none;transition:background .3s}.view-drawer-backdrop.open{background:#0000008c;pointer-events:auto}.view-drawer{position:absolute;right:0;top:0;bottom:0;width:520px;max-width:100%;background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease;box-shadow:-4px 0 24px #0006;z-index:101;pointer-events:none}.view-drawer.wide{width:100%}.view-drawer.open{transform:translate(0);pointer-events:auto}.view-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg-tertiary)}.view-drawer-header h2{margin:0;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.view-drawer-header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.view-drawer-body{flex:1;overflow-y:auto;padding:1.5rem}.view-drawer-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem;flex-shrink:0}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmScaleIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:confirmFadeIn .2s ease}.confirm-dialog{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.5rem;width:100%;max-width:360px;box-shadow:var(--shadow-lg);animation:confirmScaleIn .2s ease}.confirm-dialog p{color:var(--text-primary);margin-bottom:1.25rem;line-height:1.5}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:.65rem}.confirm-dialog .btn-ghost{border-color:var(--border-secundary);color:var(--text-primary)}.mobile-header,.mobile-tab-bar{display:none}@media(max-width:768px){:root{--mobile-header-height: 38px;--mobile-tab-bar-height: 40px}body{min-width:unset;overscroll-behavior:none}.mobile-header{display:flex;position:fixed;top:0;left:0;right:0;height:calc(var(--mobile-header-height) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-left:calc(.75rem + env(safe-area-inset-left));padding-right:calc(.75rem + env(safe-area-inset-right));align-items:center;gap:.5rem;background:var(--bg-primary);border-bottom:3px solid var(--accent);z-index:25}.mobile-logo{font-size:1.4rem;font-weight:700;background:#28a745;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.15rem;flex:1;display:flex;align-items:center;height:var(--mobile-header-height)}.mobile-header-right{margin-left:auto}.mobile-header-title{color:var(--text-secondary);font-size:.85rem}.mobile-back-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.3rem;display:flex;align-items:center;touch-action:manipulation;flex-shrink:0}.mobile-back-btn svg{width:1.6rem;height:1.6rem}.app-layout{position:fixed;top:calc(var(--mobile-header-height) + env(safe-area-inset-top));bottom:calc(var(--mobile-tab-bar-height) + env(safe-area-inset-bottom));left:0;right:0;width:auto;height:auto;overflow:hidden}.app-sidebar{display:none}.app-content{width:100%;height:100%;overflow:hidden;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.view-layout{flex-direction:column}.list-panel{width:100%;height:100%;border-right:none;border-bottom:none}.content-panel{position:absolute;top:0;left:0;width:100%;height:100%;transform:translate(100%);transition:transform .3s ease;z-index:15;background:var(--bg-primary);overflow-y:auto;pointer-events:none}.content-panel.mobile-open{transform:translate(0);pointer-events:auto}.view-full{padding:1rem}.view-drawer{width:100%}.mobile-tab-bar{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(var(--mobile-tab-bar-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg-secondary);border-top:1px solid var(--accent);align-items:stretch;z-index:20}.tab-btn{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);font-size:.58rem;font-family:inherit;gap:3px;padding:0 2px;transition:color .15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-decoration:none}.tab-btn svg{width:1.5rem;height:1.5rem;fill:currentColor;flex-shrink:0}.tab-btn span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.tab-btn.active,.tab-btn.router-link-active{color:var(--accent)}.tab-btn:active{opacity:.7}.meer-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.meer-drawer:not(.open){display:none}.meer-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6}.meer-drawer-content{position:absolute;bottom:0;left:0;right:0;background:var(--bg-secondary);border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom);animation:meerSlideUp .28s ease}@keyframes meerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.meer-drawer-handle{width:40px;height:4px;background:var(--border-secundary);border-radius:2px;margin:.75rem auto .25rem}.meer-drawer-items{display:flex;flex-direction:column;padding:.5rem .75rem .75rem;gap:.1rem}.meer-drawer-item{display:flex;align-items:center;gap:1rem;padding:.9rem 1rem;border:none;background:none;color:var(--text-primary);font-size:1rem;font-family:inherit;border-radius:var(--content-border-radius);text-align:left;width:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .15s}.meer-drawer-item:active{background:var(--bg-tertiary)}.meer-drawer-item svg{width:1.4rem;height:1.4rem;fill:var(--accent);flex-shrink:0}.meer-drawer-divider{height:1px;background:var(--border);margin:.25rem .5rem}.meer-user-section{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem .25rem}.meer-username{color:var(--text-secondary);font-size:.9rem}.meer-logout-btn{display:flex;align-items:center;gap:.4rem;background:none;border:1px solid var(--border-secundary);border-radius:var(--border-radius);color:var(--text-secondary);font-size:.85rem;font-family:inherit;padding:.4rem .75rem;cursor:pointer}.meer-logout-btn svg{width:1rem;height:1rem;fill:currentColor}.list-items{padding:.5rem}.list-item{margin-bottom:.35rem;background:var(--bg-tertiary);border:1px solid var(--border);border-left:1px solid var(--border);border-radius:var(--content-border-radius);padding:.85rem 1rem}.list-item.active{border-color:var(--accent);border-left-color:var(--accent);border-left-width:3px}}.main-panel{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border);overflow:hidden;display:flex;flex-grow:3;min-height:0;height:100%}.main-panel-title{font-size:1.2rem;font-weight:600;letter-spacing:.1rem}.main-header-container{flex-direction:row;display:flex;justify-content:space-between;width:100%}.main-header-container .buttons,.main-header-container .title{align-content:center}.recipe-view-container{display:flex;flex-direction:column;height:100%;min-height:0}.main-panel-header{padding:.5rem 1rem .5rem 2rem;border-bottom:1px solid var(--border);background:var(--bg-tertiary);display:flex;justify-content:space-between;align-items:start;flex-direction:column;flex-shrink:0}.recipe-details-content{padding:2rem;overflow-y:auto;flex:1;min-height:0}.recipe-details-content::-webkit-scrollbar{width:8px}.recipe-details-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.recipe-details-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.recipe-details-content::-webkit-scrollbar-thumb:hover{background:var(--accent)}.main-panel-content{flex:1;overflow-y:auto;height:100%}.main-panel-content::-webkit-scrollbar{width:8px}.main-panel-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.main-panel-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.main-panel-content::-webkit-scrollbar-thumb:hover{background:var(--accent)}.sidebar{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column;flex:0 0 max(15rem,25%);margin-right:2rem;min-height:0;height:100%}@media(max-width:768px){.sidebar{flex:auto}#recipes-view .sidebar{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9;border-radius:0;border:none;padding-top:env(safe-area-inset-top)}.recipe-details-content,.main-panel-content{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}.sidebar-header{display:flex;padding:.5rem 1rem;flex-wrap:wrap;border-bottom:1px solid var(--border);background:var(--bg-tertiary);justify-content:space-between;align-items:center}.sidebar-header div{display:flex;gap:.5rem}.sidebar-content{display:flex;flex-direction:column;flex:1;min-height:0;position:relative}.sidebar-content .scroll-to-top-btn{position:absolute;bottom:1rem;right:1rem;width:32px;height:32px}.sidebar-content .scroll-to-top-btn svg{width:16px;height:16px}.sidebar-title{font-size:1.2rem;font-weight:600;letter-spacing:.1rem}.recipes-header-actions{display:flex;gap:.25rem;align-items:center}.recipe-list{overflow-y:auto;min-height:0;flex-grow:1}.recipe-list::-webkit-scrollbar{width:8px}.recipe-list::-webkit-scrollbar-track{background:var(--bg-secondary)}.recipe-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.recipe-list::-webkit-scrollbar-thumb:hover{background:var(--accent)}.recipe-list-content{flex:1;min-width:0}#recipes-view{height:100%}.recipe-list-item{display:flex;padding:.5rem;border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition);gap:1rem}.recipe-list-item.active{background:var(--bg-tertiary)}@media(hover:hover){.recipe-list-item:hover{background:var(--bg-tertiary)}}.recipe-list-title{font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-rating{display:flex;align-items:center;gap:.3rem;margin-bottom:.25rem;justify-content:space-between}.recipe-rating .favorite-icon{width:1rem;height:1rem;fill:#f74f4f}.recipe-rating .under-construction-icon{width:1rem;height:1rem;color:var(--accent)}.recipe-rating .shared-icon{width:1rem;height:1rem;color:#3b82f6;stroke:#3b82f6}.recipe-list-icons{display:flex;justify-content:flex-end;gap:.4rem;align-items:center}.recipe-list-icons>div{display:flex;align-items:center}.recipe-list-categories{display:flex;gap:.3rem;margin-bottom:.1rem;flex-wrap:wrap}.recipe-list-categories .category-tag{font-size:.7rem;color:gray;background:var(--bg-primary);padding:2px 6px;border-radius:5px}.recipe-list-meta{font-size:.75rem;color:var(--text-muted);display:flex;gap:.8rem}.recipe-list-thumbnail{display:flex;align-items:center;justify-content:center}.recipe-thumbnail{width:60px;height:60px;border-radius:8px;object-fit:cover;flex-shrink:0}.recipe-list-filterbox{display:flex;padding:.25rem;flex-direction:column;border-bottom:1px solid var(--border);flex-shrink:0;position:relative}.filter-field{display:flex;gap:1rem;align-items:center;font-size:.75rem}.filter-field span{color:var(--text-secondary)}.filter-field .icon{width:20px;height:20px;margin:0 auto;opacity:.9;fill:#fff}.recipe-count{padding:.5rem;color:var(--text-secondary);font-size:.75rem;text-align:right;margin-left:auto;white-space:nowrap}.recipe-list .hidden{display:none!important}.recipe-list-filterbox input,.filter-field input{width:100%;padding:.5rem;background:var(--bg-tertiary);color:#fff;border-radius:var(--border-radius);border:1px solid var(--border)}.recipe-list-filterbox input:focus,.filter-field input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.recipe-list-filterbox select{width:100%;padding:.25rem;background:var(--bg-tertiary);color:#fff;border-radius:var(--border-radius);border:1px solid var(--border);font-size:.75rem}.recipe-sort-container{position:relative;margin-left:auto}.filter-toggle-button{background:transparent;border:none;cursor:pointer;padding:.25rem;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition);margin-left:.5rem;vertical-align:middle}@media(hover:hover){.filter-toggle-button:hover{opacity:.7}}.filter-toggle-button .chevron-icon{color:var(--accent);transition:transform .2s ease}.filter-toggle-button .chevron-icon.open{transform:rotate(180deg)}.recipe-sort-button{display:flex;align-items:center;gap:.375rem;padding:.5rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--border-radius);font-size:.75rem;cursor:pointer;transition:var(--transition)}@media(hover:hover){.recipe-sort-button:hover{border-color:var(--accent);background:var(--bg-fourth)}}.recipe-sort-button .sort-icon{width:14px;height:14px;flex-shrink:0;color:#fff;fill:#fff}.recipe-sort-button .chevron-icon{flex-shrink:0;transition:transform .2s ease;color:var(--accent)}.recipe-sort-button .chevron-icon.open{transform:rotate(180deg)}.recipe-gallery-grid{display:flex;gap:1rem;flex-wrap:wrap}.recipe-details-gallery-thumbnail{width:128px;height:128px;object-fit:cover;border-radius:6px;cursor:pointer;opacity:.8;transition:var(--transition);flex-shrink:0;border:2px solid transparent}@media(hover:hover){.recipe-details-gallery-thumbnail:hover{opacity:1;border-color:var(--accent);transform:scale(1.1)}}.recipe-details-stats-container{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem;margin-right:auto;align-items:flex-start;justify-content:space-between;width:100%}.recipe-meta-container{display:flex;gap:1rem}.recipe-meta-item{text-align:center;padding:.5rem;background:var(--bg-tertiary);border-radius:var(--border-radius)}.metadata-label{font-size:.625rem;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}.metadata-icon{width:20px;height:20px;margin:0 auto;opacity:.9}.metadata-value{font-size:.875rem;font-weight:700;color:#fff;line-height:1.2}.recipe-section-title{font-size:1.2rem;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:.5rem;letter-spacing:2px}.recipe-section-instruction{padding:1rem;background:var(--bg-tertiary);border-radius:var(--content-border-radius);font-size:.8rem;color:var(--text-primary)}.recipe-notes-content{padding:1rem;background:var(--bg-tertiary);border-radius:var(--content-border-radius);font-size:.8rem}.recipe-section-instruction ul,.recipe-section-instruction ol{padding-left:1.5rem;list-style-position:outside}.recipe-section-instruction li{padding-left:.5rem;margin-bottom:.5rem}.recipe-section-instruction li[data-list=ordered]{list-style-type:decimal}.recipe-section-instruction li[data-list=bullet]{list-style-type:disc}.recipe-two-column-layout{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.recipe-column-left{display:flex;flex-direction:column}.ingredients-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ingredients-header .recipe-section-title{margin-bottom:0}.ingredients-sort-container{position:relative}.ingredients-sort-button{display:flex;align-items:center;gap:.375rem;padding:.4rem .5rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--border-radius);font-size:.75rem;cursor:pointer;transition:var(--transition)}@media(hover:hover){.ingredients-sort-button:hover{border-color:var(--accent);background:var(--bg-fourth)}}.ingredients-sort-button .sort-icon{width:14px;height:14px;flex-shrink:0;color:#fff;fill:#fff}.ingredients-sort-button .sort-label{display:none}.ingredients-sort-button .chevron-icon{flex-shrink:0;transition:transform .2s ease;color:var(--accent)}.ingredients-sort-button .chevron-icon.open{transform:rotate(180deg)}.sort-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;z-index:100;min-width:250px;overflow:hidden;transform-origin:top right}.sort-dropdown-item{padding:.6rem .75rem;font-size:.75rem;cursor:pointer;transition:var(--transition);border-bottom:1px solid var(--border);white-space:nowrap}.sort-dropdown-item:last-child{border-bottom:none}@media(hover:hover){.sort-dropdown-item:hover{background:var(--bg-fourth)}}.sort-dropdown-item.active{background:var(--accent);color:#fff;font-weight:600}.filter-section{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 0;border-top:1px solid var(--border);overflow:hidden}.filter-categories{flex-wrap:wrap;gap:.4rem}.category-filter-inactive{opacity:.4}.filter-collapse-enter-active,.filter-collapse-leave-active{transition:max-height .3s ease,opacity .3s ease,padding .3s ease}.filter-collapse-enter-from{max-height:0;opacity:0;padding-top:0;padding-bottom:0}.filter-collapse-enter-to,.filter-collapse-leave-from{max-height:200px;opacity:1;padding-top:.75rem;padding-bottom:.75rem}.filter-collapse-leave-to{max-height:0;opacity:0;padding-top:0;padding-bottom:0}.recipe-column-right{display:flex;flex-direction:column;gap:.8rem}.ingredients-grid{display:flex;flex-direction:column;gap:8px;padding-bottom:1rem}.ingredient-card{border-radius:var(--content-border-radius);padding:.5rem;box-shadow:0 2px 8px #00000014;transition:transform .2s ease,box-shadow .2s ease;background:var(--bg-tertiary);display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}@media(hover:hover){.ingredient-card:hover{transform:scale(1.025);box-shadow:0 4px 16px #0000001f}}.ingredient-card .ingredient-header{display:flex;justify-content:space-between;align-items:center}.ingredient-header-left{display:flex;align-items:center;gap:.375rem}.ingredient-expand-arrow{flex-shrink:0;transition:transform .2s ease;color:var(--accent)}.ingredient-expand-arrow.expanded{transform:rotate(180deg)}.ingredient-card .ingredient-name{font-size:.875rem;font-weight:600;line-height:1.3;margin:0}.ingredient-card .ingredient-amount{background:#3b82f6;color:#fff;padding:.25rem .5rem;border-radius:20px;font-size:.625rem;font-weight:500;white-space:nowrap}.ingredient-card .ingredient-unit{font-weight:400}.synonyms{margin-bottom:16px}.synonyms-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.synonyms-list{font-size:.875rem;font-style:italic}.nutrition-grid{display:grid;grid-template-columns:1fr;gap:3px;margin-top:0;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .3s ease,margin-top .3s ease}.nutrition-grid.expanded{max-height:500px;opacity:1;margin-top:8px}.nutrition-item{display:flex;justify-content:space-between;align-items:center;padding:2px 8px;background:var(--bg-fourth);border-radius:5px;border-left:4px solid}.nutrition-item.calories{border-left-color:#ef4444}.nutrition-item.protein{border-left-color:#10b981}.nutrition-item.carbs{border-left-color:#f59e0b}.nutrition-item.fat{border-left-color:#8b5cf6}.nutrition-item.fiber{border-left-color:#059669}.nutrition-label{font-size:.55rem;color:var(--text-primary);font-weight:500}.nutrition-value{font-size:.55rem;font-weight:600;color:var(--text-primary)}.nutrition-summary{border-radius:12px;box-shadow:0 2px 8px #00000014}.summary-title{font-size:1.25rem;font-weight:600;margin-bottom:16px}.summary-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.3rem;max-width:500px}.summary-item{text-align:center;padding:.1rem .2rem;background:var(--bg-tertiary);border-radius:var(--content-border-radius);border-top:4px solid}.summary-item.calories{border-top-color:#ef4444}.summary-item.protein{border-top-color:#10b981}.summary-item.carbs{border-top-color:#f59e0b}.summary-item.fat{border-top-color:#8b5cf6}.summary-item.fiber{border-top-color:#059669}.summary-value{font-size:.85rem;font-weight:700;margin-bottom:1px}.summary-label{font-size:.55rem;font-weight:500}.icon{width:24px;height:24px}.recipe-trash-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.recipe-trash-modal-content{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border);min-width:500px;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 12px #0006}.recipe-trash-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.recipe-trash-modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.recipe-modal-close{background:transparent;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.recipe-modal-close svg{width:20px;height:20px}@media(hover:hover){.recipe-modal-close:hover{color:var(--text-primary)}}.recipe-trash-modal-body{padding:1rem 1.5rem;overflow-y:auto;flex:1}.recipe-trash-empty{text-align:center;color:var(--text-secondary);padding:2rem 1rem}.recipe-trash-loading{display:flex;justify-content:center;align-items:center;padding:2rem 1rem;min-height:200px}.recipe-trash-loading img{width:40px;height:40px}.recipe-trash-table{width:100%;border-collapse:collapse}.recipe-trash-table th{padding:.75rem;border-bottom:2px solid var(--accent);font-weight:600;color:var(--accent);text-align:left;font-size:.85rem;text-transform:uppercase}.recipe-trash-table td{padding:.75rem;border-bottom:1px solid var(--border);vertical-align:middle}@media(hover:hover){.recipe-trash-table tbody tr:hover{background:var(--bg-tertiary)}}.recipe-btn-restore{padding:.4rem .8rem;background:var(--accent);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.85rem;font-weight:500;transition:var(--transition)}@media(hover:hover){.recipe-btn-restore:hover{background:var(--accent-orange);opacity:.9}}.recipe-btn-delete-permanent{padding:.4rem .8rem;background:var(--accent-red);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.85rem;font-weight:500;transition:var(--transition)}@media(hover:hover){.recipe-btn-delete-permanent:hover{background:#d32f2f;opacity:.9}}.recipe-trash-empty-btn{padding:.4rem .8rem;background:var(--accent-red);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.85rem;font-weight:500;transition:var(--transition)}@media(hover:hover){.recipe-trash-empty-btn:hover{background:#d32f2f;opacity:.9}}.photo-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.photo-viewer-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:60px 80px}.photo-viewer-content{position:relative;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.photo-viewer-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 8px 32px #00000080;animation:zoomIn .3s ease}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.photo-viewer-close{position:absolute;top:0;right:0;width:44px;height:44px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}@media(hover:hover){.photo-viewer-close:hover{background:#fff3;transform:scale(1.1)}}.photo-viewer-close:active{transform:scale(.95)}.photo-viewer-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}@media(hover:hover){.photo-viewer-nav:hover{background:#ffffff40;transform:translateY(-50%) scale(1.1)}}.photo-viewer-nav:active{transform:translateY(-50%) scale(.95)}.photo-viewer-prev{left:20px}.photo-viewer-next{right:20px}.photo-viewer-counter{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:500;border:1px solid rgba(255,255,255,.2);white-space:nowrap}@media(max-width:768px){.photo-viewer-container{padding:56px 56px 50px}.photo-viewer-content,.photo-viewer-image{max-width:100%;max-height:100%}.photo-viewer-nav{width:44px;height:44px}.photo-viewer-prev{left:6px}.photo-viewer-next{right:6px}.photo-viewer-close{top:6px;right:6px;width:40px;height:40px}.photo-viewer-counter{font-size:.75rem;padding:6px 12px}}.grocery-list-selector{min-width:300px}.grocery-list-options{display:flex;flex-direction:column;gap:10px;margin-top:15px}.grocery-list-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease}@media(hover:hover){.grocery-list-option:hover{background:var(--bg-secondary);border-color:var(--accent);transform:translate(4px)}}.grocery-list-option .list-icon{width:20px;height:20px;color:var(--accent);flex-shrink:0}.grocery-list-option span{font-size:.95rem;font-weight:500;color:var(--text-primary)}.recipe-scaling-selector{min-width:400px}.scaling-options{display:flex;flex-direction:column;gap:15px}.scaling-option{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius);transition:all .2s ease}.scaling-option:has(input[type=radio]:checked){background:var(--bg-secondary);border-color:var(--accent)}.scaling-option label{display:flex;align-items:center;gap:10px;cursor:pointer;flex:1;margin:0}.scaling-option input[type=radio]{cursor:pointer;width:18px;height:18px;accent-color:var(--accent)}.scaling-option input[type=number]{width:120px;padding:6px 10px;border:1px solid var(--border-secundary);border-radius:var(--border-radius);background:var(--bg-tertiary);color:var(--text-primary);font-size:.95rem}.scaling-option input[type=number]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #007bff40}.scaling-option span{color:var(--text-primary);font-size:.95rem}.primary-button{padding:12px 24px;background:var(--accent);color:#fff;border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem}@media(hover:hover){.primary-button:hover{background:var(--accent-blue);transform:translateY(-1px);box-shadow:0 4px 8px #0003}}.primary-button:active{transform:translateY(0)}@media(max-width:600px){.recipe-scaling-selector{min-width:280px}.scaling-option{flex-direction:column;align-items:flex-start}.scaling-option input[type=number]{width:100%}}@media(max-width:768px){.recipe-two-column-layout{grid-template-columns:1fr;gap:1.5rem}.recipe-details-content{padding:1rem}.main-panel-header{padding:.5rem .75rem}.summary-grid{grid-template-columns:repeat(4,1fr);max-width:100%;width:100%}.recipe-trash-modal-content{min-width:unset;width:calc(100vw - 2rem);max-height:90vh}.recipe-details-gallery-thumbnail{width:90px;height:90px}.recipe-details-stats-container{gap:.3rem;margin-bottom:1rem}}.rdi-badge-small{font-size:.7em;font-weight:600;margin-left:.3rem;padding:.15rem .35rem;border-radius:3px;display:inline-block;white-space:nowrap}.rdi-low{background:#51cf6633;color:#51cf66;border:1px solid rgba(81,207,102,.3)}.rdi-medium{background:#ff9f4033;color:#ff9f40;border:1px solid rgba(255,159,64,.3)}.rdi-high{background:#f73f3133;color:#f73f31;border:1px solid rgba(247,63,49,.3)}@media(max-width:768px){.sidebar-header{padding:.4rem .75rem}.sidebar-title{font-size:1rem}.recipe-list-filterbox{padding:.2rem .5rem}.recipe-count{padding:.2rem .5rem;font-size:.7rem}.recipe-list-item{padding:.35rem .5rem;gap:.6rem}.recipe-thumbnail{width:48px;height:48px;border-radius:6px}.recipe-list-title{font-size:.85rem}.recipe-list-categories{gap:.2rem;margin-bottom:0;max-height:1.4rem;overflow:hidden}.recipe-rating{margin-bottom:.1rem}}.recipe-meta-footer{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2rem;padding-top:.75rem;border-top:1px solid var(--border);font-size:.72rem;color:var(--text-muted, var(--text-secondary));opacity:.55;letter-spacing:.02em}.recipe-detail-header{margin:-2rem -2.5rem 1.5rem;padding:1.25rem 2.5rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.4rem}.recipe-header-bottom{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.recipe-detail-title{font-size:1.4rem;font-weight:700;color:#fff;line-height:1.2;margin:0}.recipe-categories{display:flex;flex-wrap:wrap;gap:.4rem}.button-group{display:flex;gap:8px;align-items:center;flex-shrink:0;background:#333;border-radius:40px;padding:5px}.group-button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease}.group-button svg{width:20px;height:20px;fill:#4a9eff}@media(hover:hover){.group-button:hover{background:#444;transform:scale(1.1)}.group-button:hover svg{fill:var(--accent)}}.group-button.favorite-active svg{fill:#f74f4f!important}.recipe-finalize-btn{display:inline-flex;align-items:center;padding:.3rem .75rem;border:1px solid var(--border);border-radius:20px;background:transparent;color:var(--text-secondary);font-size:.72rem;font-weight:600;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.recipe-finalize-btn.finalized{background:#28a74526;border-color:var(--accent);color:var(--accent)}@media(hover:hover){.recipe-finalize-btn:hover{border-color:var(--accent);color:var(--accent)}}.ingredient-nutrition-expanded{display:grid;grid-template-columns:1fr 1fr;gap:3px;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .3s ease,margin-top .3s ease;margin-top:0}.ingredient-nutrition-expanded.expanded{max-height:500px;opacity:1;margin-top:6px}.ing-nut-item{display:flex;justify-content:space-between;align-items:center;padding:2px 8px;background:var(--bg-fourth);border-radius:4px;border-left:3px solid}.ing-nut-item.calories{border-left-color:#ef4444}.ing-nut-item.protein{border-left-color:#10b981}.ing-nut-item.carbs{border-left-color:#f59e0b}.ing-nut-item.fat{border-left-color:#8b5cf6}.ing-nut-item.fiber{border-left-color:#059669}.ing-nut-label{font-size:.6rem;color:var(--text-secondary)}.ing-nut-value{font-size:.6rem;font-weight:600;color:var(--text-primary)}.ingredient-brand-sub{font-size:.7rem;color:var(--text-secondary);font-style:italic;line-height:1.2}.recipe-gallery{display:flex;flex-wrap:wrap;gap:.75rem}.recipe-gallery-thumb{width:120px;height:120px;object-fit:cover;border-radius:var(--content-border-radius);cursor:pointer;opacity:.85;border:2px solid transparent;transition:var(--transition)}@media(hover:hover){.recipe-gallery-thumb:hover{opacity:1;border-color:var(--accent);transform:scale(1.05)}}.recipe-description{padding:1rem;background:var(--bg-tertiary);border-radius:var(--content-border-radius);font-size:.85rem;margin-bottom:1.5rem;line-height:1.6}.recipe-footer{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2rem;padding-top:.75rem;border-top:1px solid var(--border);font-size:.72rem;color:var(--text-secondary);opacity:.55;letter-spacing:.02em}.summary-item.sat-fat{border-top-color:#7c3aed}.summary-item.sodium{border-top-color:#64748b}@media(max-width:768px){.recipe-detail-header{margin:-1rem -1rem 1rem;padding:.75rem 1rem;gap:.4rem}.recipe-detail-title{font-size:1.1rem}}.recipeForm-form{display:flex;flex-direction:column;color:var(--text-primary)}.recipeForm-form-group{display:flex;flex-direction:column;padding-bottom:1rem}.recipeForm-form-group.grouped{display:flex;flex-direction:row;justify-content:space-between;gap:2rem}@media(max-width:768px){.recipeForm-form-group.grouped{flex-direction:column}}.recipeForm-form-group.grouped .recipe-name-container{width:90%}.recipeForm-star-rating{display:flex;flex-direction:column;min-width:10rem}.recipeForm-star-rating .rating-star{cursor:pointer;width:1.5rem;height:1.5rem}.recipeForm-form #portions,.recipeForm-form #prep-time{text-align:center}.recipeForm-form label{display:block;margin-bottom:.5rem;font-weight:700;font-size:1rem;letter-spacing:.1rem}.ingredient-brand{color:var(--text-muted);font-size:.8em}.recipeForm-ingredients{width:100%}.recipeForm-ingredients td{padding-left:.4rem;padding-right:.4rem}.recipeForm-ingredients td:last-child{width:1%;white-space:nowrap}.recipeForm-kcal-totals td{padding-top:.5rem;border-top:1px solid var(--border-secundary)}.recipeForm-kcal-totals .ingredient-kcal{font-size:.9rem;line-height:1.6}.kcal-total-label{color:var(--text-secondary);font-size:.8rem}.recipeForm-form input,.recipeForm-form textarea{width:100%;min-width:3rem;padding:.5rem;border:1px solid var(--border-secundary);border-radius:var(--border-radius);box-sizing:border-box;background:var(--bg-tertiary);color:var(--text-primary)}.recipeForm-form input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.instructions-container,#editor-container{border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 6px #0000001a;border:1px solid var(--border-secundary)}.ql-toolbar{background-color:var(--bg-secondary)!important;border:none!important;border-bottom:1px solid var(--border-secundary)!important}.ql-toolbar .ql-stroke{stroke:#ecf0f1!important}.ql-toolbar .ql-fill{fill:#ecf0f1!important}.ql-toolbar button.ql-active .ql-stroke{stroke:var(--accent)!important}.ql-toolbar button.ql-active .ql-fill{fill:var(--accent)!important}@media(hover:hover){.ql-toolbar button:hover .ql-stroke,.ql-toolbar button:hover .ql-fill{stroke:var(--accent)!important}.ql-toolbar button:hover{background-color:var(--bg-tertiary)!important}}.ql-container{background-color:var(--bg-tertiary)!important;border:none!important;font-size:14px}.ql-editor{padding:20px!important;line-height:1.6}.ql-container.ql-snow{border:none!important}.ql-editor.ql-blank:before{color:#95a5a6;font-style:italic}.recipeForm-dropdown-container{position:relative;width:20rem}.recipeForm-dropdown-container button{width:100%;padding:10px;border:1px solid var(--border-secundary);border-radius:4px;background:var(--bg-tertiary);text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--text-primary)}@media(hover:hover){.recipeForm-dropdown-container button:hover{border-color:#007bff}}.recipeForm-dropdown-menu{position:absolute;top:100%;width:100%;background:var(--bg-tertiary);border:1px solid var(--border-secundary);border-top:none;border-radius:var(--border-radius);max-height:20rem;overflow-y:auto;z-index:1000;color:var(--text-primary)}.recipeForm-dropdown-menu.show{display:block}.recipeForm-dropdown-search{position:sticky;top:0;width:100%;box-sizing:border-box;padding:6px 10px;border:none;border-bottom:1px solid var(--border-secundary);background:var(--bg-tertiary);color:var(--text-primary);font-size:.9rem;outline:none;z-index:1}.recipeForm-dropdown-menu .dropdown-item{display:flex;align-items:center;padding:8px 12px;margin:0;cursor:pointer;font-weight:600;border-bottom:1px solid var(--border-secundary)}@media(hover:hover){.dropdown-item:hover{background:var(--accent)}}.dropdown-item:active{background:var(--accent-blue)}.recipeForm-dropdown-menu .dropdown-item input[type=checkbox]{margin-right:8px;width:auto;padding:0}.recipeForm-dropdown-arrow{transition:transform .2s}.recipeForm-dropdown-arrow.open{transform:rotate(180deg)}.category-color-indicator{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:8px;border:1px solid rgba(0,0,0,.1)}.selected-categories{display:flex;flex-wrap:wrap;gap:.5rem}.category-tag{background:#007bff;color:var(--text-primary);padding:.25rem .5rem;border-radius:var(--border-radius);font-size:.8rem;font-weight:700;display:flex;gap:.5rem;align-items:center}.ingredients-container{border:1px solid var(--border-secundary);border-radius:var(--border-radius);padding:1rem}.ingredient-selection-container{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.ingredient-selection-search-container{position:relative;flex:2;min-width:200px;align-self:flex-start}.ingredient-selection-search-container input{display:block}.ingredient-suggestions-container{position:absolute;top:100%;left:0;right:0;background:var(--bg-tertiary);border:1px solid var(--border-secundary);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);max-height:320px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000004d;transform-origin:top center}.suggestions-enter-active{transition:opacity .15s ease,transform .15s ease}.suggestions-leave-active{transition:opacity .1s ease,transform .1s ease}.suggestions-enter-from,.suggestions-leave-to{opacity:0;transform:translateY(-6px) scaleY(.95)}.suggestion-item{padding:.5rem 1rem;cursor:pointer;border-bottom:1px solid var(--border-secundary);line-height:1.4;transition:background .12s}.suggestion-item.highlighted{background-color:var(--bg-fourth)}.suggestion-item.create-new-option{cursor:default;border-bottom:none;padding:.5rem 1rem .75rem}@media(hover:hover){.suggestion-item:hover{background-color:var(--bg-fourth)}.suggestion-item.create-new-option:hover{background-color:transparent}}.ingredient-quantity-container{display:flex;gap:1rem;flex:1}.quantity-input{flex:1;padding:8px;border:1px solid var(--border-secundary);border-radius:var(--border-radius);background:var(--bg-tertiary);color:var(--text-primary)}.unit-select{flex:1;padding:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-secundary);border-radius:var(--border-radius);color:var(--text-primary)}.add-ingredient-button{padding:8px 16px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}@media(hover:hover){.add-ingredient-button:hover{background:var(--accent-blue)}}.selected-ingredients{min-height:60px;border:1px solid #ddd;border-radius:4px;padding:8px;background:#fff}.sub-recipe-search-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-secundary);border-radius:4px;font-size:1rem;background:var(--background-primary);color:var(--text-primary)}.sub-recipe-selected-list{margin-top:.5rem;display:flex;flex-direction:column;gap:.4rem}.sub-recipe-row{display:flex;align-items:center;gap:.75rem;padding:.4rem .5rem;border:1px solid var(--border-secundary);border-radius:4px;background:var(--background-secondary)}.sub-recipe-name{flex:1;font-size:.95rem}.sub-recipe-quantity-group{display:flex;align-items:center;gap:.3rem}.sub-recipe-quantity-input{width:5rem;padding:.25rem .4rem;border:1px solid var(--border-secundary);border-radius:4px;font-size:.95rem;text-align:right;background:var(--background-primary);color:var(--text-primary)}.sub-recipe-unit{font-size:.85rem;color:var(--text-secondary)}.sub-recipe-option{cursor:pointer}.sub-recipe-option:hover{background:var(--hover-color, rgba(0,0,0,.05))}.ingredients-placeholder{color:#999;font-style:italic;text-align:center;padding:20px}.ingredient-selected-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.ingredient-item{padding:.5rem 1rem;border:1px solid var(--border-secundary);border-radius:var(--border-radius);background:var(--bg-tertiary)}.ingredient-item .ingredient-amount.editable{transition:background-color .2s;background-image:url(/img/editable.svg);background-size:contain;background-repeat:no-repeat;background-position:right}@media(hover:hover){.ingredient-item .ingredient-amount.editable:hover{background-color:var(--accent)}}.ingredient-item .amount-edit-container{display:inline-flex;align-items:center;gap:.4rem}.ingredient-item .amount-input{width:5rem;border:1px solid #ccc;border-radius:var(--border-radius)}.ingredient-item td:first-child{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);width:1fr}.ingredient-item td:nth-child(2){width:6rem}.ingredient-item td:last-child{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);width:1fr}.ingredient-item .round-button{width:2rem;height:2rem}.ingredient-info{flex:1}.ingredient-name{font-weight:700;color:var(--text-primary)}.ingredient-amount{color:var(--text-secondary);font-size:.9em}.ingredient-kcal{color:var(--text-secondary);font-size:.85em;width:5rem;text-align:right;white-space:nowrap}.recipeForm-form .remove-ingredient{background:#dc3545;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.images-container{border:1px solid var(--border-secundary);border-radius:var(--border-radius);padding:1rem}.images-placeholder{color:var(--text-secondary);font-style:italic;text-align:center;padding:2rem}.unified-images-grid{margin-top:1rem}.filepond--root{margin-bottom:0}.filepond--drop-label{background-color:var(--bg-tertiary);border:2px dashed var(--border-secundary);border-radius:var(--border-radius);color:var(--text-primary)}.filepond--drop-label label{cursor:pointer}.filepond--label-action{color:var(--accent);text-decoration:underline}.filepond--panel-root{background-color:var(--bg-tertiary);border:1px solid var(--border-secundary)}.filepond--drip-blob{background-color:var(--accent)}.filepond--item-panel{background-color:var(--bg-secondary)}.filepond--file-action-button{cursor:pointer}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.image-preview-item{position:relative;border:1px solid var(--border-secundary);border-radius:var(--border-radius);overflow:hidden;background:var(--bg-secondary);transition:transform .2s,box-shadow .2s;cursor:pointer}@media(hover:hover){.image-preview-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}}.image-preview-item.selected-thumbnail{border:3px solid #FFD700;box-shadow:0 0 10px #ffd70080}@media(hover:hover){.image-preview-item.selected-thumbnail:hover{box-shadow:0 4px 12px #ffd700b3}}.thumbnail-badge{position:absolute;top:.5rem;left:.5rem;width:2rem;height:2rem;background:gold;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d;z-index:10}.thumbnail-badge svg{width:1.2rem;height:1.2rem;fill:#000}.image-preview-item[data-type=existing]{border-color:var(--accent)}.image-preview-item[data-type=new]{border-color:#28a745}.image-preview-item img{width:100%;height:120px;object-fit:cover;display:block}.image-info{padding:.5rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-align:center;background:var(--bg-tertiary);text-transform:uppercase;letter-spacing:.05em}.image-preview-item[data-type=existing] .image-info{color:var(--accent)}.image-preview-item[data-type=new] .image-info{color:#28a745}.image-preview-item .round-button{position:absolute;right:.5rem;top:.5rem}.ing-form-actions{display:flex;justify-content:flex-end;gap:.5rem;border-bottom:none!important}.ingredient-form-group .name-input-row{display:flex;gap:.5rem;margin-bottom:.5rem}.ingredient-form-group{display:flex;flex-direction:column;margin-bottom:1rem;gap:.5rem}.help-text{font-size:.8rem;color:var(--text-secondary)}.ingredientForm label{display:block;color:var(--text-primary)}.ingredientForm input,.ingredientForm select{width:100%;padding:.5rem;border:1px solid var(--border-secundary);border-radius:var(--border-radius);transition:border-color .3s ease;background:var(--bg-tertiary);color:var(--text-primary)}.ingredientForm input:focus,.ingredientForm select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.ingredientForm-section{margin-bottom:1rem;background:var(--bg-secondary);border-radius:var(--border-radius)}.ingredientForm .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;align-items:center;margin-bottom:1rem}.conversion-table{width:100%}.conversion-table th{text-align:start}.conversion-table td{padding-right:1rem}.ingredient-brand{color:var(--text-secondary);font-size:smaller;font-style:italic}.barcode-section{padding:1rem}.barcode-input-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.barcode-input-row input{flex:1;min-width:0;width:auto}.barcode-lookup-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.barcode-lookup-row .btn{flex:1}.barcode-scan-btn{flex-shrink:0;background:var(--bg-tertiary);border:1px solid var(--border-secundary);border-radius:var(--border-radius);color:var(--text-primary);padding:.4rem .5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:0;transition:var(--transition)}.barcode-scan-btn svg{fill:currentColor;display:block}.barcode-scan-btn.active{background:var(--accent-color, #2196f3);border-color:var(--accent-color, #2196f3);color:#fff}.barcode-video-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.75rem;position:relative;cursor:pointer}.focus-ring{position:absolute;width:60px;height:60px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;animation:focus-ring-anim .7s ease-out forwards}@keyframes focus-ring-anim{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}.barcode-tap-hint{font-size:.75rem;color:var(--color-text-muted, #888);margin:0}#barcode-reader-container{width:100%;max-width:400px;border-radius:var(--border-radius);overflow:hidden}.barcode-error{color:var(--color-error, #e53935);font-size:.875rem;margin:.25rem 0 .5rem}.barcode-preview{background:var(--bg-tertiary);border:1px solid var(--border-secundary);border-radius:var(--border-radius);padding:.75rem;margin-top:.5rem}.barcode-preview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.btn-close{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--text-secondary);line-height:1}.barcode-preview-nutrients{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.875rem;margin-bottom:.5rem;color:var(--text-secondary)}.barcode-exists-warning{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--accent-orange, #f57c00);margin-bottom:.5rem;flex-wrap:wrap}.btn-link{background:none;border:none;padding:0;cursor:pointer;color:var(--accent);font-size:inherit;text-decoration:underline;font-weight:600}.barcode-source-badge{display:inline-block;font-size:.7rem;font-weight:600;padding:1px 6px;border-radius:9px;background:var(--accent-color, #2196f3);color:#fff;vertical-align:middle;margin-left:6px;text-transform:uppercase;letter-spacing:.04em}.external-search-section{padding:0}.external-search-toggle{width:100%;display:flex;align-items:center;gap:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-secundary);border-radius:var(--border-radius);padding:.6rem .75rem;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--text-primary);text-align:left}.external-search-toggle:hover{border-color:var(--accent-color, #2196f3)}.external-search-chevron{display:inline-block;font-style:normal;transition:transform .2s;color:var(--text-secondary)}.external-search-chevron.open{transform:rotate(90deg)}.external-search-body{border:1px solid var(--border-secundary);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);padding:.75rem;display:flex;flex-direction:column;gap:1rem}.import-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-secundary);margin-bottom:.75rem}.import-tab-btn{flex:1;padding:.5rem .75rem;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.9rem;color:var(--text-secondary, #666);transition:color .15s,border-color .15s}.import-tab-btn.active{color:var(--accent-color, #2196f3);border-bottom-color:var(--accent-color, #2196f3);font-weight:600}.import-tab-btn:hover:not(.active){color:var(--text-primary, #333)}.parse-text-section{display:flex;flex-direction:column;gap:.5rem}.parse-text-input{width:100%;box-sizing:border-box;resize:vertical;font-family:inherit;font-size:.875rem;padding:.5rem;border:1px solid var(--border-secundary);border-radius:var(--border-radius);background:var(--bg-tertiary);color:var(--text-primary)}.parse-warnings{margin:.25rem 0 0;padding-left:1.25rem;font-size:.8rem;color:var(--warning-color, #856404);list-style:disc}.barcode-source-badge--inline{align-self:center;flex-shrink:0}.barcode-source-badge--off{background:#6c757d}.name-search-results{margin-top:.5rem;display:flex;flex-direction:column;gap:.4rem;max-height:320px;overflow-y:auto}.name-search-result-item{background:var(--bg-tertiary);border:1px solid var(--border-secundary);border-radius:var(--border-radius);padding:.6rem .75rem;cursor:pointer;transition:border-color .15s}.name-search-result-item:hover{border-color:var(--accent-color, #2196f3)}.name-search-result-main{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;margin-bottom:.35rem}.name-search-result-name{font-weight:600}.salt-converter{display:flex;gap:.5rem;align-items:flex-end;margin-top:.4rem}.salt-converter label{flex:1;font-size:.8rem;color:var(--text-secondary)}.salt-converter input{width:100%;padding:.5rem;border:1px dashed var(--border-secundary);border-radius:var(--border-radius);background:var(--bg-tertiary);color:var(--text-primary)}.salt-converter button{flex-shrink:0;padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-secundary);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;font-size:.85rem;white-space:nowrap;transition:var(--transition)}.salt-converter button:hover:not(:disabled){border-color:var(--accent-color, #2196f3);color:var(--accent-color, #2196f3)}.salt-converter button:disabled{opacity:.4;cursor:default}.groceries-search-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);flex-shrink:0}.grocery-unpurchased-badge{display:inline-block;background:var(--accent);color:#fff;font-size:.7rem;font-weight:600;padding:.1rem .45rem;border-radius:10px;margin-left:.35rem}.grocery-list-item{flex-direction:row!important;align-items:center}.grocery-list-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.grocery-shared-icon{color:#3b82f6;flex-shrink:0;margin-left:.5rem}.grocery-detail{display:flex;flex-direction:column;gap:1rem;background:var(--bg-secondary)}.grocery-detail-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--bg-tertiary);margin:-2rem -2.5rem 0;padding:1rem 2.5rem}.grocery-detail-title-col{min-width:0}.grocery-list-name{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;line-height:1.2}.grocery-detail-meta{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary)}.grocery-progress-section{display:flex;flex-direction:column;gap:.4rem}.grocery-progress-bar-track{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.grocery-progress-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .4s ease}.grocery-stats{display:flex;gap:1rem;font-size:.8rem;color:var(--text-secondary)}.grocery-bulk-actions{display:flex;gap:.5rem;flex-wrap:wrap}.grocery-add-section{border:1px solid var(--border);border-radius:var(--content-border-radius);overflow:hidden}.grocery-add-toggle{display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;font-size:.875rem;font-weight:600;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-tertiary);transition:background .15s}.grocery-add-toggle svg{color:var(--accent)}@media(hover:hover){.grocery-add-toggle:hover{background:var(--bg-fourth)}}.grocery-add-form{padding:.85rem;display:flex;flex-direction:column;gap:.6rem;background:var(--bg-secondary);border-top:1px solid var(--border)}.grocery-add-form .form-group label{text-transform:uppercase;font-size:.8rem;letter-spacing:.5px;color:var(--text-primary)}.grocery-add-fields{display:grid;grid-template-columns:2fr 1fr 2fr;gap:.6rem;align-items:end}@media(max-width:768px){.grocery-add-form{padding:.6rem;gap:.4rem}.grocery-add-fields{grid-template-columns:3fr 2fr;gap:.4rem}.grocery-add-fields>:last-child{grid-column:1 / -1}.grocery-add-form .form-group{margin-bottom:0}.grocery-add-form .form-group label{font-size:.72rem;margin-bottom:.2rem}.grocery-add-form input{padding:.4rem .5rem;font-size:.875rem}}.slide-down-enter-active{transition:all .2s ease-out}.slide-down-leave-active{transition:all .15s ease-in}.slide-down-enter-from,.slide-down-leave-to{opacity:0;transform:translateY(-6px)}.grocery-items{display:flex;flex-direction:column;gap:.4rem;position:relative}.grocery-item{display:flex;align-items:center;gap:.6rem;background:var(--bg-tertiary);border-radius:var(--content-border-radius);padding:.55rem .75rem;transition:opacity .35s ease,background .2s}@media(hover:hover){.grocery-item:hover{background:var(--bg-fourth)}}.grocery-item.purchased{opacity:.5}.grocery-item.purchased .grocery-item-name{text-decoration:line-through;color:var(--text-secondary)}.grocery-item-check{display:flex;align-items:center;flex-shrink:0;cursor:pointer}.grocery-item-check input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.grocery-item-body{flex:1;min-width:0}.grocery-item-name{font-size:.875rem;font-weight:600;color:var(--text-primary);line-height:1.3}.grocery-item-notes{font-weight:400;color:var(--text-secondary);font-size:.82rem}.grocery-item-qty{display:inline-flex;align-items:center;background:var(--accent-blue);color:#fff;padding:.2rem .55rem;border-radius:20px;font-size:.72rem;font-weight:600;white-space:nowrap;flex-shrink:0}.grocery-item-actions{display:flex;gap:.1rem;flex-shrink:0}.grocery-items-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2.5rem 1rem;color:var(--text-secondary);text-align:center}.grocery-items-empty svg{opacity:.2}.grocery-item-move{transition:all .35s cubic-bezier(.4,0,.2,1)}.grocery-item-enter-active{transition:all .25s ease-out}.grocery-item-leave-active{transition:all .2s ease-in;position:absolute;width:100%}.grocery-item-enter-from{opacity:0;transform:translate(-20px)}.grocery-item-leave-to{opacity:0;transform:translate(20px)}@media(max-width:768px){.content-panel-inner.grocery-detail{padding:1rem}.grocery-list-name{font-size:1.15rem}.grocery-detail-header{margin:-1rem -1rem 0;padding:.75rem 1rem}.grocery-bulk-actions .btn{font-size:.78rem;padding:.3rem .65rem}}.diary-view-full{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.today-indicator{display:block;width:3px;height:3px;border-radius:50%;background:var(--accent-blue, #4dabf7);position:absolute}.diary-day-nav-card{background:var(--bg-secondary);padding:.5rem .4rem}.ddnc-month-nav{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-bottom:.4rem}.ddnc-month-label{font-size:.78rem;font-weight:600;color:var(--text-secondary);text-transform:capitalize;min-width:130px;text-align:center}.ddnc-month-arrow{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;transition:color .2s,background .2s;flex-shrink:0;padding:0}.ddnc-month-arrow:hover{color:var(--accent-blue, #4dabf7);background:#4dabf71f}.ddnc-month-arrow:active{transform:scale(.9)}.ddnc-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.15rem}.ddnc-weekday-header{font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--text-tertiary, #888);text-align:center;padding:.1rem 0}.ddnc-day{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.3rem .1rem;border-radius:6px;cursor:pointer;transition:background .12s}@media(hover:hover){.ddnc-day:not(.selected):hover{background:var(--bg-tertiary)}}.ddnc-num{font-size:.85rem;font-weight:600;color:var(--text-secondary);line-height:1}.ddnc-day.has-data .ddnc-num{color:var(--text-primary)}.ddnc-dot{position:relative;display:flex;align-items:center;justify-content:center;width:6px;height:6px;border-radius:50%;background:transparent}.ddnc-day.has-data .ddnc-dot{background:var(--accent-green, #51cf66)}.ddnc-day.dot-under:not(.selected){background:#ff922b26}.ddnc-day.dot-target:not(.selected){background:#51cf6626}.ddnc-day.dot-over:not(.selected){background:#ff636326}.ddnc-day.dot-under:not(.selected) .ddnc-dot{background:var(--accent-orange, #ff922b)}.ddnc-day.dot-target:not(.selected) .ddnc-dot{background:var(--accent-green, #51cf66)}.ddnc-day.dot-over:not(.selected) .ddnc-dot{background:var(--accent-red, #ff6363)}.ddnc-day.selected{background:var(--accent-green, #51cf66)}.ddnc-day.selected .ddnc-num{color:#111;font-weight:800}.ddnc-day.selected .ddnc-dot{background:#0000004d}.ddnc-day.today:not(.selected) .ddnc-num{color:var(--accent-blue, #4dabf7)}.ddnc-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.4rem;padding-top:.4rem;border-top:1px solid var(--border)}.ddnc-footer-center{display:flex;align-items:center;gap:.3rem}.diary-body{flex:1;overflow-y:auto;min-height:0;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}@media(min-width:769px){.diary-body{display:grid;grid-template-columns:300px 1fr;grid-template-rows:auto;align-items:start;gap:.75rem;padding:.75rem}.diary-body>.diary-loading{grid-column:1 / -1}}.diary-left-col{display:flex;flex-direction:column;gap:.75rem}@media(max-width:768px){.diary-left-col{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden;flex-shrink:0;gap:0}.diary-left-col .diary-summary-card{background:none;border:none;border-radius:0}.diary-left-col .diary-activity-card{background:none;border:none;border-top:1px solid var(--border);border-left:3px solid var(--accent-green, #51cf66);border-radius:0;padding:.6rem .75rem}}@media(min-width:769px){.diary-left-col{position:sticky;top:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden;gap:0}.diary-left-col .diary-summary-card{background:none;border:none;border-radius:0}.diary-left-col .diary-activity-card{background:none;border:none;border-top:1px solid var(--border);border-left:3px solid var(--accent-green, #51cf66);border-radius:0;padding:.6rem .75rem}}.diary-right-col{display:flex;flex-direction:column;gap:.75rem}.diary-summary-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem}.diary-summary-header{display:flex;align-items:center;justify-content:space-between;gap:0;margin-bottom:.4rem}.diary-summary-date{position:relative;cursor:pointer;line-height:1.15;-webkit-user-select:none;user-select:none;flex-shrink:0}.diary-summary-date-weekday{display:block;font-size:.6rem;text-transform:capitalize;letter-spacing:.2px;color:var(--text-secondary);font-weight:500}.diary-summary-date-day{display:block;font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1}.diary-summary-date-month{display:block;font-size:.6rem;color:var(--accent-green, #51cf66);font-weight:600;text-transform:capitalize}.diary-summary-card-kcal{font-size:1.1rem;font-weight:700;color:var(--accent-green, #51cf66);margin:0;display:flex;align-items:center;gap:.35rem;flex-shrink:0}.diary-summary-card-macros{display:flex;flex-direction:column;width:100%;gap:.1rem}.diary-summary-macro-item{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;overflow:hidden;border-radius:3px;padding:.08rem .4rem;min-height:0;background:var(--bg-tertiary, rgba(255,255,255,.04))}.macro-rdi-bar{position:absolute;inset:0 auto 0 0;height:100%;border-radius:4px;transition:width .4s ease;pointer-events:none}.diary-summary-macro-item.rdi-low .macro-rdi-bar{background:#51cf6638}.diary-summary-macro-item.rdi-medium .macro-rdi-bar{background:#ff9f4038}.diary-summary-macro-item.rdi-high .macro-rdi-bar{background:#f73f3138}.diary-summary-macro-label{position:relative;font-size:.65rem;color:var(--text-primary, #fff);white-space:nowrap;z-index:1;text-align:left}.diary-summary-macro-value{position:relative;font-size:.78rem;font-weight:600;white-space:nowrap;z-index:1;text-align:center}.macro-rdi-pct{position:relative;font-size:.65rem;font-weight:600;opacity:.75;white-space:nowrap;z-index:1;text-align:right}.rdi-source-pill{display:inline-flex;align-items:center;gap:.25rem;align-self:flex-end;font-size:.6rem;font-weight:500;padding:.1rem .4rem;border-radius:20px;margin-top:.15rem;opacity:.65;letter-spacing:.01em}.rdi-source-snapshot{background:#64a0ff1f;color:var(--accent-blue, #64a0ff);border:1px solid rgba(100,160,255,.2)}.rdi-source-current{background:#51cf661a;color:var(--accent-green, #51cf66);border:1px solid rgba(81,207,102,.18)}.diary-summary-card-kcal .rdi-percentage{font-size:.75rem;padding:.1rem .3rem;margin-left:.25rem;border-radius:4px}@media(min-width:769px){.diary-summary-card{padding:1rem}.diary-summary-header{margin-bottom:.75rem}.diary-summary-card-kcal{font-size:1.9rem;margin:0;justify-content:center}.diary-summary-card-macros{gap:.3rem}.diary-summary-macro-item{padding:.25rem .6rem}.diary-summary-macro-label,.macro-rdi-pct{font-size:.7rem}.diary-summary-macro-value{font-size:.88rem}.diary-summary-card-kcal .rdi-percentage{font-size:1rem;padding:.2rem .6rem;margin-left:.4rem;border-radius:4px}}.diary-activity-card{background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid var(--accent-green, #51cf66);border-radius:8px;padding:.75rem;display:flex;align-items:flex-start;gap:.5rem;color:var(--accent-green, #51cf66);font-size:.85rem}.diary-activity-card-body{display:flex;flex-direction:column;gap:.2rem;flex:1}.diary-activity-row{display:flex;justify-content:space-between;gap:1rem}.diary-activity-label{color:var(--text-secondary)}.diary-activity-net{color:var(--text-secondary);font-size:.8rem}.diary-container{touch-action:pan-y;overscroll-behavior-x:none}.diary-not-today-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:#ffa0001f;border-bottom:1px solid rgba(255,160,0,.35);padding:.45rem .9rem;font-size:.85rem;color:var(--text-primary);flex-shrink:0}.diary-not-today-btn{flex-shrink:0;background:#ffa00033;border:1px solid rgba(255,160,0,.45);border-radius:6px;padding:.25rem .65rem;font-size:.8rem;cursor:pointer;color:var(--text-primary);white-space:nowrap}.diary-not-today-btn:hover{background:#ffa00059}.diary-loading{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1rem}.meals-list{display:flex;flex-direction:column;gap:.75rem}.meal-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden}.meal-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.meal-title{display:flex;align-items:center;gap:.6rem}.meal-title h3{margin:0;font-size:1rem;font-weight:600;text-transform:capitalize}.meal-icon{width:22px;height:22px;color:var(--accent-blue, #2196f3)}.meal-total{font-size:1rem;font-weight:700;color:var(--accent-green, #51cf66)}.meal-entries{padding:.5rem}.entry-item-row{background:var(--bg-primary);border:1px solid transparent;border-radius:6px;padding:.65rem;margin-bottom:.4rem;transition:background .2s,border-color .2s}.entry-item-row:last-child{margin-bottom:0}@media(hover:hover){.entry-item-row:hover{background:var(--bg-tertiary);border-color:var(--accent-green, #51cf66)}}.entry-main{display:flex;gap:1rem;align-items:center}.entry-time-badge{display:flex;align-items:center;gap:.3rem;padding:.3rem .55rem;background:var(--bg-tertiary);border-radius:4px;font-size:.82rem;font-weight:500;white-space:nowrap;color:var(--text-secondary);flex-shrink:0;min-width:4rem}.time-icon{width:13px;height:13px;opacity:.7}.entry-content{flex:1;min-width:0}.entry-notes-inline{font-style:italic;font-size:.88rem;color:var(--text-secondary);margin-bottom:.4rem;padding-left:.5rem;border-left:2px solid var(--accent-blue, #2196f3)}.entry-items-list{display:flex;flex-direction:column;gap:.3rem}.entry-item-compact{display:grid;grid-template-columns:1fr auto auto;gap:0 .75rem;font-size:.88rem;align-items:baseline}.entry-item-compact .item-name{font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-item-compact .item-amount{color:var(--text-secondary);white-space:nowrap;text-align:right}.entry-item-compact .item-kcal{color:var(--text-secondary);white-space:nowrap;text-align:right;min-width:4.5rem}.entry-main{cursor:pointer}.entry-expand-arrow{color:var(--text-secondary);flex-shrink:0;transition:transform .2s;opacity:.5}.entry-expanded{border-top:1px solid var(--border);padding:.4rem .65rem .35rem;overflow:hidden;transition:height .22s ease,opacity .22s ease}.entry-expanded-item-actions{display:flex;justify-content:flex-end;margin-top:.2rem}.diary-btn-edit:hover{color:var(--accent-blue, #2196f3)!important}.diary-date-picker-hidden{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1;width:100%;height:100%}.ddnc-week-strip{display:flex;justify-content:space-between;gap:.1rem;margin-bottom:.15rem}.ddnc-week-strip .ddnc-day{flex:1;padding:.25rem .1rem}.ddnc-wday{font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.2px;color:var(--text-tertiary, #888);line-height:1}.diary-macro-toggle-btn{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%;background:none;border:none;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;padding:.3rem 0;margin-top:.1rem}.diary-macro-toggle-btn:hover{color:var(--text-primary)}.diary-macro-chip--sep{width:1px;height:1.2em;background:var(--border);align-self:center;flex-shrink:0;padding:0;gap:0}.diary-edit-form{padding:1rem 1.25rem}.diary-form-group{margin-bottom:1rem}.diary-form-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.diary-form-control{width:100%;box-sizing:border-box;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;font-family:inherit}.diary-form-control:focus{outline:none;border-color:var(--accent-green, #51cf66)}.diary-edit-form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.diary-nutrients-table{width:100%;display:table;border-collapse:collapse;font-size:.78rem}.diary-nutrients-header,.diary-nutrients-row{display:table-row}.diary-nutrients-header>span,.diary-nutrients-row>span{display:table-cell;padding:.18rem .35rem;vertical-align:middle;white-space:nowrap}.diary-nutrients-header>span{font-size:.6rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;padding-bottom:.25rem;border-bottom:1px solid var(--border)}.diary-nutrients-row>span{color:var(--text-primary);font-weight:500;border-bottom:1px solid color-mix(in srgb,var(--border) 40%,transparent)}.diary-nutrients-row:last-child>span{border-bottom:none}.diary-nutrients-header .dnt-name,.diary-nutrients-row .dnt-name{width:100%;text-align:left;white-space:normal;padding-left:0}.diary-nutrients-row .dnt-name{font-size:.75rem;color:var(--text-secondary)}.diary-nutrients-header .dnt-cal,.diary-nutrients-row .dnt-cal{text-align:right;color:#ef4444}.diary-nutrients-header .dnt-protein,.diary-nutrients-row .dnt-protein{text-align:right;color:#10b981}.diary-nutrients-header .dnt-carbs,.diary-nutrients-row .dnt-carbs{text-align:right;color:#f59e0b}.diary-nutrients-header .dnt-fat,.diary-nutrients-row .dnt-fat{text-align:right;color:#8b5cf6}.diary-nutrients-header .dnt-fiber,.diary-nutrients-row .dnt-fiber{text-align:right;color:#059669}.diary-nutrients-header .dnt-sodium,.diary-nutrients-row .dnt-sodium{text-align:right;color:#3b82f6}.diary-nutrients-header .dnt-cal{color:#ef4444}.diary-nutrients-header .dnt-protein{color:#10b981}.diary-nutrients-header .dnt-carbs{color:#f59e0b}.diary-nutrients-header .dnt-fat{color:#8b5cf6}.diary-nutrients-header .dnt-fiber{color:#059669}.diary-nutrients-header .dnt-sodium{color:#3b82f6}.entry-col-total{flex-shrink:0;min-width:5.5rem;text-align:right;margin-left:auto}.entry-total{font-weight:600;font-size:.9rem;color:var(--accent-green, #51cf66);white-space:nowrap}.entry-actions{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.diary-btn-icon-small{background:none;border:none;cursor:pointer;padding:.25rem .4rem;opacity:.6;transition:opacity .2s,color .2s;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.diary-btn-icon-small svg{width:17px;height:17px}@media(hover:hover){.diary-btn-icon-small:hover{opacity:1;color:var(--accent-red, #f73f31)}}.day-note-section{border-top:1px solid var(--border);padding:.6rem .75rem .75rem}.day-note-card{display:flex;align-items:center;gap:.6rem}.day-note-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.day-note-card-label{font-size:.68rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.day-note-card-text{font-size:.88rem;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.day-note-card-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.day-note-add-btn{background:none;border:none;color:var(--text-secondary);font-size:.8rem;cursor:pointer;padding:.25rem 0;opacity:.6}.day-note-add-btn:hover{opacity:1;color:var(--accent)}.day-note-textarea{width:100%;box-sizing:border-box;margin-bottom:.5rem;resize:vertical}.day-note-editor-actions{display:flex;gap:.5rem}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.empty-state p{margin-bottom:1.5rem;font-size:1.1rem}.diary-container .btn-icon{width:14px;height:14px}.diary-container .diary-alert{padding:1rem;margin-bottom:.75rem;border-radius:8px;font-weight:500}.diary-container .diary-alert.alert-success{background:var(--accent-green, #4caf50);color:#fff}.diary-container .diary-alert.alert-error{background:var(--accent-red, #f44336);color:#fff}.diary-container .diary-alert.alert-info{background:var(--accent-blue, #2196f3);color:#fff}.diary-container .diary-meta-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem}.diary-container .diary-meta-row .diary-meta-time{width:90px;flex-shrink:0;padding:.3rem .5rem;height:2rem;font-size:.88rem}.diary-container .diary-meta-row .diary-meta-meal{flex:1;width:auto;min-width:0;padding:.3rem .5rem;height:2rem;font-size:.88rem;-moz-appearance:auto;appearance:auto;-webkit-appearance:auto}.diary-container .diary-notes-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:.25rem 0;width:100%;display:flex;align-items:center;gap:.4rem;font-family:inherit;text-align:left;transition:color .2s}@media(hover:hover){.diary-container .diary-notes-btn:hover{color:var(--text-primary)}}.diary-container .diary-meta-notes-btn{flex-shrink:0;width:auto;padding:.3rem .5rem;height:2rem;font-size:.8rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.diary-container .diary-meta-notes-btn:hover{border-color:var(--accent-green, #51cf66)}.diary-container .diary-notes-chevron{flex-shrink:0;color:var(--accent-green, #51cf66);transition:transform .2s ease}.diary-container .diary-notes-chevron.open{transform:rotate(90deg)}.diary-container .diary-notes-textarea{height:auto;resize:vertical;margin-bottom:.4rem}.diary-container .diary-barcode-quantity-row{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.diary-container .diary-barcode-quantity-row label{font-size:.85rem;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.diary-container .diary-barcode-quantity-row input{width:90px}.diary-container .diary-suggestions{margin:.6rem 0}.diary-container .diary-suggestions-title{display:flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:.4rem}.diary-container .suggestion-meal-select{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);background:var(--bg-secondary);border:none;border-bottom:1px dashed var(--border);cursor:pointer;padding:0 .1rem;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.diary-container .diary-suggestions-empty{font-size:.78rem;color:var(--text-muted, #888);font-style:italic}.diary-container .diary-suggestions-list{display:flex;flex-wrap:wrap;gap:.4rem}.diary-container .suggestion-chip{display:flex;flex-direction:column;align-items:flex-start;padding:.35rem .6rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:1rem;cursor:pointer;transition:background .15s,border-color .15s;text-align:left;max-width:160px}.diary-container .suggestion-chip:hover{background:var(--bg-tertiary);border-color:var(--primary-color, #28a745)}.diary-container .suggestion-chip .suggestion-name{font-size:.82rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.diary-container .suggestion-chip .suggestion-meta{font-size:.72rem;color:var(--text-muted, #888);margin-top:.1rem}.diary-container .diary-item-section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin:.5rem 0 .4rem;padding-top:.5rem;border-top:1px solid var(--border)}.diary-container .diary-form-group{margin-bottom:.6rem;min-width:0}.diary-container .diary-form-group label{display:block;margin-bottom:.3rem;font-weight:500;font-size:.9rem;color:var(--text-primary)}.diary-container .diary-form-control{width:100%;box-sizing:border-box;height:2.35rem;padding:.45rem .65rem;border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:.95rem;background:var(--bg-tertiary);color:var(--text-primary);transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.diary-container .diary-form-control:focus{outline:none;border-color:var(--accent-green, #51cf66);box-shadow:0 0 0 3px #51cf661f}.diary-container .diary-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.6rem}.diary-container .diary-form-row.diary-form-row-with-add{display:flex;align-items:flex-end;gap:.6rem}.diary-container .diary-form-row.diary-form-row-with-add .diary-form-group{flex:1;min-width:0}.diary-container .diary-form-row.diary-form-row-with-add .round-button{flex-shrink:0;margin-bottom:0}.diary-container .diary-add-item-group{flex:0 0 auto;width:auto!important;min-width:unset}.diary-container .diary-btn-group{display:flex;gap:.5rem;margin-bottom:.6rem;flex-wrap:wrap}.diary-container .diary-btn{padding:.5rem 1rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}@media(hover:hover){.diary-container .diary-btn:hover{background:var(--bg-tertiary);transform:translateY(-1px)}}.diary-container .diary-btn-primary{background:var(--accent-green, #51cf66);color:#fff;border-color:var(--accent-green, #51cf66);box-shadow:0 2px 4px #51cf6633}@media(hover:hover){.diary-container .diary-btn-primary:hover{background:#3db856;box-shadow:0 4px 8px #51cf664d}}.diary-container .diary-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.diary-container .diary-btn-secondary{background:var(--bg-tertiary)}.diary-container .diary-btn-active{background:var(--accent-green, #51cf66);color:#fff;border-color:var(--accent-green, #51cf66);box-shadow:0 2px 4px #51cf6633}.diary-container .added-item .diary-btn-icon-small{background:none;border:none;cursor:pointer;padding:.25rem .4rem;opacity:.6;transition:opacity .2s,color .2s;color:var(--text-secondary);font-size:1rem;line-height:1;flex-shrink:0}.diary-container .added-item .diary-btn-icon-small:hover{opacity:1;color:var(--accent-red, #f73f31)}.diary-container .added-items-list{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}.diary-container .diary-entry-footer{display:flex;gap:.75rem;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;position:sticky;bottom:0;background:var(--bg-secondary);border-top:1px solid var(--border);padding-bottom:.25rem}.diary-container .added-items-list h5{margin:0 0 .75rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;opacity:.85}.diary-container .added-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;background:var(--bg-tertiary);border-radius:6px;margin-bottom:.4rem;transition:background .2s}@media(hover:hover){.diary-container .added-item:hover{background:var(--bg-fourth)}}.diary-container .item-input-group{margin-bottom:.5rem}.diary-container .item-input-with-actions{display:flex;flex-direction:column}.diary-container .item-input-fields{width:100%}.diary-container hr{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.diary-container h4{margin:0 0 .85rem;font-size:1rem;font-weight:600;color:var(--text-primary)}@media(max-width:768px){.diary-summary-bar{gap:.5rem .75rem;padding:.4rem .5rem}.diary-summary-kcal{font-size:1.1rem}.diary-macro-chip{font-size:.75rem}.diary-summary-activity{display:none}.diary-entries-inner{padding:.75rem .5rem 2rem;gap:.5rem}.entry-main{flex-wrap:wrap;gap:.4rem;align-items:center}.entry-content{order:1;flex:1 1 100%}.entry-time-badge{order:2}.entry-col-total{order:2;margin-left:auto}.entry-actions{order:2}.diary-container .diary-form-row{grid-template-columns:repeat(2,1fr)}.diary-container .diary-btn{padding:.4rem .75rem;font-size:.82rem}}@media(max-width:400px){.diary-summary-macros{gap:.4rem}}.meal-header-right{display:flex;align-items:center;gap:.5rem}.meal-add-btn{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;width:26px;height:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s;flex-shrink:0}@media(hover:hover){.meal-add-btn:hover{background:var(--accent-blue, #2196f3);border-color:var(--accent-blue, #2196f3);color:#fff}}@media(hover:hover){.diary-btn-edit:hover{opacity:1;color:var(--accent-blue, #2196f3)}}.diary-add-modal{width:620px;height:680px;max-width:95vw;max-height:95vh}.diary-add-modal .modal-body{flex:1;min-height:0}.modal-body .diary-container{background:none;border:none;border-radius:0;height:auto;overflow:visible}.diary-container .combined-search-wrap{display:flex;flex-direction:column}.diary-container .combined-search-input-row{position:relative;display:flex;align-items:center}.diary-container .combined-search-input-row .diary-form-control{flex:1;padding-right:2.6rem}.diary-container .combined-search-wrap .diary-form-control:focus{border-radius:var(--border-radius, 6px) var(--border-radius, 6px) 0 0}.diary-container .combined-search-input-row .round-button.search-box-close{position:absolute;right:.2rem;width:32px;height:32px;min-width:32px;min-height:32px}.diary-container .search-results-inline{background:var(--bg-secondary);border:1px solid var(--accent-green, #51cf66);border-top:none;border-radius:0 0 6px 6px;box-shadow:0 4px 16px #51cf6626;max-height:280px;overflow-y:auto;transform-origin:top center}.diary-container .search-group-label{padding:.35rem .75rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.diary-container .search-item{padding:.55rem .75rem;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:background .15s}.diary-container .search-item:hover,.diary-container .search-item.search-item-active{background:#51cf6614;color:var(--accent-green, #51cf66)}.diary-container .search-item.search-item-highlighted{background:#51cf6626;color:var(--accent-green, #51cf66);outline:none}.diary-container .search-item.search-item-recent{color:var(--text-primary)}.diary-container .search-recent-star{font-size:.65rem;color:var(--accent-green, #51cf66);flex-shrink:0}.diary-container .search-no-results{padding:.75rem;font-size:.88rem;color:var(--text-secondary);text-align:center}.diary-container .search-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.diary-container .search-item-label{white-space:normal;word-break:break-word;line-height:1.3}.diary-container .search-item-brand{opacity:.6;font-size:.85em}.diary-container .search-item-meta{display:flex;align-items:center;gap:.4rem}.diary-container .search-item-type-tag{flex-shrink:0;font-size:.65rem;font-weight:600;padding:.1rem .35rem;border-radius:3px;text-transform:uppercase;letter-spacing:.3px}.diary-container .search-item-type-recipe{background:#63b3ed26;color:#63b3ed}.diary-container .search-item-type-ingredient{background:#51cf6626;color:var(--accent-green, #51cf66)}.diary-container .search-item-kcal{font-size:.75rem;color:var(--text-secondary)}.diary-container .edit-items-readonly{margin-top:.75rem;padding:.75rem;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border)}.diary-container .edit-items-label{margin:0 0 .5rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary)}.diary-container .edit-item-row{display:flex;justify-content:space-between;font-size:.88rem;padding:.25rem 0;border-bottom:1px solid var(--border)}.diary-container .edit-item-row:last-child{border-bottom:none}.diary-container .edit-item-row .diary-btn-icon-small{background:none;border:none;cursor:pointer;padding:.1rem .3rem;opacity:.5;transition:opacity .2s,color .2s;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:.4rem}.diary-container .edit-item-row .diary-btn-icon-small svg{width:15px;height:15px}.diary-container .edit-item-row .diary-btn-icon-small:hover{opacity:1;color:var(--accent-red, #f73f31)}.diary-container .edit-item-row .item-kcal{color:var(--accent-green, #51cf66);font-weight:600;white-space:nowrap;margin-left:.5rem}.diary-container .copy-items-list{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.diary-container .copy-item-row{display:flex;align-items:center;gap:.6rem;padding:.4rem .5rem;border-radius:5px;cursor:pointer;font-size:.88rem}.diary-container .copy-item-row:hover{background:var(--bg-tertiary)}.diary-container .copy-item-row input[type=checkbox]{flex-shrink:0}.diary-container .copy-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diary-container .copy-item-kcal{color:var(--accent-green, #51cf66);font-weight:600;white-space:nowrap;margin-left:auto}.diary-container .rdi-percentage{font-size:.9em;font-weight:600;margin-left:.5rem;padding:.2rem .5rem;border-radius:4px;display:inline-block}.diary-container .rdi-badge{font-size:.75em;font-weight:600;margin-left:.4rem;padding:.15rem .4rem;border-radius:3px;display:inline-block;white-space:nowrap}.diary-container .rdi-badge-small{font-size:.65em;font-weight:600;margin-left:.3rem;padding:.1rem .3rem;border-radius:3px;display:inline-block;white-space:nowrap}.diary-container .diary-customize-btn{font-size:.82rem;padding:.3rem .65rem;opacity:.85}.diary-container .recipe-customize-section{margin-top:.5rem;border:1px solid var(--border);border-radius:6px;overflow:hidden}.diary-container .recipe-customize-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;border-bottom:1px solid var(--border);font-size:.88rem}.diary-container .recipe-customize-item:last-child{border-bottom:none}.diary-container .recipe-cust-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diary-container .recipe-cust-qty{width:5rem;flex-shrink:0;padding:.2rem .4rem;font-size:.88rem}.diary-container .recipe-cust-unit{width:3rem;flex-shrink:0;color:var(--text-secondary);font-size:.82rem}.diary-container .recipe-customize-empty{padding:.6rem .75rem;font-size:.85rem;color:var(--text-secondary);font-style:italic}.item-description{display:block;font-size:.78rem;color:var(--text-secondary);margin-top:.15rem;line-height:1.4;opacity:.85}.diary-container .recipe-cust-totals{display:flex;gap:.75rem;flex-wrap:wrap;padding:.4rem .6rem;background:var(--bg-tertiary);font-size:.83rem;color:var(--text-secondary);border-top:1px solid var(--border)}.diary-container .diary-recipe-meta-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;min-height:1.8rem}.diary-container .diary-kcal-preview{display:inline-block;font-size:.83rem;font-weight:600;color:var(--accent-green, #51cf66)}.diary-container .diary-kcal-preview-block{display:block;margin-bottom:.4rem}.diary-container .diary-kcal-preview-group{flex:0 0 auto;display:flex;flex-direction:column;justify-content:flex-end}.diary-container .rdi-low{background:#51cf6633;color:#51cf66;border:1px solid rgba(81,207,102,.3)}.diary-container .rdi-medium{background:#ff9f4033;color:#ff9f40;border:1px solid rgba(255,159,64,.3)}.diary-container .rdi-high{background:#f73f3133;color:#f73f31;border:1px solid rgba(247,63,49,.3)}.diary-overview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--bg-secondary);display:flex;flex-direction:column;overflow-y:auto;border-radius:var(--border-radius)}.diary-overview-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem .5rem .75rem;border-bottom:1px solid var(--border);background:var(--bg-tertiary);flex-shrink:0}.diary-overview-header h2{margin:0;font-size:1.2rem;font-weight:600;letter-spacing:.1rem}.diary-overview-back{background:none;border:none;padding:.25rem;color:var(--text-primary);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s;flex-shrink:0}@media(hover:hover){.diary-overview-back:hover{background:var(--bg-secondary)}}@media(max-width:768px){.diary-overview-overlay{padding-bottom:calc(var(--mobile-tab-bar-height) + env(safe-area-inset-bottom))}.diary-overview-header{padding:.35rem .75rem .35rem .5rem}.diary-overview-header h2{font-size:1rem}}.diary-overview-period-btns{display:flex;gap:.5rem;padding:.75rem 1rem 0;flex-shrink:0}.diary-overview-period-btn{padding:.35rem 1.1rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);font-size:.85rem;transition:background .15s,color .15s}.diary-overview-period-btn.active{background:var(--accent-green, #51cf66);color:#fff;border-color:var(--accent-green, #51cf66)}@media(hover:hover){.diary-overview-period-btn:not(.active):hover{background:var(--bg-tertiary);color:var(--text-primary)}}.diary-overview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.75rem 1rem}.overview-stat-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--border-radius);padding:.6rem .75rem;display:flex;flex-direction:column;gap:.2rem}.overview-stat-card--wide{grid-column:span 2}.overview-stat-label{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.overview-stat-value{font-size:1.2rem;font-weight:700;color:var(--accent-green, #51cf66)}.diary-overview-chart-wrap{flex:1;min-height:180px;padding:.5rem 1rem 1rem;position:relative}.diary-overview-chart-wrap canvas{width:100%!important;height:100%!important}@media(max-width:768px){.diary-overview-stats{grid-template-columns:repeat(2,1fr)}.overview-stat-card--wide{grid-column:span 1}}.day-representative-section{border-top:1px solid var(--border);padding:.6rem .75rem .75rem}.day-representative-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.82rem;color:var(--text-muted, #666);-webkit-user-select:none;user-select:none}.day-representative-toggle--off{color:var(--warning-color, #e67e00)}.day-representative-checkbox{width:1rem;height:1rem;cursor:pointer;accent-color:var(--primary-color, #28a745);flex-shrink:0}.day-representative-label{font-weight:500}.day-representative-hint{font-size:.75rem;opacity:.8;font-style:italic}#storage-view .storage-item-move{transition:all .4s cubic-bezier(.4,0,.2,1)}#storage-view .storage-item-enter-active{transition:all .3s ease-out}#storage-view .storage-item-leave-active{transition:all .3s ease-in;position:absolute;width:300px}#storage-view .storage-item-enter-from{opacity:0;transform:translate(-30px)}#storage-view .storage-item-leave-to{opacity:0;transform:translate(30px)}#storage-view .storage-group-enter-active{transition:all .35s ease-out}#storage-view .storage-group-leave-active{transition:all .25s ease-in;position:absolute;width:100%}#storage-view .storage-group-enter-from,#storage-view .storage-group-leave-to{opacity:0;transform:translateY(-10px)}.storage-slide-enter-active,.storage-slide-leave-active{transition:max-height .3s ease,opacity .3s ease;overflow:hidden;max-height:600px}.storage-slide-enter-from,.storage-slide-leave-to{max-height:0;opacity:0}#storage-view{height:100%;width:100%;min-width:0}.storage-outer{position:relative;height:100%;width:100%;overflow:hidden}.storage-container{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border);height:100%;display:flex;flex-direction:column;min-height:0;overflow:hidden}@media(max-width:768px){.storage-container{border-radius:0;border:none}}.storage-toolbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.storage-toggle-label{display:flex;align-items:center;gap:.4rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.storage-loading,.storage-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);gap:.5rem;padding:2rem;text-align:center}.storage-container>div:last-child{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:1rem}.storage-location-header{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:.25rem 0 .5rem}.storage-items-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.5rem}.storage-item-row{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius);padding:.65rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:opacity .2s,transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease,border-color .18s ease}@media(hover:hover){.storage-item-row:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 6px 16px #00000024;border-color:var(--primary-color, #28a745)}}.storage-item-consumed{opacity:.5}.storage-item-main{flex:1;min-width:0}.storage-item-title{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:.3rem}.storage-container-badge{background:var(--primary-color, #28a745);color:#fff;font-size:.7rem;font-weight:700;padding:.1em .5em;border-radius:999px;flex-shrink:0}.storage-item-name{font-weight:500;font-size:.95rem}.storage-consumed-badge{background:var(--text-secondary);color:#fff;font-size:.65rem;padding:.1em .5em;border-radius:999px;opacity:.7}.storage-item-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8rem;color:var(--text-secondary)}.storage-item-kcal{font-weight:600;color:var(--primary-color, #28a745)}.storage-item-date{margin-left:auto}.storage-age-badge{font-size:.68rem;font-weight:700;padding:.1em .45em;border-radius:999px;flex-shrink:0;letter-spacing:.02em}.storage-age-badge.age-fresh{background:#d1fae5;color:#065f46}.storage-age-badge.age-moderate{background:#fef3c7;color:#92400e}.storage-age-badge.age-old{background:#ffedd5;color:#9a3412}.storage-age-badge.age-very-old{background:#fee2e2;color:#991b1b}.storage-item-notes,.storage-item-description{font-size:.78rem;color:var(--text-secondary);margin-top:.25rem;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.storage-item-actions{display:flex;gap:.25rem;flex-shrink:0}.storage-btn{padding:.45rem 1rem;border-radius:var(--border-radius);border:1px solid var(--border);cursor:pointer;font-size:.9rem;transition:background .15s,color .15s;background:var(--bg-tertiary);color:var(--text-primary)}.storage-btn-primary{background:var(--primary-color, #28a745);border-color:var(--primary-color, #28a745);color:#fff}.storage-btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 2px 8px #28a74559}.storage-btn:active:not(:disabled){transform:translateY(0)}.storage-btn-primary:disabled{opacity:.5;cursor:not-allowed}.storage-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.storage-modal .modal-body{padding:1rem 1.25rem}.storage-modal-form{display:flex;flex-direction:column;gap:.75rem;padding:.25rem 0}.storage-form-row{display:flex;gap:.75rem;flex-wrap:wrap}.storage-form-group{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:0;position:relative}.storage-form-group label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.storage-form-control{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius);padding:.45rem .6rem;color:var(--text-primary);font-size:.9rem;width:100%;box-sizing:border-box;outline:none;transition:border-color .15s}.storage-form-control:focus{border-color:var(--primary-color, #28a745)}.storage-container-nr,.storage-portions-input{max-width:80px}.storage-containers-list{display:flex;flex-direction:column;gap:.75rem}.storage-container-row{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius);padding:.65rem .75rem;display:flex;flex-direction:column;gap:.5rem}.storage-container-header{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.storage-location-wrap{position:relative}.storage-location-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius);z-index:200;max-height:150px;overflow-y:auto;box-shadow:0 4px 12px #0003}.storage-location-suggestion{padding:.4rem .6rem;font-size:.875rem;cursor:pointer;color:var(--text-primary)}.storage-location-suggestion:hover,.storage-location-suggestion.active{background:var(--primary-color, #28a745);color:#fff}.storage-modal .search-results-inline{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius);z-index:200;max-height:200px;overflow-y:auto;box-shadow:0 4px 12px #0003}@media(max-width:768px){.storage-modal .search-results-inline{position:static;max-height:160px;border-radius:0 0 var(--border-radius) var(--border-radius);border-top:none}}.storage-search-results{background:var(--bg-secondary);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);max-height:220px;overflow-y:auto;box-shadow:0 4px 12px #00000026;transform-origin:top center}.dropdown-enter-active{transition:opacity .15s ease,transform .15s ease}.dropdown-leave-active{transition:opacity .1s ease,transform .1s ease}.dropdown-enter-from,.dropdown-leave-to{opacity:0;transform:translateY(-6px) scaleY(.92)}.storage-search-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;cursor:pointer;font-size:.875rem;color:var(--text-primary)}.storage-search-item:hover,.storage-search-item.search-item-highlighted{background:var(--primary-color, #28a745);color:#fff}.storage-modal-actions{display:flex;justify-content:flex-end;padding-top:.5rem}.storage-modal-form .recipe-customize-section{margin-top:.5rem;border:1px solid var(--border);border-radius:6px;overflow:hidden}.storage-modal-form .recipe-customize-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;border-bottom:1px solid var(--border);font-size:.88rem}.storage-modal-form .recipe-customize-item:last-child{border-bottom:none}.storage-modal-form .recipe-cust-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storage-modal-form .recipe-cust-qty{width:5rem;flex-shrink:0;padding:.2rem .4rem;font-size:.88rem}.storage-modal-form .recipe-cust-unit{width:3rem;flex-shrink:0;color:var(--text-secondary);font-size:.82rem}.storage-modal-form .recipe-customize-empty{padding:.6rem .75rem;font-size:.85rem;color:var(--text-secondary);font-style:italic}.storage-modal-form .recipe-cust-totals{display:flex;gap:.75rem;flex-wrap:wrap;padding:.4rem .6rem;background:var(--bg-tertiary);font-size:.83rem;color:var(--text-secondary);border-top:1px solid var(--border)}.storage-modal-form .diary-btn-icon-small{background:none;border:none;cursor:pointer;color:var(--text-secondary);opacity:.6;padding:.2rem .35rem;border-radius:4px;font-size:1rem;line-height:1;flex-shrink:0;transition:color .15s,opacity .15s}@media(hover:hover){.storage-modal-form .diary-btn-icon-small:hover{opacity:1;color:var(--accent-red, #f73f31)}}.storage-trash-loading{display:flex;justify-content:center;padding:2rem}.storage-trash-loading img{width:40px;height:40px}.storage-trash-empty{text-align:center;color:var(--text-secondary);padding:2rem}.storage-trash-table{width:100%;border-collapse:collapse}.storage-trash-table th{padding:.75rem;border-bottom:2px solid var(--accent);font-weight:600;color:var(--accent);text-align:left;font-size:.85rem;text-transform:uppercase}.storage-trash-table td{padding:.75rem;border-bottom:1px solid var(--border);vertical-align:middle}@media(hover:hover){.storage-trash-table tbody tr:hover{background:var(--bg-tertiary)}}.storage-btn-restore{padding:.4rem .8rem;background:var(--accent);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.85rem;font-weight:500;transition:var(--transition)}@media(hover:hover){.storage-btn-restore:hover{background:var(--accent-orange);opacity:.9}}.storage-btn-delete-permanent{padding:.4rem .8rem;background:var(--accent-red);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.85rem;font-weight:500;transition:var(--transition)}@media(hover:hover){.storage-btn-delete-permanent:hover{background:#d32f2f;opacity:.9}}.storage-trash-empty-btn{padding:.4rem .8rem;background:var(--accent-red);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.85rem;font-weight:500;transition:var(--transition)}@media(hover:hover){.storage-trash-empty-btn:hover{background:#d32f2f}}#notes-view{display:flex;width:100%;height:100%;overflow:hidden}.notes-notebooks{width:240px;min-width:240px;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--bg-secondary);overflow:hidden}.notes-notebooks-list{flex:1;overflow-y:auto;padding:4px 0 16px}.notebook-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-left:3px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s,border-color .12s;position:relative}@media(hover:hover){.notebook-item:hover{background:#ffffff0a}}.notebook-item.active{background:#28a7451a;border-left-color:var(--accent)}.notebook-item.active .notebook-item-title{color:var(--accent)}.notebook-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:var(--accent)}.notebook-item-title{flex:1;font-size:.875rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notebook-item-count{font-size:.75rem;color:var(--text-muted)}.notebook-item-actions{display:none;gap:2px;position:absolute;right:6px}.notebook-item:hover .notebook-item-actions{display:flex}.notes-item-btn{width:24px;height:24px;min-width:24px;min-height:24px}.notes-item-btn svg{width:12px;height:12px}.notes-pages{width:220px;min-width:220px;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden}.notes-pages-list{flex:1;overflow-y:auto;padding:4px 0 16px}.page-item{padding:8px 10px;border-left:3px solid transparent;cursor:pointer;transition:background .12s,border-color .12s;position:relative}@media(hover:hover){.page-item:hover{background:#ffffff0a}}.page-item.active{background:#28a7451a;border-left-color:var(--accent)}.page-item.active .page-item-title{color:var(--accent)}.page-item-title{font-size:.875rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.page-item-meta{font-size:.7rem;color:var(--text-muted)}.page-item-actions{display:none;gap:2px;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.page-item:hover .page-item-actions{display:flex}.notes-editor-pane{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.notes-editor-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.875rem}.notes-page-title-input{width:100%;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:1.5rem;font-weight:700;padding:20px 24px 8px;border-bottom:1px solid var(--border)}.notes-page-title-input::placeholder{color:var(--text-muted)}.note-editor{flex:1;width:100%;min-width:0;display:flex;flex-direction:column;overflow:hidden}.note-editor-toolbar{display:flex;flex-wrap:nowrap;flex-shrink:0;gap:2px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bg-secondary);overflow-x:auto;scrollbar-width:none}.note-editor-toolbar::-webkit-scrollbar{display:none}.toolbar-btn{background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:4px 7px;font-size:.8rem;font-weight:600;line-height:1;transition:all .1s;min-width:28px;display:flex;align-items:center;justify-content:center}.toolbar-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.toolbar-btn.is-active{background:var(--bg-tertiary);color:var(--accent);border-color:var(--accent)}.toolbar-divider{width:1px;height:20px;background:var(--border);margin:0 4px;align-self:center}.note-editor-content{flex:1;width:100%;min-width:0;overflow-y:auto;padding:16px 24px 40px;box-sizing:border-box}.note-editor-content .ProseMirror{width:100%;min-height:100%;outline:none;color:var(--text-primary);font-size:.95rem;line-height:1.7}.note-editor-content .ProseMirror p{margin-bottom:.75em}.note-editor-content .ProseMirror h1{font-size:1.6rem;font-weight:700;margin:1em 0 .4em}.note-editor-content .ProseMirror h2{font-size:1.25rem;font-weight:700;margin:.9em 0 .35em}.note-editor-content .ProseMirror h3{font-size:1.05rem;font-weight:600;margin:.8em 0 .3em}.note-editor-content .ProseMirror ul,.note-editor-content .ProseMirror ol{padding-left:1.5em;margin-bottom:.75em}.note-editor-content .ProseMirror li{margin-bottom:.2em}.note-editor-content .ProseMirror blockquote{border-left:3px solid var(--accent);padding-left:1em;color:var(--text-secondary);margin:.75em 0}.note-editor-content .ProseMirror code{background:var(--bg-tertiary);border-radius:3px;padding:.1em .35em;font-family:monospace;font-size:.875em}.note-editor-content .ProseMirror pre{background:var(--bg-tertiary);border-radius:var(--border-radius);padding:.75em 1em;margin-bottom:.75em;overflow-x:auto}.note-editor-content .ProseMirror pre code{background:none;padding:0}.note-editor-content .ProseMirror hr{border:none;border-top:1px solid var(--border);margin:1.5em 0}.note-editor-content .ProseMirror a{color:var(--accent-blue);text-decoration:underline}.note-editor-content .ProseMirror img,.note-image{max-width:100%;border-radius:var(--border-radius);display:block}.note-image-wrapper{display:block;position:relative;width:fit-content;max-width:100%;margin:.5em 0}.note-image-wrapper.selected>.note-image{outline:2px solid var(--accent)}.resize-handle{position:absolute;bottom:4px;right:4px;width:14px;height:14px;background:var(--accent);border-radius:2px;cursor:nwse-resize;opacity:0;transition:opacity .15s;-webkit-user-select:none;user-select:none}.note-image-wrapper:hover .resize-handle,.note-image-wrapper.selected .resize-handle{opacity:1}.note-image-wrapper.resizing{-webkit-user-select:none;user-select:none}.note-image-wrapper.resizing .resize-handle{opacity:1}.note-editor-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none;float:left;height:0}.link-popover{display:flex;gap:6px;align-items:center;padding:4px 8px}.link-popover input{flex:1;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--border-radius);color:var(--text-primary);padding:4px 8px;font-size:.8rem;outline:none}.link-popover input:focus{border-color:var(--accent)}.notes-header{justify-content:space-between;border-bottom:none;padding:.7rem .85rem}.notes-header-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.notes-header-actions{display:flex;gap:.4rem}.notes-trash-header{display:flex;align-items:center;justify-content:flex-end;padding:.75rem 1.5rem .5rem;min-height:2.5rem}.notes-cat-confirm-box{background:var(--bg-tertiary);border-radius:var(--border-radius);padding:.75rem 1rem;margin:0 1.5rem .5rem}.notes-cat-confirm-msg{font-size:.88rem;margin:0 0 .6rem}.notes-cat-confirm-actions{display:flex;gap:.5rem}.notes-trash-list{flex:1;overflow-y:auto;min-height:0;padding:0 1.5rem 1rem}.notes-trash-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-top:.75rem}.notes-trash-table th{text-align:left;padding:.4rem .5rem;font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border)}.notes-trash-table td{padding:.5rem;border-bottom:1px solid var(--border);vertical-align:middle}@media(hover:hover){.notes-trash-table tbody tr:hover td{background:var(--bg-tertiary)}}.notes-trash-type-cell{width:28px;text-align:center}.notes-trash-type-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px}.notes-trash-type-badge.notebook{background:rgba(var(--accent-rgb, 79,156,249),.15);color:var(--accent)}.notes-trash-type-badge.page{background:rgba(var(--accent-green-rgb, 40,167,69),.15);color:var(--accent-green)}.notes-trash-name-cell{font-weight:500;display:flex;align-items:center;gap:6px}.notes-trash-parent{display:block;font-size:.72rem;font-weight:400;color:var(--text-muted);margin-top:1px}.notes-trash-date-cell{color:var(--text-muted);white-space:nowrap}.notes-trash-actions-cell{display:flex;gap:.35rem;align-items:center;white-space:nowrap}.notes-trash-confirm-text{font-size:.78rem;color:var(--accent-red);margin-right:.25rem}.notes-trash-btn{padding:.2rem .55rem;font-size:.78rem;border-radius:4px;border:1px solid var(--border);background:transparent;cursor:pointer;transition:background .15s}.notes-trash-btn:disabled{opacity:.5;cursor:not-allowed}.notes-trash-btn-restore{border-color:var(--accent);color:var(--accent-green)}.notes-trash-btn-restore:hover{background:#28a74526}.notes-trash-btn-danger{border-color:var(--accent-red);color:var(--accent-red)}.notes-trash-btn-danger:hover{background:#f73f3126}.notes-trash-btn-cancel{border-color:var(--border)}.notebook-form{display:flex;flex-direction:column;gap:14px}.form-label{font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:4px;display:block}.form-input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius);color:var(--text-primary);font-size:.875rem;padding:8px 10px;outline:none;box-sizing:border-box;transition:border-color .15s}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--text-muted)}.notebook-color-picker{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{width:26px;height:26px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:border-color .15s}.color-swatch.selected{border-color:var(--text-primary)}@media(max-width:768px){#notes-view{flex-direction:column}.notes-notebooks,.notes-pages{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--border)}.notes-notebooks.hidden,.notes-pages.hidden,.notes-editor-pane.hidden{display:none}}.note-canvas-shell{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;position:relative}.note-canvas-toolbar{flex-shrink:0;position:relative;z-index:10}.note-canvas-scroll{flex:1;overflow:auto;position:relative}.note-canvas-area{position:relative;background-color:var(--bg-secondary)}.canvas-empty-hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);color:var(--text-muted);font-size:.85rem;pointer-events:none;white-space:nowrap}.canvas-element{position:absolute;background:var(--bg);border:1.5px solid transparent;border-radius:var(--border-radius);box-shadow:0 1px 4px #00000014;transition:border-color .1s,box-shadow .1s;min-width:120px}.canvas-element:hover{border-color:var(--border);box-shadow:0 2px 8px #0000001f}.canvas-element.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent),0 2px 8px #0000001f}.element-handle{height:10px;border-radius:var(--border-radius) var(--border-radius) 0 0;cursor:grab;background:transparent;opacity:0;transition:opacity .15s,background .15s;-webkit-user-select:none;user-select:none;flex-shrink:0}.canvas-element:hover .element-handle,.canvas-element.is-selected .element-handle{opacity:1;background:color-mix(in srgb,var(--accent) 15%,transparent)}.element-handle:active{cursor:grabbing}.canvas-element .resize-handle{position:absolute;bottom:3px;right:3px;width:12px;height:12px;border-radius:2px;background:var(--accent);cursor:nwse-resize;opacity:0;transition:opacity .15s;-webkit-user-select:none;user-select:none}.canvas-element:hover .resize-handle,.canvas-element.is-selected .resize-handle{opacity:1}.canvas-image-el{cursor:grab}.canvas-image-el:active{cursor:grabbing}.canvas-text-el{min-height:48px}.text-block-content{padding:6px 10px 10px;cursor:text}.text-block-content .ProseMirror{outline:none;min-height:24px;font-size:.95rem;line-height:1.6}.text-block-content .ProseMirror p{margin:0 0 .5em}.text-block-content .ProseMirror p:last-child{margin-bottom:0}.text-block-content .ProseMirror h1{font-size:1.5rem;font-weight:700;margin:.8em 0 .3em}.text-block-content .ProseMirror h2{font-size:1.2rem;font-weight:700;margin:.7em 0 .25em}.text-block-content .ProseMirror h3{font-size:1rem;font-weight:600;margin:.6em 0 .2em}.text-block-content .ProseMirror ul,.text-block-content .ProseMirror ol{padding-left:1.4em;margin-bottom:.5em}.text-block-content .ProseMirror blockquote{border-left:3px solid var(--accent);margin:.5em 0;padding:.25em .75em;color:var(--text-muted)}.text-block-content .ProseMirror code{background:var(--bg-secondary);border-radius:3px;padding:.1em .3em;font-size:.88em}.text-block-content .ProseMirror pre{background:var(--bg-secondary);border-radius:var(--border-radius);padding:.75em 1em;overflow-x:auto;margin:.5em 0}.text-block-content .ProseMirror pre code{background:none;padding:0}.text-block-content .ProseMirror a{color:var(--accent-blue);text-decoration:underline}.text-block-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none;float:left;height:0}.canvas-img{display:block;width:100%;height:auto;border-radius:calc(var(--border-radius) - 2px);-webkit-user-select:none;user-select:none}.canvas-img-placeholder{height:120px;background:var(--bg-secondary);border-radius:calc(var(--border-radius) - 2px)}.toolbar-btn-danger{color:var(--danger, #e53935)}#lichaamsmetingen-view{height:100%;flex:1;min-width:0;display:flex;flex-direction:column}#lichaamsmetingen-view *{box-sizing:border-box}#lichaamsmetingen-view .bm-panel{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius);overflow:hidden}#lichaamsmetingen-view .bm-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem .5rem 2rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border)}#lichaamsmetingen-view .bm-title{font-size:1.2rem;font-weight:600;letter-spacing:.1rem;margin:0}#lichaamsmetingen-view .bm-content{flex:1;overflow-y:auto;min-height:0;padding:.25rem 1.5rem 1.5rem}#lichaamsmetingen-view .body-measurements-container{padding:0;width:100%}#lichaamsmetingen-view .measurements-table-container{overflow-x:auto}#lichaamsmetingen-view .measurements-table{width:100%;border-collapse:collapse}#lichaamsmetingen-view .measurements-table th,#lichaamsmetingen-view .measurements-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border);font-size:.9rem}#lichaamsmetingen-view .measurements-table th{background-color:var(--bg-fourth);font-weight:600;color:var(--text-primary);position:sticky;top:0;padding:.6rem .75rem}@media(hover:hover){#lichaamsmetingen-view .measurements-table tbody tr:hover{background-color:var(--bg-fourth)}}#lichaamsmetingen-view .measurements-table td{color:var(--text-secondary)}#lichaamsmetingen-view .no-measurements{text-align:center;padding:3rem;color:var(--text-muted)}#lichaamsmetingen-view .measurement-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:1.5rem;padding:1.5rem}#lichaamsmetingen-view .measurement-form h3{grid-column:1 / -1;margin:0 0 1rem}#lichaamsmetingen-view .measurement-form .form-group{display:flex;flex-direction:column}#lichaamsmetingen-view .measurement-form .form-group label{margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}#lichaamsmetingen-view .measurement-form .form-group input,#lichaamsmetingen-view .measurement-form .form-group textarea{padding:.75rem;border:1px solid var(--border);border-radius:4px;font-size:1rem;font-family:inherit;background:var(--bg-tertiary);color:var(--text-primary)}#lichaamsmetingen-view .measurement-form .form-group input:focus,#lichaamsmetingen-view .measurement-form .form-group textarea:focus{outline:none;border-color:var(--accent)}#lichaamsmetingen-view .measurement-form .form-group textarea{resize:vertical;min-height:80px}#lichaamsmetingen-view .measurement-form .form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}#lichaamsmetingen-view .btn-cancel{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem}@media(hover:hover){#lichaamsmetingen-view .btn-cancel:hover{background-color:var(--bg-fourth)}}#lichaamsmetingen-view .btn-submit{background-color:#4caf50;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500}@media(hover:hover){#lichaamsmetingen-view .btn-submit:hover{background-color:#45a049}}#lichaamsmetingen-view .btn-submit:disabled{background-color:var(--bg-fourth);cursor:not-allowed;opacity:.5}#lichaamsmetingen-view .loading{text-align:center;padding:2rem;color:#999}#lichaamsmetingen-view .bm-period-prefix{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}#lichaamsmetingen-view .date-range-filter{display:flex;align-items:center;gap:1.5rem;padding:.35rem 0;background:transparent;border-radius:0;margin-bottom:0;flex-wrap:wrap}#lichaamsmetingen-view .chart-settings-panel{background:var(--bg-tertiary);border-radius:8px;margin-bottom:1.5rem;overflow:hidden}#lichaamsmetingen-view .chart-settings-toggle{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-tertiary);border:none;border-bottom:1px solid transparent;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--text-secondary);transition:all .2s ease;text-align:left}@media(hover:hover){#lichaamsmetingen-view .chart-settings-toggle:hover{background:var(--bg-fourth);color:var(--text-primary)}}#lichaamsmetingen-view .chart-settings-toggle.expanded{border-bottom-color:var(--border);color:var(--text-primary)}#lichaamsmetingen-view .toggle-arrow{font-size:.75rem;transition:transform .2s ease;color:var(--accent);display:inline-block;width:14px}#lichaamsmetingen-view .date-filter-info-inline{margin-left:auto;color:var(--text-muted);font-size:.85rem;font-weight:500}#lichaamsmetingen-view .chart-settings-content{padding:.5rem 0}.metric-selector{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:.5rem 0;background:transparent;border-radius:0;margin-bottom:0}.metric-select-label{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.bm-metric-dd-container{position:relative;margin-bottom:1rem}.bm-metric-dd-button{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.5rem .75rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--border-radius);font-size:.9rem;cursor:pointer;transition:var(--transition);text-align:left}.bm-metric-dd-button:hover,.bm-metric-dd-button.open{border-color:var(--accent);background:var(--bg-fourth, var(--bg-tertiary))}.bm-metric-chevron{flex-shrink:0;color:var(--accent);transition:transform .2s ease}.bm-metric-chevron.open{transform:rotate(180deg)}.bm-metric-dd-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000004d;z-index:200;overflow:hidden;transform-origin:top center}.bm-metric-dd-item{padding:.65rem .75rem;font-size:.875rem;cursor:pointer;border-bottom:1px solid var(--border);transition:background .15s ease;color:var(--text-primary)}.bm-metric-dd-item:last-child{border-bottom:none}.bm-metric-dd-item:hover{background:var(--bg-fourth, var(--bg-secondary))}.bm-metric-dd-item.active{background:var(--accent);color:#fff;font-weight:600}.metric-selector .sf-toggle-row{display:flex;align-items:center;gap:.75rem;font-size:.88rem;color:var(--text-secondary);cursor:pointer;margin-bottom:.75rem}#lichaamsmetingen-view .bm-date-picker-group{display:flex;align-items:center;gap:.4rem}#lichaamsmetingen-view .bm-date-picker-label{font-size:.9rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}#lichaamsmetingen-view .bm-date-picker{padding:.4rem .65rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--border-radius);font-size:.9rem;font-family:inherit;cursor:pointer;transition:var(--transition)}#lichaamsmetingen-view .bm-date-picker:focus{outline:none;border-color:var(--accent)}@media(hover:hover){#lichaamsmetingen-view .bm-date-picker:hover{border-color:var(--accent);background:var(--bg-fourth)}}#lichaamsmetingen-view .bm-period-container{position:relative}#lichaamsmetingen-view .bm-period-button{display:flex;align-items:center;gap:.375rem;padding:.4rem .65rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--border-radius);font-size:.9rem;cursor:pointer;transition:var(--transition)}@media(hover:hover){#lichaamsmetingen-view .bm-period-button:hover{border-color:var(--accent);background:var(--bg-fourth)}}#lichaamsmetingen-view .bm-period-button.open{border-color:var(--accent)}#lichaamsmetingen-view .bm-period-chevron{flex-shrink:0;transition:transform .2s ease;color:var(--accent)}#lichaamsmetingen-view .bm-period-chevron.open{transform:rotate(180deg)}#lichaamsmetingen-view .bm-period-menu{position:absolute;top:calc(100% + 4px);left:0;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius);box-shadow:0 4px 12px #0003;z-index:100;min-width:160px;overflow:hidden;transform-origin:top left}#lichaamsmetingen-view .bm-period-item{padding:.6rem .75rem;font-size:.9rem;cursor:pointer;transition:var(--transition);border-bottom:1px solid var(--border);white-space:nowrap;color:var(--text-primary)}#lichaamsmetingen-view .bm-period-item:last-child{border-bottom:none}@media(hover:hover){#lichaamsmetingen-view .bm-period-item:hover{background:var(--bg-fourth)}}#lichaamsmetingen-view .bm-period-item.active{background:var(--accent);color:#fff;font-weight:600}#lichaamsmetingen-view .chart-container{position:relative;background:var(--bg-tertiary);border-radius:8px;padding:1.5rem 0;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000004d;height:400px}#lichaamsmetingen-view .chart-container>div{width:100%;height:100%}#lichaamsmetingen-view .chart-reset-zoom{position:absolute;top:.75rem;right:.75rem;padding:.25rem .6rem;font-size:.75rem;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);border-radius:4px;cursor:pointer;opacity:.7;transition:opacity .15s}#lichaamsmetingen-view .chart-reset-zoom:hover{opacity:1}#lichaamsmetingen-view .bm-stats-bar{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}#lichaamsmetingen-view .bm-stat{flex:1;min-width:80px;display:flex;flex-direction:column;align-items:center;gap:.2rem;background:var(--bg-tertiary);border-radius:8px;padding:.6rem .75rem;border-top:3px solid #4CAF50;box-shadow:0 2px 4px #0000004d}#lichaamsmetingen-view .bm-stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}#lichaamsmetingen-view .bm-stat-value{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.2}#lichaamsmetingen-view .bm-stat-value.stat-green{color:#4caf50}#lichaamsmetingen-view .bm-stat-value.stat-red{color:#f44336}#lichaamsmetingen-view .measurements-section{background:var(--bg-tertiary);border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000004d}#lichaamsmetingen-view .measurements-table-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid var(--border)}.bm-mobile-list{display:none}.bm-mobile-chevron{display:block;transition:transform .2s ease;color:var(--text-muted)}.bm-mobile-chevron.expanded{transform:rotate(180deg)}.bm-drawer-toolbar{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.bm-all-table-wrap{overflow-x:auto;flex:1}.bm-all-table{width:100%;border-collapse:collapse;font-size:.875rem;white-space:nowrap}.bm-all-table th,.bm-all-table td{padding:.45rem .65rem;text-align:left;border-bottom:1px solid var(--border)}.bm-all-table th{background:var(--bg-fourth);font-weight:600;color:var(--text-primary);position:sticky;top:0;z-index:1}.bm-all-table td{color:var(--text-secondary)}@media(hover:hover){.bm-all-row:hover td{background:var(--bg-fourth)}}.bm-th-check{width:36px}.bm-td-date{white-space:nowrap;color:var(--text-primary)}.bm-td-notes{max-width:200px;overflow:hidden;text-overflow:ellipsis}.bm-td-actions{white-space:nowrap;display:flex;align-items:center;gap:.25rem}.bm-edit-row td{background:var(--bg-tertiary);padding:.75rem}.moving-average-window-label{display:flex;align-items:center;gap:.5rem;margin-left:auto}@media(max-width:768px){#lichaamsmetingen-view .bm-panel{border-radius:0;border:none}#lichaamsmetingen-view .bm-content{padding:.25rem 1rem 1rem}#lichaamsmetingen-view .date-range-filter{gap:.5rem}#lichaamsmetingen-view .bm-date-picker-group{flex:1 1 40%;min-width:0}#lichaamsmetingen-view .bm-date-picker{width:100%;min-width:0}#lichaamsmetingen-view .chart-settings-toggle{padding:.75rem .875rem;font-size:.9rem}#lichaamsmetingen-view .date-filter-info-inline{display:none}.metric-selector{padding:.5rem 0}#lichaamsmetingen-view .chart-container{height:300px;padding:1rem 0}#lichaamsmetingen-view .measurement-form{grid-template-columns:1fr}#lichaamsmetingen-view .measurements-table-container{display:none}.bm-mobile-list{display:flex;flex-direction:column;padding:0 .75rem}.bm-mobile-card{background:transparent;padding:.4rem .25rem;display:flex;flex-direction:column;border-bottom:1px solid var(--border)}.bm-mobile-card:last-child{border-bottom:none}.bm-mobile-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.bm-mobile-date-block{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.bm-mobile-date{font-size:.88rem;font-weight:600;color:var(--text-primary);line-height:1.3}.bm-mobile-notes{font-size:.72rem;color:var(--text-muted);font-style:italic}.bm-mobile-actions{display:flex;align-items:center;gap:.1rem;flex-shrink:0}.bm-mobile-metrics{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.15rem}.bm-metric{font-size:.75rem;font-weight:600;padding:.1rem .35rem;border-radius:3px;border-left:3px solid;background:var(--bg-secondary);color:var(--text-primary);line-height:1.4}.bm-metric em{font-style:normal;font-weight:400;color:var(--text-muted);font-size:.7rem}.bm-metric.weight{border-left-color:#4caf50}.bm-metric.fat{border-left-color:#ff9800}.bm-metric.muscle{border-left-color:#2196f3}.bm-metric.waist{border-left-color:#9c27b0}.bm-metric.water{border-left-color:#00bcd4}.bm-metric.bmr{border-left-color:#ff5722}.bm-metric.bone{border-left-color:#795548}.bm-mobile-details{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.bm-mobile-details.expanded{grid-template-rows:1fr}.bm-mobile-details-inner{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.25rem;padding-top:.5rem;margin-top:.5rem;border-top:1px solid var(--border)}.bm-detail-row{display:flex;justify-content:space-between;font-size:.82rem}.bm-detail-label{color:var(--text-muted)}.bm-detail-value{font-weight:500;color:var(--text-secondary)}}#lichaamsmetingen-view .view-all-btn{background-color:#2196f3;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s}@media(hover:hover){#lichaamsmetingen-view .view-all-btn:hover{background-color:#1976d2}}.bm-btn-delete-selected{padding:.4rem .8rem;background:var(--accent-red);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.bm-modal-perpage{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--text-secondary);margin-left:auto}.bm-modal-perpage select{padding:.25rem .5rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:4px}.bm-edit-form{padding:.75rem 0 0}.bm-edit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:.6rem;margin-bottom:.75rem}.bm-edit-field{display:flex;flex-direction:column;gap:.2rem}.bm-edit-field--full{grid-column:1 / -1}.bm-edit-field label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.bm-edit-field input,.bm-edit-field textarea{padding:.4rem .5rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;font-size:.875rem;font-family:inherit;width:100%;box-sizing:border-box}.bm-edit-field input:focus,.bm-edit-field textarea:focus{outline:none;border-color:var(--accent)}.bm-edit-field textarea{resize:vertical;min-height:52px}.bm-edit-actions{display:flex;gap:.5rem}.bm-edit-actions .cancel-edit-btn{padding:.4rem .8rem;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:.9rem}.bm-edit-actions .save-edit-btn{padding:.4rem .8rem;background:var(--accent-blue);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.bm-modal-pagination{display:flex;justify-content:center;align-items:center;gap:.4rem;margin-top:1rem;flex-wrap:wrap}.bm-modal-pagination button{padding:.4rem .7rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:.95rem}.bm-modal-pagination button:disabled{opacity:.4;cursor:not-allowed}.bm-modal-pagination span{padding:0 .5rem;color:var(--text-secondary);font-size:.9rem}#lichaamsmetingen-view .actions-cell{white-space:nowrap;text-align:right;padding-right:.5rem;display:flex;align-items:center;justify-content:flex-end;gap:.25rem}#lichaamsmetingen-view .toggle-fields-btn{background:none;color:var(--accent);border:none;padding:.5rem 0;cursor:pointer;font-size:.9rem;font-weight:500;transition:var(--transition);text-align:center;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}@media(hover:hover){#lichaamsmetingen-view .toggle-fields-btn:hover{opacity:.8}}#lichaamsmetingen-view .toggle-fields-btn:active{opacity:.6}@media(max-width:768px){#lichaamsmetingen-view .view-all-btn{padding:.5rem 1rem;font-size:.85rem}}.bm-modal-content{display:flex;flex-direction:column;height:100%}.bm-modal-edit-panel{padding:.5rem 0}.bm-annotation-form{display:flex;flex-direction:column;gap:.65rem;padding:.75rem 0 1rem;border-bottom:1px solid var(--border-color, #2a2a2a);margin-bottom:.5rem}.bm-ann-field{display:flex;flex-direction:column;gap:.3rem}.bm-ann-label{font-size:.8rem;color:var(--text-muted, #888);font-weight:500;text-transform:uppercase;letter-spacing:.03em}.bm-ann-full{width:100%;box-sizing:border-box}.bm-ann-actions{display:flex;gap:.4rem;margin-top:.1rem}.bm-annotation-input{flex:1;min-width:160px;padding:.4rem .65rem;background:var(--input-bg, #1e1e1e);border:1px solid var(--border-color, #333);border-radius:6px;color:var(--text-primary, #e0e0e0);font-size:.9rem}.bm-annotation-input:focus{outline:none;border-color:var(--accent)}.bm-annotation-list{display:flex;flex-direction:column;gap:.35rem;padding-top:.25rem}.bm-annotation-item{display:flex;flex-direction:column;gap:.4rem;padding:.5rem 0;border-bottom:1px solid var(--border-color, #2a2a2a)}.bm-annotation-date{font-size:.85rem;color:var(--text-muted, #888);white-space:nowrap;min-width:100px}.bm-annotation-label{flex:1;font-size:.9rem;color:var(--text-primary, #e0e0e0);word-break:break-word}.bm-drawer-annotations{padding:.5rem 0}.bm-annotation-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%}.bm-annotation-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.bm-ann-date-picker{padding:.4rem .65rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--border-radius, 6px);font-size:.9rem;font-family:inherit;cursor:pointer;transition:border-color .15s;box-sizing:border-box}.bm-ann-date-picker:focus{outline:none;border-color:var(--accent)}.bm-ann-date-picker::-webkit-calendar-picker-indicator{filter:invert(.6);cursor:pointer}.profile-container{width:100%;margin:0;padding:2rem}.profile-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border, #333)}.profile-tab{padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary, #b3b3b3);cursor:pointer;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s}@media(hover:hover){.profile-tab:hover{color:var(--text-primary, #fff);background:#ffffff0d}}.profile-tab.active{color:var(--accent-blue, #2196f3);border-bottom-color:var(--accent-blue, #2196f3)}.tab-icon{width:20px;height:20px}.profile-header{margin-bottom:2rem}.profile-header h1{font-size:2rem;font-weight:700;color:var(--text-primary, #fff);margin:0 0 .5rem}.profile-subtitle{font-size:1rem;color:var(--text-secondary, #b3b3b3);margin:0}.profile-loading{text-align:center;padding:3rem;font-size:1.1rem;color:var(--text-secondary, #b3b3b3)}.profile-alert{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;font-size:.95rem;font-weight:500}.profile-alert-error{background:#f73f311a;border:1px solid rgba(247,63,49,.3);color:#f73f31}.profile-alert-success{background:#51cf661a;border:1px solid rgba(81,207,102,.3);color:#51cf66}.profile-card{background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border, #333);border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.profile-card-header{padding:1.5rem;border-bottom:1px solid var(--border, #333);display:flex;justify-content:space-between;align-items:center}.profile-card-header h2{font-size:1.4rem;font-weight:600;color:var(--text-primary, #fff);margin:0}.profile-card-body{padding:1.5rem}.profile-actions{display:flex;gap:.75rem}.profile-badge{padding:.4rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-badge-success{background:#51cf6626;color:#51cf66;border:1px solid rgba(81,207,102,.3)}.profile-badge-warning{background:#ff9f4026;color:#ff9f40;border:1px solid rgba(255,159,64,.3)}.profile-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.profile-info-item{display:flex;flex-direction:column;gap:.5rem}.profile-info-item label{font-size:.85rem;font-weight:500;color:var(--text-secondary, #b3b3b3);text-transform:uppercase;letter-spacing:.5px}.profile-info-value{font-size:1.1rem;font-weight:600;color:var(--text-primary, #fff)}.profile-info-message{padding:1rem;background:var(--bg-tertiary, #2a2a2a);border-radius:6px;margin-bottom:1rem;font-size:.95rem;color:var(--text-secondary, #b3b3b3)}.profile-info-success{background:#51cf661a;border:1px solid rgba(81,207,102,.2);color:#51cf66}.profile-actions-bottom{display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border, #333)}.profile-form{width:100%}.profile-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.5rem}.profile-form-group{display:flex;flex-direction:column;gap:.5rem}.profile-form-group-full{grid-column:1 / -1}.profile-form-group label{font-size:.9rem;font-weight:500;color:var(--text-primary, #fff)}.profile-form-group label .required{color:#f73f31;margin-left:.2rem}.profile-form-control{width:100%;padding:.75rem;border:1px solid var(--border, #333);border-radius:6px;background:var(--bg-tertiary, #2a2a2a);color:var(--text-primary, #fff);font-size:.95rem;transition:border-color .2s,box-shadow .2s}.profile-form-control:focus{outline:none;border-color:var(--accent-blue, #2196f3);box-shadow:0 0 0 3px #2196f31a}.profile-form-control::placeholder{color:var(--text-tertiary, #666)}.profile-form-hint{font-size:.85rem;color:var(--text-secondary, #b3b3b3);font-style:italic}.profile-form-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border, #333)}.profile-form-table{width:100%;border-collapse:collapse}.profile-form-table tr+tr td{border-top:1px solid var(--border, #333)}.profile-form-table td{padding:.6rem 0;vertical-align:middle}.pf-label{width:40%;font-size:.9rem;font-weight:500;color:var(--text-primary, #fff);padding-right:1rem;white-space:nowrap}.pf-label .required{color:#f73f31;margin-left:.2rem}.pf-input{width:60%}.pf-input input,.pf-input select{width:100%}@media(max-width:768px){.profile-form-table,.profile-form-table tbody,.profile-form-table tr,.profile-form-table td{display:block;width:100%}.profile-form-table tr+tr{border-top:1px solid var(--border, #333);margin-top:.5rem;padding-top:.5rem}.profile-form-table tr+tr td{border-top:none}.pf-label{padding-bottom:.25rem;padding-right:0;white-space:normal}}.pf-rdi-preview{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border, #333)}.pf-rdi-preview-title{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, #888);margin-bottom:.6rem}.pf-rdi-preview-grid{display:flex;gap:.5rem;flex-wrap:wrap}.pf-rdi-preview-item{display:flex;flex-direction:column;align-items:center;background:var(--bg-tertiary, #2a2a2a);border:1px solid var(--border, #333);border-radius:8px;padding:.5rem .75rem;min-width:72px;flex:1}.pf-rdi-preview-kcal{border-color:var(--accent-blue, #2196f3);background:#2196f312}.pf-rdi-preview-value{font-size:1.15rem;font-weight:700;color:var(--text-primary, #fff);line-height:1.2}.pf-rdi-preview-kcal .pf-rdi-preview-value{color:var(--accent-blue, #2196f3)}.pf-rdi-preview-label{font-size:.75rem;color:var(--text-muted, #888);text-transform:uppercase;letter-spacing:.03em;margin-top:.1rem}.sessions-table{width:100%;border-collapse:collapse;margin-top:1rem}.sessions-table th{text-align:left;padding:.75rem;border-bottom:2px solid var(--border, #333);font-weight:600;font-size:.9rem;color:var(--text-secondary, #b3b3b3);text-transform:uppercase;letter-spacing:.5px}.sessions-table td{padding:.75rem;border-bottom:1px solid var(--border, #333);font-size:.95rem;color:var(--text-primary, #fff)}@media(hover:hover){.sessions-table tbody tr:hover{background:#ffffff0d}}.btn-small{padding:.4rem .8rem;font-size:.85rem}.rdi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1rem}.rdi-item{background:var(--bg-tertiary, #2a2a2a);border:1px solid var(--border, #333);border-radius:8px;padding:1rem;text-align:center;transition:transform .2s,box-shadow .2s}@media(hover:hover){.rdi-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}}.rdi-item-large{grid-column:span 2;background:linear-gradient(135deg,#2196f31a,#51cf661a);border-color:var(--accent-blue, #2196f3)}.rdi-value{font-size:1.8rem;font-weight:700;color:var(--text-primary, #fff);margin-bottom:.3rem}.rdi-item-large .rdi-value{font-size:2.5rem;color:var(--accent-blue, #2196f3)}.rdi-label{font-size:.85rem;color:var(--text-secondary, #b3b3b3);text-transform:uppercase;letter-spacing:.5px}.profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.profile-modal-content{background:var(--bg-primary);border-radius:8px;width:100%;max-width:420px;box-shadow:0 4px 20px #00000080}.profile-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.profile-modal-header h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.profile-modal-close{background:none;border:none;color:var(--text-secondary, #b3b3b3);font-size:1.4rem;cursor:pointer;line-height:1;padding:0 .25rem}.profile-modal-close:hover:not(:disabled){color:var(--text-primary)}.profile-modal-body{padding:1.25rem}@media(max-width:768px){.profile-container{padding:1rem}.profile-header h1{font-size:1.5rem}.profile-tabs{flex-wrap:wrap}.profile-tab{padding:.75rem 1rem;font-size:.9rem}.profile-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.profile-form-grid{grid-template-columns:1fr}.profile-form-group-full{grid-column:1}.profile-form-actions{flex-direction:column}.btn{width:100%;justify-content:center}.rdi-grid{grid-template-columns:repeat(2,1fr)}.rdi-item-large{grid-column:1 / -1}.profile-info-grid{grid-template-columns:1fr}.profile-actions-bottom{justify-content:stretch}.profile-actions-bottom .btn{width:100%}.sessions-table{font-size:.85rem}.sessions-table th,.sessions-table td{padding:.5rem}.sessions-table th:nth-child(2),.sessions-table td:nth-child(2){display:none}}.slide-toggle{display:inline-block;position:relative;cursor:pointer}.slide-toggle.is-disabled{cursor:not-allowed;opacity:.5}.slide-toggle__input{position:absolute;opacity:0;width:0;height:0}.slide-toggle__slider{display:block;width:3rem;height:1.5rem;background-color:var(--btn-bg-primary);border-radius:1.5rem;position:relative;transition:background-color .3s ease}.slide-toggle__input:not(:checked)+.slide-toggle__slider{filter:brightness(.6)}.slide-toggle__knob{position:absolute;top:.125rem;left:.125rem;width:1.25rem;height:1.25rem;background-color:#fff;border-radius:50%;transition:transform .3s ease}.slide-toggle__input:checked+.slide-toggle__slider .slide-toggle__knob{transform:translate(1.5rem)}.slide-toggle__input:focus-visible+.slide-toggle__slider{outline:2px solid currentColor;outline-offset:2px}/*!
* Quill Editor v2.0.3
* https://quilljs.com
* Copyright (c) 2017-2024, Slab
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}/*!
* FilePond 4.32.9
* Licensed under MIT, https://opensource.org/licenses/MIT/
* Please visit https://pqina.nl/filepond/ for details.
*/.filepond--assistant{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--browser.filepond--browser{position:absolute;margin:0;padding:0;left:1em;top:1.75em;width:calc(100% - 2em);opacity:0;font-size:0}.filepond--data{position:absolute;width:0;height:0;padding:0;margin:0;border:none;visibility:hidden;pointer-events:none;contain:strict}.filepond--drip{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;opacity:.1;pointer-events:none;border-radius:.5em;background:#00000003}.filepond--drip-blob{position:absolute;-webkit-transform-origin:center center;transform-origin:center center;top:0;left:0;width:8em;height:8em;margin-left:-4em;margin-top:-4em;background:#292625;border-radius:50%;will-change:transform,opacity}.filepond--drop-label{position:absolute;left:0;right:0;top:0;margin:0;color:#4f4f4f;display:flex;justify-content:center;align-items:center;height:0px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:transform,opacity}.filepond--drop-label.filepond--drop-label label{display:block;margin:0;padding:.5em}.filepond--drop-label label{cursor:default;font-size:.875em;font-weight:400;text-align:center;line-height:1.5}.filepond--label-action{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;-webkit-text-decoration-color:#a7a4a4;text-decoration-color:#a7a4a4;cursor:pointer}.filepond--root[data-disabled] .filepond--drop-label label{opacity:.5}.filepond--file-action-button.filepond--file-action-button{font-size:1em;width:1.625em;height:1.625em;font-family:inherit;line-height:inherit;margin:0;padding:0;border:none;outline:none;will-change:transform,opacity}.filepond--file-action-button.filepond--file-action-button span{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--file-action-button.filepond--file-action-button svg{width:100%;height:100%}.filepond--file-action-button.filepond--file-action-button:after{position:absolute;left:-.75em;right:-.75em;top:-.75em;bottom:-.75em;content:""}.filepond--file-action-button{cursor:auto;color:#fff;border-radius:50%;background-color:#00000080;background-image:none;box-shadow:0 0 #fff0;transition:box-shadow .25s ease-in}.filepond--file-action-button:hover,.filepond--file-action-button:focus{box-shadow:0 0 0 .125em #ffffffe6}.filepond--file-action-button[disabled]{color:#ffffff80;background-color:#00000040}.filepond--file-action-button[hidden]{display:none}.filepond--action-edit-item.filepond--action-edit-item{width:2em;height:2em;padding:.1875em}.filepond--action-edit-item.filepond--action-edit-item[data-align*=center]{margin-left:-.1875em}.filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom]{margin-bottom:-.1875em}.filepond--action-edit-item-alt{border:none;line-height:inherit;background:transparent;font-family:inherit;color:inherit;outline:none;padding:0;margin:0 0 0 .25em;pointer-events:all;position:absolute}.filepond--action-edit-item-alt svg{width:1.3125em;height:1.3125em}.filepond--action-edit-item-alt span{font-size:0;opacity:0}.filepond--file-info{position:static;display:flex;flex-direction:column;align-items:flex-start;flex:1;margin:0 .5em 0 0;min-width:0;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--file-info *{margin:0}.filepond--file-info .filepond--file-info-main{font-size:.75em;line-height:1.2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.filepond--file-info .filepond--file-info-sub{font-size:.625em;opacity:.5;transition:opacity .25s ease-in-out;white-space:nowrap}.filepond--file-info .filepond--file-info-sub:empty{display:none}.filepond--file-status{position:static;display:flex;flex-direction:column;align-items:flex-end;flex-grow:0;flex-shrink:0;margin:0;min-width:2.25em;text-align:right;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--file-status *{margin:0;white-space:nowrap}.filepond--file-status .filepond--file-status-main{font-size:.75em;line-height:1.2}.filepond--file-status .filepond--file-status-sub{font-size:.625em;opacity:.5;transition:opacity .25s ease-in-out}.filepond--file-wrapper.filepond--file-wrapper{border:none;margin:0;padding:0;min-width:0;height:100%}.filepond--file-wrapper.filepond--file-wrapper>legend{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--file{position:static;display:flex;height:100%;align-items:flex-start;padding:.5625em;color:#fff;border-radius:.5em}.filepond--file .filepond--file-status{margin-left:auto;margin-right:2.25em}.filepond--file .filepond--processing-complete-indicator{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:3}.filepond--file .filepond--processing-complete-indicator,.filepond--file .filepond--progress-indicator,.filepond--file .filepond--file-action-button{position:absolute}.filepond--file [data-align*=left]{left:.5625em}.filepond--file [data-align*=right]{right:.5625em}.filepond--file [data-align*=center]{left:calc(50% - .8125em)}.filepond--file [data-align*=bottom]{bottom:1.125em}.filepond--file [data-align=center]{top:calc(50% - .8125em)}.filepond--file .filepond--progress-indicator{margin-top:.1875em}.filepond--file .filepond--progress-indicator[data-align*=right]{margin-right:.1875em}.filepond--file .filepond--progress-indicator[data-align*=left]{margin-left:.1875em}[data-filepond-item-state=cancelled] .filepond--file-info,[data-filepond-item-state*=invalid] .filepond--file-info,[data-filepond-item-state*=error] .filepond--file-info{margin-right:2.25em}[data-filepond-item-state~=processing] .filepond--file-status-sub{opacity:0}[data-filepond-item-state~=processing] .filepond--action-abort-item-processing~.filepond--file-status .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-error] .filepond--file-status-sub{opacity:0}[data-filepond-item-state=processing-error] .filepond--action-retry-item-processing~.filepond--file-status .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg{-webkit-animation:fall .5s .125s linear both;animation:fall .5s .125s linear both}[data-filepond-item-state=processing-complete] .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden])~.filepond--file-status .filepond--file-status-sub{opacity:0}[data-filepond-item-state=processing-complete] .filepond--file-info-sub{opacity:0}[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing~.filepond--file-info .filepond--file-info-sub{opacity:.5}[data-filepond-item-state*=invalid] .filepond--panel,[data-filepond-item-state*=invalid] .filepond--file-wrapper,[data-filepond-item-state*=error] .filepond--panel,[data-filepond-item-state*=error] .filepond--file-wrapper{-webkit-animation:shake .65s linear both;animation:shake .65s linear both}[data-filepond-item-state*=busy] .filepond--progress-indicator svg{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotateZ(0deg);transform:rotate(0)}to{-webkit-transform:rotateZ(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotateZ(0deg);transform:rotate(0)}to{-webkit-transform:rotateZ(360deg);transform:rotate(360deg)}}@-webkit-keyframes shake{10%,90%{-webkit-transform:translateX(-.0625em);transform:translate(-.0625em)}20%,80%{-webkit-transform:translateX(.125em);transform:translate(.125em)}30%,50%,70%{-webkit-transform:translateX(-.25em);transform:translate(-.25em)}40%,60%{-webkit-transform:translateX(.25em);transform:translate(.25em)}}@keyframes shake{10%,90%{-webkit-transform:translateX(-.0625em);transform:translate(-.0625em)}20%,80%{-webkit-transform:translateX(.125em);transform:translate(.125em)}30%,50%,70%{-webkit-transform:translateX(-.25em);transform:translate(-.25em)}40%,60%{-webkit-transform:translateX(.25em);transform:translate(.25em)}}@-webkit-keyframes fall{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}70%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes fall{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}70%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.filepond--hopper[data-hopper-state=drag-over]>*{pointer-events:none}.filepond--hopper[data-hopper-state=drag-over]:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:100}.filepond--progress-indicator{z-index:103}.filepond--file-action-button{z-index:102}.filepond--file-status{z-index:101}.filepond--file-info{z-index:100}.filepond--item{position:absolute;top:0;left:0;right:0;z-index:1;padding:0;margin:.25em;will-change:transform,opacity;touch-action:auto}.filepond--item>.filepond--panel{z-index:-1}.filepond--item>.filepond--panel .filepond--panel-bottom{box-shadow:0 .0625em .125em -.0625em #00000040}.filepond--item>.filepond--file-wrapper,.filepond--item>.filepond--panel{transition:opacity .15s ease-out}.filepond--item[data-drag-state]{cursor:-webkit-grab;cursor:grab}.filepond--item[data-drag-state]>.filepond--panel{transition:box-shadow .125s ease-in-out;box-shadow:0 0 #0000}.filepond--item[data-drag-state=drag]{cursor:-webkit-grabbing;cursor:grabbing}.filepond--item[data-drag-state=drag]>.filepond--panel{box-shadow:0 .125em .3125em #00000053}.filepond--item[data-drag-state]:not([data-drag-state=idle]){z-index:2}.filepond--item-panel{background-color:#64605e}[data-filepond-item-state=processing-complete] .filepond--item-panel{background-color:#369763}[data-filepond-item-state*=invalid] .filepond--item-panel,[data-filepond-item-state*=error] .filepond--item-panel{background-color:#c44e47}.filepond--item-panel{border-radius:.5em;transition:background-color .25s}.filepond--list-scroller{position:absolute;top:0;left:0;right:0;margin:0;will-change:transform}.filepond--list-scroller[data-state=overflow] .filepond--list{bottom:0;right:0}.filepond--list-scroller[data-state=overflow]{overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-mask:linear-gradient(to bottom,#000 calc(100% - .5em),transparent 100%);mask:linear-gradient(to bottom,#000 calc(100% - .5em),transparent 100%)}.filepond--list-scroller::-webkit-scrollbar{background:transparent}.filepond--list-scroller::-webkit-scrollbar:vertical{width:1em}.filepond--list-scroller::-webkit-scrollbar:horizontal{height:0}.filepond--list-scroller::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:99999px;border:.3125em solid transparent;background-clip:content-box}.filepond--list.filepond--list{position:absolute;top:0;margin:0;padding:0;list-style-type:none;will-change:transform}.filepond--list{left:.75em;right:.75em}.filepond--root[data-style-panel-layout~=integrated]{width:100%;height:100%;max-width:none;margin:0}.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root{border-radius:0}.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root>*,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root>*{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{bottom:0;height:auto;display:flex;justify-content:center;align-items:center;z-index:7}.filepond--root[data-style-panel-layout~=circle] .filepond--item-panel,.filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel{display:none}.filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller,.filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller{overflow:hidden;height:100%;margin-top:0;margin-bottom:0}.filepond--root[data-style-panel-layout~=compact] .filepond--list,.filepond--root[data-style-panel-layout~=integrated] .filepond--list{left:0;right:0;height:100%}.filepond--root[data-style-panel-layout~=compact] .filepond--item,.filepond--root[data-style-panel-layout~=integrated] .filepond--item{margin:0}.filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper,.filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper{height:100%}.filepond--root[data-style-panel-layout~=compact] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{z-index:7}.filepond--root[data-style-panel-layout~=circle]{border-radius:99999rem;overflow:hidden}.filepond--root[data-style-panel-layout~=circle]>.filepond--panel{border-radius:inherit}.filepond--root[data-style-panel-layout~=circle]>.filepond--panel>*{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--file-info,.filepond--root[data-style-panel-layout~=circle] .filepond--file-status{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item{opacity:1!important;visibility:visible!important}@media not all and (min-resolution:.001dpcm){@supports (-webkit-appearance: none) and (stroke-color: transparent){.filepond--root[data-style-panel-layout~=circle]{will-change:transform}}}.filepond--panel-root{border-radius:.5em;background-color:#f1f0ef}.filepond--panel{position:absolute;left:0;top:0;right:0;margin:0;height:100%!important;pointer-events:none}.filepond-panel:not([data-scalable=false]){height:auto!important}.filepond--panel[data-scalable=false]>div{display:none}.filepond--panel[data-scalable=true]{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background-color:transparent!important;border:none!important}.filepond--panel-top,.filepond--panel-bottom,.filepond--panel-center{position:absolute;left:0;top:0;right:0;margin:0;padding:0}.filepond--panel-top,.filepond--panel-bottom{height:.5em}.filepond--panel-top{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom:none!important}.filepond--panel-top:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-1px;background-color:inherit}.filepond--panel-center,.filepond--panel-bottom{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:translate3d(0,.5em,0);transform:translate3d(0,.5em,0)}.filepond--panel-bottom{border-top-left-radius:0!important;border-top-right-radius:0!important;border-top:none!important}.filepond--panel-bottom:before{content:"";position:absolute;height:2px;left:0;right:0;top:-1px;background-color:inherit}.filepond--panel-center{height:100px!important;border-top:none!important;border-bottom:none!important;border-radius:0!important}.filepond--panel-center:not([style]){visibility:hidden}.filepond--progress-indicator{position:static;width:1.25em;height:1.25em;color:#fff;margin:0;pointer-events:none;will-change:transform,opacity}.filepond--progress-indicator svg{width:100%;height:100%;vertical-align:top;transform-box:fill-box}.filepond--progress-indicator path{fill:none;stroke:currentColor}.filepond--list-scroller{z-index:6}.filepond--drop-label{z-index:5}.filepond--drip{z-index:3}.filepond--root>.filepond--panel{z-index:2}.filepond--browser{z-index:1}.filepond--root{box-sizing:border-box;position:relative;margin-bottom:1em;font-size:1rem;line-height:normal;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-weight:450;text-align:left;text-rendering:optimizeLegibility;direction:ltr;contain:layout style size}.filepond--root *{box-sizing:inherit;line-height:inherit}.filepond--root *:not(text){font-size:inherit}.filepond--root[data-disabled]{pointer-events:none}.filepond--root[data-disabled] .filepond--list-scroller{pointer-events:all}.filepond--root[data-disabled] .filepond--list{pointer-events:none}.filepond--root .filepond--drop-label{min-height:4.75em}.filepond--root .filepond--list-scroller{margin-top:1em;margin-bottom:1em}.filepond--root .filepond--credits{position:absolute;right:0;opacity:.4;line-height:.85;font-size:11px;color:inherit;text-decoration:none;z-index:3;bottom:-14px}.filepond--root .filepond--credits[style]{top:0;bottom:auto;margin-top:14px}.mgmt-layout{display:flex;width:100%;height:100vh;overflow:hidden;background:var(--bg-primary)}.mgmt-sidebar{width:220px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%;overflow:hidden}.mgmt-sidebar-brand{padding:1.25rem 1.25rem 1rem;font-size:1.1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;border-bottom:1px solid var(--border);flex-shrink:0}.mgmt-sidebar-brand span{font-size:.7em;font-weight:400;opacity:.55;margin-left:.3em}.mgmt-nav{flex:1;overflow-y:auto;padding:.75rem 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.mgmt-nav-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.65rem 1.25rem;background:transparent;border:none;border-left:3px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:.9rem;text-align:left;transition:color .15s,background .15s,border-color .15s;text-decoration:none}@media(hover:hover){.mgmt-nav-item:hover{color:var(--text-primary);background:#ffffff0a}}.mgmt-nav-item.active{color:var(--text-primary);border-left-color:var(--accent);background:#28a7451f}.mgmt-nav-item svg{flex-shrink:0;opacity:.75}.mgmt-nav-item.active svg{opacity:1}.mgmt-sidebar-footer{padding:.85rem 1.25rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-shrink:0}.mgmt-username{font-size:.85rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mgmt-logout-btn{background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:.3rem .4rem;display:flex;align-items:center;transition:color .15s,border-color .15s;flex-shrink:0}@media(hover:hover){.mgmt-logout-btn:hover{color:var(--text-primary);border-color:var(--border-secundary)}}.mgmt-logout-btn svg{width:16px;height:16px;fill:currentColor}.mgmt-main{flex:1;overflow-y:auto;padding:2rem 2.5rem;min-width:0}.mgmt-loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-secondary);font-size:1rem}.management-section{margin-bottom:2.5rem}.management-section h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:1.25rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}.management-section h3{font-size:1rem;color:var(--text-secondary);margin-top:1.5rem;margin-bottom:.75rem}.management-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem;margin-bottom:1.5rem}.overview-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;padding:.65rem .85rem;display:flex;flex-direction:column;align-items:center;text-align:center}.overview-card h3{margin:0 0 .3rem;font-size:.65rem;color:var(--accent-green);text-transform:uppercase;letter-spacing:.03em;line-height:1.2;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.overview-value{font-size:1.25rem;font-weight:700;color:var(--accent);margin:0}.backup-config{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.config-item{display:flex;flex-direction:column;gap:.5rem}.config-item label{font-weight:600;color:var(--text-primary);font-size:.95rem}.config-item span{color:var(--text-secondary);font-family:monospace;background:var(--bg-secondary);padding:.5rem;border-radius:3px;word-break:break-all}.management-table{width:100%;border-collapse:collapse;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;overflow:hidden;font-size:.85rem}.management-table thead{background-color:var(--bg-tertiary);border-bottom:2px solid var(--border)}.management-table th{padding:.5rem .75rem;text-align:left;font-weight:600;color:var(--text-primary);font-size:.8rem}.management-table td{padding:.4rem .75rem;border-bottom:1px solid var(--border);line-height:1.4}@media(hover:hover){.management-table tbody tr:hover{background-color:var(--bg-tertiary)}}.mgmt-btn-small{padding:.4rem .85rem;background-color:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.82rem;transition:background-color .15s;margin-right:.35rem}@media(hover:hover){.mgmt-btn-small:hover{background-color:#0052a3}}.mgmt-btn-small.mgmt-btn-danger{background-color:var(--accent-red)}@media(hover:hover){.mgmt-btn-small.mgmt-btn-danger:hover{background-color:#c30}}.mgmt-btn-small.mgmt-btn-warning{background-color:#ff9800}@media(hover:hover){.mgmt-btn-small.mgmt-btn-warning:hover{background-color:#e68900}}.mgmt-btn{padding:.65rem 1.35rem;background-color:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.95rem;transition:background-color .15s;margin-right:.75rem;margin-bottom:.75rem}@media(hover:hover){.mgmt-btn:hover{background-color:#0052a3}}.mgmt-btn:disabled{opacity:.5;cursor:not-allowed}.mgmt-btn.mgmt-btn-danger{background-color:var(--accent-red)}@media(hover:hover){.mgmt-btn.mgmt-btn-danger:hover{background-color:#c30}}.settings-group{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;padding:1.5rem}.settings-group label{display:block;margin-bottom:1rem;cursor:pointer;font-size:.95rem;color:var(--text-secondary)}.settings-group label:last-child{margin-bottom:0}.settings-group input[type=checkbox]{margin-right:.5rem;cursor:pointer}.log-debug{background-color:#6c757d1a}.log-info{background-color:#0d6efd0d}.log-warning{background-color:#ffc1071a}.log-error{background-color:#dc35451a}.log-critical{background-color:#8b000033}.management-table tbody tr[data-log-row]{cursor:pointer;transition:background-color .1s}@media(hover:hover){.management-table tbody tr[data-log-row]:hover{background-color:var(--bg-secondary)!important}}#mgmt-header-actions .round-button svg{fill:none;stroke:#4a9eff;width:18px;height:18px}#mgmt-header-actions .round-button:hover svg{stroke:var(--accent)}#mgmt-header-actions .round-button.logs-tool-active svg{stroke:var(--accent)}.mgmt-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:500;transition:background .3s;pointer-events:none}.mgmt-drawer-backdrop.open{background:#0000008c;pointer-events:auto}.mgmt-drawer{position:absolute;right:0;top:0;bottom:0;width:560px;max-width:100vw;background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease;box-shadow:-4px 0 24px #0006}.mgmt-drawer.open{transform:translate(0)}.mgmt-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;border-bottom:1px solid var(--border);flex-shrink:0}.mgmt-drawer-header h2{margin:0;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.mgmt-drawer-header-actions{display:flex;align-items:center;gap:.5rem}.mgmt-drawer-close{width:36px;height:36px;min-width:36px;border-radius:50%;background:#333;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;color:#4a9eff}.mgmt-drawer-close svg{width:20px;height:20px;stroke:#4a9eff}@media(hover:hover){.mgmt-drawer-close:hover{background:#444;transform:scale(1.1)}.mgmt-drawer-close:hover svg{stroke:var(--accent)}}.mgmt-drawer-body{flex:1;overflow-y:auto;padding:1.5rem}.management-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:1.5rem;margin-bottom:1.5rem}@media(max-width:768px){.mgmt-layout{flex-direction:column;height:100dvh}.mgmt-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border)}.mgmt-nav{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0}.mgmt-nav-item{border-left:none;border-bottom:3px solid transparent;padding:.65rem 1rem;white-space:nowrap;flex-shrink:0}.mgmt-nav-item.active{border-bottom-color:var(--accent);background:#28a7451a}.mgmt-sidebar-footer{display:none}.mgmt-main{padding:1rem 1.25rem}.overview-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.management-table{font-size:.78rem}.management-table th,.management-table td{padding:.3rem .5rem}}