:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.menu-button{margin:1%}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}#root{max-width:100%;margin:0;padding:1rem;text-align:left}.app-container{width:100%;min-width:1000px}.global-search{margin-bottom:1rem;margin-top:1rem}.global-search input{width:100%;padding:10px 14px;font-size:.95rem;border:1px solid #45475a;border-radius:6px;background:#1e1e2e;color:#cdd6f4;outline:none;box-sizing:border-box}.global-search input:focus{border-color:#89b4fa}.grid-box{height:100%;display:flex;flex-direction:column;background:#1e1e2e;border:1px solid #383850;border-radius:8px;overflow:hidden}.grid-box-header{position:sticky;top:0;z-index:1;background:#2a2a3d;padding:8px 12px;cursor:grab;flex-shrink:0}.grid-box-header:active{cursor:grabbing}.grid-box-header h3{margin:0 0 6px;font-size:.9rem;font-weight:600;color:#cdd6f4}.grid-box-controls{display:flex;gap:6px}.grid-box-controls input,.grid-box-controls select{flex:1;padding:4px 8px;font-size:.78rem;border:1px solid #45475a;border-radius:4px;background:#313244;color:#cdd6f4;outline:none}.grid-box-controls input:focus,.grid-box-controls select:focus{border-color:#89b4fa}.grid-box-table-wrapper{flex:1;overflow:auto}.grid-box table{width:100%;border-collapse:collapse;font-size:.78rem}.grid-box thead{position:sticky;top:0;z-index:1}.grid-box th{background:#313244;color:#a6adc8;text-align:left;padding:6px 10px;font-weight:600;border-bottom:1px solid #45475a;white-space:nowrap}.grid-box td{padding:5px 10px;border-bottom:1px solid #313244;color:#cdd6f4;white-space:nowrap}.grid-box tbody tr:hover{background:#313244}.react-grid-item>.react-resizable-handle:after{border-color:#585b70!important}@media(prefers-color-scheme:light){.global-search input{background:#fff;border-color:#ccc;color:#333}.global-search input:focus{border-color:#4a90d9}.grid-box{background:#fff;border-color:#ddd}.grid-box-header{background:#f5f5f5}.grid-box-header h3{color:#333}.grid-box-controls input,.grid-box-controls select{background:#fff;border-color:#ccc;color:#333}.grid-box-controls input:focus,.grid-box-controls select:focus{border-color:#4a90d9}.grid-box th{background:#f0f0f0;color:#666;border-bottom-color:#ddd}.grid-box td{color:#333;border-bottom-color:#eee}.grid-box tbody tr:hover{background:#f8f8f8}}.task-view{max-width:960px;margin:0 auto;text-align:left}.task-view h1{font-size:1.8em;margin-bottom:1.5rem}.task-search{width:100%;box-sizing:border-box;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.6rem .8rem;font-family:inherit;font-size:.95rem;color:inherit;margin-bottom:1.5rem;transition:border-color .2s}.task-search:focus{outline:none;border-color:#646cff}.task-form{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-top:2rem}.task-form .form-field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.task-form label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.task-form input,.task-form textarea{background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.6rem .8rem;font-family:inherit;font-size:.95rem;color:inherit;transition:border-color .2s}.task-form input:focus,.task-form textarea:focus{outline:none;border-color:#646cff}.task-form textarea{min-height:80px;resize:vertical}.task-form button{width:100%;padding:.7em 1.2em;background:#646cff;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s}.task-form button:hover{background:#535bf2}.task-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.task-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1rem 1.25rem;transition:border-color .2s}.task-card:hover{border-color:#ffffff40}.task-card strong{font-size:1.05rem}.task-card p{margin:.4rem 0 .6rem;opacity:.8;font-size:.9rem;line-height:1.4}.task-card time{font-size:.78rem;opacity:.5}.task-content{position:relative;min-height:80px}.task-spinner-container{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:1}.task-list--loading{opacity:.3;pointer-events:none}.task-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.15);border-top-color:#646cff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.task-empty{text-align:center;opacity:.4;padding:2rem 0;font-size:.95rem}@media(prefers-color-scheme:light){.task-search{background:#fff;border-color:#00000026}.task-spinner{border-color:#0000001a;border-top-color:#646cff}.task-form{background:#00000008;border-color:#0000001a}.task-form input,.task-form textarea{background:#fff;border-color:#00000026}.task-card{background:#00000008;border-color:#0000001a}.task-card:hover{border-color:#00000040}}