#root,body,html{height:100%;min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f7fb;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.data-menu-container{position:relative;z-index:50}.data-menu-trigger{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff80;border:1px solid #fff9;border-radius:100px;box-shadow:0 4px 12px #0f172a0d;box-sizing:border-box;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;height:50px;padding:0 20px;transition:all .2s ease}.dark-mode .data-menu-trigger{background:#0f172a80;border-color:#ffffff1a}.data-menu-trigger:hover{background:#fffc;transform:translateY(-1px)}.dark-mode .data-menu-trigger:hover{background:#1e293bcc}.user-avatar-small{border:1px solid #ffffff80;border-radius:50%;height:26px;object-fit:cover;width:26px}.trigger-user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cloud-icon{color:#3b82f6}.chevron{color:var(--text-light);transition:transform .2s ease}.chevron.open{transform:rotate(180deg)}.data-dropdown{background:var(--bg-color);border:1px solid var(--info-box-border);border-radius:16px;box-shadow:0 10px 40px #0f172a1a;display:flex;flex-direction:column;gap:4px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);width:260px}.dark-mode .data-dropdown{box-shadow:0 10px 40px #00000080}.dropdown-header{align-items:flex-start;background:var(--info-box-bg);border-radius:10px;display:flex;gap:12px;margin-bottom:4px;padding:12px}.text-blue{color:#3b82f6}.text-gray{color:#64748b}.dropdown-user-info{display:flex;flex-direction:column}.dropdown-user-info strong{color:var(--text-color);font-size:.85rem}.dropdown-user-info span{color:var(--text-light);font-size:.75rem;word-break:break-all}.dropdown-divider{background:var(--info-box-border);height:1px;margin:4px 0}.dropdown-section-title{color:var(--text-light);font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:8px 12px 4px;text-transform:uppercase}.dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:10px;padding:10px 12px;text-align:left;transition:background .15s ease;width:100%}.dropdown-item:hover{background:var(--info-box-bg)}.dropdown-item.highlight{color:#3b82f6}.dropdown-item.danger{color:#ef4444}.dropdown-item.highlight:hover{background:#3b82f61a}.dropdown-item.danger:hover{background:#ef44441a}@media (max-width:980px){.data-menu-container{width:100%}.data-menu-trigger{justify-content:center;width:100%}.data-dropdown{left:0;right:0;width:100%}}:root{--bg-color:#f4f7fb;--text-color:#1f2937;--header-color:#111827;--input-bg:#ffffffe6;--task-item-bg:#fffc;--border-color:#0f172a14;--info-box-bg:#fff;--info-box-border:#e5e7eb;--toggle-bg:#e5e7eb;--toggle-active:#2563eb;--transition-speed:0.3s;--color-red-rgb:225,82,82;--color-orange-rgb:235,125,25;--color-green-rgb:46,160,115;--color-blue-rgb:59,130,246;--color-purple-rgb:147,90,225}.container.dark-mode{--bg-color:#0f172a;--text-color:#e2e8f0;--header-color:#fff;--input-bg:#ffffff14;--task-item-bg:#ffffff12;--border-color:#94a3b829;--info-box-bg:#111827;--info-box-border:#1e293b;--toggle-bg:#334155;--toggle-active:#60a5fa}.container{box-sizing:border-box;color:#1f2937;color:var(--text-color);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:18px;height:100dvh;margin:0;overflow:hidden;padding:24px 20px;transition:background .3s ease,color .3s ease;transition:background var(--transition-speed) ease,color var(--transition-speed) ease;width:100%}.container,.container.dark-mode{background:#f4f7fb;background:var(--bg-color)}.header{align-items:flex-start;border-bottom:1px solid #0f172a14;display:flex;gap:24px;justify-content:space-between;padding-bottom:6px}.header-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.header h1{color:#111827;color:var(--header-color);font-size:clamp(1.6rem,2.5vw,2.25rem);font-weight:800;letter-spacing:-.5px;margin:0}.title-container{align-items:center;display:flex;gap:8px;margin-bottom:8px}.editable-title{cursor:pointer;transition:opacity .2s ease}.editable-title:hover{opacity:.8}.title-input{background:#0000;border:2px solid #2563eb;border:2px solid var(--toggle-active);border-radius:8px;color:#111827;color:var(--header-color);font-size:clamp(1.6rem,2.5vw,2.25rem);font-weight:800;letter-spacing:-.5px;min-width:200px;outline:none;padding:4px 8px}.edit-title-btn{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.edit-title-btn:hover{background:#3b82f626;border-color:#3b82f64d;transform:translateY(-1px)}.header-description{color:#2d3748c7;font-size:.95rem;line-height:1.6;margin:8px 0 0;max-width:720px}.container.dark-mode .header-description{color:#e2e8f0c7}.theme-toggle-wrapper{align-items:center;background:#fff;background:var(--info-box-bg);border:1px solid #e5e7eb;border:1px solid var(--info-box-border);border-radius:999px;box-shadow:0 10px 20px #0f172a14;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;gap:10px;height:50px;padding:0 12px}.theme-toggle-input{height:0;opacity:0;position:absolute;width:0}.toggle-icon{align-items:center;background:#e5e7eb;background:var(--toggle-bg);border-radius:50%;color:#1f2937;color:var(--text-color);display:inline-flex;height:34px;justify-content:center;transition:background-color .25s ease,color .25s ease;width:34px}.slider-switch{background-color:#e5e7eb;background-color:var(--toggle-bg);border-radius:999px;display:inline-block;height:24px;position:relative;transition:background-color .25s ease;width:42px}.slider-thumb{background:#fff;border-radius:50%;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .25s ease;width:18px}.theme-toggle-input:checked~.slider-switch{background-color:#2563eb;background-color:var(--toggle-active)}.theme-toggle-input:checked~.slider-switch .slider-thumb{transform:translateX(18px)}.controls button{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:14px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;min-height:44px;padding:11px 16px;transition:transform .15s ease,opacity .2s ease,box-shadow .2s ease}.controls button:hover{box-shadow:0 14px 28px #2563eb2e;transform:translateY(-1px)}.controls button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.info-bar-container{display:none}.save-info-box{align-items:center;background:#fff;background:var(--info-box-bg);border:1px solid #e5e7eb;border:1px solid var(--info-box-border);border-radius:18px;box-shadow:0 14px 30px #0f172a14;display:flex;gap:10px;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.save-info-box.sync-local{background:#6b728014;border-color:#6b72804d}.save-info-box.sync-local .info-icon{background:#6b728026;color:#6b7280}.save-info-box.sync-active{background:#22c55e14;border-color:#22c55e4d}.save-info-box.sync-active .info-icon{background:#22c55e26;color:#22c55e}.save-info-box[role=button]{cursor:pointer}.save-info-box[role=button]:hover{transform:translateY(-1px)}.save-info-box.sync-local[role=button]:hover{background:#6b72801f;border-color:#6b728080;box-shadow:0 18px 35px #6b72801f}.save-info-box.sync-local[role=button]:hover .info-text{color:#6b7280}.info-content{align-items:center;color:#1f2937;color:var(--text-color);display:flex;font-size:.9rem;gap:8px;min-width:0}.info-icon{align-items:center;background:#3b82f61f;border-radius:10px;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.info-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.file-options{border-left:1px solid #6b728033;display:flex;gap:8px;margin-left:12px;padding-left:12px}.file-option-btn{border:none;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.file-option-btn.load-btn{background:#3b82f61a;border:1px solid #3b82f633;color:#2563eb}.file-option-btn.load-btn:hover{background:#3b82f626;border-color:#3b82f64d;transform:translateY(-1px)}.file-option-btn.save-btn{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.file-option-btn.save-btn:hover{background:#22c55e26;border-color:#22c55e4d;transform:translateY(-1px)}.container.dark-mode .file-option-btn.load-btn{background:#60a5fa26;border-color:#60a5fa4d;color:#60a5fa}.container.dark-mode .file-option-btn.load-btn:hover{background:#60a5fa33;border-color:#60a5fa66}.container.dark-mode .file-option-btn.save-btn{background:#34d39926;border-color:#34d3994d;color:#34d399}.container.dark-mode .file-option-btn.save-btn:hover{background:#34d39933;border-color:#34d3994d}.matrix-grid{grid-gap:18px;align-items:stretch;display:grid;flex:1 1 auto;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));min-height:0}.quadrant{background:linear-gradient(0deg,#0000,#0000),#fff;background:linear-gradient(0deg,var(--quadrant-bg,#0000),var(--quadrant-bg,#0000)),#fff;border:1px solid #e5e7eb;border-radius:12px;border-top:4px solid #cbd5e1;border:1px solid var(--info-box-border);border-top:4px solid var(--accent-color,#cbd5e1);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.container.dark-mode .quadrant{background:linear-gradient(0deg,#0000,#0000),#1e293b;background:linear-gradient(0deg,var(--quadrant-bg,#0000),var(--quadrant-bg,#0000)),#1e293b;border-color:#ffffff14;box-shadow:0 4px 6px -1px #0003}.quadrant.color-red{--accent-color:rgb(var(--color-red-rgb));--quadrant-bg:rgba(var(--color-red-rgb),0.05)}.quadrant.color-orange{--accent-color:rgb(var(--color-orange-rgb));--quadrant-bg:rgba(var(--color-orange-rgb),0.05)}.quadrant.color-green{--accent-color:rgb(var(--color-green-rgb));--quadrant-bg:rgba(var(--color-green-rgb),0.05)}.quadrant.color-blue{--accent-color:rgb(var(--color-blue-rgb));--quadrant-bg:rgba(var(--color-blue-rgb),0.05)}.quadrant.color-purple{--accent-color:rgb(var(--color-purple-rgb));--quadrant-bg:rgba(var(--color-purple-rgb),0.05)}.container.dark-mode .quadrant.color-red{--quadrant-bg:rgba(var(--color-red-rgb),0.12)}.container.dark-mode .quadrant.color-orange{--quadrant-bg:rgba(var(--color-orange-rgb),0.12)}.container.dark-mode .quadrant.color-green{--quadrant-bg:rgba(var(--color-green-rgb),0.12)}.container.dark-mode .quadrant.color-blue{--quadrant-bg:rgba(var(--color-blue-rgb),0.12)}.container.dark-mode .quadrant.color-purple{--quadrant-bg:rgba(var(--color-purple-rgb),0.12)}.quadrant:hover{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px rgba(0,0,0,.025);transform:translateY(-2px)}.container.dark-mode .quadrant:hover{box-shadow:0 10px 15px -3px #0000004d}.quadrant-header{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px;min-height:42px}.quadrant-title{color:#1f2937;color:var(--text-color);flex:1 1 auto;font-size:1rem;font-weight:800;letter-spacing:.05em;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.quadrant-count{color:#64748b;font-size:.85rem;font-weight:600;white-space:nowrap}.container.dark-mode .quadrant-count{color:#94a3b8}.quadrant-actions{flex-shrink:0;gap:10px;position:relative}.config-btn,.quadrant-actions{align-items:center;display:flex}.config-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#1f2937;color:var(--text-color);cursor:pointer;justify-content:center;padding:6px;transition:all .2s ease}.config-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.config-section{margin-bottom:12px}.task-list{scrollbar-color:#94a3b8b3 #0000;scrollbar-width:thin}.task-list::-webkit-scrollbar{width:8px}.task-list::-webkit-scrollbar-track{background:#0000}.task-list::-webkit-scrollbar-thumb{background:#94a3b8b3;border-radius:999px}.config-section:last-child{margin-bottom:0}.config-label{color:#1f2937;color:var(--text-color);display:block;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.config-dropdown{background:#fff;background:var(--info-box-bg);border:1px solid #e5e7eb;border:1px solid var(--info-box-border);border-radius:12px;box-shadow:0 20px 40px #0f172a26;margin-top:8px;max-width:420px;min-width:360px;padding:16px;position:absolute;right:0;top:100%;z-index:100}.quadrant-title-input{background:#ffffffe6;background:var(--input-bg);border:1px solid #0f172a14;border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:#1f2937;color:var(--text-color);font-size:.9rem;outline:none;padding:8px 12px;transition:border-color .2s ease;width:100%}.quadrant-title-input:focus{border-color:#2563eb;border-color:var(--toggle-active)}.color-options{display:flex;flex-wrap:wrap;gap:8px}.color-dot{border:2px solid #0000;height:24px;transition:all .2s ease;width:24px}.color-dot:hover{transform:scale(1.1)}.color-dot.active{border-color:#1f2937;border-color:var(--text-color);box-shadow:0 0 0 2px #ffffff4d}.color-dot.color-red{background:#e15252;background:rgb(var(--color-red-rgb))}.color-dot.color-orange{background:#eb7d19;background:rgb(var(--color-orange-rgb))}.color-dot.color-green{background:#2ea073;background:rgb(var(--color-green-rgb))}.color-dot.color-blue{background:#3b82f6;background:rgb(var(--color-blue-rgb))}.color-dot.color-purple{background:#935ae1;background:rgb(var(--color-purple-rgb))}.task-list{flex:1 1 auto;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px}.completed-section,.task-list{display:flex;margin-bottom:14px;min-height:0}.completed-section{flex:0 1 auto;flex-direction:column}.completed-task-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px;scrollbar-color:#94a3b8b3 #0000;scrollbar-width:thin}.completed-task-list::-webkit-scrollbar{width:8px}.completed-task-list::-webkit-scrollbar-track{background:#0000}.completed-task-list::-webkit-scrollbar-thumb{background:#94a3b8b3;border-radius:999px}.completed-toggle-wrapper{display:flex;justify-content:flex-start;margin:0 0 8px}.completed-toggle-btn{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;color:var(--text-light,#64748b);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 8px;transition:background .2s ease,color .2s ease}.completed-toggle-btn:hover{background:#0f172a0d;color:#1f2937;color:var(--text-color)}.dark-mode .completed-toggle-btn:hover{background:#ffffff0d}.task-item{align-items:center;background:#fff;background:var(--info-box-bg);border:1px solid #e5e7eb;border:1px solid var(--info-box-border);border-radius:8px;color:#1f2937;color:var(--text-color);cursor:grab;display:flex;font-size:.95rem;gap:14px;justify-content:space-between;padding:12px 14px;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.task-item:active{cursor:grabbing}.task-item:hover{background:#fffffff0;border-color:#3b82f629;transform:translateX(2px)}.dark-mode .task-item:hover{background:#ffffff14}.task-content{align-items:center;display:flex;flex:1 1 auto;gap:12px;min-width:0}.task-content span{min-width:0;overflow-wrap:anywhere}.task-checkbox{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;justify-content:center;margin:0;padding:0;transition:transform .15s ease,color .15s ease}.task-checkbox:hover{color:#2563eb;color:var(--toggle-active);transform:scale(1.1)}.task-checkbox:focus-visible{border-radius:4px;outline:2px solid #2563eb;outline:2px solid var(--toggle-active);outline-offset:2px}.task-icon{flex-shrink:0;opacity:.8}.task-item.completed span{opacity:.55;text-decoration:line-through}.task-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.delete-task,.edit-task{align-items:center;background:#0000;border:none;border-radius:6px;color:#1f2937;color:var(--text-color);cursor:pointer;display:flex;justify-content:center;opacity:.4;padding:4px;transition:opacity .2s ease,background-color .2s ease,color .2s ease,transform .1s ease}.task-item:hover .delete-task,.task-item:hover .edit-task{opacity:.7}.edit-task:hover{background-color:#3b82f61a;color:#2563eb;color:var(--toggle-active)}.delete-task:hover,.edit-task:hover{opacity:1!important;transform:scale(1.1)}.delete-task:hover{background-color:#ef44441a;color:#ef4444}.edit-task.editing{background-color:#10b9811a;color:#10b981;opacity:1!important}.edit-task.editing:hover{background-color:#10b98133}.task-item.dragging{background:#3b82f61a;box-shadow:0 8px 16px #3b82f64d;cursor:grabbing;opacity:.5;transform:scale(.98)!important}.task-list.drag-over{background:#3b82f614;border:2px dashed #3b82f666;border-radius:18px;padding:8px;transition:all .2s ease}.drop-indicator{animation:dropPulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#3b82f6cc,#3b82f666,#3b82f6cc);border-radius:1px;height:2px;margin:8px 0}@keyframes dropPulse{0%,to{box-shadow:0 0 0 0 #3b82f666;opacity:.6}50%{box-shadow:0 0 8px 2px #3b82f633;opacity:1}}.task-input-container{position:relative;width:100%}.task-input-container input{background:#ffffffe6;background:var(--input-bg);border:1px solid #0f172a1f;border-radius:8px;box-sizing:border-box;color:#1f2937;color:var(--text-color);min-height:44px;outline:none;padding:12px 14px 12px 40px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.task-input-container input::placeholder{color:#1f29378c}.container.dark-mode .task-input-container input::placeholder{color:#e2e8f08c}.task-input-container input:focus{border-color:#2563eb;border-color:var(--toggle-active);box-shadow:0 0 0 4px #2563eb1f}.task-edit-input{background:#ffffffe6;background:var(--input-bg);border:1px solid #3b82f680;border-radius:6px;color:#1f2937;color:var(--text-color);font-family:inherit;font-size:.95rem;outline:none;padding:6px 10px;transition:all .2s ease;width:100%}.task-edit-input:focus{border-color:#2563eb;border-color:var(--toggle-active);box-shadow:0 0 0 3px #2563eb26}.input-icon{left:14px;opacity:.55;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.color-presets{display:flex;gap:8px}.color-dot{border:2px solid #ffffffbf;border-radius:50%;cursor:pointer;height:18px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;width:18px}.color-dot.active{border-color:#0f172ae6;box-shadow:0 0 0 3px #3b82f62e;transform:scale(1.15)}.dark-mode .color-dot.active{border-color:#fff}.color-red{background-color:var(--color-red)}.color-orange{background-color:var(--color-orange)}.color-green{background-color:var(--color-green)}.color-blue{background-color:var(--color-blue)}.color-purple{background-color:var(--color-purple)}.status-bar{color:#1f2937;color:var(--text-color);font-size:.8rem;margin-top:10px;text-align:right}.save-toast{background:#10b981;border-radius:12px;bottom:24px;box-shadow:0 10px 25px #10b98140;color:#fff;font-size:.95rem;font-weight:600;padding:14px 20px;pointer-events:none;position:fixed;right:24px;z-index:9999}@media (max-width:980px){.matrix-grid{display:flex;flex-direction:column;gap:20px;overflow-x:hidden;overflow-y:auto;padding-bottom:24px;padding-right:8px;scrollbar-color:#94a3b8b3 #0000;scrollbar-width:thin}.matrix-grid::-webkit-scrollbar{width:6px}.matrix-grid::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:999px}.quadrant{max-height:500px;min-height:400px}}@media (max-width:680px){.container{padding:16px 12px}.header{align-items:center;flex-direction:row;gap:12px;justify-content:space-between;padding-bottom:10px}.header h1{font-size:1.15rem;font-weight:800;letter-spacing:-.3px}.header-description{color:#64748bd9;display:block!important;font-size:.72rem;margin-top:2px}.header-right{flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:flex-end;width:auto}.theme-toggle-wrapper{border-radius:50%;box-shadow:0 2px 6px #0000000a;height:36px;justify-content:center;padding:0;width:36px}.toggle-icon{background:#0000;height:100%;width:100%}.slider-switch{display:none}.data-menu-container,.data-menu-trigger{width:auto!important}.data-menu-trigger{border-radius:999px!important;font-size:.8rem;height:36px!important;padding:0 10px!important}.data-menu-trigger span{display:none!important}.data-dropdown{left:auto!important;right:0!important;width:260px!important}.save-info-box{flex:1 1;justify-content:center;min-width:220px}}@media (max-width:520px){.quadrant{border-radius:20px;padding:16px}.task-input-container input{font-size:16px;min-height:46px}.header h1{font-size:1.4rem}.header-description{font-size:.85rem}.file-options{flex-direction:column;gap:6px;margin-left:8px;padding-left:8px}.file-option-btn{text-align:center;width:100%}.config-dropdown{max-width:calc(100vw - 40px);min-width:260px;right:-10px}}.mobile-quadrant-tabs{display:none}@media (max-width:980px){.mobile-quadrant-tabs{-ms-overflow-style:none;display:flex;flex-shrink:0;gap:8px;margin-bottom:2px;overflow-x:auto;padding:6px 4px 10px;scrollbar-width:none}.mobile-quadrant-tabs::-webkit-scrollbar{display:none}.mobile-tab-btn{align-items:center;background:#fff;background:var(--info-box-bg);border:1px solid #e5e7eb;border:1px solid var(--info-box-border);border-radius:999px;box-shadow:0 2px 5px #0000000a;color:#1f2937;color:var(--text-color);cursor:pointer;display:flex;font-size:.82rem;font-weight:600;gap:8px;padding:8px 14px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.tab-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.mobile-tab-btn.color-red .tab-dot{background-color:#e15252;background-color:rgb(var(--color-red-rgb))}.mobile-tab-btn.color-orange .tab-dot{background-color:#eb7d19;background-color:rgb(var(--color-orange-rgb))}.mobile-tab-btn.color-green .tab-dot{background-color:#2ea073;background-color:rgb(var(--color-green-rgb))}.mobile-tab-btn.color-blue .tab-dot{background-color:#3b82f6;background-color:rgb(var(--color-blue-rgb))}.mobile-tab-btn.color-purple .tab-dot{background-color:#935ae1;background-color:rgb(var(--color-purple-rgb))}.mobile-tab-btn.active{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.mobile-tab-btn.color-red.active{background-color:#e152521f;background-color:rgba(var(--color-red-rgb),.12);border-color:#e15252;border-color:rgb(var(--color-red-rgb));color:#e15252;color:rgb(var(--color-red-rgb))}.mobile-tab-btn.color-orange.active{background-color:#eb7d191f;background-color:rgba(var(--color-orange-rgb),.12);border-color:#eb7d19;border-color:rgb(var(--color-orange-rgb));color:#eb7d19;color:rgb(var(--color-orange-rgb))}.mobile-tab-btn.color-green.active{background-color:#2ea0731f;background-color:rgba(var(--color-green-rgb),.12);border-color:#2ea073;border-color:rgb(var(--color-green-rgb));color:#2ea073;color:rgb(var(--color-green-rgb))}.mobile-tab-btn.color-blue.active{background-color:#3b82f61f;background-color:rgba(var(--color-blue-rgb),.12);border-color:#3b82f6;border-color:rgb(var(--color-blue-rgb));color:#3b82f6;color:rgb(var(--color-blue-rgb))}.mobile-tab-btn.color-purple.active{background-color:#935ae11f;background-color:rgba(var(--color-purple-rgb),.12);border-color:#935ae1;border-color:rgb(var(--color-purple-rgb));color:#935ae1;color:rgb(var(--color-purple-rgb))}.mobile-tab-btn.all-tab.active{background-color:#2563eb;background-color:var(--toggle-active);border-color:#2563eb;border-color:var(--toggle-active);color:#fff}.tab-count{background:#0f172a0f;border-radius:999px;color:#1f2937;color:var(--text-color);font-size:.72rem;font-weight:700;min-width:14px;padding:1px 6px;text-align:center;transition:all .2s ease}.mobile-tab-btn.active .tab-count{background:#ffffff59}.mobile-tab-btn.all-tab.active .tab-count{background:#ffffff40;color:#fff}.dark-mode .tab-count{background:#ffffff1a}.dark-mode .mobile-tab-btn.all-tab.active .tab-count{background:#ffffff40}.quadrant.mobile-hidden{display:none!important}.matrix-grid.single-tab-active{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding-bottom:8px}.matrix-grid.single-tab-active .quadrant{display:flex;flex:1 1;flex-direction:column;height:100%;margin:0;max-height:none;min-height:0}}
/*# sourceMappingURL=main.59298ebb.css.map*/