body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.tree-con .pipe-v{position:absolute;width:calc(100% - 1em);height:calc(100% - 1.1em);border:1px solid #505050;border-right:none;border-bottom:none;left:.5em;top:0;pointer-events:none;border-top:none!important}.tree-con .pipe-h{height:1px;width:1em;border-bottom:1px solid #444;position:absolute;top:.9em;z-index:0;left:-.5em;pointer-events:none}.app-con .modal-junior{width:100%;height:100%;background-color:#000;opacity:.92;position:absolute;border-radius:.2em;top:0;left:0;display:flex;pointer-events:fill;place-content:center;align-items:center;z-index:1}.rich-text-editor{display:flex;flex-direction:column;border:1px solid #444;border-radius:.4em;background:#1e1e1e;overflow:hidden}.rich-text-editor .toolbar{display:flex;flex-wrap:wrap;gap:.25em;padding:.5em;background:#2a2a2a;border-bottom:1px solid #444}.rich-text-editor .toolbar button{display:flex;align-items:center;justify-content:center;width:2em;height:2em;border:none;border-radius:.25em;background:transparent;color:#aaa;cursor:pointer;transition:all .15s ease}.rich-text-editor .toolbar button:hover:not(:disabled){background:#3a3a3a;color:#fff}.rich-text-editor .toolbar button.active{background:#4a4a4a;color:#fff}.rich-text-editor .toolbar button:disabled{opacity:.4;cursor:not-allowed}.rich-text-editor .toolbar button svg{font-size:.9em}.rich-text-editor .toolbar .separator{width:1px;background:#444;margin:0 .25em}.rich-text-editor .editor-content{min-height:120px;max-height:300px;overflow-y:auto;padding:.75em;color:#eee}.rich-text-editor .editor-content .tiptap{outline:none;min-height:100px}.rich-text-editor .editor-content .tiptap p{margin:0 0 .5em}.rich-text-editor .editor-content .tiptap p:last-child{margin-bottom:0}.rich-text-editor .editor-content .tiptap ul,.rich-text-editor .editor-content .tiptap ol{padding-inline-start:1.5em;margin:.5em 0}.rich-text-editor .editor-content .tiptap li{margin:.25em 0}.rich-text-editor .editor-content .tiptap a{color:#6ea8fe;text-decoration:underline}.rich-text-editor .editor-content .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#666;pointer-events:none;height:0}.light-theme .rich-text-editor{background:#fff;border-color:#ddd}.light-theme .rich-text-editor .toolbar{background:#f5f5f5;border-color:#ddd}.light-theme .rich-text-editor .toolbar button{color:#666}.light-theme .rich-text-editor .toolbar button:hover:not(:disabled){background:#eee;color:#333}.light-theme .rich-text-editor .toolbar button.active{background:#ddd;color:#333}.light-theme .rich-text-editor .toolbar .separator{background:#ddd}.light-theme .rich-text-editor .editor-content{color:#333}.light-theme .rich-text-editor .editor-content .tiptap a{color:#06c}.light-theme .rich-text-editor .editor-content .tiptap p.is-editor-empty:first-child:before{color:#999}.item-details-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1em}.item-details-modal{background:#2d2d2d;border-radius:.5em;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 24px #0006;overflow:hidden}.item-details-modal .modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1em 1em .75em;border-bottom:1px solid #444;gap:1em}.item-details-modal .modal-header .close-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.5em;height:2.5em;border:none;border-radius:.25em;background:transparent;color:#aaa;cursor:pointer;transition:all .15s ease}.item-details-modal .modal-header .close-btn:hover{background:#3a3a3a;color:#fff}.item-details-modal .modal-body{flex:1;overflow-y:auto;padding:1em;display:flex;flex-direction:column;gap:1.25em}.item-details-modal .modal-footer{padding:.75em 1em;border-top:1px solid #444;display:flex;justify-content:flex-end;align-items:center;min-height:2.5em}.item-details-modal .modal-footer .saving-indicator{color:#3b82f6;font-size:.85em}.item-details-modal .modal-footer .last-modified{color:#666;font-size:.8em}.title-section{flex:1;min-width:0}.title-section .title-display{display:flex;align-items:center;gap:.5em;cursor:pointer;padding:.25em;border-radius:.25em;transition:background .15s ease}.title-section .title-display:hover{background:#3a3a3a}.title-section .title-display:hover .edit-btn{opacity:1;color:#fff}.title-section .title-display .title-text{margin:0;font-size:1.25em;font-weight:600;color:#eee;word-break:break-word}.title-section .title-display .edit-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.75em;height:1.75em;border:none;background:transparent;color:#555;cursor:pointer;opacity:1;transition:all .15s ease}.title-section .title-edit{display:flex;align-items:center;gap:.5em}.title-section .title-edit .title-input{flex:1;min-width:0;padding:.5em;font-size:1.25em;font-weight:600;border:1px solid #4a4a4a;border-radius:.25em;background:#1e1e1e;color:#eee;outline:none}.title-section .title-edit .title-input:focus{border-color:#3b82f6}.title-section .title-edit .btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2em;height:2em;border:none;border-radius:.25em;cursor:pointer;transition:all .15s ease}.title-section .title-edit .btn.save-btn{background:#22c55e;color:#fff}.title-section .title-edit .btn.save-btn:hover{background:#16a34a}.title-section .title-edit .btn.cancel-btn{background:#4a4a4a;color:#eee}.title-section .title-edit .btn.cancel-btn:hover{background:#5a5a5a}.status-section .section-label{display:block;font-size:.85em;font-weight:500;color:#888;margin-bottom:.5em}.status-section .status-dropdown{position:relative;display:inline-flex;align-items:center}.status-section .status-dropdown select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.5em 2.5em .5em .75em;font-size:.95em;border:2px solid;border-radius:.35em;background:#1e1e1e;color:#eee;cursor:pointer;outline:none;transition:border-color .15s ease}.status-section .status-dropdown select:focus{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.status-section .status-dropdown select option{background:#2d2d2d;color:#eee}.status-section .status-dropdown .status-indicator{position:absolute;right:.75em;width:.6em;height:.6em;border-radius:50%;pointer-events:none}.date-section{display:flex;gap:1.5em;align-items:flex-end}.date-section .date-field,.date-section .for-today-field{display:flex;flex-direction:column;gap:.5em}.date-section .section-label{display:block;font-size:.85em;font-weight:500;color:#888}.date-section .date-input{padding:.5em .75em;font-size:.95em;border:2px solid #444;border-radius:.35em;background:#1e1e1e;color:#eee;cursor:pointer;outline:none;transition:border-color .15s ease;color-scheme:dark}.date-section .date-input:focus{border-color:#3b82f6}.date-section .for-today-btn{display:inline-flex;align-items:center;gap:.4em;padding:.5em .85em;font-size:.9em;border:2px solid #444;border-radius:.35em;background:#1e1e1e;color:#aaa;cursor:pointer;transition:all .15s ease}.date-section .for-today-btn:hover{border-color:#f59e0b;color:#f59e0b}.date-section .for-today-btn.active{border-color:#f59e0b;background:#f59e0b26;color:#f59e0b}.description-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5em}.description-section .section-header .section-label{font-size:.85em;font-weight:500;color:#888;margin:0}.description-section .section-header .edit-btn{display:flex;align-items:center;justify-content:center;width:1.75em;height:1.75em;border:none;border-radius:.25em;background:transparent;color:#888;cursor:pointer;transition:all .15s ease}.description-section .section-header .edit-btn:hover{background:#3a3a3a;color:#fff}.description-section .description-display{min-height:80px;padding:.75em;border:1px solid #444;border-radius:.4em;background:#1e1e1e;cursor:pointer;transition:all .15s ease}.description-section .description-display:hover{border-color:#555;background:#252525}.description-section .description-display.empty{display:flex;align-items:center;justify-content:center}.description-section .description-display .placeholder{color:#666;font-style:italic}.description-section .description-display .description-content{color:#eee;line-height:1.5}.description-section .description-display .description-content p{margin:0 0 .5em}.description-section .description-display .description-content p:last-child{margin-bottom:0}.description-section .description-display .description-content ul,.description-section .description-display .description-content ol{padding-inline-start:1.5em;margin:.5em 0}.description-section .description-display .description-content li{margin:.25em 0}.description-section .description-display .description-content a{color:#6ea8fe;text-decoration:underline}.description-section .description-display .description-content strong{font-weight:600}.description-section .description-display .description-content em{font-style:italic}.description-section .description-edit .edit-actions{display:flex;gap:.5em;margin-top:.75em;justify-content:flex-end}.description-section .description-edit .edit-actions .btn{display:flex;align-items:center;gap:.35em;padding:.5em 1em;border:none;border-radius:.25em;font-size:.9em;cursor:pointer;transition:all .15s ease}.description-section .description-edit .edit-actions .btn.save-btn{background:#22c55e;color:#fff}.description-section .description-edit .edit-actions .btn.save-btn:hover{background:#16a34a}.description-section .description-edit .edit-actions .btn.cancel-btn{background:#4a4a4a;color:#eee}.description-section .description-edit .edit-actions .btn.cancel-btn:hover{background:#5a5a5a}.light-theme .item-details-overlay{background:#00000080}.light-theme .item-details-modal{background:#fff}.light-theme .item-details-modal .modal-header{border-color:#ddd}.light-theme .item-details-modal .modal-header .close-btn{color:#666}.light-theme .item-details-modal .modal-header .close-btn:hover{background:#f0f0f0;color:#333}.light-theme .item-details-modal .modal-footer{border-color:#ddd}.light-theme .item-details-modal .modal-footer .last-modified{color:#999}.light-theme .title-section .title-display:hover{background:#f0f0f0}.light-theme .title-section .title-display .title-text{color:#333}.light-theme .title-section .title-edit .title-input{background:#fff;border-color:#ddd;color:#333}.light-theme .title-section .title-edit .title-input:focus{border-color:#3b82f6}.light-theme .title-section .title-edit .cancel-btn{background:#e0e0e0;color:#333}.light-theme .title-section .title-edit .cancel-btn:hover{background:#d0d0d0}.light-theme .status-section .section-label{color:#666}.light-theme .status-section .status-dropdown select,.light-theme .status-section .status-dropdown select option{background:#fff;color:#333}.light-theme .date-section .section-label{color:#666}.light-theme .date-section .date-input{background:#fff;border-color:#ddd;color:#333;color-scheme:light}.light-theme .date-section .date-input:focus{border-color:#3b82f6}.light-theme .date-section .for-today-btn{background:#fff;border-color:#ddd;color:#666}.light-theme .date-section .for-today-btn:hover{border-color:#f59e0b;color:#d97706}.light-theme .date-section .for-today-btn.active{border-color:#f59e0b;background:#f59e0b1a;color:#d97706}.light-theme .description-section .section-header .section-label,.light-theme .description-section .section-header .edit-btn{color:#666}.light-theme .description-section .section-header .edit-btn:hover{background:#f0f0f0;color:#333}.light-theme .description-section .description-display{background:#fff;border-color:#ddd}.light-theme .description-section .description-display:hover{border-color:#bbb;background:#fafafa}.light-theme .description-section .description-display .placeholder{color:#999}.light-theme .description-section .description-display .description-content{color:#333}.light-theme .description-section .description-display .description-content a{color:#06c}.light-theme .description-section .description-edit .edit-actions .btn.cancel-btn{background:#e0e0e0;color:#333}.light-theme .description-section .description-edit .edit-actions .btn.cancel-btn:hover{background:#d0d0d0}.light-theme .attachments-section .section-header .add-btn{color:#666}.light-theme .attachments-section .section-header .add-btn:hover{background:#f0f0f0;color:#333}.light-theme .attachments-section .empty-state{background:#fff;border-color:#ddd;color:#999}.light-theme .attachments-section .attachments-list .attachment-item{background:#f5f5f5;border-color:#ddd}.light-theme .attachments-section .attachments-list .attachment-item .attachment-icon{background:#e0e0e0;color:#666}.light-theme .attachments-section .attachments-list .attachment-item .attachment-info .attachment-name{color:#333}.light-theme .attachments-section .attachments-list .attachment-item .attachment-info .attachment-size{color:#999}.light-theme .attachments-section .attachments-list .attachment-item .attachment-actions .action-btn{color:#666}.light-theme .attachments-section .attachments-list .attachment-item .attachment-actions .action-btn:hover{background:#e0e0e0;color:#333}.light-theme .attachments-section .attachments-list .attachment-item .attachment-actions .action-btn.delete:hover{background:#fee2e2;color:#dc2626}.light-theme .youtube-section .section-header .add-btn{color:#666}.light-theme .youtube-section .section-header .add-btn:hover{background:#f0f0f0;color:#333}.light-theme .youtube-section .empty-state{background:#fff;border-color:#ddd;color:#999}.light-theme .youtube-section .youtube-input-container .youtube-input{background:#fff;border-color:#ddd;color:#333}.light-theme .youtube-section .youtube-input-container .youtube-input:focus{border-color:#3b82f6}.light-theme .youtube-section .youtube-input-container .btn.cancel-btn{background:#e0e0e0;color:#333}.light-theme .youtube-section .youtube-input-container .btn.cancel-btn:hover{background:#d0d0d0}.light-theme .youtube-section .youtube-item .remove-btn{background:#00000080}.light-theme .youtube-section .youtube-item .remove-btn:hover{background:#dc2626cc}.attachments-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5em}.attachments-section .section-header .section-label{font-size:.85em;font-weight:500;color:#888;margin:0}.attachments-section .section-header .add-btn{display:flex;align-items:center;gap:.35em;padding:.35em .75em;border:none;border-radius:.25em;background:transparent;color:#888;font-size:.85em;cursor:pointer;transition:all .15s ease}.attachments-section .section-header .add-btn:hover{background:#3a3a3a;color:#fff}.attachments-section .empty-state{padding:1.5em;border:1px dashed #444;border-radius:.4em;background:#1e1e1e;text-align:center;color:#666;font-size:.9em}.attachments-section .attachments-list{display:flex;flex-direction:column;gap:.5em}.attachments-section .attachments-list .attachment-item{display:flex;align-items:center;gap:.75em;padding:.5em;border:1px solid #444;border-radius:.35em;background:#252525}.attachments-section .attachments-list .attachment-item .attachment-preview{width:48px;height:48px;border-radius:.25em;overflow:hidden;flex-shrink:0}.attachments-section .attachments-list .attachment-item .attachment-preview img{width:100%;height:100%;object-fit:cover}.attachments-section .attachments-list .attachment-item .attachment-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:.25em;background:#3a3a3a;color:#888;flex-shrink:0}.attachments-section .attachments-list .attachment-item .attachment-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15em}.attachments-section .attachments-list .attachment-item .attachment-info .attachment-name{font-size:.9em;color:#eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachments-section .attachments-list .attachment-item .attachment-info .attachment-size{font-size:.75em;color:#888}.attachments-section .attachments-list .attachment-item .attachment-actions{display:flex;gap:.25em;flex-shrink:0}.attachments-section .attachments-list .attachment-item .attachment-actions .action-btn{display:flex;align-items:center;justify-content:center;width:2em;height:2em;border:none;border-radius:.25em;background:transparent;color:#888;cursor:pointer;transition:all .15s ease}.attachments-section .attachments-list .attachment-item .attachment-actions .action-btn:hover{background:#3a3a3a;color:#fff}.attachments-section .attachments-list .attachment-item .attachment-actions .action-btn.delete:hover{background:#7f1d1d;color:#fca5a5}.youtube-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5em}.youtube-section .section-header .section-label{font-size:.85em;font-weight:500;color:#888;margin:0}.youtube-section .section-header .add-btn{display:flex;align-items:center;gap:.35em;padding:.35em .75em;border:none;border-radius:.25em;background:transparent;color:#888;font-size:.85em;cursor:pointer;transition:all .15s ease}.youtube-section .section-header .add-btn:hover{background:#3a3a3a;color:#fff}.youtube-section .empty-state{padding:1.5em;border:1px dashed #444;border-radius:.4em;background:#1e1e1e;text-align:center;color:#666;font-size:.9em}.youtube-section .youtube-input-container{display:flex;flex-direction:column;gap:.5em;margin-bottom:.75em}.youtube-section .youtube-input-container .youtube-input{padding:.6em .75em;border:1px solid #444;border-radius:.35em;background:#1e1e1e;color:#eee;font-size:.95em;outline:none}.youtube-section .youtube-input-container .youtube-input:focus{border-color:#3b82f6}.youtube-section .youtube-input-container .youtube-input::placeholder{color:#666}.youtube-section .youtube-input-container .input-actions{display:flex;gap:.5em;justify-content:flex-end}.youtube-section .youtube-input-container .input-actions .btn{padding:.4em .85em;border:none;border-radius:.25em;font-size:.85em;cursor:pointer;transition:all .15s ease}.youtube-section .youtube-input-container .input-actions .btn.save-btn{background:#22c55e;color:#fff}.youtube-section .youtube-input-container .input-actions .btn.save-btn:hover{background:#16a34a}.youtube-section .youtube-input-container .input-actions .btn.cancel-btn{background:#4a4a4a;color:#eee}.youtube-section .youtube-input-container .input-actions .btn.cancel-btn:hover{background:#5a5a5a}.youtube-section .youtube-input-container .error-message{color:#f87171;font-size:.8em}.youtube-section .youtube-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75em}.youtube-section .youtube-list .youtube-item{position:relative;border-radius:.35em;overflow:hidden}.youtube-section .youtube-list .youtube-item .youtube-thumbnail{position:relative;aspect-ratio:16/9}.youtube-section .youtube-list .youtube-item .youtube-thumbnail img{width:100%;height:100%;object-fit:cover}.youtube-section .youtube-list .youtube-item .youtube-thumbnail .play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0000004d;color:#fff;opacity:0;transition:opacity .15s ease}.youtube-section .youtube-list .youtube-item .youtube-thumbnail .play-overlay:hover{opacity:1}.youtube-section .youtube-list .youtube-item .remove-btn{position:absolute;top:.35em;right:.35em;display:flex;align-items:center;justify-content:center;width:1.75em;height:1.75em;border:none;border-radius:.25em;background:#0009;color:#fff;cursor:pointer;opacity:0;transition:all .15s ease}.youtube-section .youtube-list .youtube-item .remove-btn:hover{background:#dc2626e6}.youtube-section .youtube-list .youtube-item:hover .play-overlay,.youtube-section .youtube-list .youtube-item:hover .remove-btn{opacity:1}.tree-con .ul{margin-inline-start:1em}.tree-con .row{position:relative;display:flex;flex-wrap:wrap;padding-inline-start:0;background:#2d2d2d;color:#eee;margin-block:.3em;border-radius:.3em;justify-content:space-between;align-items:center}.tree-con .row .name-con{flex:1;min-width:0}.tree-con .row .name-con .node-name{position:relative;display:flex;align-items:center;align-content:space-between;flex-wrap:nowrap;white-space:nowrap}.tree-con .row .name-con .node-name .label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tree-con .row .row-actions{display:flex;align-items:center;gap:.25em;padding:.25em;flex-shrink:0}.tree-con .row .row-action-btn{display:flex;align-items:center;justify-content:center;min-width:2.75em;min-height:2.75em;border:none;border-radius:.35em;cursor:pointer;transition:all .15s ease;position:relative}.tree-con .row .row-action-btn:active{transform:scale(.95)}.tree-con .row .status-btn{padding:0}.tree-con .row .status-btn .status-dot{width:.6em;height:.6em;background:#ffffffe6;border-radius:50%;box-shadow:0 0 4px #0000004d}.tree-con .row .status-btn:hover{filter:brightness(1.15);box-shadow:0 2px 8px #0000004d}.tree-con .row .details-btn{background:#3a3a3a;color:#aaa}.tree-con .row .details-btn:hover{background:#4a4a4a;color:#fff}.tree-con .row .actions-panel{flex-shrink:0;position:relative;z-index:10}.tree-con .row .actions-panel .btn{display:flex;align-items:center;justify-content:center;min-width:1.75em;min-height:1.75em;padding:.5em}.tree-con .row .expand-collaps{font-size:1.3em;padding:.5em;line-height:.8em;display:inline-flex}.tree-con .row .checkbox-input{display:none}.tree-con.multi-select-mode .checkbox-input{display:inline-block}.tree-con .collapsser-con{background:#000;opacity:.4;border-radius:.3em 0 0 .3em;margin-inline-end:.5em}.tree-con.light-theme .row .details-btn{background:#e5e5e5;color:#666}.tree-con.light-theme .row .details-btn:hover{background:#d5d5d5;color:#333}.tree-con .t-node{position:relative}.tree-con .edit-panel{display:flex;justify-content:space-between;padding-inline:.5em;padding-inline-end:2em;align-items:center;width:100%}.tree-con .edit-panel .btn{padding:0}.tree-con .edit-panel{color:#eee}.tree-con input.edit-name-input{width:100%;flex:80;background:transparent;color:#eee;border:none;outline:none;border-block-end:1px solid #666}.tree-con input.edit-name-input:focus{border-color:#eee}.tree-con.light-theme{filter:invert(1) hue-rotate(180deg) brightness(.7) contrast(3.6)}.tree-con{display:block;flex:1 1;margin:0 .5em;padding:.5em;background:#232323;color:#eee;height:100%;border-radius:.5em;width:0px;min-width:200px}.tree-con .head-row{position:relative;display:flex;align-items:center}.tree-con .head-row h4{margin:0;flex:1;min-width:0;font-weight:400}.tree-con .head-row .header-actions{display:flex;align-items:center;gap:.25em;flex-shrink:0}.tree-con .head-row .add-item-btn{display:inline-flex;align-items:center;cursor:pointer;padding:.25em;border-radius:4px}.tree-con .head-row .add-item-btn:hover{background:#ffffff1a}.tree-con .head-row .actions-panel{position:relative;display:inline-flex;align-items:center;flex-shrink:0;z-index:10}.status-view{display:flex;gap:1em;padding:1em;overflow-x:auto;min-height:calc(100vh - 60px);align-items:flex-start}@media (max-width: 768px){.status-view{flex-direction:column;overflow-x:hidden;overflow-y:auto;align-items:stretch;padding-bottom:2em;width:100%;box-sizing:border-box}}.status-view .status-column{flex:1;min-width:250px;max-width:350px;background:#1e1e1e;border-radius:8px;display:flex;flex-direction:column}@media (max-width: 768px){.status-view .status-column{min-width:unset;max-width:unset;width:100%;flex:none}}.status-view .status-column .column-header{padding:.75em 1em;border-bottom:3px solid;display:flex;align-items:center;justify-content:space-between}.status-view .status-column .column-header .column-title{font-weight:600;font-size:.9em;text-transform:uppercase;letter-spacing:.05em;color:#fff}.status-view .status-column .column-header .column-header-actions{display:flex;align-items:center;gap:.5em}.status-view .status-column .column-header .pin-btn{display:none;background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:.25em;border-radius:4px;transition:color .2s ease,background-color .2s ease}@media (max-width: 768px){.status-view .status-column .column-header .pin-btn{display:flex;align-items:center;justify-content:center}}.status-view .status-column .column-header .pin-btn:hover{color:#fff;background:#ffffff1a}.status-view .status-column .column-header .pin-btn.pinned{color:#4b8062}.status-view .status-column .column-header .column-count{background:#ffffff1a;padding:.2em .6em;border-radius:10px;font-size:.8em;color:#fff}.status-view .status-column .column-content{padding:.5em;flex:1;min-height:100px;transition:background-color .2s ease}.status-view .status-column .column-content.drag-over{background:#ffffff0d}.status-view .tree-group{margin-bottom:1em}.status-view .tree-group .tree-group-header{font-size:.75em;text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3;padding:.5em .5em .25em;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.5em}.status-view .empty-column{text-align:center;color:#ffffff80;font-size:.85em;padding:2em 1em}.status-card{background:#3a3a3a;border-radius:6px;padding:.75em;margin-bottom:.5em;cursor:pointer;transition:background-color .2s ease,transform .1s ease;-webkit-user-select:none;user-select:none;position:relative}.status-card:hover{background:#454545}.status-card:hover .card-actions{opacity:1}.status-card:active{transform:scale(.98)}.status-card.dragging{opacity:.5}.status-card .card-breadcrumb{font-size:.75em;color:#ffffff80;margin-bottom:.25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.status-card .card-content{display:flex;align-items:flex-start;justify-content:space-between;gap:.5em}.status-card .card-name{font-size:.95em;word-break:break-word;color:#fff;flex:1;cursor:grab}.status-card .card-name:active{cursor:grabbing}.status-card .card-actions{display:flex;gap:.25em;opacity:0;transition:opacity .2s ease;flex-shrink:0}.status-card .card-action-btn{background:#ffffff1a;border:none;border-radius:4px;padding:.35em;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background-color .2s ease}.status-card .card-action-btn:hover{background:#fff3}.status-card .card-action-btn.status-btn{width:20px;height:20px;padding:0;border-radius:50%}.status-card .content{display:flex;gap:.5em;background:#2d2d2d;border-radius:6px}.status-card .content>div{cursor:pointer;padding:.25em;border-radius:4px;display:flex;align-items:center;justify-content:center}.status-card .content>div:hover{background:#ffffff1a}.status-card .content>div .btn{color:#fff}.status-card .content .drag-btn{cursor:grab}.status-card .content .drag-btn:active{cursor:grabbing}.for-today-section{flex-basis:100%;background:#1e1e1e;border-radius:8px;border:1px solid #333;flex-shrink:0;transition:border-color .2s ease}.for-today-section.drag-over{border-color:#f59e0b;background:#252525}.for-today-section .for-today-header{display:flex;align-items:center;justify-content:space-between;padding:.6em 1em;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid transparent}.for-today-section .for-today-header .header-left{display:flex;align-items:center;gap:.5em}.for-today-section .for-today-header .today-icon{color:#f59e0b}.for-today-section .for-today-header .header-title{font-weight:600;font-size:.9em;text-transform:uppercase;letter-spacing:.05em;color:#f59e0b}.for-today-section .for-today-header .header-count{background:#f59e0b33;color:#f59e0b;padding:.1em .55em;border-radius:10px;font-size:.8em}.for-today-section .for-today-header .collapse-btn{background:transparent;border:none;color:#888;cursor:pointer;display:flex;align-items:center;padding:.2em;border-radius:4px}.for-today-section .for-today-header .collapse-btn:hover{color:#fff;background:#ffffff1a}.for-today-section .for-today-content{padding:.5em;display:flex;flex-flow:row wrap;gap:.5em}@media (max-width: 768px){.for-today-section .for-today-content .status-card{flex-basis:100%}}.for-today-section .empty-today{flex-basis:100%;text-align:center;color:#fff6;font-size:.85em;padding:.75em}.light-theme .for-today-section{background:#fffbeb;border-color:#fde68a}.light-theme .for-today-section.drag-over{border-color:#f59e0b}.light-theme .for-today-section .for-today-header .today-icon{color:#d97706}.light-theme .for-today-section .for-today-header .header-title{color:#92400e}.light-theme .for-today-section .for-today-header .header-count{background:#f59e0b26;color:#92400e}.light-theme .for-today-section .for-today-header .collapse-btn{color:#666}.light-theme .for-today-section .for-today-header .collapse-btn:hover{color:#333;background:#0000000d}.light-theme .for-today-section .for-today-content .status-card{background:#fff;border:1px solid #fde68a}.light-theme .for-today-section .for-today-content .status-card:hover{background:#fefce8}.light-theme .for-today-section .for-today-content .status-card .card-name{color:#333}.light-theme .for-today-section .for-today-content .status-card .card-breadcrumb{color:#00000080}.light-theme .for-today-section .empty-today{color:#92400e}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.settings-modal{background:#1e1e1e;border-radius:8px;width:90%;max-width:400px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:1em;border-bottom:1px solid #333}.settings-header h3{margin:0;color:#fff;font-size:1.1em}.settings-header .close-btn{background:none;border:none;color:#888;cursor:pointer;padding:.25em;display:flex;align-items:center;justify-content:center;border-radius:4px}.settings-header .close-btn:hover{color:#fff;background:#ffffff1a}.settings-body{padding:1em;overflow-y:auto}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:.75em 0;gap:1em}.setting-item:not(:last-child){border-bottom:1px solid #2a2a2a}.setting-label{display:flex;flex-direction:column;gap:.25em}.setting-label span:first-child{color:#fff;font-size:.95em}.setting-label .setting-description{color:#ffffff80;font-size:.8em}.setting-control{display:flex;gap:.5em}.setting-control .direction-btn{display:flex;align-items:center;gap:.35em;padding:.5em .75em;background:#333;border:1px solid #444;border-radius:6px;color:#aaa;cursor:pointer;font-size:.85em;transition:all .2s ease}.setting-control .direction-btn:hover{background:#3a3a3a;color:#fff}.setting-control .direction-btn.active{background:#4b8062;border-color:#4b8062;color:#fff}.app-con nav .brand{display:flex;align-items:center;gap:.5em;margin-inline:.5em}.app-con nav .brand .logo{width:32px;height:32px}.app-con nav .brand h1{margin:0;font-size:1.4em;padding:0}.app-con nav .document{position:relative;display:flex;align-items:center;justify-content:center;align-content:center}@media (max-width: 768px){.app-con nav .document{display:none}}.app-con nav .document .view-toggle{display:flex;gap:.25em;margin-inline-end:1em}.app-con nav .document .view-toggle .btn.active{background-color:#4b8062}.app-con nav .nav-panel{display:flex;align-items:center}@media (max-width: 768px){.app-con nav .nav-panel{display:none}}.app-con nav .mobile-nav{display:none;position:relative}@media (max-width: 768px){.app-con nav .mobile-nav{display:flex;align-items:center}}.app-con nav .mobile-nav .hamburger-btn{display:flex;align-items:center;justify-content:center}.app-con nav .mobile-nav .hamburger-menu{position:absolute;top:100%;inset-inline-end:0;background:#1e1e1e;border-radius:8px;min-width:280px;box-shadow:0 4px 20px #00000080;z-index:1000;display:none;flex-direction:column;padding:.5em;margin-top:.5em}.app-con nav .mobile-nav .hamburger-menu.open{display:flex}.app-con nav .mobile-nav .hamburger-menu .menu-section{padding:.5em;border-bottom:1px solid #333}.app-con nav .mobile-nav .hamburger-menu .menu-section:last-child{border-bottom:none}.app-con nav .mobile-nav .hamburger-menu .menu-section .menu-section-title{font-size:.75em;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;margin-bottom:.5em;padding:0 .5em}.app-con nav .mobile-nav .hamburger-menu .menu-section .menu-row{display:flex;flex-wrap:wrap;gap:.25em}.app-con nav .mobile-nav .hamburger-menu .menu-section .menu-select{width:100%;margin-bottom:.5em}.app-con nav .mobile-nav .hamburger-menu .menu-section .btn{display:flex;align-items:center;gap:.5em;margin:.25em;padding:.5em .75em;flex:1;min-width:fit-content;justify-content:center}.app-con nav .mobile-nav .hamburger-menu .menu-section .btn span{font-size:.85em}.app-con nav .mobile-nav .hamburger-menu .menu-section .btn.active{background-color:#4b8062}html{font-family:Lato}body{background:#191919}body.dragging{touch-action:none;overflow:hidden;user-select:none;-webkit-user-select:none}.app-con{height:100vh}.app-con nav{background-color:#101010;margin-bottom:1em;display:flex;justify-content:space-between;align-items:center;color:#eee;flex-wrap:wrap}.app-con nav h1{margin:0;padding:.5em}.app-con .grid-stick-layout{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "main" "footer";overflow:auto}.app-con .grid-stick-layout>.header{grid-area:header;position:relative;z-index:10;padding-block-end:.5em;border-bottom:1px solid #4b8062;font-weight:100;display:flex;align-items:center;margin:0}.app-con .grid-stick-layout>.main{grid-area:main;overflow:auto}.app-con .grid-stick-layout>.footer{grid-area:footer}.app-con .trees-con{display:flex;justify-content:space-evenly;height:calc(100vh - 6em);flex-wrap:wrap;gap:1em;align-content:flex-start;overflow-y:auto;padding:0 .5em}.app-con .actions-panel{position:relative;z-index:10;flex-shrink:0}.app-con .btn{display:inline-flex;color:#eee;border:none;border-radius:.1em;background-color:transparent;padding:.5em;font-size:.9em;cursor:pointer;opacity:.7}.app-con .btn.primary{background-color:#333;color:#eee;margin:.5em;border-radius:.2em}.app-con .btn.disable{opacity:.4;cursor:not-allowed}.app-con .btn:hover:not(.disable),.app-con .btn.active:not(.disable){opacity:1}.app-con select.btn{min-width:6em}.app-con .content{display:flex;align-items:center;align-content:center}.app-con .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-con *::-webkit-scrollbar{width:6px}.app-con *::-webkit-scrollbar-track{box-shadow:inset 0 0 4px #1414144d}.app-con *::-webkit-scrollbar-thumb{background-color:#141414d3;outline:1px solid rgb(24,24,24)}.app-con.rtl{direction:rtl}.app-con.rtl .tree-con .pipe-v{border:1px solid #505050;border-left:none}.app-con.rtl .tree-con .pipe-h{right:-.5em;left:unset}.app-con.rtl .tree-con .collapsser-con{border-radius:0 .3em .3em 0}.app-con .nav-panel{display:flex;align-items:center}.drag-overlay{background:#2a4a3a;border:2px solid #4b8062;border-radius:.3em;padding:.5em 1em;color:#eee;font-size:.9em;box-shadow:0 4px 12px #0006;cursor:grabbing;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.drag-overlay .drag-overlay-name{font-weight:500}.node-drop-zones{position:relative;width:100%}.drop-zone{position:absolute;left:0;right:0;height:6px;z-index:100;transition:all .15s ease}.drop-zone.drop-zone-before{top:-3px}.drop-zone.drop-zone-after{bottom:-3px}.drop-zone.drop-zone-active{background:linear-gradient(90deg,transparent,#4b8062,transparent);height:4px}.drop-zone.drop-zone-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#4b8062;border-radius:50%}.node-content{transition:all .15s ease}.node-content.drop-zone-inside-active{background:#4b806233;border-radius:.3em;outline:2px dashed #4b8062;outline-offset:2px}.t-node.is-dragging{opacity:.5}.drag-btn{cursor:grab;touch-action:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.drag-btn:active{cursor:grabbing}