.modern-widget-dashboard{padding:20px 0}.dashboard-header{justify-content:flex-end;align-items:center;max-width:1400px;margin:0 auto 20px;padding:0 8px;display:flex}.layout-toggle-btn{border:2px solid var(--primary);color:var(--primary);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.layout-toggle-btn:hover{background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0f766e4d}.modern-widget-grid{max-width:1400px;margin:0 auto}.modern-widget-grid.layout-masonry{column-count:4;column-gap:16px}.modern-widget-grid.layout-masonry .widget-cell,.modern-widget-grid.layout-masonry .widget-cell-empty{break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid;width:100%;margin-bottom:16px}.modern-widget-grid.layout-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.modern-widget-grid.layout-grid .widget-cell,.modern-widget-grid.layout-grid .widget-cell-empty{margin-bottom:0}.widget-cell{cursor:grab;background:#fff;border:2px solid #e5e7eb;border-radius:16px;flex-direction:column;min-height:auto;transition:all .2s;display:flex;position:relative;overflow:hidden}.widget-cell:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a1f}.widget-cell.is-dragging{opacity:.5;cursor:grabbing}.widget-cell.is-pinned{border-width:3px;border-color:var(--primary);box-shadow:0 4px 16px #0f766e33}.widget-cell.is-minimized{height:auto!important;min-height:auto!important;max-height:52px!important;overflow:hidden!important}.widget-cell.is-minimized .widget-content{flex:0 0 0!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}.widget-cell-empty{cursor:default;background:0 0;border:2px dashed #d1d5db;justify-content:center;align-items:center;min-height:160px;transition:all .2s;display:flex}.widget-cell-empty:hover{border-color:var(--primary);box-shadow:none;background:#0f766e05;transform:none}.widget-add-menu{position:relative}.widget-add-trigger{background:linear-gradient(135deg,var(--primary)0%,var(--primary-light)100%);cursor:pointer;border:none;border-radius:50%;width:64px;height:64px;transition:all .3s;box-shadow:0 4px 16px #0f766e4d}.widget-add-trigger:hover{transform:scale(1.1)rotate(90deg);box-shadow:0 8px 24px #0f766e66}.add-icon{color:#fff;font-size:32px;font-weight:300;line-height:1;display:block}.widget-add-dropdown{opacity:0;visibility:hidden;z-index:1000;background:#fff;border-radius:12px;min-width:200px;padding:8px;transition:all .2s;position:fixed;box-shadow:0 12px 32px #0f172a4d}.widget-add-menu:hover .widget-add-dropdown,.widget-add-trigger:focus+.widget-add-dropdown{opacity:1;visibility:visible}.widget-add-dropdown button{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.widget-add-dropdown button:hover{background:var(--primary-bg);color:var(--primary)}.widget-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex}.widget-title-container{flex:1;min-width:0}.widget-title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:700;overflow:hidden}.widget-title-input{border:none;border-bottom:2px solid var(--primary);background:0 0;outline:none;width:100%;padding:4px;font-size:16px;font-weight:700}.widget-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.widget-header-btn{cursor:pointer;background:0 0;border:1px solid #0000001a;border-radius:4px;justify-content:center;align-items:center;padding:4px 6px;font-size:12px;transition:all .2s;display:flex}.widget-header-btn:hover{border-color:var(--primary);background:#0000000d}.pin-indicator{flex-shrink:0;font-size:16px}.widget-content{cursor:default;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1;padding:14px 16px;overflow:hidden auto}.bookmark-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bookmark-item{background:#00000005;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:background .2s;display:flex}.bookmark-item:hover{background:#0f766e14}.bookmark-icon{object-fit:contain;flex-shrink:0;width:16px;height:16px}.bookmark-item a{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;text-decoration:none;overflow:hidden}.bookmark-empty{color:var(--muted);text-align:center;padding:20px;font-size:13px}.note-editor{width:100%}.note-textarea{resize:vertical;width:100%;min-height:150px;color:var(--text);border:none;outline:none;padding:0;font-family:inherit;font-size:14px;line-height:1.6}.todo-editor{width:100%}.todo-progress-container{align-items:center;gap:8px;margin-bottom:12px;display:flex}.todo-progress-bar{background:#0000001a;border-radius:4px;flex:1;height:8px;overflow:hidden}.todo-progress-fill{background:linear-gradient(90deg,var(--primary)0%,var(--primary-light)100%);border-radius:4px;height:100%;transition:width .3s}.todo-progress-text{color:var(--primary);text-align:right;min-width:35px;font-size:12px;font-weight:600}.todo-list-editable{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.todo-list-editable li{background:#00000005;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;transition:background .2s;display:flex}.todo-list-editable li:hover{background:#0000000a}.todo-list-editable li.completed{opacity:.6}.todo-list-editable input[type=checkbox]{cursor:pointer;flex-shrink:0}.todo-text-input{background:0 0;border:none;outline:none;flex:1;font-size:13px}.todo-delete-btn{cursor:pointer;opacity:.5;background:0 0;border:none;padding:0 4px;font-size:16px;transition:opacity .2s}.todo-delete-btn:hover{opacity:1;color:#dc2626}.todo-add-btn{cursor:pointer;background:0 0;border:1px dashed #0003;border-radius:6px;width:100%;margin-top:8px;padding:8px;font-size:13px;transition:all .2s}.todo-add-btn:hover{border-color:var(--primary);color:var(--primary);background:#00000005}.note-preview{color:var(--text)}.note-preview p{color:var(--text);margin:0 0 8px;font-size:14px;line-height:1.6}.note-preview small{color:var(--muted);font-size:12px;font-style:italic}.todo-preview{font-size:14px}.todo-empty{color:var(--muted);text-align:center;margin:0;padding:20px;font-size:13px}.todo-list-preview{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.todo-list-preview li{background:#00000005;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.todo-list-preview li.completed{opacity:.6}.todo-list-preview li.completed span{text-decoration:line-through}.todo-list-preview input[type=checkbox]{cursor:default;flex-shrink:0}.todo-list-preview span{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.todo-more{color:var(--muted);font-size:12px;font-style:italic;background:0 0!important;padding:4px 8px!important}.widget-context-menu{z-index:1000;background:#fff;border-radius:12px;min-width:220px;max-height:80vh;padding:8px;animation:.15s contextMenuFadeIn;position:fixed;overflow-y:auto;box-shadow:0 12px 32px #0f172a40}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.widget-context-menu button{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.widget-context-menu button:hover{background:var(--bg)}.widget-context-menu button.danger{color:#dc2626}.widget-context-menu button.danger:hover{background:#fee}.context-menu-divider{background:var(--border);height:1px;margin:6px 0}.menu-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:8px 14px 4px;font-size:12px;font-weight:600;display:block}.color-picker-menu{padding:4px 0}.color-options{flex-wrap:wrap;gap:8px;padding:8px 14px;display:flex}.color-option{cursor:pointer;border:2px solid;border-radius:8px;width:32px;height:32px;padding:0;transition:all .2s}.color-option:hover{transform:scale(1.15);box-shadow:0 4px 12px #00000026}@media (max-width:768px){.modern-widget-grid.layout-masonry{column-count:1}.modern-widget-grid.layout-grid{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.modern-widget-grid.layout-masonry{column-count:2}.modern-widget-grid.layout-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px) and (max-width:1400px){.modern-widget-grid.layout-masonry{column-count:3}.modern-widget-grid.layout-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1401px){.modern-widget-grid.layout-masonry{column-count:4}.modern-widget-grid.layout-grid{grid-template-columns:repeat(4,1fr)}}.widget-content::-webkit-scrollbar{width:6px}.widget-content::-webkit-scrollbar-track{background:0 0}.widget-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.widget-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}