:root{-webkit-tap-highlight-color:transparent;scrollbar-color:var(--gray-500) var(--gray-200);scrollbar-width:thin;--primary: #007BFF;--primary-rgb: 0, 123, 255;--menu-item-hover: #0056b3;--font-main: "Lexend", sans-serif;--gray-100: #F8F9FA;--gray-200: #E9ECEF;--gray-300: #DEE2E6;--gray-400: #CED4DA;--gray-500: #ADB5BD;--gray-600: #6C757D;--gray-700: #495057;--gray-800: #343A40;--gray-900: #212529;--background: var(--gray-200);--surface: var(--gray-100);--surface-hover: var(--gray-200);--surface-active: var(--gray-300);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-500);--placeholder-text: var(--gray-600);--text-on-primary: #ffffff;--icon-color: var(--gray-600);--icon-color-hover: var(--gray-900);--text-disabled: var(--gray-500);--danger: #DC3545;--danger-rgb: 220, 53, 69;--danger-light: #f8d7da;--danger-text: #721c24;--danger-border: #f5c6cb;--green-1: #27af41;--yellow: #FFC107;--shadow: rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--primary-light-alpha: rgba(var(--primary-rgb), .15);--primary-focus-alpha: rgba(var(--primary-rgb), .25);--danger-light-alpha: rgba(var(--danger-rgb), .1);--sidebar-width: 240px;--header-height: 60px;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--transition-speed: .2s;--transition-ease: ease-out}html[data-theme=ceramic]{--primary: #d14a2e;--primary-rgb: 209, 74, 46;--menu-item-hover: #b83b22}html[data-theme=jade]{--primary: #28af65;--primary-rgb: 40, 175, 101;--menu-item-hover: #1f8e50}html[data-theme=bubblegum]{--primary: #c3254c;--primary-rgb: 195, 37, 76;--menu-item-hover: #a51e3e}html[data-theme=cashew]{--primary: #dd9d12;--primary-rgb: 221, 157, 18;--menu-item-hover: #c0870f}html[data-mode=dark]{scrollbar-color:var(--gray-600) var(--gray-300);--gray-100: #1e1e1e;--gray-200: #2a2a2a;--gray-300: #3a3a3a;--gray-400: #4a4a4a;--gray-500: #6a6a6a;--gray-600: #9a9a9a;--gray-700: #b0b0b0;--gray-800: #e0e0e0;--gray-900: #f5f5f5;--background: var(--gray-100);--surface: var(--gray-200);--surface-hover: var(--gray-300);--surface-active: var(--gray-400);--border-color: var(--gray-400);--border-color-hover: var(--gray-500);--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-tertiary: var(--gray-600);--placeholder-text: var(--gray-500);--icon-color: var(--gray-700);--icon-color-hover: var(--gray-900);--text-disabled: var(--gray-500);--shadow: rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .3);--primary-light-alpha: rgba(var(--primary-rgb), .2);--primary-focus-alpha: rgba(var(--primary-rgb), .35);--danger-light-alpha: rgba(var(--danger-rgb), .2)}html[data-mode=dark] .control-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%239a9a9a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E")}html[data-mode=dark] .notification-item .btn-reject:hover{background-color:var(--gray-300);opacity:1}html[data-mode=dark] #check-all-items,html[data-mode=dark] .item-checkbox{border-color:var(--gray-500)}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-main)}html{font-size:16px;scroll-behavior:smooth;overflow-y:scroll!important}body{background-color:var(--background);color:var(--text-primary);min-height:100vh;overflow-x:hidden;padding-top:var(--header-height);transition:background-color var(--transition-speed),color var(--transition-speed)}.top-bar{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--surface);box-shadow:0 2px 5px var(--shadow);padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:space-between;z-index:100;transition:background-color var(--transition-speed),box-shadow var(--transition-speed)}.logo-container{display:flex;align-items:center;flex-shrink:0}.menu-burger{font-size:24px;padding-right:var(--spacing-md);color:var(--icon-color);cursor:pointer;transition:color var(--transition-speed) var(--transition-ease);background:none;border:none}.menu-burger:hover{color:var(--primary)}.logo{display:block;color:var(--primary);transition:color var(--transition-speed)}.logo svg{height:clamp(1.8rem,4vw,2.2rem);width:auto;display:block;fill:currentColor}.search-container.top{flex-grow:1;max-width:450px;margin:0 var(--spacing-md);position:relative}.search-input{width:100%;padding:.6rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--surface);outline:none;color:var(--text-primary);font-family:Noto Sans,sans-serif;font-size:.875rem;transition:border-color var(--transition-speed) var(--transition-ease),box-shadow var(--transition-speed) var(--transition-ease),background-color var(--transition-speed),color var(--transition-speed)}.search-input:disabled{background-color:var(--surface-active);cursor:not-allowed;opacity:.7;color:var(--text-disabled)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-focus-alpha);background-color:var(--surface)}.search-input::placeholder{color:var(--placeholder-text);opacity:1;transition:color var(--transition-speed)}.clear-search-btn{position:absolute;right:var(--spacing-xs);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--placeholder-text);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;z-index:10}.clear-search-btn:hover{color:var(--text-primary)}.clear-search-btn .material-symbols-outlined{font-size:1.2rem}.user-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.user-actions-item a{text-decoration:none;color:var(--text-primary);display:flex;align-items:center;font-family:Noto Sans,sans-serif;font-size:.875rem;transition:color var(--transition-speed) var(--transition-ease);position:relative}.user-actions-item .material-symbols-outlined{color:var(--icon-color);font-size:1.5rem;transition:color var(--transition-speed) var(--transition-ease),font-variation-settings var(--transition-speed) var(--transition-ease);font-variation-settings:"FILL" 0}.notification-badge{position:absolute;top:-5px;right:-8px;background-color:var(--danger);color:#fff;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;padding:0 4px;line-height:1;box-shadow:0 1px 3px #0003;z-index:1}html[data-mode=dark] .notification-badge{color:var(--text-primary);background-color:var(--primary)}html:not([data-mode=dark]) .notification-badge{color:#fff;background-color:var(--danger)}.user-actions-item a:not(.active):hover span.material-symbols-outlined,.user-actions-item a:not(.active):hover{color:var(--primary)}.user-actions-item a.active span.material-symbols-outlined,.user-actions-item a.active,.user-actions-item a.active:hover span.material-symbols-outlined,.user-actions-item a.active:hover{color:var(--primary);font-variation-settings:"FILL" 1}.user-actions-item img{border-radius:50%;width:32px;height:32px;object-fit:cover;border:1px solid var(--border-color);margin-left:var(--spacing-xs);transition:border-color var(--transition-speed)}.dashboard-user-name{font-weight:500;margin-left:var(--spacing-xs);display:block}.sidebar{position:fixed;left:0;top:var(--header-height);bottom:0;width:var(--sidebar-width);background:var(--surface);padding:var(--spacing-md) var(--spacing-sm);box-shadow:2px 0 5px var(--shadow);overflow-y:auto;transform:translate(0);transition:transform var(--transition-speed) var(--transition-ease),background-color var(--transition-speed),box-shadow var(--transition-speed);z-index:99;display:flex;flex-direction:column}.sidebar.hidden{transform:translate(calc(-1 * var(--sidebar-width)))}.sidebar.active{transform:translate(0);box-shadow:4px 0 15px #0003;z-index:99}nav{flex-grow:1}.menu-item a{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);margin:.2rem 0;border-radius:var(--border-radius-sm);text-decoration:none;color:var(--text-primary);transition:background-color var(--transition-speed) var(--transition-ease),color var(--transition-speed) var(--transition-ease);font-family:Noto Sans,sans-serif;font-size:.95rem;white-space:nowrap}.menu-item a:hover:not(.active){color:var(--primary);background:var(--surface-hover)}.menu-item .material-symbols-outlined{margin-right:var(--spacing-md);width:24px;text-align:center;font-size:1.3rem;vertical-align:middle;color:var(--icon-color);transition:color var(--transition-speed) var(--transition-ease)}.menu-item a:hover:not(.active) .material-symbols-outlined{color:var(--primary)}.menu-item a.active{color:var(--primary)!important;background-color:var(--primary-light-alpha);font-weight:600}.menu-item a.active .material-symbols-outlined{color:var(--primary)!important}.menu-item a.active:hover{color:var(--primary)!important;background-color:var(--primary-focus-alpha)}.menu-item span{vertical-align:middle}.menu-item-2 a{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);margin:.5rem 0;border-radius:var(--border-radius-sm);text-decoration:none;color:var(--text-primary);transition:color var(--transition-speed) ease;font-family:Noto Sans,sans-serif;font-size:.95rem}.menu-item-2 a:hover{color:var(--danger)}.menu-item-2 .material-symbols-outlined{margin-right:var(--spacing-md);width:24px;text-align:center;font-size:1.3rem;color:var(--icon-color);transition:color var(--transition-speed) ease}.menu-item-2 a:hover .material-symbols-outlined{color:var(--danger)}.sidebar-footer{margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--border-color);transition:border-color var(--transition-speed)}.rights-paragraph{font-size:.8rem;color:var(--text-secondary);font-family:Noto Sans,sans-serif;text-align:center;line-height:1.4;transition:color var(--transition-speed)}.main-content{margin-left:var(--sidebar-width);padding:var(--spacing-lg);min-height:calc(100vh - var(--header-height));transition:margin-left var(--transition-speed) ease}.main-content.expanded{margin-left:0}.wrapper-main{background-color:var(--surface);padding:var(--spacing-lg);border-radius:var(--border-radius-md);box-shadow:0 1px 3px var(--shadow);min-height:calc(100vh - var(--header-height) - (2 * var(--spacing-lg)));transition:background-color var(--transition-speed),box-shadow var(--transition-speed);color:var(--text-primary)}.dashboard-controls{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--surface);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);transition:background-color var(--transition-speed),border-color var(--transition-speed)}.bubble-management-controls{display:flex;align-items:flex-end;gap:var(--spacing-lg);flex-wrap:wrap;flex-grow:1}.filters{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;align-items:flex-end;flex-grow:1}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-group-title{font-size:.75rem;color:var(--text-secondary);font-family:Noto Sans,sans-serif;margin-bottom:0;text-transform:uppercase;font-weight:600;transition:color var(--transition-speed);line-height:1}.filter-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.filter-btn{padding:.4rem .8rem;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:transparent;color:var(--text-primary);cursor:pointer;transition:all var(--transition-speed) ease;font-family:Noto Sans,sans-serif;font-size:.85rem;font-weight:500;line-height:1.2}.filter-btn:hover:not(.active){background:var(--surface-hover);border-color:var(--border-color-hover)}.filter-btn.active{background:var(--primary);color:var(--text-on-primary);border-color:var(--primary);font-weight:600}.search-controls{display:flex;flex-direction:column;flex-grow:1;max-width:300px;gap:var(--spacing-xs);min-width:200px}.sort-controls{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:180px;align-items:flex-start}.sort-controls label{font-size:.75rem;color:var(--text-secondary);font-weight:600;margin-right:0;white-space:nowrap;transition:color var(--transition-speed);text-transform:uppercase;line-height:1}.control-select{padding:0 2.5rem 0 .8rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--surface);color:var(--text-primary);font-size:.85rem;cursor:pointer;outline:none;height:36px;line-height:34px;transition:border-color var(--transition-speed),background-color var(--transition-speed),color var(--transition-speed),box-shadow var(--transition-speed);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236c757d' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.control-select:disabled{background-color:var(--surface-active);cursor:not-allowed;opacity:.7;background-image:none;color:var(--text-disabled)}.control-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-focus-alpha);background-color:var(--surface)}.section-title{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:1.6rem;font-weight:700;transition:color var(--transition-speed)}.bubbles-count{display:block;font-size:.9rem;color:var(--text-secondary);font-family:Noto Sans,sans-serif;margin-bottom:var(--spacing-md);transition:color var(--transition-speed)}.no-bubbles-message,.no-items-message{display:block;width:100%;font-size:1rem;color:var(--text-secondary);font-family:Noto Sans,sans-serif;text-align:center;padding:var(--spacing-lg) 0;font-style:italic;transition:color var(--transition-speed),background-color var(--transition-speed),border-color var(--transition-speed);background-color:var(--surface);border-radius:var(--border-radius-sm);border:1px dashed var(--border-color);margin-top:var(--spacing-md)}.no-bubbles-message{grid-column:1 / -1}.bubbles-grid{display:flex;gap:var(--spacing-md);overflow-x:auto;overflow-y:hidden;padding:var(--spacing-xs) 2px var(--spacing-md) 2px;scrollbar-width:thin;scrollbar-color:var(--gray-500) var(--surface);min-height:160px;width:calc(100% + var(--spacing-lg) * 2);margin-left:calc(-1 * var(--spacing-lg));padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);margin-bottom:0;box-sizing:border-box;align-items:flex-start;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bubbles-grid.active-dragging{cursor:grabbing;scroll-behavior:auto}.bubbles-grid::-webkit-scrollbar{height:8px}.bubbles-grid::-webkit-scrollbar-track{background:var(--surface);border-radius:4px;transition:background-color var(--transition-speed)}.bubbles-grid::-webkit-scrollbar-thumb{background-color:var(--gray-400);border-radius:4px;border:2px solid var(--surface);transition:background-color var(--transition-speed),border-color var(--transition-speed)}.bubbles-grid::-webkit-scrollbar-thumb:hover{background-color:var(--gray-500)}.bubble-card{flex:0 0 auto;width:260px;background:var(--surface);border:1px solid var(--border-color);padding:var(--spacing-md);border-radius:var(--border-radius-md);box-shadow:0 1px 2px var(--shadow);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background-color var(--transition-speed),color var(--transition-speed);cursor:pointer;display:flex;flex-direction:column;color:var(--text-primary);height:auto}.bubble-card:hover{transform:translateY(-2px);box-shadow:0 2px 5px var(--shadow);border-color:var(--border-color-hover);background-color:var(--surface-hover)}.bubble-card.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-focus-alpha);background-color:var(--primary-light-alpha)}.bubble-card h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-family:Noto Sans,sans-serif;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm);transition:color var(--transition-speed);line-height:1.3;word-break:break-word}.bubble-card h3 .material-symbols-outlined{font-size:1.3rem;color:var(--primary);transition:color var(--transition-speed);flex-shrink:0}.bubble-info{color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-family:Noto Sans,sans-serif;font-size:.8rem;line-height:1.4;transition:color var(--transition-speed)}.bubble-info:last-child{margin-bottom:0}.bubble-dash{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);border-top:1px solid var(--border-color);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-md);transition:border-color var(--transition-speed)}.section-subtitle{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-speed);padding-right:var(--spacing-md)}.default-btn{padding:0 1rem;border-radius:var(--border-radius-sm);border:none;background:var(--primary);color:var(--text-on-primary);cursor:pointer;transition:background-color var(--transition-speed),opacity var(--transition-speed);font-family:Noto Sans,sans-serif;font-size:.85rem;font-weight:500;display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0;text-decoration:none;height:36px;line-height:36px}.default-btn:hover:not([disabled]){background:var(--menu-item-hover)}.default-btn .material-symbols-outlined{font-size:1.1rem;margin-bottom:-2px}.default-btn[disabled]{background-color:var(--gray-400);cursor:not-allowed;opacity:.7;color:var(--text-disabled);pointer-events:none}.default-btn.btn-small{padding:.4rem .8rem;font-size:.8rem;height:auto;line-height:1}.item-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:var(--spacing-md);transition:border-color var(--transition-speed),opacity var(--transition-speed) ease-out,visibility 0s linear var(--transition-speed),height var(--transition-speed) ease-out,padding var(--transition-speed) ease-out,margin var(--transition-speed) ease-out;opacity:1;visibility:visible;height:auto;overflow:visible}.item-toolbar[style*="visibility: hidden"]{opacity:0;visibility:hidden;height:0;padding-top:0;padding-bottom:0;margin-bottom:0;border:none;overflow:hidden;transition-delay:0s,var(--transition-speed),0s,0s,0s,0s}.item-selection-controls{display:flex;align-items:center;gap:var(--spacing-md);min-height:36px;flex-shrink:0}.check-all-container{display:flex;align-items:center;transition:opacity var(--transition-speed) ease-out,visibility 0s linear var(--transition-speed);opacity:1;visibility:visible}.check-all-container[style*="visibility: hidden"]{opacity:0;visibility:hidden;transition-delay:0s,var(--transition-speed)}.check-all-container label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.85rem;color:var(--text-secondary);cursor:pointer;font-weight:500;transition:color var(--transition-speed);margin:0;-webkit-user-select:none;user-select:none}.check-all-container label:hover{color:var(--text-primary)}#check-all-items,.item-checkbox{margin:0;cursor:pointer;width:18px;height:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--surface);border:1px solid var(--gray-400);border-radius:3px;display:inline-block;vertical-align:middle;position:relative;transition:background-color var(--transition-speed),border-color var(--transition-speed),box-shadow var(--transition-speed);flex-shrink:0}#check-all-items:focus,.item-checkbox:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-focus-alpha)}#check-all-items:checked,.item-checkbox:checked{background-color:var(--primary);border-color:var(--primary)}#check-all-items:checked:before,.item-checkbox:checked:before{content:"";display:block;width:5px;height:10px;border:solid var(--text-on-primary);border-width:0 2px 2px 0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}#check-all-items:indeterminate{background-color:var(--primary);border-color:var(--primary)}#check-all-items:indeterminate:before{content:"";display:block;width:10px;height:2px;background-color:var(--text-on-primary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.item-actions-container{display:flex;gap:var(--spacing-sm);flex-shrink:0}.icon-btn{background:none;border:1px solid var(--border-color);color:var(--icon-color);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease,opacity var(--transition-speed) ease;padding:0;flex-shrink:0}.icon-btn .material-symbols-outlined{font-size:1.25rem}.icon-btn[disabled]{opacity:.5;cursor:not-allowed;color:var(--text-disabled);border-color:var(--border-color);background-color:transparent!important;pointer-events:none}.icon-btn[disabled]:hover{color:var(--text-disabled);border-color:var(--border-color)}.icon-btn:hover:not([disabled]){background-color:var(--surface-hover);color:var(--icon-color-hover);border-color:var(--border-color-hover)}.icon-btn.delete:hover:not([disabled]){color:var(--danger);border-color:var(--danger);background-color:var(--danger-light-alpha)}.item-search-sort{display:flex;align-items:flex-end;gap:var(--spacing-lg);flex-grow:1;min-width:250px;justify-content:flex-end;flex-wrap:wrap}.search-container.items{flex-grow:1;max-width:250px;min-width:180px}.item-search-sort .sort-controls{min-width:180px;flex-shrink:0;width:auto;flex-grow:0}.items-list{display:block;padding-top:var(--spacing-xs)}.item-card{background:var(--surface);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);box-shadow:0 1px 2px var(--shadow);border-radius:var(--border-radius-sm);display:flex;align-items:stretch;gap:var(--spacing-md);transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease;position:relative;overflow:hidden}.item-card.selected{background-color:var(--primary-light-alpha);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.item-card.selected .item-title{color:var(--text-primary)}.item-card.selected .item-description,.item-card.selected .item-date,.item-card.selected .item-icon{color:var(--text-secondary)}.item-checkbox-container{flex-shrink:0;display:flex;align-items:center;padding-right:var(--spacing-xs)}.item-details{flex-grow:1;display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.item-icon{flex-shrink:0;color:var(--icon-color);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--border-radius-sm);background-color:var(--surface-hover);transition:color var(--transition-speed),background-color var(--transition-speed)}.item-icon .material-symbols-outlined{font-size:1.3rem}.item-icon svg{width:20px;height:20px;fill:currentColor}.item-content{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:2px}.item-title{margin-bottom:0;color:var(--text-primary);font-family:Noto Sans,sans-serif;font-size:.9rem;font-weight:500;line-height:1.3;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-speed)}.item-description{color:var(--text-secondary);font-size:.8rem;line-height:1.4;font-family:Noto Sans,sans-serif;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-speed)}.item-date{font-size:.75rem;color:var(--text-tertiary);margin-top:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-speed)}.item-options-btn{margin-left:auto;flex-shrink:0;background:none;border:none;color:var(--icon-color);cursor:pointer;padding:5px;border-radius:50%;transition:color var(--transition-speed),background-color var(--transition-speed);display:flex;align-items:center;justify-content:center;z-index:2;width:32px;height:32px}.item-options-btn .material-symbols-outlined{font-size:1.25rem}.item-options-btn:hover{color:var(--icon-color-hover);background-color:var(--surface-hover)}.fab-actions-container{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:100;display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto;grid-template-areas:". . fab-ci" "fab-m fab-d fab-cb";gap:var(--spacing-md);align-items:end;justify-items:end;pointer-events:none}.fab-action-btn{-webkit-user-select:none;user-select:none;background:none;border:none;padding:0;cursor:pointer;line-height:0;display:flex;pointer-events:auto;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s}.fab-action-btn[style*="visibility: hidden"]{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:scale(.8) translateY(10px)!important;transition:transform .2s cubic-bezier(.4,0,.2,1) 0s,opacity .2s cubic-bezier(.4,0,.2,1) 0s,visibility 0s linear .2s!important}.fab-action-btn .material-symbols-outlined{font-size:3rem;border-radius:50%;background-color:var(--surface);box-shadow:0 2px 8px var(--shadow);padding:.6rem;display:block;transition:background-color .2s,color .2s,box-shadow .2s}.fab-create-bubble,.fab-create-item{color:var(--primary)}.fab-create-bubble:hover:not([disabled]) .material-symbols-outlined,.fab-create-item:hover:not([disabled]) .material-symbols-outlined{color:var(--text-on-primary);background-color:var(--primary);box-shadow:0 4px 12px var(--shadow-md)}.fab-create-bubble[disabled] .material-symbols-outlined,.fab-create-item[disabled] .material-symbols-outlined{color:var(--text-disabled);background-color:var(--surface-active);box-shadow:none}.fab-create-bubble[disabled],.fab-create-item[disabled]{opacity:.6;pointer-events:none}.fab-move-items{color:var(--text-secondary)}.fab-move-items:hover:not([disabled]) .material-symbols-outlined{color:var(--text-primary);background-color:var(--surface-hover);box-shadow:0 4px 12px var(--shadow-md)}.fab-move-items[disabled]{opacity:.4;pointer-events:none;cursor:default}.fab-delete-items{color:var(--text-secondary)}.fab-delete-items:hover:not([disabled]) .material-symbols-outlined{color:var(--danger);background-color:var(--danger-light-alpha);box-shadow:0 4px 12px var(--shadow-md)}.fab-delete-items[disabled]{opacity:.4;pointer-events:none;cursor:default}.fab-move-items{grid-area:fab-m}.fab-delete-items{grid-area:fab-d}.fab-create-bubble{grid-area:fab-cb}.fab-create-item{grid-area:fab-ci}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1100;opacity:0;visibility:hidden;transition:opacity var(--transition-speed) ease,visibility 0s linear var(--transition-speed)}.modal-overlay.active{opacity:1;visibility:visible;transition-delay:0s}.modal-content{background-color:var(--surface);color:var(--text-primary);padding:0;border-radius:var(--border-radius-md);border:1px solid var(--border-color);box-shadow:0 5px 15px var(--shadow);width:90%;max-width:500px;position:relative;transform:scale(.95) translateY(10px);opacity:0;transition:transform var(--transition-speed) ease,opacity var(--transition-speed) ease,background-color var(--transition-speed),color var(--transition-speed),border-color var(--transition-speed),box-shadow var(--transition-speed)}.modal-overlay.active .modal-content{transform:scale(1) translateY(0);opacity:1}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);transition:border-color var(--transition-speed)}.modal-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);transition:color var(--transition-speed);margin:0}.modal-close-btn{background:none;border:none;font-size:1.5rem;color:var(--icon-color);cursor:pointer;transition:color var(--transition-speed),background-color var(--transition-speed);line-height:1;padding:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{color:var(--icon-color-hover);background-color:var(--surface-hover)}.modal-body{padding:var(--spacing-lg);min-height:100px;transition:color var(--transition-speed)}.modal-body form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form-control{width:100%;padding:.6rem .8rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--surface);outline:none;color:var(--text-primary);font-size:.9rem;transition:border-color var(--transition-speed),box-shadow var(--transition-speed),background-color var(--transition-speed),color var(--transition-speed);box-sizing:border-box}textarea.form-control{min-height:80px;resize:vertical;padding-top:.6rem;padding-bottom:.6rem}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-focus-alpha);background-color:var(--surface)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);background-color:var(--surface);border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md);transition:background-color var(--transition-speed),border-color var(--transition-speed)}.modal-footer button{padding:.5rem 1rem;font-size:.85rem;font-weight:500;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-speed);height:36px;line-height:1.2}.btn-primary{background-color:var(--primary);color:var(--text-on-primary);border:1px solid var(--primary)}.btn-primary:hover{background-color:var(--menu-item-hover);border-color:var(--menu-item-hover)}.btn-secondary{background-color:var(--surface-hover);color:var(--text-primary);border:1px solid var(--border-color-hover)}.btn-secondary:hover{background-color:var(--surface-active);border-color:var(--border-color)}.btn-danger{background-color:var(--danger);color:var(--text-on-primary);border:1px solid var(--danger)}.btn-danger:hover{background-color:#c82333;border-color:#bd2130}.notification-panel{position:fixed;top:calc(var(--header-height) + var(--spacing-sm));right:var(--spacing-md);width:350px;max-width:calc(100vw - var(--spacing-md) * 2);background-color:var(--surface);color:var(--text-primary);border-radius:var(--border-radius-md);box-shadow:0 4px 15px var(--shadow);z-index:1050;border:1px solid var(--border-color);overflow:hidden;max-height:calc(100vh - var(--header-height) - var(--spacing-md) * 2);display:flex;flex-direction:column;transition:background-color var(--transition-speed),color var(--transition-speed),border-color var(--transition-speed),box-shadow var(--transition-speed)}.panel-header{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);background-color:var(--surface-hover);transition:background-color var(--transition-speed),border-color var(--transition-speed)}.panel-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);transition:color var(--transition-speed)}.notification-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex-grow:1}.notification-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);position:relative;transition:border-color var(--transition-speed)}.notification-item:last-child{border-bottom:none}.notification-item .icon{font-size:1.5rem;color:var(--primary);margin-top:2px;flex-shrink:0;transition:color var(--transition-speed)}.notification-item .content{flex-grow:1}.notification-item p{margin:0 0 var(--spacing-xs) 0;font-size:.875rem;color:var(--text-primary);line-height:1.4;transition:color var(--transition-speed)}.notification-item strong{font-weight:700}.notification-item .actions{margin-top:var(--spacing-xs);display:flex;gap:var(--spacing-sm)}.notification-item button{padding:.3rem .8rem;border-radius:var(--border-radius-sm);border:none;cursor:pointer;font-size:.75rem;font-weight:500;transition:background-color .2s,opacity .2s,color .2s,border-color .2s}.notification-item .btn-accept{background-color:var(--primary);color:var(--text-on-primary)}.notification-item .btn-accept:hover{background-color:var(--menu-item-hover)}.notification-item .btn-reject{background-color:var(--surface-active);color:var(--text-primary);border:1px solid var(--border-color)}.notification-item .btn-reject:hover{background-color:var(--surface-hover);opacity:1}.notification-item .btn-dismiss{background:none;border:none;color:var(--icon-color);padding:0;line-height:1;margin-left:auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.notification-item .btn-dismiss:hover{color:var(--danger);background-color:var(--danger-light-alpha)}.notification-item .btn-dismiss .material-symbols-outlined{font-size:1.1rem}.notification-item .timestamp{position:absolute;top:var(--spacing-sm);right:var(--spacing-md);font-size:.7rem;color:var(--text-tertiary);transition:color var(--transition-speed)}.no-notifications{padding:var(--spacing-lg) var(--spacing-md);text-align:center;color:var(--text-secondary);font-style:italic;background-color:var(--surface);border-radius:var(--border-radius-sm);border:1px dashed var(--border-color);margin:var(--spacing-sm);transition:color var(--transition-speed),background-color var(--transition-speed),border-color var(--transition-speed)}.username-change-request-form{display:flex;flex-direction:column;gap:var(--spacing-md);background-color:var(--surface-hover);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md)}.username-change-request-form h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.username-change-request-form .form-help-text{font-size:.8rem;color:var(--text-secondary);margin-top:calc(var(--spacing-md) * -.5);margin-bottom:var(--spacing-sm)}.username-change-request-form .btn-primary{align-self:flex-start}body.quick-mode-active .item-card-dashboard{cursor:pointer}body.quick-mode-active .item-card-dashboard:hover{background-color:var(--surface-active)}body.quick-mode-active .item-internal-actions{display:none}body.quick-mode-active .item-external-controls{position:relative;z-index:2}body.quick-mode-active .sub-item-card{cursor:pointer;transition:background-color var(--transition-speed)}body.quick-mode-active .sub-item-card:hover{background-color:var(--surface-active)}@media (max-width: 900px){.user-actions-item span.dashboard-user-name{display:none}.logo svg{height:1.8rem}.search-container.top{max-width:200px;margin:0 var(--spacing-sm)}.user-actions{gap:var(--spacing-sm)}.bubble-management-controls,.item-search-sort{gap:var(--spacing-md)}}@media (max-width: 768px){.sidebar{transform:translate(-100%);box-shadow:none}.sidebar.active{transform:translate(0);box-shadow:4px 0 15px #0003}.wrapper-main{min-height:calc(100vh - var(--header-height));border-radius:0;box-shadow:none;padding:var(--spacing-md);border:none}.main-content{margin-left:0;padding:0}.top-bar{padding:0 var(--spacing-sm)}.search-container.top{display:block;max-width:150px}.dashboard-user-name{display:none}.dashboard-controls{gap:var(--spacing-sm);padding:var(--spacing-sm);flex-direction:column;align-items:stretch}.bubble-management-controls{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.bubble-management-controls>div{min-width:unset!important;flex-basis:auto!important}.filters{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.filter-group{align-items:stretch}.filter-group-title{text-align:left}.filter-buttons{flex-direction:column;gap:var(--spacing-xs)}.filter-btn{width:100%;text-align:center;padding-top:.6rem;padding-bottom:.6rem}.sort-controls{width:auto;align-items:stretch}.sort-controls label,.sort-controls select.control-select{width:100%}.bubble-card{width:240px;min-width:240px}.item-search-sort{flex-direction:column;align-items:stretch;gap:var(--spacing-sm);min-width:unset}.search-container.items{max-width:none}.item-search-sort .sort-controls{min-width:unset}button,a,.filter-btn,.bubble-card,.item-card input[type=checkbox],.item-card .item-options-btn,label[for=check-all-items],label[for^=sort-],select,.menu-item a,.menu-item-2 a{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}input[type=text],input[type=password],input[type=email],input[type=number],textarea,.form-control{user-select:auto;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto}.notification-panel{right:var(--spacing-sm);top:calc(var(--header-height) + var(--spacing-sm))}}@media (max-width: 480px){.filter-btn{padding:.4rem .8rem;font-size:.75rem}.bubble-card{width:200px;min-width:200px;padding:var(--spacing-sm)}.bubble-card h3{font-size:.9rem;gap:var(--spacing-xs)}.bubble-card h3 .material-symbols-outlined{font-size:1.1rem}.bubble-info{font-size:.75rem}.section-title{font-size:1.4rem}.section-subtitle{font-size:1.1rem}.item-card{padding:var(--spacing-sm);gap:var(--spacing-sm)}.item-title{font-size:.85rem}.item-description,.item-date{font-size:.75rem}.item-icon{width:32px;height:32px}.item-icon .material-symbols-outlined{font-size:1.1rem}.item-options-btn{width:28px;height:28px;padding:3px}.item-options-btn .material-symbols-outlined{font-size:1.1rem}.icon-btn{width:32px;height:32px}.icon-btn .material-symbols-outlined{font-size:1.1rem}.default-btn,.modal-footer button{height:32px;padding:0 .8rem;font-size:.8rem}.default-btn .material-symbols-outlined{font-size:1rem}.search-input,.control-select,.form-control{font-size:.85rem;height:36px;padding:0 .8rem}textarea.form-control{height:auto;min-height:70px;padding-top:.6rem;padding-bottom:.6rem}.control-select{padding-right:2.2rem;background-size:1.3em 1.3em;line-height:34px}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-md)}.modal-footer{flex-direction:column-reverse;gap:var(--spacing-sm)}.modal-footer button{width:100%}.notification-panel{width:calc(100vw - var(--spacing-md) * 2)}}button,a,.filter-btn,.bubble-card,.item-card input[type=checkbox],.item-card .item-options-btn,label[for=check-all-items],label[for^=sort-],select,.menu-item a,.menu-item-2 a{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}input[type=text],input[type=password],input[type=email],input[type=number],textarea,.form-control{user-select:auto;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto}.filter-btn,.bubble-card,.item-card input[type=checkbox],.item-card .item-options-btn,label[for=check-all-items],label[for^=sort-],select,.menu-item a,.menu-item-2 a,.add-bubble-button{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}input[type=text],input[type=password],input[type=email],input[type=number],textarea{user-select:auto;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto}.profile-picture-editor-container{position:relative;cursor:pointer;display:inline-block;border-radius:var(--profile-avatar-border-radius, 50%);overflow:hidden}.profile-picture-editor-container .change-picture-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000008c;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s var(--transition-ease),visibility 0s linear .2s;pointer-events:none}.profile-picture-editor-container .change-picture-overlay .material-symbols-outlined{color:#fff;font-size:2.8rem;font-variation-settings:"FILL" 1;text-shadow:0 1px 3px rgba(0,0,0,.3)}@media (hover: hover){.profile-picture-editor-container:hover .change-picture-overlay{opacity:1;visibility:visible;transition-delay:0s}}