@font-face{font-family:primeicons;font-display:block;src:url(/assets/primeicons-DMOk5skT.eot);src:url(/assets/primeicons-DMOk5skT.eot?#iefix) format("embedded-opentype"),url(/assets/primeicons-C6QP2o4f.woff2) format("woff2"),url(/assets/primeicons-WjwUDZjB.woff) format("woff"),url(/assets/primeicons-MpK4pl85.ttf) format("truetype"),url(/assets/primeicons-Dr5RGzOO.svg?#primeicons) format("svg");font-weight:400;font-style:normal}.pi{font-family:primeicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pi:before{--webkit-backface-visibility:hidden;backface-visibility:hidden}.pi-fw{width:1.28571429em;text-align:center}.pi-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@media (prefers-reduced-motion: reduce){.pi-spin{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.pi-folder-plus:before{content:""}.pi-receipt:before{content:""}.pi-asterisk:before{content:""}.pi-face-smile:before{content:""}.pi-pinterest:before{content:""}.pi-expand:before{content:""}.pi-pen-to-square:before{content:""}.pi-wave-pulse:before{content:""}.pi-turkish-lira:before{content:""}.pi-spinner-dotted:before{content:""}.pi-crown:before{content:""}.pi-pause-circle:before{content:""}.pi-warehouse:before{content:""}.pi-objects-column:before{content:""}.pi-clipboard:before{content:""}.pi-play-circle:before{content:""}.pi-venus:before{content:""}.pi-cart-minus:before{content:""}.pi-file-plus:before{content:""}.pi-microchip:before{content:""}.pi-twitch:before{content:""}.pi-building-columns:before{content:""}.pi-file-check:before{content:""}.pi-microchip-ai:before{content:""}.pi-trophy:before{content:""}.pi-barcode:before{content:""}.pi-file-arrow-up:before{content:""}.pi-mars:before{content:""}.pi-tiktok:before{content:""}.pi-arrow-up-right-and-arrow-down-left-from-center:before{content:""}.pi-ethereum:before{content:""}.pi-list-check:before{content:""}.pi-thumbtack:before{content:""}.pi-arrow-down-left-and-arrow-up-right-to-center:before{content:""}.pi-equals:before{content:""}.pi-lightbulb:before{content:""}.pi-star-half:before{content:""}.pi-address-book:before{content:""}.pi-chart-scatter:before{content:""}.pi-indian-rupee:before{content:""}.pi-star-half-fill:before{content:""}.pi-cart-arrow-down:before{content:""}.pi-calendar-clock:before{content:""}.pi-sort-up-fill:before{content:""}.pi-sparkles:before{content:""}.pi-bullseye:before{content:""}.pi-sort-down-fill:before{content:""}.pi-graduation-cap:before{content:""}.pi-hammer:before{content:""}.pi-bell-slash:before{content:""}.pi-gauge:before{content:""}.pi-shop:before{content:""}.pi-headphones:before{content:""}.pi-eraser:before{content:""}.pi-stopwatch:before{content:""}.pi-verified:before{content:""}.pi-delete-left:before{content:""}.pi-hourglass:before{content:""}.pi-truck:before{content:""}.pi-wrench:before{content:""}.pi-microphone:before{content:""}.pi-megaphone:before{content:""}.pi-arrow-right-arrow-left:before{content:""}.pi-bitcoin:before{content:""}.pi-file-edit:before{content:""}.pi-language:before{content:""}.pi-file-export:before{content:""}.pi-file-import:before{content:""}.pi-file-word:before{content:""}.pi-gift:before{content:""}.pi-cart-plus:before{content:""}.pi-thumbs-down-fill:before{content:""}.pi-thumbs-up-fill:before{content:""}.pi-arrows-alt:before{content:""}.pi-calculator:before{content:""}.pi-sort-alt-slash:before{content:""}.pi-arrows-h:before{content:""}.pi-arrows-v:before{content:""}.pi-pound:before{content:""}.pi-prime:before{content:""}.pi-chart-pie:before{content:""}.pi-reddit:before{content:""}.pi-code:before{content:""}.pi-sync:before{content:""}.pi-shopping-bag:before{content:""}.pi-server:before{content:""}.pi-database:before{content:""}.pi-hashtag:before{content:""}.pi-bookmark-fill:before{content:""}.pi-filter-fill:before{content:""}.pi-heart-fill:before{content:""}.pi-flag-fill:before{content:""}.pi-circle:before{content:""}.pi-circle-fill:before{content:""}.pi-bolt:before{content:""}.pi-history:before{content:""}.pi-box:before{content:""}.pi-at:before{content:""}.pi-arrow-up-right:before{content:""}.pi-arrow-up-left:before{content:""}.pi-arrow-down-left:before{content:""}.pi-arrow-down-right:before{content:""}.pi-telegram:before{content:""}.pi-stop-circle:before{content:""}.pi-stop:before{content:""}.pi-whatsapp:before{content:""}.pi-building:before{content:""}.pi-qrcode:before{content:""}.pi-car:before{content:""}.pi-instagram:before{content:""}.pi-linkedin:before{content:""}.pi-send:before{content:""}.pi-slack:before{content:""}.pi-sun:before{content:""}.pi-moon:before{content:""}.pi-vimeo:before{content:""}.pi-youtube:before{content:""}.pi-flag:before{content:""}.pi-wallet:before{content:""}.pi-map:before{content:""}.pi-link:before{content:""}.pi-credit-card:before{content:""}.pi-discord:before{content:""}.pi-percentage:before{content:""}.pi-euro:before{content:""}.pi-book:before{content:""}.pi-shield:before{content:""}.pi-paypal:before{content:""}.pi-amazon:before{content:""}.pi-phone:before{content:""}.pi-filter-slash:before{content:""}.pi-facebook:before{content:""}.pi-github:before{content:""}.pi-twitter:before{content:""}.pi-step-backward-alt:before{content:""}.pi-step-forward-alt:before{content:""}.pi-forward:before{content:""}.pi-backward:before{content:""}.pi-fast-backward:before{content:""}.pi-fast-forward:before{content:""}.pi-pause:before{content:""}.pi-play:before{content:""}.pi-compass:before{content:""}.pi-id-card:before{content:""}.pi-ticket:before{content:""}.pi-file-o:before{content:""}.pi-reply:before{content:""}.pi-directions-alt:before{content:""}.pi-directions:before{content:""}.pi-thumbs-up:before{content:""}.pi-thumbs-down:before{content:""}.pi-sort-numeric-down-alt:before{content:""}.pi-sort-numeric-up-alt:before{content:""}.pi-sort-alpha-down-alt:before{content:""}.pi-sort-alpha-up-alt:before{content:""}.pi-sort-numeric-down:before{content:""}.pi-sort-numeric-up:before{content:""}.pi-sort-alpha-down:before{content:""}.pi-sort-alpha-up:before{content:""}.pi-sort-alt:before{content:""}.pi-sort-amount-up:before{content:""}.pi-sort-amount-down:before{content:""}.pi-sort-amount-down-alt:before{content:""}.pi-sort-amount-up-alt:before{content:""}.pi-palette:before{content:""}.pi-undo:before{content:""}.pi-desktop:before{content:""}.pi-sliders-v:before{content:""}.pi-sliders-h:before{content:""}.pi-search-plus:before{content:""}.pi-search-minus:before{content:""}.pi-file-excel:before{content:""}.pi-file-pdf:before{content:""}.pi-check-square:before{content:""}.pi-chart-line:before{content:""}.pi-user-edit:before{content:""}.pi-exclamation-circle:before{content:""}.pi-android:before{content:""}.pi-google:before{content:""}.pi-apple:before{content:""}.pi-microsoft:before{content:""}.pi-heart:before{content:""}.pi-mobile:before{content:""}.pi-tablet:before{content:""}.pi-key:before{content:""}.pi-shopping-cart:before{content:""}.pi-comments:before{content:""}.pi-comment:before{content:""}.pi-briefcase:before{content:""}.pi-bell:before{content:""}.pi-paperclip:before{content:""}.pi-share-alt:before{content:""}.pi-envelope:before{content:""}.pi-volume-down:before{content:""}.pi-volume-up:before{content:""}.pi-volume-off:before{content:""}.pi-eject:before{content:""}.pi-money-bill:before{content:""}.pi-images:before{content:""}.pi-image:before{content:""}.pi-sign-in:before{content:""}.pi-sign-out:before{content:""}.pi-wifi:before{content:""}.pi-sitemap:before{content:""}.pi-chart-bar:before{content:""}.pi-camera:before{content:""}.pi-dollar:before{content:""}.pi-lock-open:before{content:""}.pi-table:before{content:""}.pi-map-marker:before{content:""}.pi-list:before{content:""}.pi-eye-slash:before{content:""}.pi-eye:before{content:""}.pi-folder-open:before{content:""}.pi-folder:before{content:""}.pi-video:before{content:""}.pi-inbox:before{content:""}.pi-lock:before{content:""}.pi-unlock:before{content:""}.pi-tags:before{content:""}.pi-tag:before{content:""}.pi-power-off:before{content:""}.pi-save:before{content:""}.pi-question-circle:before{content:""}.pi-question:before{content:""}.pi-copy:before{content:""}.pi-file:before{content:""}.pi-clone:before{content:""}.pi-calendar-times:before{content:""}.pi-calendar-minus:before{content:""}.pi-calendar-plus:before{content:""}.pi-ellipsis-v:before{content:""}.pi-ellipsis-h:before{content:""}.pi-bookmark:before{content:""}.pi-globe:before{content:""}.pi-replay:before{content:""}.pi-filter:before{content:""}.pi-print:before{content:""}.pi-align-right:before{content:""}.pi-align-left:before{content:""}.pi-align-center:before{content:""}.pi-align-justify:before{content:""}.pi-cog:before{content:""}.pi-cloud-download:before{content:""}.pi-cloud-upload:before{content:""}.pi-cloud:before{content:""}.pi-pencil:before{content:""}.pi-users:before{content:""}.pi-clock:before{content:""}.pi-user-minus:before{content:""}.pi-user-plus:before{content:""}.pi-trash:before{content:""}.pi-external-link:before{content:""}.pi-window-maximize:before{content:""}.pi-window-minimize:before{content:""}.pi-refresh:before{content:""}.pi-user:before{content:""}.pi-exclamation-triangle:before{content:""}.pi-calendar:before{content:""}.pi-chevron-circle-left:before{content:""}.pi-chevron-circle-down:before{content:""}.pi-chevron-circle-right:before{content:""}.pi-chevron-circle-up:before{content:""}.pi-angle-double-down:before{content:""}.pi-angle-double-left:before{content:""}.pi-angle-double-right:before{content:""}.pi-angle-double-up:before{content:""}.pi-angle-down:before{content:""}.pi-angle-left:before{content:""}.pi-angle-right:before{content:""}.pi-angle-up:before{content:""}.pi-upload:before{content:""}.pi-download:before{content:""}.pi-ban:before{content:""}.pi-star-fill:before{content:""}.pi-star:before{content:""}.pi-chevron-left:before{content:""}.pi-chevron-right:before{content:""}.pi-chevron-down:before{content:""}.pi-chevron-up:before{content:""}.pi-caret-left:before{content:""}.pi-caret-right:before{content:""}.pi-caret-down:before{content:""}.pi-caret-up:before{content:""}.pi-search:before{content:""}.pi-check:before{content:""}.pi-check-circle:before{content:""}.pi-times:before{content:""}.pi-times-circle:before{content:""}.pi-plus:before{content:""}.pi-plus-circle:before{content:""}.pi-minus:before{content:""}.pi-minus-circle:before{content:""}.pi-circle-on:before{content:""}.pi-circle-off:before{content:""}.pi-sort-down:before{content:""}.pi-sort-up:before{content:""}.pi-sort:before{content:""}.pi-step-backward:before{content:""}.pi-step-forward:before{content:""}.pi-th-large:before{content:""}.pi-arrow-down:before{content:""}.pi-arrow-left:before{content:""}.pi-arrow-right:before{content:""}.pi-arrow-up:before{content:""}.pi-bars:before{content:""}.pi-arrow-circle-down:before{content:""}.pi-arrow-circle-left:before{content:""}.pi-arrow-circle-right:before{content:""}.pi-arrow-circle-up:before{content:""}.pi-info:before{content:""}.pi-info-circle:before{content:""}.pi-home:before{content:""}.pi-spinner:before{content:""}:root{--transition-speed: .3s;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #333333;--text-secondary: #6c757d;--text-muted: #adb5bd;--border-color: #dee2e6;--accent-color: #4299e1;--accent-hover: #3182ce;--error-color: #e53e3e;--success-color: #38a169;--warning-color: #f6ad55;--toolbar-bg: #333333;--toolbar-text: #ffffff;--node-bg: #ffffff;--node-border: #1a73e8;--node-text: #333333;--canvas-bg: #ffffff;--canvas-grid: #b7c0cb;--button-primary-bg: #0074D9;--button-primary-text: #ffffff;--button-primary-hover: #005fa3;--modal-bg: #ffffff;--modal-overlay: rgba(0, 0, 0, .5);--dropdown-bg: #ffffff;--dropdown-text: #333333;--dropdown-hover: #f1f5f9;--shadow-color: rgba(0, 0, 0, .1);--shadow-color-strong: rgba(0, 0, 0, .15)}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3d3d3d;--text-primary: #e6e6e6;--text-secondary: #b3b3b3;--text-muted: #808080;--border-color: #4d4d4d;--accent-color: #3182ce;--accent-hover: #4299e1;--error-color: #fc8181;--success-color: #68d391;--warning-color: #fbd38d;--toolbar-bg: #1a1a1a;--toolbar-text: #e6e6e6;--node-bg: #494949;--node-border: #3182ce;--node-text: #e6e6e6;--canvas-bg: #131313;--canvas-grid: #5e5b5b;--button-primary-bg: #3182ce;--button-primary-text: #ffffff;--button-primary-hover: #4299e1;--modal-bg: #2d2d2d;--modal-overlay: rgba(0, 0, 0, .7);--dropdown-bg: #2d2d2d;--dropdown-text: #e6e6e6;--dropdown-hover: #3d3d3d;--shadow-color: rgba(0, 0, 0, .3);--shadow-color-strong: rgba(0, 0, 0, .4)}body.node-dragging{-webkit-user-select:none;user-select:none}body.node-dragging .node,body.node-dragging .custom-node,body.node-dragging .custom-node-container,body.node-dragging .canvas-node,body.node-dragging .simple-node{transition:none!important;transform-origin:0 0!important;will-change:transform!important}body.node-dragging .node,body.node-dragging .simple-node{z-index:1000}body.node-dragging .canvas-container{pointer-events:none}body.node-dragging .node,body.node-dragging .simple-node,body.node-dragging .node-button{pointer-events:auto}.delete-floating-menu{display:flex;flex-direction:column;gap:5px;background:transparent;pointer-events:auto;z-index:10000;position:fixed;animation:fadeIn .2s ease-out}.delete-floating-menu button{display:block;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;white-space:nowrap;box-shadow:0 2px 4px #0003;transition:all .2s ease;margin:4px 0;pointer-events:auto;text-align:center;min-width:140px;opacity:0;animation:slideIn .2s ease-out forwards;position:relative;overflow:hidden}.delete-floating-menu button:nth-child(1){animation-delay:.05s}.delete-floating-menu button:nth-child(2){animation-delay:.1s}.delete-floating-menu button:nth-child(3){animation-delay:.15s}.delete-floating-menu button.delete-node-only{background:#3182ce;color:#fff}.delete-floating-menu button.delete-with-children{background:#4caf50;color:#fff}.delete-floating-menu button.cancel{background:#f44336;color:#fff}.delete-floating-menu button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease-out,height .3s ease-out}.delete-floating-menu button:active:after{width:200px;height:200px}.color-picker-floating-menu{position:fixed;z-index:10000;background:transparent;pointer-events:auto;animation:fadeIn .2s ease-out;width:195px;display:flex;flex-direction:column;align-items:center}.color-picker-close-button{position:absolute;top:0;right:0;background:#1a202ccc;border:none;color:#e2e8f0;cursor:pointer;font-size:14px;padding:2px 6px;border-radius:4px 0 0 4px;line-height:1;transition:all .2s ease;z-index:10001;margin:4px 0 0}.color-picker-close-button:hover{background-color:#1a202c;color:#fff}.color-picker-container{display:flex;flex-direction:column;align-items:center;gap:0;padding:30px 8px 0;animation:fadeIn .2s ease-out;width:100%;background:#171923e6;border-radius:6px;border:1px solid rgba(74,85,104,.4);box-shadow:0 4px 12px #0000004d;position:relative;margin-bottom:0}.inherit-color-container{width:100%;display:flex;justify-content:left;animation:slideIn .2s ease-out forwards;animation-delay:.1s;opacity:0;margin-top:28px;z-index:9999}.inherit-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#e2e8f0;background-color:#1a202c00;padding:8px;justify-content:left;transition:all .2s ease;width:auto}.inherit-checkbox-label:hover{background-color:#1a202c}.inherit-checkbox{cursor:pointer;width:16px;height:16px;accent-color:#3182ce;margin:0}.p-colorpicker-panel{background-color:transparent!important;border:none!important;display:flexbox!important;flex-direction:row!important;gap:0!important;z-index:99999!important;width:100%!important;justify-content:center!important;margin:0!important}.p-colorpicker-color{width:130px!important;height:130px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:4px!important;box-shadow:none!important;overflow:hidden!important}.p-colorpicker-hue{width:20px!important;height:140px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:4px!important;box-shadow:none!important;margin-left:-9px!important}.custom-color-picker-wrapper{display:block!important;position:inherit!important;margin:0!important;padding:0!important;overflow:visible!important}.p-colorpicker-content,.color-picker-content{display:flex!important;flex-direction:row!important;gap:0!important;background:transparent!important}.color-picker-root{display:inline-block!important;width:100%!important;background:transparent!important;min-height:150px!important}.color-picker-panel{width:150px!important;height:150px!important;border-radius:4px!important}.color-picker-hue{width:20px!important;height:143px!important;border-radius:4px!important}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.power-manager-container{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-primary);color:var(--text-primary);position:relative;transition:background-color var(--transition-speed),color var(--transition-speed)}.canvas-container{position:relative;width:100%;height:100%;overflow:hidden}.canvas-container>div{will-change:transform}.canvas-container.with-transition>div{transition:transform .5s cubic-bezier(.4,0,.2,1)}.power-manager-header{display:flex;align-items:center;padding:10px 20px;background-color:var(--toolbar-bg);color:var(--toolbar-text);box-shadow:0 4px 8px var(--shadow-color);position:relative;z-index:10;transition:background-color var(--transition-speed),color var(--transition-speed)}.home-button{padding:8px 16px;margin-right:20px;font-size:1rem;color:var(--button-primary-text);background-color:var(--accent-color);border:none;border-radius:4px;cursor:pointer;transition:background-color var(--transition-speed),box-shadow var(--transition-speed),color var(--transition-speed);box-shadow:0 2px 4px var(--shadow-color)}.home-button:hover{background-color:var(--accent-hover);box-shadow:0 3px 6px var(--shadow-color-strong)}.power-manager-title{font-size:1.5rem;margin:0}.power-manager-main{flex:1;padding:20px;box-sizing:border-box;box-shadow:inset 0 2px 4px var(--shadow-color);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-speed),color var(--transition-speed)}@media (max-width: 600px){.toolbar{padding:.5rem;flex-direction:row;justify-content:space-between}.toolbar-title{font-size:1rem}.toolbar-controls{display:flex;flex-wrap:wrap;gap:.5rem}.toolbar-button,.home-button{font-size:.8rem;padding:.4rem .6rem}}.action-buttons{display:flex;gap:1rem;margin-right:auto}.action-button{padding:.8rem 1.5rem;background:var(--success-color);color:var(--button-primary-text);border:none;border-radius:4px;cursor:pointer;transition:opacity var(--transition-speed),background-color var(--transition-speed),box-shadow var(--transition-speed),color var(--transition-speed);box-shadow:0 2px 4px var(--shadow-color)}.action-button:hover{opacity:.9;background-color:var(--accent-color);box-shadow:0 4px 8px var(--shadow-color-strong)}.action-button.load-demo{background:#2196f3}.action-button.clear-all{background:#f44336}.absolute{position:absolute;background:#fff;border:2px solid #3B82F6;border-radius:4px;padding:8px;min-width:200px;min-height:100px;box-shadow:0 4px 10px #00000026,0 2px 4px #0000001a;-webkit-user-select:none;user-select:none;cursor:move;transition:box-shadow .3s ease}.absolute:hover{box-shadow:0 8px 15px #0003,0 3px 6px #00000026}.demo-mode-indicator{position:fixed;top:70px;right:20px;z-index:1000;display:flex;align-items:center;background-color:var(--bg-secondary);color:var(--accent-color);border:1px solid var(--border-color);padding:8px 12px;border-radius:4px;box-shadow:0 2px 5px var(--shadow-color);font-size:.9rem;font-weight:500;transition:background-color var(--transition-speed),color var(--transition-speed),border-color var(--transition-speed)}.center-view-button{position:fixed;top:130px;right:20px;z-index:1000;width:35px;height:35px;border-radius:50%;background-color:var(--bg-secondary);color:var(--accent-color);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px var(--shadow-color);transition:all .2s ease}.quick-search-bubble-container-fixed{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:1000;pointer-events:none;filter:drop-shadow(0 0 10px rgba(2,132,199,.2));width:100%;display:flex;justify-content:center}.kanban-view-container{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;padding-top:130px}.center-view-button:hover{background-color:var(--accent-color);color:#fff;transform:scale(1.05)}.center-view-button:active{transform:scale(.95)}.center-view-button i{font-size:1.2rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;max-width:600px;box-shadow:0 10px 25px #0003,0 5px 10px #00000026}.dry-run-warning-modal .p-dialog-header{border-bottom:1px solid var(--border-color);padding:1.5rem;background-color:var(--modal-bg)!important;color:var(--text-primary)!important}.dry-run-warning-content{display:flex;padding:1.5rem 1rem;gap:1rem}.warning-icon{font-size:2.5rem;color:#f59e0b;display:flex;align-items:flex-start;justify-content:center}.warning-message{flex:1}.warning-message p{margin-top:0;margin-bottom:1rem;line-height:1.5}.warning-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.dry-run-warning-footer{display:flex;justify-content:flex-end;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.canvas-tag-strip{position:absolute;top:10px;left:0;right:0;z-index:100;display:flex;align-items:center;height:36px;padding:0 16px;pointer-events:none}.canvas-tag-strip>*{pointer-events:auto}.canvas-tag-clear-all{display:flex;align-items:center;gap:4px;background:var(--accent-color);color:#fff;border:none;border-radius:18px;padding:6px 12px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-right:12px;flex-shrink:0;box-shadow:0 2px 8px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.canvas-tag-clear-all:hover{background:var(--accent-hover);transform:scale(1.05);box-shadow:0 4px 12px #0003}.canvas-tag-scroll-container{flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;position:relative;padding:2px 0;mask:linear-gradient(to right,transparent 0%,black 3%,black 97%,transparent 100%);-webkit-mask:linear-gradient(to right,transparent 0%,black 3%,black 97%,transparent 100%)}.canvas-tag-scroll-container::-webkit-scrollbar{display:none}.canvas-tag-list{display:flex;align-items:center;gap:8px;padding:0 40px;min-width:max-content;justify-content:center}.canvas-tag-item{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:18px;cursor:pointer;font-size:12px;font-weight:500;border:2px solid;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0;min-height:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 6px #0000001a}.canvas-tag-item:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.canvas-tag-item.selected{font-weight:600;box-shadow:0 4px 12px #00000040;border-width:2px}.canvas-tag-scope{font-size:10px;opacity:.8}.canvas-tag-checkbox{width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;border:1px solid currentColor;background-color:#ffffff1a}.canvas-tag-item.selected .canvas-tag-checkbox{background-color:#fff3;border-color:#fffc}.canvas-tag-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;font-weight:inherit}.canvas-tag-scroll-hint{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;background-color:#0009;color:#fff;padding:4px 8px;border-radius:12px;font-size:9px;font-weight:500;opacity:.7;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .3s ease}.canvas-tag-scroll-hint i{font-size:8px}.canvas-tag-strip:hover .canvas-tag-scroll-hint{opacity:.3}.canvas-tag-item{animation:tagSlideIn .3s ease-out}@keyframes tagSlideIn{0%{opacity:0;transform:scale(.8) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.canvas-tag-scroll-container{scroll-behavior:smooth}@media (max-width: 768px){.canvas-tag-strip{padding:0 12px}.canvas-tag-clear-all{padding:4px 8px;font-size:10px;margin-right:8px}.canvas-tag-item{padding:4px 8px;font-size:11px;gap:4px}.canvas-tag-name{max-width:60px}.canvas-tag-scroll-hint{display:none}}@media (prefers-color-scheme: dark){.canvas-tag-item{box-shadow:0 2px 6px #0000004d}.canvas-tag-item:hover{box-shadow:0 4px 12px #0006}.canvas-tag-item.selected{box-shadow:0 4px 12px #00000080}}.search-sidebar{position:fixed;top:0;right:-400px;width:400px;height:100vh;background:var(--bg-primary, #ffffff);border-left:1px solid var(--border-color, #e2e8f0);box-shadow:-2px 0 10px #0000001a;z-index:1500;transition:right .3s ease;overflow-y:auto;display:flex;flex-direction:column}.search-sidebar.visible{right:0}.search-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color, #e2e8f0);background:var(--bg-secondary, #f8fafc)}.search-sidebar-header h3{margin:0;font-size:1.2rem;font-weight:600;color:var(--text-primary, #1a202c)}.search-sidebar-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-secondary, #718096);padding:4px;border-radius:4px;transition:all .2s ease}.search-sidebar-close:hover{background:var(--bg-tertiary, #edf2f7);color:var(--text-primary, #1a202c)}.search-sidebar-content{flex:1;padding:20px;display:flex;flex-direction:column;gap:20px}.search-bubble-container{display:flex;justify-content:center}.search-input-container{display:flex;flex-direction:column;gap:10px}.search-input{width:100%;padding:12px 16px;border:2px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:14px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1a202c);transition:border-color .2s ease}.search-input:focus{outline:none;border-color:var(--primary-color, #4299e1);box-shadow:0 0 0 3px #4299e11a}.search-input::placeholder{color:var(--text-secondary, #718096)}.search-results{flex:1;display:flex;flex-direction:column;gap:10px}.search-results-header{padding:8px 0;border-bottom:1px solid var(--border-color, #e2e8f0);font-size:12px;font-weight:500;color:var(--text-secondary, #718096);text-transform:uppercase;letter-spacing:.5px}.search-results-list{display:flex;flex-direction:column;gap:8px;max-height:500px;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border-color, #e2e8f0) transparent}.search-results-list::-webkit-scrollbar{width:6px}.search-results-list::-webkit-scrollbar-track{background:transparent}.search-results-list::-webkit-scrollbar-thumb{background:var(--border-color, #e2e8f0);border-radius:3px}.search-results-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #718096)}.search-result-item{padding:12px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;cursor:pointer;transition:all .2s ease;background:var(--bg-primary, #ffffff)}.search-result-item:hover,.search-result-item.selected{border-color:var(--primary-color, #4299e1);background:var(--bg-secondary, #f8fafc);box-shadow:0 2px 4px #0000001a}.search-result-title{font-weight:600;color:var(--text-primary, #1a202c);margin-bottom:4px;font-size:14px}.search-result-description{color:var(--text-secondary, #718096);font-size:12px;line-height:1.4;margin-bottom:6px}.search-result-type{display:inline-block;padding:2px 6px;background:var(--bg-tertiary, #edf2f7);color:var(--text-secondary, #718096);font-size:10px;font-weight:500;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.search-no-results{text-align:center;padding:40px 20px;color:var(--text-secondary, #718096)}.search-no-results p{margin-bottom:16px}.search-no-results ul{text-align:left;display:inline-block;margin:0;padding-left:20px}.search-no-results li{margin-bottom:4px;font-size:14px}.search-instructions{padding:20px;color:var(--text-secondary, #718096)}.search-instructions h4{margin:0 0 16px;color:var(--text-primary, #1a202c);font-size:16px;font-weight:600}.search-instructions ul{margin:0 0 16px;padding-left:20px}.search-instructions li{margin-bottom:8px;font-size:14px;line-height:1.4}.search-instructions strong{color:var(--text-primary, #1a202c)}.search-tip{margin:16px 0 0;padding:12px;background:var(--bg-secondary, #f8fafc);border-radius:6px;font-size:13px;border-left:3px solid var(--primary-color, #4299e1)}.search-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:1400;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}@media (prefers-color-scheme: dark){.search-sidebar{background:var(--bg-primary, #1a202c);border-left-color:var(--border-color, #2d3748)}.search-sidebar-header{background:var(--bg-secondary, #2d3748);border-bottom-color:var(--border-color, #4a5568)}.search-input{background:var(--bg-primary, #1a202c);border-color:var(--border-color, #4a5568);color:var(--text-primary, #f7fafc)}.search-result-item{background:var(--bg-primary, #1a202c);border-color:var(--border-color, #4a5568)}.search-result-item:hover,.search-result-item.selected{background:var(--bg-secondary, #2d3748)}}@media (max-width: 768px){.search-sidebar{width:100vw;right:-100vw}.search-sidebar.visible{right:0}}.layout-container{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-speed),color var(--transition-speed)}.navbar{position:relative;z-index:2;background:var(--toolbar-bg);color:var(--toolbar-text);box-shadow:0 4px 10px var(--shadow-color);padding:8px 16px;display:flex;justify-content:space-between;align-items:center;transition:background-color var(--transition-speed),color var(--transition-speed)}.navbar-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0;position:relative}.test-run-container{display:flex;flex-direction:column;margin-left:10px;gap:.5rem}.test-run-indicator,.save-indicator{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;display:flex;align-items:center}.test-run-indicator{background-color:#f59e0b;color:#fff}.exit-dry-run-button{display:flex;align-items:center;justify-content:center;background-color:#f56565;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.exit-dry-run-button:hover{background-color:#e53e3e}.exit-dry-run-button-canvas{position:fixed;top:70px;left:20px;z-index:1000;display:flex;align-items:center;justify-content:center;background-color:#f56565;color:#fff;border:none;border-radius:4px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #0003;transition:all .2s ease;animation:pulse-attention 2s infinite}.exit-dry-run-button-canvas:hover{background-color:#e53e3e;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;animation:none}@keyframes pulse-attention{0%{box-shadow:0 2px 8px #0003;transform:scale(1)}50%{box-shadow:0 4px 12px #f5656566;transform:scale(1.05)}to{box-shadow:0 2px 8px #0003;transform:scale(1)}}.save-indicator{background-color:#e2f8f0;color:#047857;transition:background-color .3s ease;width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.save-indicator.saving{background-color:#fef3c7;color:#d97706;animation:pulse 1.5s infinite}.save-indicator.unsaved{background-color:#fee2e2;color:#dc2626}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.navbar-title{color:#fff;font-size:18px;font-weight:600;white-space:nowrap;transition:color .3s ease;cursor:pointer;display:flex;align-items:center}.navbar-title:hover{color:#4299e1}.main-content{flex:1;position:relative;overflow:hidden;box-shadow:inset 0 4px 8px #0000000d;height:calc(100vh - 60px);display:flex;flex-direction:column}.navbar-actions{display:flex;gap:1rem;align-items:center}.navbar-actions button{padding:6px 12px;background:var(--bg-tertiary);color:var(--toolbar-text);border:none;border-radius:4px;cursor:pointer;transition:background-color var(--transition-speed),box-shadow var(--transition-speed),color var(--transition-speed);box-shadow:0 2px 5px var(--shadow-color)}.navbar-actions button:hover{background:var(--accent-color);color:var(--button-primary-text);box-shadow:0 3px 7px var(--shadow-color-strong)}.layout-option{display:flex;align-items:center;gap:.5rem}.layout-icon{font-size:1.2rem}.p-dropdown{min-width:180px;background:var(--bg-tertiary);border:none;border-radius:4px;box-shadow:0 2px 5px var(--shadow-color);transition:background-color var(--transition-speed)}.layout-controls{display:flex;align-items:center;gap:1rem}.project-title{display:flex;align-items:center;justify-content:flex-start;padding:6px 12px;background-color:var(--accent-color);color:#fff;border-radius:4px;font-weight:600;font-size:14px;margin:0 16px;box-shadow:0 2px 5px var(--shadow-color);cursor:pointer;transition:all .2s ease;width:180px;max-width:180px;overflow:hidden}.project-title:hover{background-color:var(--accent-color-hover, #3b82f6);transform:translateY(-1px);box-shadow:0 3px 8px var(--shadow-color)}.project-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-title.active{background-color:var(--accent-color-hover, #3b82f6);box-shadow:0 3px 8px var(--shadow-color)}.project-title.active i{transform:rotate(-90deg);transition:transform .3s ease}.layout-density-toggle{display:flex;align-items:center;gap:.5rem;background:var(--bg-tertiary);padding:.5rem .75rem;border-radius:4px;box-shadow:0 2px 5px var(--shadow-color);transition:background-color var(--transition-speed)}.density-label{font-size:.85rem;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-speed)}.density-label.active{color:var(--text-primary);font-weight:600}.p-inputswitch{transform:scale(.8)}.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:#38a169}.p-dropdown:not(.p-disabled).p-focus{box-shadow:0 0 0 2px #4299e180,0 3px 7px #00000026;border:none}.export-import-buttons{display:flex;gap:.5rem;margin-left:1rem}.settings-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;margin-left:8px;background-color:var(--bg-tertiary);color:var(--text-primary);transition:background-color var(--transition-speed),color var(--transition-speed)}.settings-button:hover{background-color:var(--accent-color);color:var(--button-primary-text)}.export-button,.import-button{display:flex;align-items:center;gap:.5rem}.export-button{background-color:#38a169!important}.export-button:hover{background-color:#2f855a!important}.import-button{background-color:#3182ce!important}.import-button:hover{background-color:#2c5282!important}.export-button:disabled,.import-button:disabled{opacity:.6;cursor:not-allowed}.export-button:disabled:hover,.import-button:disabled:hover{background-color:inherit!important}.active-button{background-color:#3b82f6!important;color:#fff!important;animation:pulse .75s infinite alternate;box-shadow:0 3px 8px #3b82f666!important}@keyframes pulse{0%{opacity:.8;box-shadow:0 3px 8px #3b82f64d}to{opacity:1;box-shadow:0 3px 12px #3b82f680}}.centering-indicator{position:fixed;top:60px;left:50%;transform:translate(-50%);background-color:#3b82f6cc;color:#fff;padding:8px 16px;border-radius:4px;z-index:1000;font-weight:500;box-shadow:0 4px 12px #0003;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-10px);box-shadow:0 2px 6px #0000001a}to{opacity:1;transform:translate(-50%);box-shadow:0 4px 12px #0003}}.quick-search-overlay{position:fixed;top:60px;left:0;right:0;z-index:9999;pointer-events:none;animation:fadeIn .2s ease-out}.quick-search-container{pointer-events:auto;width:auto;max-width:800px;background:var(--bg-secondary);border-radius:8px;box-shadow:0 4px 20px var(--shadow-color-strong);overflow:hidden;transition:all .3s ease;animation:slideDown .2s ease-out;transform-origin:top center;border:1px solid var(--border-color);margin:10px auto 0}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.quick-search-input-container{position:relative;display:flex;align-items:center;border-bottom:2px solid var(--border-color);background:var(--bg-secondary);transition:border-color var(--transition-speed),background-color var(--transition-speed)}.quick-search-input-container:focus-within{border-color:var(--accent-color);background:var(--bg-secondary)}.quick-search-input{width:100%;padding:16px 20px;border:none;font-size:18px;outline:none;background:transparent;color:var(--text-primary);transition:color var(--transition-speed);font-weight:500}.quick-search-input::placeholder{color:var(--text-secondary);opacity:.7;font-weight:400;transition:opacity .2s ease}.quick-search-input:focus::placeholder{opacity:.4}.quick-search-cancel-button{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:16px;padding:0 16px;height:100%;display:flex;align-items:center;justify-content:center;transition:color var(--transition-speed)}.quick-search-cancel-button:hover{color:var(--text-primary)}.quick-search-results-container{position:fixed;top:130px;right:20px;width:350px;max-height:calc(100vh - 150px);background:var(--bg-secondary);border-radius:8px;box-shadow:0 4px 20px var(--shadow-color-strong);overflow:hidden;border:1px solid var(--border-color);pointer-events:auto;animation:fadeIn .3s ease-out;z-index:9998}.quick-search-results{max-height:calc(100vh - 150px);overflow-y:auto;padding:4px 0;background:var(--bg-secondary);display:flex;flex-direction:column}.quick-search-result{padding:8px 20px;cursor:pointer;border-left:3px solid transparent;transition:all var(--transition-speed) ease;display:flex;flex-direction:column;gap:2px;background:transparent;color:var(--text-primary)}.quick-search-result:hover,.quick-search-result.selected{background-color:var(--bg-tertiary);border-left-color:var(--accent-color)}.result-title{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-primary);font-weight:500;transition:color var(--transition-speed)}.result-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:16px;background:var(--bg-tertiary);border-radius:6px;flex-shrink:0;transition:background-color var(--transition-speed)}.result-description{margin-left:36px;font-size:13px;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;position:relative;transition:color var(--transition-speed)}.quick-search-result[data-type=node] .result-icon{background:#e0f2fe;color:#0284c7}.quick-search-result[data-type=deadline] .result-icon{background:#fee2e2;color:#dc2626}.quick-search-result[data-type=task] .result-icon{background:#dcfce7;color:#16a34a}.quick-search-result[data-type=reminder] .result-icon{background:#fef3c7;color:#d97706}.result-group-header{padding:6px 20px;font-size:11px;font-weight:600;color:#64748be6;text-transform:uppercase;letter-spacing:.05em;background:#f8fafccc;border-bottom:1px solid rgba(226,232,240,.8);margin-top:4px}.result-group-header:first-child{margin-top:0}.quick-search-empty{padding:24px;text-align:center;color:#64748b;font-size:14px;min-height:100px;display:flex;align-items:center;justify-content:center}.quick-search-hint{padding:12px 20px;text-align:center;color:var(--text-secondary);font-size:13px;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);animation:fadeIn .3s ease-in-out;animation-delay:.2s;animation-fill-mode:both}.quick-search-hint p{margin:0;line-height:1.5}.quick-search-hint code{background-color:var(--bg-secondary);padding:2px 6px;border-radius:4px;font-family:monospace;color:var(--accent-color);border:1px solid var(--border-color);font-weight:500;display:inline-block;margin:0 2px;box-shadow:0 1px 2px #0000001a}.keyboard-hint{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#f1f5f9;padding:4px 8px;border-radius:4px;font-size:12px;color:#64748b;font-family:monospace}.quick-search-results::-webkit-scrollbar{width:8px}.quick-search-results::-webkit-scrollbar-track{background:transparent}.quick-search-results::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px;border:2px solid #fff}.quick-search-results::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.export-container,.import-container{padding:1rem 0}.p-field label{display:block;margin-bottom:.5rem;font-weight:600}.p-field input[type=text],.p-field input[type=file]{width:100%;padding:.5rem;border-radius:4px;border:1px solid #ced4da}.file-name-container{display:flex;align-items:center}.file-name-container input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.file-extension{background-color:#e9ecef;border:1px solid #ced4da;border-left:none;padding:.5rem .75rem;border-top-right-radius:4px;border-bottom-right-radius:4px;font-weight:700;color:#495057}.file-name-hint{display:block;margin-top:.25rem;color:#6c757d;font-size:.85rem}.p-field-radiobutton{margin-bottom:.75rem;display:flex;align-items:center}.p-field-radiobutton h4{margin-bottom:.5rem}.p-field-radiobutton label{margin-left:.5rem;margin-bottom:0;font-weight:400}.format-selection{margin-bottom:1.5rem}.format-label{display:block;margin-bottom:.5rem;font-weight:600}.format-options{display:flex;flex-direction:column;gap:.5rem}.p-field-checkbox{display:flex;align-items:center;margin-bottom:.5rem}.p-field-checkbox label{margin-left:.5rem;margin-bottom:0}.export-info,.import-info{background-color:#f8f9fa;padding:1rem;border-radius:4px;margin-top:1rem}.export-info p,.import-info p{margin:.5rem 0;font-size:.9rem;color:#6c757d}.progress-container{margin-bottom:1rem;text-align:center}.progress-container p{margin-top:.5rem;color:#6c757d}.error-message{background-color:#f8d7da;color:#721c24;padding:.75rem;border-radius:4px;margin-bottom:1rem;display:flex;align-items:center}.success-message{background-color:#d4edda;color:#155724;padding:.75rem;border-radius:4px;margin-bottom:1rem;display:flex;align-items:center}.error-message i,.success-message i,.warning-text i{margin-right:.5rem}.warning-text{background-color:#fff3cd;color:#856404;padding:.75rem;border-radius:4px;margin-top:1rem;display:flex;align-items:center}.note-text{background-color:#e2f0fd;color:#0c5460;padding:.75rem;border-radius:4px;margin-top:1rem;display:flex;align-items:center}.supported-formats{margin-top:1.5rem;background-color:#f8f9fa;padding:.75rem;border-radius:4px}.supported-formats h4{margin-top:0;margin-bottom:.5rem;font-size:1rem;color:#495057}.supported-formats ul{margin:0;padding-left:1.5rem}.supported-formats li{margin-bottom:.25rem;font-size:.9rem;color:#6c757d}.tier-info{margin-top:1rem;margin-bottom:1rem}.success-text{background-color:#d4edda;color:#155724;padding:.75rem;border-radius:4px;display:flex;align-items:center}.info-text{background-color:#e2f0fd;color:#0c5460;padding:.75rem;border-radius:4px;display:flex;align-items:center}.success-text i,.info-text i{margin-right:.5rem}.duplicate-project-dialog{padding:1rem 0}.duplicate-project-dialog p{margin-bottom:1rem}.duplicate-project-dialog ul{margin-left:1.5rem;list-style-type:disc}.duplicate-project-dialog li{margin-bottom:.5rem}.user-profile{display:flex;align-items:center}.user-menu-button{display:flex!important;align-items:center!important;gap:8px!important;padding:8px 12px!important}.user-menu-button:focus{box-shadow:none!important}.avatar-container{position:relative;display:inline-block}.user-avatar{background-color:#4299e1!important;color:#fff!important;font-size:.9rem!important}.tier-badge{position:absolute;bottom:-5px;right:-5px;font-size:.6rem!important;padding:.1rem .3rem!important;border-radius:10px!important}.user-email{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.user-menu{min-width:200px}.force-sign-out-item{color:#e53e3e!important}.force-sign-out-item:hover{background-color:#fff5f5!important}@media (max-width: 768px){.user-email{display:none}}.canvas-container{position:relative;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;background-color:#2d2d2d}.with-transition{transition:transform .3s ease-out}.with-zoom-transition{transition:transform .2s ease-out}.with-center-transition{transition:transform .5s cubic-bezier(.215,.61,.355,1)}.graph-container{position:absolute;width:100%;height:100%;z-index:10}.edges-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.nodes-container{position:relative;width:100%;height:100%}.node{position:absolute;border-radius:4px;padding:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;cursor:pointer;z-index:2;display:flex;flex-direction:column;transition:box-shadow .2s ease-in-out}.node:hover{box-shadow:0 4px 8px #0003}.title-node{border-radius:20px;display:flex;align-items:center;justify-content:center}.node-header{font-weight:700;margin-bottom:4px;color:#fff}.node-content{font-size:.9em;color:#fff;flex:1}.node-controls{position:absolute;bottom:8px;right:8px}.add-child-button{background:#48bb78;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease-in-out}.add-child-button:hover{background:#38a169}.node-completion{position:absolute;bottom:8px;left:8px}.completion-circle{width:16px;height:16px;border-radius:50%;border:2px solid #fff;background-color:transparent;cursor:pointer;transition:background-color .2s ease-in-out}.completion-circle.completed{background-color:#48bb78}.node-tags{position:absolute;top:-24px;left:0;display:flex;flex-wrap:wrap;gap:4px}.node-tag{padding:2px 6px;border-radius:12px;font-size:10px;color:#fff;background-color:#718096}.mention-search{position:absolute;background:#fff;border-radius:6px;box-shadow:0 2px 8px #00000026;min-width:200px;max-width:300px;z-index:1000}.mention-search-list{max-height:250px;overflow-y:auto;padding:4px 0}.mention-search-item{padding:8px 12px;cursor:pointer;transition:background-color .2s}.mention-search-item:hover,.mention-search-item.selected{background-color:#f0f0f0}.mention-search-item-title{display:flex;align-items:center;gap:8px;font-size:14px;color:#333}.mention-type-icon{font-size:16px}.mention-search-item-description{font-size:12px;color:#666;margin-top:2px;margin-left:24px}.mention-search-list::-webkit-scrollbar{width:6px}.mention-search-list::-webkit-scrollbar-track{background:transparent}.mention-search-list::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.mention-search-list::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.custom-editor{border:1px solid #dee2e6;border-radius:4px;background:#fff;margin-bottom:10px;position:relative;z-index:1}.editor-content{min-height:100px;padding:12px;outline:none;cursor:text;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.editor-content:empty:before{content:attr(placeholder);color:#adb5bd;pointer-events:none}.editor-content:focus{border-color:#74c0fc;box-shadow:0 0 0 2px #74c0fc40}.editor-content h2{font-size:1.5em;margin:.83em 0;font-weight:700}.editor-content ul{list-style-type:disc;margin:1em 0;padding-left:40px}.editor-content ol{list-style-type:decimal;margin:1em 0;padding-left:40px}.editor-content a{color:#0074d9;text-decoration:underline;cursor:pointer}.editor-content p{margin:1em 0;min-height:1em}.editor-content br{display:block;content:"";margin:.5em 0}.editor-content>:first-child{margin-top:0}.editor-content>:last-child{margin-bottom:0}.editor-content::selection{background:#74c0fc4d}.editor-content *::selection{background:#74c0fc4d}.editor-content[placeholder]:empty:before{content:attr(placeholder);color:#adb5bd;pointer-events:none}.node-content-container{overflow:hidden;position:relative;width:100%;min-height:250px;max-height:100%;transition:height .5s ease-out,transform .5s ease-out;margin-bottom:10px;will-change:height,transform;box-sizing:border-box}.node-content-scroll{overflow-y:auto;overflow-x:hidden;height:auto;max-height:inherit;padding:30px;transition:transform .5s ease-out,opacity .3s ease;will-change:transform,opacity;box-sizing:border-box}.node-content-scroll::-webkit-scrollbar{width:6px}.node-content-scroll::-webkit-scrollbar-track{background:transparent}.node-content-scroll::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.node-content-scroll:hover::-webkit-scrollbar-thumb{background-color:#0006}.node-content-segment{margin-bottom:20px;font-size:16px;transition:transform .4s ease-out,opacity .3s ease}.node-content-segment:last-child{margin-bottom:0}.node-content-richtext{line-height:1.5;word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;width:fit-content;min-width:100%;transition:all .4s ease-out;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.node-content-richtext p{margin:0 0 16px;transition:all .4s ease-out}.node-content-richtext p:last-child{margin-bottom:0}.task-list-title{font-weight:600;margin-bottom:4px;transition:all .4s ease-out}.task-list{list-style:none;padding:0;margin:0;transition:all .4s ease-out}.task-item{display:flex;align-items:center;gap:6px;padding:2px 0;transition:all .4s ease-out}.task-checkbox{font-size:14px;color:#666}.task-item.completed .task-text{text-decoration:line-through;color:#666}.node-content-deadline{display:flex;align-items:center;gap:6px;padding:4px;background:#0000000d;border-radius:4px;transition:all .4s ease-out}.deadline-icon{font-size:14px}.deadline-date{font-weight:500}.deadline-description{color:#666}.node-content-table{width:fit-content;min-width:100%;overflow-x:auto;transition:all .4s ease-out}.node-content-table table{width:fit-content;min-width:100%;table-layout:auto;border-collapse:collapse;font-size:11px;transition:all .4s ease-out}.node-content-table td{border:1px solid #ddd;padding:8px;white-space:normal;min-width:100px;word-break:break-word}.node-content-reminder{display:flex;align-items:center;gap:6px;padding:4px;background:#0000000d;border-radius:4px}.reminder-icon{font-size:14px}.reminder-title{font-weight:500}.reminder-date{color:#666}.node-content-image{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;text-align:center;border-radius:4px;overflow:hidden}.image-container{width:100%;display:flex;flex-direction:column;align-items:center}.node-image{border-radius:4px;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.image-caption{margin-top:6px;color:#666;font-size:12px;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-upload-container{border:2px dashed #ccc;border-radius:4px;padding:15px;text-align:center;width:100%;cursor:pointer;transition:all .3s ease}.image-upload-container:hover{border-color:#aaa;background-color:#00000005}.image-upload-buttons{display:flex;justify-content:center;margin:10px 0;gap:10px}.image-upload-button{background-color:#4299e1;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .3s ease}.image-upload-button:hover{background-color:#3182ce}.node-content-container *:not(.node-header *){pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;cursor:default!important}.node-editor-panel .node-content-container *{pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;cursor:auto!important}.tags-container{display:flex;flex-direction:column;height:100%;width:100%}.tags-header{display:flex;flex-direction:column;gap:8px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.tags-title{font-size:16px;font-weight:600;color:var(--text-primary)}.selected-project-section{margin-top:.5rem}.project-delete-section{display:flex;justify-content:flex-end;margin-bottom:.5rem}.selected-project-indicator{display:flex;align-items:center;padding:6px 10px;background-color:#eff6ff;border:1px solid #3b82f6;border-radius:4px;font-size:12px;color:#1d4ed8}.selected-project-indicator strong{color:#1e40af}.no-project-selected{display:flex;align-items:center;padding:6px 10px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;font-size:12px;color:#6c757d;font-style:italic}.header-actions{display:flex;align-items:center;gap:8px}.tag-list{display:flex;flex-direction:column;gap:8px;margin-bottom:15px;flex:1;overflow-y:auto}.tag-item{display:flex;align-items:center;padding:6px 8px;border-radius:4px;background-color:var(--bg-tertiary);transition:background-color var(--transition-speed)}.tag-item:hover{background-color:var(--bg-hover)}.tag-color{width:16px;height:16px;border-radius:50%;margin-right:8px;border:1px solid rgba(0,0,0,.1)}.tag-name{flex:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-actions{display:flex;gap:4px}.tag-action-button{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:2px;border-radius:4px;transition:color var(--transition-speed),background-color var(--transition-speed)}.tag-action-button:hover{color:var(--text-primary);background-color:var(--bg-hover)}.tag-form{display:flex;flex-direction:column;gap:10px;margin-top:15px}.tag-form-row{display:flex;gap:8px}.tag-form-input{flex:1;padding:8px;border-radius:4px;border:1px solid var(--border-color);background-color:var(--bg-tertiary);color:var(--text-primary)}.tag-form-color{width:36px;height:36px;padding:0;border:1px solid var(--border-color);border-radius:4px;cursor:pointer}.tag-form-buttons{display:flex;justify-content:flex-end;gap:8px}.node-tags-container{position:absolute;bottom:100%;left:50%;transform:translate(-50%) scale(calc(1 / var(--scale-factor, 1)));display:flex;justify-content:center;pointer-events:none;transform-origin:center bottom;transition:transform .2s ease;margin-bottom:5px}.node-tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;pointer-events:auto;justify-content:center;max-width:300px;position:revert}.node-tag{padding:2px 6px;border-radius:4px;font-size:12px;color:#fff;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 3px #0003;transition:all .2s ease;border:1px solid rgba(255,255,255,.2);margin:1px}@media (max-width: 1200px){.node-tags-container{transform:scale(calc(1.2 / var(--scale-factor, 1)))}.node-tag{font-size:13px;padding:3px 8px}}@media (max-width: 768px){.node-tags-container{transform:scale(calc(1.5 / var(--scale-factor, 1)))}.node-tag{font-size:14px;padding:4px 10px}}.tag-selector-container{position:absolute;top:-60px;left:0;right:0;display:flex;justify-content:center;z-index:10}.tag-selector{background-color:var(--bg-secondary);border-radius:6px;padding:8px;box-shadow:0 2px 8px #0003;display:flex;flex-wrap:wrap;gap:6px;max-width:300px}.tag-selector-item{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;cursor:pointer;transition:opacity var(--transition-speed)}.tag-selector-item:hover{opacity:.8}.tag-selector-checkbox{width:14px;height:14px;border-radius:2px;border:1px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;background-color:#ffffff1a}.tag-selector-checkbox.checked{background-color:#fffc;color:#000}.tag-selector-name{font-size:12px;color:#fff}.hover-tag-selector-container{position:absolute;bottom:100%;left:50%;transform:translate(-50%) scale(calc(1 / var(--scale-factor, 1)));display:flex;justify-content:center;z-index:1000;pointer-events:auto;opacity:1;transform-origin:center bottom;transition:opacity .2s ease,transform .2s ease,visibility .2s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));width:auto;max-width:100%;margin-bottom:5px;min-width:min-content;min-height:min-content}.node.dragging .hover-tag-selector-container,.node.dragging+.hover-tag-selector-container{opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s}.hover-tag-selector{background-color:var(--bg-secondary);border-radius:8px;padding:8px;box-shadow:0 4px 12px #0006;display:grid;grid-template-columns:repeat(5,min-content);grid-auto-rows:min-content;gap:8px;min-width:300px;max-width:90vw;width:auto;height:auto;max-height:none;overflow:visible;border:1px solid var(--border-color);position:relative}.hover-tag-selector.more-columns{grid-template-columns:repeat(6,min-content)}.hover-tag-selector.scrollable{max-height:290px;overflow-y:auto;overflow-x:auto}.hover-tag-selector:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--bg-secondary);z-index:1}.hover-tag-selector-item{display:flex;align-items:center;justify-content:flex-start;gap:5px;padding:4px 8px;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.2);font-size:12px;white-space:nowrap;width:auto}.hover-tag-selector-item:hover{opacity:.9;transform:scale(1.05);box-shadow:0 2px 6px #0003}.hover-tag-selector-checkbox{width:12px;height:12px;border-radius:2px;border:1px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;background-color:#ffffff1a}.hover-tag-selector-checkbox.checked{background-color:#fffc;color:#000}.hover-tag-selector-name{font-size:12px;color:#fff;font-weight:500}.tag-section{margin-bottom:24px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.tag-section-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.tag-section-title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary)}.tag-section-title i{font-size:16px}.tag-count{font-size:12px;color:var(--text-secondary);font-weight:400}.tag-scope-indicator{font-size:14px;margin-left:8px;opacity:.8;background-color:#fff3;border-radius:4px;padding:2px 4px;display:flex;align-items:center;justify-content:center}.upgrade-message{padding:16px;text-align:center;color:var(--text-secondary);background-color:var(--bg-tertiary);display:flex;flex-direction:column;gap:4px;align-items:center}.upgrade-message i{font-size:24px;margin-bottom:8px;color:var(--text-muted)}.tag-form-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;color:var(--text-primary)}.tag-form-header i{font-size:16px}.tag-selector-scope,.hover-tag-selector-scope,.quick-search-tag-scope,.tag-filter-scope,.node-tag-scope{font-size:12px;margin-right:4px;opacity:.9;background-color:#fff3;border-radius:3px;padding:1px 3px;display:flex;align-items:center;justify-content:center}.node-tag{display:flex;align-items:center;gap:4px}.node-tag-name{flex:1}.node{position:absolute;background:var(--node-bg, #494949);border:2px solid var(--node-border, #3182ce);border-radius:8px;padding:0;display:flex;flex-direction:column;box-shadow:0 1px 3px #0003,0 1px 2px #0003;transition:all .3s cubic-bezier(.25,.1,.25,1),transform .6s cubic-bezier(.22,1,.36,1),opacity .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;will-change:transform,width,height;color:var(--node-text, #e6e6e6);z-index:1000;box-sizing:border-box}.node:hover{transform:translateY(-2px);box-shadow:0 6px 12px #2196f333,0 3px 6px #2196f326}.node.dragging{transform:scale(1.02);box-shadow:0 10px 25px #0000004d,0 6px 10px #0003;opacity:.9;z-index:1000;transition:none}.node:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border:3px solid #2196F3;border-radius:12px;opacity:0;transition:all .3s ease;pointer-events:none;z-index:-1;box-shadow:0 0 15px #2196f34d}.node:hover:before{opacity:1;box-shadow:0 0 20px #2196f366}.node.root-node{border:3px solid var(--accent-color, #3182ce);box-shadow:0 0 0 4px #3b82f64d,0 4px 8px #0003;background-color:var(--bg-secondary, #2d2d2d)}.node.root-node:after{content:"🔒";position:absolute;top:-10px;right:-10px;background:var(--accent-color, #3182ce);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:0 2px 4px #0003;z-index:10}.node.title-node{border-radius:50px!important;background:linear-gradient(135deg,#ffffff1a,#f0f0f01a);box-shadow:0 4px 8px #00000026;display:flex;align-items:center;justify-content:center;padding:10px 30px;min-height:80px;max-height:100px;overflow:visible!important}.node.completed{opacity:.8;background-color:#48bb781a}.node.selected{border:2px solid #fff;box-shadow:0 0 0 4px #ffffff4d,0 4px 8px #0003}.node-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:2px solid;background-color:#0003;border-top-left-radius:8px;border-top-right-radius:8px}.node-title{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-label{font-size:8px;color:#aaa;margin-left:8px}.node-content{flex:1;padding:12px;overflow:auto;font-size:.9em;background-color:var(--node-bg, #494949);border-bottom-left-radius:8px;border-bottom-right-radius:8px;min-height:60px;height:auto;max-height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:height;display:flex;flex-direction:column;box-sizing:border-box}.node-controls{position:absolute;top:4px;right:4px;display:flex;gap:4px}.node-footer{padding:4px;border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between}.complete-button{width:20px;height:20px;border-radius:10px;background-color:transparent;border:2px solid rgba(0,0,0,.3);cursor:pointer;display:flex;align-items:center;justify-content:center}.complete-button.completed{background-color:#48bb78;border:none}.color-button{width:20px;height:20px;border-radius:10px;border:2px solid rgba(0,0,0,.3);cursor:pointer}.node-button{cursor:pointer;transition:transform .2s}.node-button:hover{transform:scale(1.1)}.add-button,.delete-button{width:24px;height:24px;border-radius:12px;background-color:#fffc;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px}.color-picker-button{width:32px;height:32px;border-radius:6px;border:2px solid white;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;transition:transform .2s ease}.color-picker-button:hover{transform:scale(1.1)}.color-picker-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;z-index:1000;display:flex;align-items:center;justify-content:center}.color-picker-modal{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0003;display:flex;flex-direction:column;gap:15px;min-width:300px}.p-colorpicker-panel{z-index:99999!important}.p-component-overlay{z-index:99998!important}.custom-toolbar{display:flex;align-items:center;padding:8px 12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-bottom:8px;box-shadow:0 1px 2px #0000000d;flex-wrap:wrap;gap:8px;width:calc(100% - 10px);max-width:100%;box-sizing:border-box;margin-right:10px;position:relative}#custom-toolbar{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:wrap}.toolbar-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar-group.formatting{flex:1}.toolbar-group.components{display:flex;flex-wrap:wrap;gap:6px;margin-left:5px}.ql-formats{display:flex;gap:4px;flex-wrap:wrap}.ql-formats button{width:32px;height:32px;background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:600;color:#495057}.ql-formats button:hover{background:#e9ecef;border-color:#ced4da}.ql-formats button.ql-active{background:#e7f5ff;border-color:#74c0fc;color:#1971c2}.ql-formats .ql-picker{height:32px}.ql-formats .ql-picker-label{height:32px!important;padding:0 8px!important;display:flex!important;align-items:center!important;border:1px solid #dee2e6!important;border-radius:4px!important;background:#fff!important;font-weight:600;color:#495057}.ql-formats .ql-picker-options{background:#fff!important;border:1px solid #dee2e6!important;box-shadow:0 2px 4px #0000001a!important;border-radius:4px!important;padding:4px!important}.ql-formats .ql-color-picker .ql-picker-options,.ql-formats .ql-background .ql-picker-options{width:152px!important;display:flex;flex-wrap:wrap;gap:2px;padding:4px!important}.ql-formats .ql-picker-item{width:20px!important;height:20px!important;margin:2px!important;border-radius:2px!important}.ql-bold strong{font-weight:700}.ql-list span{font-size:12px;font-weight:600}.toolbar-divider{width:1px;height:24px;background:#dee2e6;margin:0 6px;flex-shrink:0}.action-button{padding:6px 12px;background:#0074d9;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:background-color .2s ease;height:32px;display:flex;align-items:center}.action-button:hover:not(:disabled){background:#0063b8}.action-button.disabled,.action-button:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.action-button+.action-button{margin-left:8px}.toolbar-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-weight:600;color:#495057;transition:all .2s ease;padding:0;font-size:14px;position:relative;flex-shrink:0}.toolbar-button:hover{background:#e9ecef;border-color:#ced4da}.toolbar-button.active{background:#e7f5ff;border-color:#74c0fc;color:#1971c2}.color-picker{position:relative}.color-picker-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid #dee2e6;border-radius:4px;padding:4px;display:grid;grid-template-columns:repeat(7,1fr);gap:2px;box-shadow:0 2px 4px #0000001a;z-index:1000}.color-swatch{width:20px;height:20px;border:none;border-radius:2px;cursor:pointer;padding:0;transition:transform .1s ease}.color-swatch:hover{transform:scale(1.1)}.boxed-a{border:1px solid currentColor;padding:0 2px;border-radius:2px}@media (max-width: 768px){.custom-toolbar{padding:6px;width:calc(100% - 5px);margin-right:5px}.toolbar-group{gap:4px}.toolbar-button{width:28px;height:28px;font-size:12px}.toolbar-divider{margin:0 4px}}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#fff;padding:4px 8px;background-color:#ffffff1a;border-radius:4px;max-width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.breadcrumb::-webkit-scrollbar{height:4px}.breadcrumb::-webkit-scrollbar-track{background:transparent}.breadcrumb::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:2px}.breadcrumb-separator{color:#ffffff80;margin:0 4px}.breadcrumb-item{background:none;border:none;color:#fff;padding:2px 6px;border-radius:3px;cursor:pointer;transition:background-color .2s ease;font-size:inherit}.breadcrumb-item:hover{background-color:#fff3}.breadcrumb-item:active{background-color:#ffffff4d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background var(--transition-speed)}.modal-content{background:var(--modal-bg);color:var(--text-primary);padding:2rem;border-radius:8px;min-width:400px;z-index:1001;position:relative;box-shadow:0 10px 25px var(--shadow-color-strong),0 6px 12px var(--shadow-color);transition:background-color var(--transition-speed),color var(--transition-speed),box-shadow var(--transition-speed)}.node-editor-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay);z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;transition:background var(--transition-speed);pointer-events:auto}.node-editor-modal{background:var(--modal-bg);color:var(--text-primary);padding:1rem 2rem 2rem;border-radius:0 0 8px 8px;width:100%;max-height:80vh;overflow-y:auto;z-index:1002;box-shadow:0 15px 30px var(--shadow-color-strong),0 10px 15px var(--shadow-color);transition:background-color var(--transition-speed),color var(--transition-speed),box-shadow var(--transition-speed);pointer-events:auto}.editor-body{flex:1;padding:20px;overflow-y:auto;min-height:0;background:var(--bg-secondary);color:var(--text-primary);transition:background-color var(--transition-speed),color var(--transition-speed)}.color-picker-container{position:absolute;top:30px;right:0;z-index:1002}.color-picker-modal{background:#fff;border-radius:8px;padding:10px;box-shadow:0 2px 10px #0003}.dpad-container-modal{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:1003}.editor-segments{display:flex;flex-direction:column;gap:1rem;padding:1rem 1rem 1rem 3rem;min-height:100px;position:relative;z-index:1;pointer-events:auto}.editor-segment{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 4px var(--shadow-color);transition:box-shadow var(--transition-speed),transform var(--transition-speed),background-color var(--transition-speed),border-color var(--transition-speed);position:relative;width:100%;-webkit-user-select:none;user-select:none;touch-action:none;cursor:default;pointer-events:auto;color:var(--text-primary)}.drag-handle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:grab;color:#94a3b8;font-size:24px;font-weight:700;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #e2e8f0;border-radius:6px;box-shadow:0 2px 4px #00000026;transition:all .2s ease;z-index:10;pointer-events:auto;touch-action:none;position:absolute;left:-2.5rem;top:50%;transform:translateY(-50%)}.drag-handle:hover{background:#f8fafc;color:#3b82f6;box-shadow:0 2px 4px #00000026}.drag-handle:active{cursor:grabbing;background:#f1f5f9;color:#2563eb}.editor-segment.dragging{background:#f8fafc;box-shadow:0 8px 16px #0003;border:2px solid #3B82F6;z-index:1000;cursor:grabbing;opacity:.9;pointer-events:none;transform:none!important}body.dragging-segment{cursor:grabbing}[data-rbd-draggable-context-id]{position:relative!important;transform-origin:center center;left:0!important;right:0!important;width:100%!important}[data-rbd-drag-handle-context-id]{cursor:grab!important}.editor-segments{position:relative;width:100%;min-height:50px;padding:.5rem 0;z-index:0}[data-rbd-drag-handle-draggable-id]{cursor:grab}.react-beautiful-dnd-dragging{z-index:9999!important;pointer-events:none!important}.editor-segments [data-rbd-placeholder-context-id]{background:#eff6ff;border:2px dashed #3B82F6;border-radius:6px;margin-bottom:1rem;height:80px;pointer-events:none;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:.7}50%{opacity:.9}to{opacity:.7}}.segment-remove-button{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px 8px;font-size:16px;border-radius:4px;transition:all .2s ease;position:absolute;right:.5rem;top:.5rem;pointer-events:auto;z-index:5}.segment-remove-button:hover{background:#f1f5f9;color:#ef4444}.modal-button-strip{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #e9ecef;box-shadow:0 -1px #ffffff80}.modal-action-button{padding:.5rem 1.5rem;border:none;border-radius:4px;background:#4a5568;color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 2px 5px #0000001a}.modal-action-button:hover{background:#2d3748;box-shadow:0 4px 8px #00000026}.node-editor-wrapper{width:90%;max-width:900px;margin:auto;display:flex;flex-direction:column;pointer-events:auto}.node-editor-breadcrumb{padding:12px 20px;border-radius:8px 8px 0 0;margin-bottom:-8px;z-index:1001;box-shadow:0 -2px 10px #0000001a;position:relative}.breadcrumb-container{display:flex;align-items:center;flex-grow:1;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.breadcrumb-container::-webkit-scrollbar{height:4px}.breadcrumb-container::-webkit-scrollbar-track{background:transparent}.breadcrumb-container::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:2px}.node-title-input{background:transparent;border:none;color:inherit;font-size:16px;font-weight:600;padding:4px 8px;margin:0;flex-grow:1;min-width:100px;border-radius:4px;transition:background-color .2s ease}.node-title-input:hover{background-color:#ffffff1a}.node-title-input:focus{background-color:#fff3;outline:none;box-shadow:0 0 0 2px #ffffff4d}.node-editor-breadcrumb .breadcrumb{background-color:transparent;box-shadow:none;padding:0;color:var(--button-primary-text);font-size:16px}.node-editor-breadcrumb .breadcrumb-item{font-weight:600;color:inherit;font-size:16px;padding:4px 8px;border-radius:4px;transition:background-color .2s}.node-editor-breadcrumb .breadcrumb-item:hover{background-color:#fff3}.node-editor-breadcrumb .breadcrumb-separator{color:inherit;opacity:.7}.floating-close-button{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background-color:var(--error-color);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0000004d;transition:transform .2s,background-color .2s;z-index:1003}.floating-close-button:hover{transform:scale(1.1);background-color:var(--error-color)}.floating-close-button:active{transform:scale(.95)}.custom-editor{border:1px solid var(--border-color);border-radius:4px;min-height:200px;padding:1rem;margin-bottom:1rem;box-shadow:inset 0 2px 4px var(--shadow-color);transition:box-shadow var(--transition-speed),border-color var(--transition-speed);background-color:var(--bg-primary);color:var(--text-primary)}.custom-editor:focus-within{border-color:var(--accent-color);box-shadow:inset 0 2px 4px var(--shadow-color),0 0 0 3px #4299e14d}.custom-toolbar{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:12px;box-shadow:0 2px 4px var(--shadow-color);position:relative;z-index:1;transition:background-color var(--transition-speed),border-color var(--transition-speed),box-shadow var(--transition-speed)}.checklist-container{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a,0 1px 2px #0000000f}.checklist-header{margin-bottom:16px}.checklist-title-input{width:100%;font-size:1.1em;font-weight:500;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;transition:all .2s}.checklist-title-input:focus{border-color:#74c0fc;box-shadow:0 0 0 3px #74c0fc40;outline:none}.checklist-list{display:flex;flex-direction:column;gap:8px}.task-item{display:flex;align-items:center;padding:10px 12px;background:#f8f9fa;border-radius:6px;transition:all .2s;border:1px solid transparent}.task-item:hover{background:#fff;border-color:#dee2e6;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.task-checkbox-label{display:flex;align-items:center;gap:8px;flex:1;cursor:pointer}.task-checkbox{width:18px;height:18px;cursor:pointer}.task-text{flex:1;font-size:.95em;color:#495057}.task-text.completed{text-decoration:line-through;color:#868e96}.task-remove-button{background:none;border:none;color:#dc3545;font-size:1.2em;cursor:pointer;padding:4px 8px;opacity:0;transition:opacity .2s}.task-item:hover .task-remove-button{opacity:1}.task-remove-button:hover{color:#c82333}.new-task-input{margin-top:8px}.task-input{width:100%;border:1px solid #dee2e6;border-radius:6px;padding:10px 12px;font-size:.95em;transition:all .2s;background:#fff}.task-input:focus{border-color:#74c0fc;box-shadow:0 0 0 3px #74c0fc40;outline:none;transform:translateY(-1px)}.task-weight-dropdown{margin-right:8px}.deadline-panel{padding:12px;background:#fff;border-radius:8px;border:1px solid #dee2e6;transition:all .2s}.deadline-panel:hover{box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.deadline-inputs{display:flex;gap:12px;align-items:center}.deadline-date-picker{min-width:200px}.deadline-description{flex:1;min-width:200px}.deadline-date-picker .p-calendar{width:100%}.deadline-date-picker .p-inputtext{width:100%;height:38px;border-radius:6px;transition:all .2s;border:1px solid #dee2e6}.deadline-date-picker .p-inputtext:hover{border-color:#adb5bd}.deadline-date-picker .p-inputtext:focus{border-color:#74c0fc;box-shadow:0 0 0 3px #74c0fc40;outline:none}.deadline-description .p-inputtext{width:100%;height:38px;border-radius:6px;transition:all .2s;border:1px solid #dee2e6}.deadline-description .p-inputtext:hover{border-color:#adb5bd}.deadline-description .p-inputtext:focus{border-color:#74c0fc;box-shadow:0 0 0 3px #74c0fc40;outline:none}.p-datepicker{border-radius:8px!important;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f!important;border:1px solid #dee2e6!important;padding:8px!important}.p-datepicker-header{border-radius:6px!important;margin-bottom:8px!important}.p-datepicker-calendar{margin:0!important}.p-datepicker-calendar th{padding:8px 0!important}.p-datepicker-calendar td{padding:2px!important}.p-datepicker-calendar td>span{border-radius:6px!important;transition:all .2s!important}.p-datepicker-calendar td>span:hover{background:#e7f5ff!important;transform:scale(1.1)!important}.table-creator-dialog{min-width:400px}.table-creator-tabs{display:flex;gap:8px;margin-bottom:20px}.table-creator-tabs .p-button{flex:1;background:#f8f9fa;color:#495057;border:1px solid #dee2e6;transition:all .2s}.table-creator-tabs .p-button:hover{background:#e9ecef;border-color:#ced4da}.table-creator-tabs .p-button.active{background:#e7f5ff;border-color:#74c0fc;color:#1971c2}.table-creator-content{padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.manual-input{display:flex;flex-direction:column;gap:16px}.input-group{display:flex;align-items:center;gap:12px}.input-group label{min-width:80px;color:#495057}.visual-grid-container{display:flex;flex-direction:column;align-items:center;gap:12px}.visual-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;background:#dee2e6;padding:2px;border-radius:4px}.grid-cell{width:32px;height:32px;background:#fff;border-radius:2px;cursor:pointer;transition:all .15s}.grid-cell:hover{background:#e7f5ff}.grid-cell.active{background:#74c0fc}.grid-size-label{font-size:14px;color:#495057;font-weight:500}.import-container{display:flex;flex-direction:column;gap:12px;align-items:center}.import-help{color:#6c757d;font-size:14px;text-align:center;margin:0}.import-container .p-fileupload-choose{width:100%;justify-content:center}.manual-input .p-inputnumber{width:100px}.manual-input .p-inputtext{width:100%;text-align:center}.table-component{margin:16px 0;border-radius:8px;overflow:visible;box-shadow:0 2px 4px #0000001a,0 1px 2px #0000000f;position:relative}.editable-table-container{width:100%}.table-settings-button{position:absolute!important;top:8px;left:8px;width:32px!important;height:32px!important;color:#6c757d!important;transition:all .2s ease;z-index:10}.table-settings-button:hover{background-color:#0000000d!important;color:#495057!important}.table-settings-button.active{background-color:#007bff1a!important;color:#007bff!important}.editable-table{width:100%;border-collapse:collapse;background:#fff}.row-controls{vertical-align:middle;background:#f8f9fa;border:none!important;padding:4px!important;width:80px;text-align:center}.table-row .row-controls{display:flex;justify-content:center;gap:4px}.column-controls-row{background:#f8f9fa}.column-control{border:none!important;padding:4px!important}.column-control-buttons{display:flex;justify-content:center;gap:4px}.editable-table td{padding:0;border:1px solid #dee2e6;position:relative;min-width:80px}.editable-table td:after{content:" ";visibility:hidden;display:block;height:0}.table-cell{padding:8px 12px;min-height:40px;cursor:text;transition:background-color .2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.table-cell:hover{background-color:#f8f9fa}.table-cell .placeholder{color:#adb5bd;font-style:italic;font-size:.9em}.editable-table .p-inputtext{width:100%;border:none;padding:8px 12px;background:#e7f5ff;outline:none;box-shadow:none}.editable-table .p-inputtext:focus{box-shadow:none;background:#e7f5ff}.table-cell-input{width:100%!important;padding:8px 12px!important;border:none!important;background:#fff!important;box-shadow:none!important;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.table-cell-input:focus{outline:2px solid #74c0fc!important;box-shadow:none!important}.editable-table .p-datatable-thead>tr>th{background:#f8f9fa;border:1px solid #dee2e6;padding:12px;font-weight:600;color:#495057}.editable-table .p-datatable-tbody>tr:hover{background-color:transparent}.editable-table .p-datatable-tbody>tr>td:focus{outline:none;box-shadow:inset 0 0 0 2px #74c0fc}.cell-input{width:100%!important;height:100%!important;margin:0!important;padding:8px 12px!important;border:none!important;background:#fff!important;box-shadow:none!important;outline:2px solid #74c0fc!important;border-radius:0!important}.cell-input:focus{background:#fff!important;box-shadow:none!important}.table-component .p-button-sm{width:28px;height:28px;padding:0;font-size:.8rem}.table-component .p-button-text{color:#6c757d}.table-component .p-button-text:hover{background:#6c757d1a;color:#495057}.table-component .p-button-danger.p-button-text{color:#dc3545}.table-component .p-button-danger.p-button-text:hover{background:#dc35451a;color:#b02a37}.task-scheduler{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.scheduler-field{margin-bottom:16px}.scheduler-field label{display:block;margin-bottom:8px;font-weight:500;color:#495057}.scheduler-field .p-inputtext,.scheduler-field .p-calendar,.scheduler-field .p-dropdown,.scheduler-field .p-calendar .p-inputtext{width:100%}.custom-interval{display:flex;align-items:center;gap:8px}.custom-interval .p-inputnumber{flex:1}.interval-label{color:#495057;font-weight:500}.task-scheduler .p-inputtext,.task-scheduler .p-dropdown,.task-scheduler .p-inputnumber-input{padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;transition:all .2s}.task-scheduler .p-inputtext:focus,.task-scheduler .p-dropdown:focus,.task-scheduler .p-inputnumber-input:focus{border-color:#74c0fc;box-shadow:0 0 0 3px #74c0fc40;outline:none}.task-scheduler .p-dropdown-panel{border:1px solid #dee2e6;border-radius:6px;box-shadow:0 2px 4px #0000001a}.task-scheduler .p-dropdown-item{padding:8px 12px;transition:background-color .2s}.task-scheduler .p-dropdown-item:hover{background-color:#f8f9fa}.task-scheduler .p-calendar{width:100%}.task-scheduler .p-datepicker,.task-scheduler .p-timepicker{border:1px solid #dee2e6;border-radius:6px;box-shadow:0 2px 4px #0000001a}.task-scheduler .p-datepicker-header{padding:8px;background:#f8f9fa;border-bottom:1px solid #dee2e6}.task-scheduler .p-datepicker-calendar{padding:8px}.task-scheduler .p-datepicker-today>span{background:#e7f5ff;color:#1971c2}.task-scheduler .p-datepicker-today>span:hover{background:#d0ebff}.reminder-summary{padding:.5rem;border:1px solid #eee;border-radius:4px;cursor:pointer;transition:background .2s}.reminder-summary:hover{background:#f8f9fa}.reminder-meta{display:flex;gap:.5rem;align-items:center;color:#666;font-size:.9em}.reminder-title{font-weight:500;margin-top:.25rem}.reminder-description{color:#666;font-size:.9em;margin-top:.25rem}.recurrence{background:#e9ecef;padding:.1rem .4rem;border-radius:2px;font-size:.8em}.shortcut-list{margin:1rem 0}.shortcut-table{width:100%;border-collapse:collapse}.shortcut-table th,.shortcut-table td{padding:.5rem;text-align:left;border-bottom:1px solid #e0e0e0}.shortcut-table th{font-weight:700;background-color:#f5f5f5}.shortcut-key{font-family:monospace;background-color:#f0f0f0;padding:.25rem .5rem;border-radius:4px;font-weight:700;white-space:nowrap}.p-tabview .p-tabview-nav{margin-bottom:1rem}.p-dialog .p-dialog-content{padding-bottom:1rem}.sidebar-container{position:fixed;top:60px;left:-840px;width:840px;height:calc(100vh - 60px);background-color:var(--bg-secondary);color:var(--toolbar-text);z-index:100;transition:left .3s ease-in-out,background-color var(--transition-speed),color var(--transition-speed);box-shadow:4px 0 10px var(--shadow-color);display:flex;overflow:hidden}.sidebar-container.visible{left:0}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--modal-overlay);z-index:99;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hamburger-menu-button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--toolbar-text);font-size:1.2rem;cursor:pointer;padding:8px;margin-left:8px;border-radius:4px;transition:background-color var(--transition-speed),color var(--transition-speed)}.hamburger-menu-button:hover{background-color:var(--bg-tertiary)}.hamburger-menu-button:active{background-color:var(--accent-color);color:var(--button-primary-text)}.sidebar{display:flex;width:100%;height:100%}.sidebar-column{width:420px;height:100%;display:flex;flex-direction:column;padding:20px;box-sizing:border-box;border-right:1px solid var(--border-color);overflow-y:auto;overflow-x:hidden}.sidebar-column::-webkit-scrollbar{width:8px}.sidebar-column::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.sidebar-column::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;min-height:20px}.sidebar-column::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.sidebar-column{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-tertiary)}.sidebar-column:last-child{border-right:none}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:15px}.sidebar-header h3{margin:0;font-size:1.2rem;font-weight:600}.projects-list{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto;padding-right:5px}.projects-list::-webkit-scrollbar{width:6px}.projects-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.projects-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.projects-list::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.project-button{width:100%;padding:12px 15px;background-color:var(--bg-tertiary);color:var(--text-primary);border:none;border-radius:4px;text-align:left;cursor:pointer;transition:background-color var(--transition-speed),transform .1s,color var(--transition-speed);font-weight:500}.project-button:hover{background-color:var(--accent-color);color:var(--button-primary-text);transform:translateY(-2px)}.project-button:active{background-color:var(--accent-hover);color:var(--button-primary-text);transform:translateY(0)}.empty-projects{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0;color:var(--text-secondary);text-align:center}.empty-projects p{margin:0 0 15px;font-size:1rem}.new-project-button{width:100%;padding:15px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;margin-top:auto;transition:background-color .2s,transform .1s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0003}.new-project-button:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.new-project-button:active{background-color:#3d8b40;transform:translateY(0);box-shadow:0 2px 4px #0003}.project-list-container{display:flex;flex-direction:column;height:100%;padding:1rem}.project-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.project-list-title{display:flex;align-items:center;gap:.5rem}.project-list-header h3{margin:0;font-size:1.2rem;color:#333}.user-tier-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:1rem;background-color:#4299e1;color:#fff;font-weight:500}.upgrade-message{margin-top:1rem;padding:.75rem;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #4299e1;font-size:.9rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.upgrade-message p{margin:0;color:#555}.project-list{display:flex;flex-direction:column;gap:8px;margin-bottom:15px;flex:1;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;padding-right:8px;min-height:200px;max-height:calc(100vh - 300px)}.project-list::-webkit-scrollbar{width:6px}.project-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.project-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.project-list::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.project-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:4px;background-color:var(--bg-tertiary);transition:background-color var(--transition-speed);cursor:pointer;position:relative}.project-item:hover{background-color:var(--bg-hover)}.project-item.loaded{background-color:var(--accent-color);color:#fff}.project-item.selected{background-color:#3b82f6;color:#fff;border:2px solid #1d4ed8}.project-item.selected.loaded{background-color:var(--accent-color);border:2px solid var(--accent-color-hover, #3b82f6)}.project-item-content{display:flex;flex-direction:column;flex:1}.project-item-status{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.project-actions-top{display:flex;gap:.5rem;margin-bottom:1rem}.loaded-indicator{font-size:.8rem;font-weight:400;opacity:.8}.project-item-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity var(--transition-speed)}.project-delete-button{flex-shrink:0}.project-item:hover .project-item-actions,.project-item.selected .project-item-actions{opacity:1}.project-name{font-weight:500;margin-bottom:.25rem}.project-date{font-size:.8rem;color:#666}.project-item.selected .project-date,.project-item.loaded .project-date{color:#fffc}.project-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#666}.project-actions{display:flex;justify-content:flex-end;padding-top:.5rem;border-top:1px solid #e0e0e0}.p-field label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.project-section{margin-bottom:1.5rem}.project-section-title{font-size:.9rem;font-weight:600;color:var(--text-color);margin:0 0 .75rem;padding:.5rem 0;border-bottom:1px solid var(--surface-border);display:flex;align-items:center}.collaboration-project{border-left:3px solid var(--primary-color);background-color:var(--primary-color-light, rgba(102, 126, 234, .1))}.collaboration-project:hover{background-color:var(--primary-color-light, rgba(102, 126, 234, .15))}.tag-manager{background-color:#1a202c;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#e2e8f0;width:600px;max-width:100%;max-height:80vh;overflow:auto}.sidebar-column .tag-manager{background-color:transparent;border-radius:0;box-shadow:none;width:100%;max-width:none;max-height:none;overflow:visible;color:var(--text-primary)}.tag-manager-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #2d3748}.sidebar-column .tag-manager-header{padding:0 0 15px;border-bottom:1px solid var(--border-color);margin-bottom:20px}.sidebar-column .tag-manager-header h2{color:var(--text-primary);font-size:1.2rem}.tag-manager-header h2{margin:0;font-size:1.5rem;font-weight:600}.close-button{background:none;border:none;color:#a0aec0;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.tag-manager-content{display:flex;padding:20px}.sidebar-column .tag-manager-content{flex-direction:column;padding:0;gap:1rem}@media (max-width: 600px){.tag-manager-content{flex-direction:column}}.tag-list{flex:1;margin-right:20px;overflow-y:auto;max-height:300px}.sidebar-column .tag-list{margin-right:0;max-height:200px}.tag-list::-webkit-scrollbar{width:6px}.tag-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.tag-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.tag-list::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.tag-list h3{margin-top:0;margin-bottom:16px;font-size:1.2rem;font-weight:500}.no-tags{color:#a0aec0;font-style:italic}.tag-list ul{list-style:none;padding:0;margin:0}.tag-item{display:flex;align-items:center;padding:8px 12px;border-radius:4px;margin-bottom:8px;background-color:#2d3748;transition:background-color .2s}.tag-item:hover{background-color:#4a5568}.tag-item.selected{background-color:#2b6cb0}.tag-color{width:16px;height:16px;border-radius:50%;margin-right:12px;cursor:pointer}.tag-name{flex:1;cursor:pointer}.tag-actions{display:flex;gap:8px}.favorite-button,.edit-button,.delete-button{background:none;border:none;color:#a0aec0;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:.8rem}.favorite-button{font-size:1rem;padding:2px 6px}.favorite-button:hover{background-color:#4a5568;color:gold}.favorite-button.favorited{color:gold}.favorite-button.favorited:hover{color:#a0aec0}.edit-button:hover{background-color:#4a5568;color:#e2e8f0}.delete-button:hover{background-color:#c53030;color:#fff}.clear-filters-button{margin-top:16px;background-color:#4a5568;color:#e2e8f0;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;width:100%}.clear-filters-button:hover{background-color:#2d3748}.tag-form{flex:1;padding-left:20px;border-left:1px solid #2d3748}.sidebar-column .tag-form{padding-left:0;border-left:none;border-top:1px solid var(--border-color);padding-top:1rem}@media (max-width: 600px){.tag-form{padding-left:0;padding-top:20px;border-left:none;border-top:1px solid #2d3748}}.tag-form h3{margin-top:0;margin-bottom:16px;font-size:1.2rem;font-weight:500}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input[type=text]{width:100%;padding:8px 12px;border-radius:4px;border:1px solid #4a5568;background-color:#2d3748;color:#e2e8f0}.color-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.color-option{width:24px;height:24px;border-radius:50%;cursor:pointer;transition:transform .2s}.color-option:hover{transform:scale(1.1)}.color-option.selected{box-shadow:0 0 0 2px #e2e8f0}.custom-color-picker{width:24px;height:24px;border:none;background:none;padding:0;cursor:pointer}.form-actions{display:flex;gap:12px}.create-button,.update-button,.cancel-button{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-weight:500}.create-button,.update-button{background-color:#4299e1;color:#fff}.create-button:hover,.update-button:hover{background-color:#3182ce}.create-button:disabled,.update-button:disabled{background-color:#4a5568;cursor:not-allowed}.cancel-button{background-color:#4a5568;color:#e2e8f0}.cancel-button:hover{background-color:#2d3748}.kanban-board{display:flex;flex-direction:column;height:100%;width:100%;background-color:#1a202c;color:#e2e8f0;overflow:hidden}.kanban-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #2d3748}.kanban-header h2{margin:0;font-size:1.5rem;font-weight:600}.toggle-group-button{background-color:#4a5568;color:#e2e8f0;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.toggle-group-button:hover{background-color:#2d3748}.kanban-columns{display:flex;flex:1;overflow-x:auto;padding:20px;gap:20px}.kanban-column{flex:0 0 300px;display:flex;flex-direction:column;background-color:#2d3748;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;max-height:100%}.column-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;color:#fff}.column-header h3{margin:0;font-size:1.1rem;font-weight:500}.node-count{background-color:#fff3;border-radius:12px;padding:2px 8px;font-size:.8rem}.column-content{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.kanban-card{background-color:#4a5568;border-radius:6px;padding:12px;cursor:pointer;border-left:4px solid;transition:transform .2s,box-shadow .2s}.kanban-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.card-title{font-weight:500;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.completed-mark{background-color:#48bb78;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.card-content{font-size:.9rem;color:#cbd5e0;margin-bottom:8px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-tags{display:flex;flex-wrap:wrap;gap:4px}.card-tag{font-size:.7rem;padding:2px 6px;border-radius:4px;color:#fff}.empty-column{color:#a0aec0;text-align:center;padding:20px 0;font-style:italic}.search-bar-container{background-color:#1a202c;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#e2e8f0;width:600px;max-width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.search-header{display:flex;padding:16px;border-bottom:1px solid #2d3748;gap:8px}.search-input{flex:1;background-color:#2d3748;border:none;border-radius:4px;padding:8px 12px;color:#e2e8f0;font-size:1rem}.search-input:focus{outline:none;box-shadow:0 0 0 2px #4299e1}.search-filters{display:flex;gap:8px}.filter-button{background-color:#4a5568;color:#e2e8f0;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;transition:background-color .2s}.filter-button:hover{background-color:#2d3748}.filter-button.active{background-color:#4299e1}.close-button{background:none;border:none;color:#a0aec0;font-size:1.5rem;cursor:pointer;padding:0;line-height:1;display:flex;align-items:center;justify-content:center}.close-button:hover{color:#e2e8f0}.tag-filter,.component-filter{padding:12px 16px;border-bottom:1px solid #2d3748;background-color:#2d3748}.filter-title{font-size:.9rem;margin-bottom:8px;color:#a0aec0}.tag-list,.component-list{display:flex;flex-wrap:wrap;gap:8px}.filter-tag{padding:4px 8px;border-radius:4px;font-size:.8rem;cursor:pointer;border:1px solid;transition:all .2s}.filter-tag.selected{color:#fff}.filter-component{padding:4px 8px;border-radius:4px;font-size:.8rem;cursor:pointer;background-color:#4a5568;transition:background-color .2s}.filter-component:hover,.filter-component.selected{background-color:#4299e1}.no-tags{color:#a0aec0;font-style:italic;font-size:.9rem}.search-results{flex:1;overflow-y:auto;padding:16px}.searching{color:#a0aec0;text-align:center;padding:20px}.search-result{padding:12px;border-radius:6px;background-color:#2d3748;margin-bottom:12px;cursor:pointer;transition:background-color .2s}.search-result:hover{background-color:#4a5568}.result-title{font-weight:500;margin-bottom:8px;font-size:1.1rem}.result-match{margin-bottom:8px;font-size:.9rem;color:#a0aec0}.match-type{color:#4299e1;margin-right:8px}.match-text{color:#cbd5e0}.result-tags{display:flex;flex-wrap:wrap;gap:4px}.result-tag{font-size:.7rem;padding:2px 6px;border-radius:4px;color:#fff}.highlight{background-color:#4299e14d;padding:0 2px;border-radius:2px}.no-results{color:#a0aec0;text-align:center;padding:20px;font-style:italic}.search-instructions{color:#a0aec0;padding:20px;font-size:.9rem}.search-instructions p{margin-bottom:8px}.search-instructions ul{margin-left:20px;margin-bottom:8px}.search-instructions code{background-color:#4a5568;padding:2px 4px;border-radius:4px;font-family:monospace}.collaboration-modal .p-dialog-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px 8px 0 0}.collaboration-modal-header{display:flex;align-items:center;gap:.5rem;font-weight:600}.collaboration-modal-header i{font-size:1.2rem}.collaboration-modal-content{padding:1.5rem 0}.dev-note{background:#e3f2fd;border:1px solid #90caf9;border-radius:6px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;color:#1565c0}.dev-note i{color:#1976d2;margin-top:.1rem;flex-shrink:0}.dev-note strong{color:#0d47a1}.invite-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.invite-section h4{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;color:#495057;font-size:1.1rem}.invite-form{display:grid;grid-template-columns:1fr 200px auto;gap:1rem;align-items:end}.invite-form .p-field{display:flex;flex-direction:column;gap:.5rem}.invite-form label{font-weight:500;color:#495057;font-size:.9rem}.invite-email-input,.permission-dropdown{width:100%}.invite-button{height:42px;white-space:nowrap}@media (max-width: 768px){.invite-form{grid-template-columns:1fr;gap:1rem}.invite-button{justify-self:start}}.collaborators-section h4{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;color:#495057;font-size:1.1rem}.collaborators-table{border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.collaborators-table .p-datatable-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:.75rem 1rem}.collaborators-table .p-datatable-tbody>tr{transition:background-color .2s ease}.collaborators-table .p-datatable-tbody>tr:hover{background-color:#f8f9fa}.collaborators-table .p-datatable-tbody>tr>td{padding:1rem;border-bottom:1px solid #f1f3f4}.permission-badge{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.permission-badge.permission-view{background-color:#e3f2fd;color:#1976d2}.permission-badge.permission-edit{background-color:#e8f5e8;color:#2e7d32}.permission-badge.permission-admin{background-color:#fff3e0;color:#f57c00}.collaborator-actions{display:flex;align-items:center;gap:.5rem}.permission-dropdown-small{width:120px}.collaborator-actions .p-button{padding:.375rem}.collaborator-actions .p-button-danger:hover{background-color:#dc3545;border-color:#dc3545}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#6c757d}.loading-container p{margin-top:1rem;font-size:.9rem}.p-badge.p-badge-warning{background-color:#fff3cd;color:#856404}.p-badge.p-badge-success{background-color:#d4edda;color:#155724}.p-badge.p-badge-danger{background-color:#f8d7da;color:#721c24}.p-badge.p-badge-secondary{background-color:#e2e3e5;color:#383d41}@media (max-width: 768px){.collaboration-modal{width:95vw!important;margin:1rem}.collaboration-modal-content{padding:1rem 0}.invite-section{padding:1rem}.collaborators-table .p-datatable-tbody>tr>td{padding:.75rem .5rem;font-size:.9rem}.collaborator-actions{flex-direction:column;gap:.25rem}.permission-dropdown-small{width:100px;font-size:.8rem}}@media (prefers-color-scheme: dark){.invite-section{background:#2d3748;border-color:#4a5568}.invite-section h4,.collaborators-section h4{color:#e2e8f0}.invite-form label{color:#cbd5e0}.collaborators-table{border-color:#4a5568}.collaborators-table .p-datatable-header{background:#2d3748;border-color:#4a5568}.collaborators-table .p-datatable-tbody>tr:hover{background-color:#2d3748}.collaborators-table .p-datatable-tbody>tr>td{border-color:#4a5568}}.collaboration-modal .p-dialog-enter{animation:modal-enter .3s ease-out}.collaboration-modal .p-dialog-exit{animation:modal-exit .2s ease-in}@keyframes modal-enter{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modal-exit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(-20px)}}.collaboration-modal .p-button:focus,.collaboration-modal .p-inputtext:focus,.collaboration-modal .p-dropdown:focus{box-shadow:0 0 0 2px #667eea80;outline:none}.collaboration-modal [role=button]:focus-visible{outline:2px solid #667eea;outline-offset:2px}.user-presence-indicator{position:relative;display:flex;align-items:center;gap:.5rem}.presence-avatars{display:flex;align-items:center}.user-presence-avatar-container{position:relative;margin-right:-8px}.user-presence-avatar-container:first-child{margin-right:-8px}.user-presence-avatar-container:last-child{margin-right:0}.user-presence-avatar{position:relative;border:2px solid white;border-radius:50%;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.user-presence-avatar:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026;z-index:10!important}.user-avatar{border-radius:50%}.activity-indicator{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;border:2px solid white;display:flex;align-items:center;justify-content:center;font-size:8px;color:#fff;font-weight:700}.activity-indicator.activity-editing{background-color:#28a745}.activity-indicator.activity-viewing{background-color:#17a2b8}.activity-indicator.activity-idle{background-color:#ffc107}.activity-indicator.activity-online{background-color:#28a745}.typing-indicator{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:#007bff;border-radius:12px;padding:2px 6px;box-shadow:0 2px 8px #00000026}.typing-dots{display:flex;gap:2px}.typing-dots span{width:3px;height:3px;background:#fff;border-radius:50%;animation:typing-pulse 1.4s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typing-pulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.online-count-badge{font-size:.7rem;padding:.2rem .4rem;border-radius:10px;background-color:#28a745;color:#fff;font-weight:700;min-width:20px;text-align:center}.overflow-avatar{border:2px solid white;font-size:.7rem!important;background-color:#6c757d!important}.cursors-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999}.user-cursor{position:absolute;pointer-events:none;transition:all .1s ease-out}.user-cursor:before{content:"";position:absolute;top:0;left:0;width:0;height:0;border-left:8px solid;border-right:8px solid transparent;border-bottom:12px solid transparent;border-top:12px solid;border-color:inherit}.cursor-label{position:absolute;top:16px;left:8px;padding:2px 6px;border-radius:4px;color:#fff;font-size:.7rem;font-weight:700;white-space:nowrap;box-shadow:0 2px 4px #0003}.compact-presence{display:flex;align-items:center;gap:.25rem;font-size:.8rem;padding:.25rem .5rem;border-radius:12px;background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.compact-presence.online{color:#28a745}.compact-presence.offline{color:#6c757d}.compact-presence i{font-size:.6rem}@media (max-width: 768px){.user-presence-avatar-container{margin-right:-6px}.user-presence-avatar{transform:scale(.9)}.activity-indicator{width:14px;height:14px;font-size:7px}.typing-indicator{top:-6px;padding:1px 4px}.typing-dots span{width:2px;height:2px}.cursor-label{font-size:.6rem;padding:1px 4px}}@media (prefers-color-scheme: dark){.user-presence-avatar,.activity-indicator{border-color:#2d3748}.compact-presence{background:#0000004d;border-color:#ffffff1a;color:#e2e8f0}.compact-presence.online{color:#68d391}.compact-presence.offline{color:#a0aec0}}.user-presence-avatar-container{animation:avatar-enter .3s ease-out}@keyframes avatar-enter{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.activity-indicator{animation:activity-pulse 2s infinite}@keyframes activity-pulse{0%,to{opacity:1}50%{opacity:.7}}.user-presence-avatar:focus-visible{outline:2px solid #007bff;outline-offset:2px}.user-presence-indicator [role=button]{cursor:pointer}@media (prefers-reduced-motion: reduce){.user-presence-avatar,.activity-indicator,.typing-dots span,.user-cursor{animation:none;transition:none}.user-presence-avatar:hover{transform:none}}.collaboration-button-container{position:relative;display:flex;align-items:center;gap:.5rem}.collaboration-button{position:relative;transition:all .2s ease;border-radius:6px;font-weight:500}.collaboration-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.collaboration-button.full{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:.5rem 1rem;font-size:.9rem}.collaboration-button.compact{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:.4rem .8rem;font-size:.8rem}.collaboration-button.icon-only{background:transparent;border:1px solid #667eea;color:#667eea;padding:.4rem;border-radius:50%;width:36px;height:36px}.collaboration-button.icon-only:hover{background:#667eea;color:#fff}.collaboration-button.header-collaboration{margin-left:.5rem}.collaboration-button.toolbar-collaboration{margin:0 .25rem}.collaboration-button.sidebar-collaboration{width:100%;justify-content:flex-start;margin-bottom:.5rem}.online-badge{position:absolute;top:-8px;right:-8px;background-color:#28a745!important;color:#fff!important;font-size:.6rem;padding:.1rem .3rem;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 4px #0003;z-index:10}.presence-container{display:flex;align-items:center;margin-left:.5rem}.compact-presence-container{display:flex;align-items:center;margin-left:.25rem}.collaboration-button.p-button-loading{opacity:.7}.collaboration-button.p-button-loading .p-button-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.collaboration-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media (max-width: 768px){.collaboration-button.full{padding:.4rem .8rem;font-size:.8rem}.collaboration-button.compact{padding:.3rem .6rem;font-size:.75rem}.collaboration-button.icon-only{width:32px;height:32px;padding:.3rem}.presence-container{margin-left:.25rem}.compact-presence-container{margin-left:.15rem}.online-badge{top:-6px;right:-6px;font-size:.55rem;min-width:14px;height:14px}}@media (prefers-color-scheme: dark){.collaboration-button.icon-only{border-color:#90cdf4;color:#90cdf4}.collaboration-button.icon-only:hover{background:#90cdf4;color:#1a202c}}.collaboration-button:focus-visible{outline:2px solid #667eea;outline-offset:2px}.collaboration-button[aria-pressed=true]{background:linear-gradient(135deg,#5a67d8,#6b46c1)}@media (prefers-contrast: high){.collaboration-button{border:2px solid currentColor}.collaboration-button.full,.collaboration-button.compact{background:#000;color:#fff}.collaboration-button.icon-only{background:transparent;border:2px solid #000;color:#000}}.collaboration-button-container{animation:button-enter .3s ease-out}@keyframes button-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.collaboration-button.new-collaborator{animation:pulse-highlight 2s ease-in-out}@keyframes pulse-highlight{0%,to{box-shadow:0 2px 8px #667eea4d}50%{box-shadow:0 4px 16px #667eea99}}.navbar .collaboration-button{height:36px;display:flex;align-items:center}.sidebar .collaboration-button{border-radius:4px;text-align:left}.toolbar .collaboration-button{background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,.1)}.toolbar .collaboration-button:hover{background:#fff}.collaboration-button.admin-mode{background:linear-gradient(135deg,#f59e0b,#d97706)}.collaboration-button.view-only{background:linear-gradient(135deg,#6b7280,#4b5563)}.collaboration-button.active-collaboration{background:linear-gradient(135deg,#10b981,#059669);animation:gentle-pulse 3s ease-in-out infinite}@keyframes gentle-pulse{0%,to{opacity:1}50%{opacity:.8}}@media (prefers-reduced-motion: reduce){.collaboration-button,.collaboration-button-container,.online-badge{animation:none;transition:none}.collaboration-button:hover{transform:none}}.global-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;background-color:var(--toolbar-bg);color:var(--toolbar-text);box-shadow:0 2px 4px var(--shadow-color);position:sticky;top:0;z-index:1000;transition:background-color var(--transition-speed),color var(--transition-speed)}.header-logo{font-size:1.5rem;font-weight:700;color:var(--accent-color);cursor:pointer;transition:color var(--transition-speed)}.header-logo:hover{color:var(--accent-hover)}.header-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:1.5rem}.header-nav a{color:var(--toolbar-text);text-decoration:none;font-weight:500;transition:color var(--transition-speed)}.header-nav a:hover{color:var(--accent-color)}.header-actions{display:flex;gap:.75rem}.btn-test-run-small,.btn-sign-in-small,.btn-power-manager-small{padding:.5rem 1rem;border-radius:.25rem;font-weight:500;cursor:pointer;transition:all var(--transition-speed);border:none}.btn-test-run-small{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-test-run-small:hover,.btn-sign-in-small{background-color:var(--accent-color);color:var(--button-primary-text)}.btn-sign-in-small:hover{background-color:var(--accent-hover)}.btn-power-manager-small{background-color:var(--success-color);color:var(--button-primary-text)}.btn-power-manager-small:hover{background-color:var(--accent-color)}@media (max-width: 768px){.global-header{padding:.5rem 1rem;flex-wrap:wrap}.header-nav{order:3;width:100%;margin-top:.5rem}.header-nav ul{justify-content:center}}.new-landing-container{font-family:var(--app-font-family);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;overflow-x:hidden;scroll-behavior:smooth;transition:background-color var(--transition-speed),color var(--transition-speed)}.landing-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;background-color:var(--bg-secondary);color:var(--text-primary);box-shadow:0 2px 10px var(--shadow-color);position:sticky;top:0;z-index:100;transition:background-color var(--transition-speed),color var(--transition-speed)}.logo{font-size:1.8rem;font-weight:700;color:var(--accent-color);transition:color var(--transition-speed)}.landing-nav ul{display:flex;list-style:none;gap:2rem}.landing-nav a{text-decoration:none;color:var(--text-primary);font-weight:500;transition:color var(--transition-speed)}.landing-nav a:hover{color:var(--accent-color)}.nav-button{background-color:var(--success-color);color:var(--button-primary-text);border:none;padding:.5rem 1rem;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color var(--transition-speed)}.nav-button:hover{background-color:var(--accent-color)}.hero-section{min-height:85vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem 5%;background:var(--bg-primary);transition:background-color var(--transition-speed)}.hero-content{max-width:800px}.hero-content h1{font-size:3.5rem;margin-bottom:1.5rem;color:var(--text-primary);transition:color var(--transition-speed)}.hero-content p{font-size:1.2rem;margin-bottom:2.5rem;color:var(--text-secondary);transition:color var(--transition-speed)}.hero-buttons{display:flex;gap:2.5rem;justify-content:center;flex-wrap:wrap}.button-container{display:flex;flex-direction:column;align-items:center;max-width:350px}.button-description{font-size:.9rem;margin-top:1rem;text-align:center;color:var(--text-secondary);line-height:1.4;transition:color var(--transition-speed)}.sign-in-description{color:var(--accent-color);transition:color var(--transition-speed)}.test-run-description{color:var(--accent-hover);transition:color var(--transition-speed)}.btn-sign-in,.btn-test-run,.btn-power-manager{padding:.8rem 2rem;font-size:1.1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all var(--transition-speed)}.btn-sign-in{background-color:transparent;border:2px solid var(--accent-color);color:var(--accent-color);transition:all var(--transition-speed)}.btn-sign-in:hover{background-color:var(--bg-tertiary)}.btn-test-run{background-color:var(--accent-color);border:2px solid var(--accent-color);color:var(--button-primary-text);transition:all var(--transition-speed)}.btn-test-run:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.btn-test-run.large,.btn-power-manager.large{padding:1rem 3rem;font-size:1.3rem}.btn-power-manager{background-color:var(--success-color);border:2px solid var(--success-color);color:var(--button-primary-text);transition:all var(--transition-speed)}.btn-power-manager:hover{background-color:var(--accent-color);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.power-manager-description{color:var(--success-color);transition:color var(--transition-speed)}.feature-section{display:flex;align-items:center;padding:5rem 5%;min-height:60vh}.feature-section.reverse{flex-direction:row-reverse;background-color:var(--bg-secondary);transition:background-color var(--transition-speed)}.feature-content,.feature-media{flex:1;padding:2rem}.feature-content h2{font-size:2.5rem;margin-bottom:1.5rem;color:var(--text-primary);transition:color var(--transition-speed)}.feature-content p{font-size:1.1rem;color:var(--text-secondary);max-width:90%;transition:color var(--transition-speed)}.video-placeholder{background-color:var(--bg-tertiary);border-radius:12px;height:300px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.2rem;box-shadow:0 4px 12px var(--shadow-color);transition:background-color var(--transition-speed),color var(--transition-speed)}.cta-section{text-align:center;padding:5rem 5%;background:var(--accent-color);color:var(--button-primary-text);transition:background-color var(--transition-speed),color var(--transition-speed)}.cta-section h2{font-size:2.8rem;margin-bottom:1.5rem}.cta-section p{font-size:1.2rem;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-button-container{display:flex;flex-direction:column;align-items:center;max-width:500px;margin:0 auto}.cta-description{font-size:1rem;margin-top:1.2rem;text-align:center;color:var(--button-primary-text);line-height:1.4;transition:color var(--transition-speed)}.cta-section .btn-test-run{background-color:var(--bg-primary);color:var(--accent-color);border-color:var(--bg-primary);transition:all var(--transition-speed)}.cta-section .btn-test-run:hover{background-color:var(--bg-secondary);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.landing-footer{background-color:var(--toolbar-bg);color:var(--toolbar-text);padding:4rem 5% 2rem;transition:background-color var(--transition-speed),color var(--transition-speed)}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:3rem}.footer-logo{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;color:var(--accent-color);transition:color var(--transition-speed)}.footer-links{display:flex;flex-wrap:wrap;gap:4rem}.footer-column h3{font-size:1.2rem;margin-bottom:1.2rem;color:var(--toolbar-text);transition:color var(--transition-speed)}.footer-column ul{list-style:none;padding:0}.footer-column li{margin-bottom:.8rem}.footer-column a{text-decoration:none;color:var(--text-secondary);transition:color var(--transition-speed)}.footer-column a:hover{color:var(--accent-color)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-secondary);transition:color var(--transition-speed),border-color var(--transition-speed)}@media (max-width: 768px){.landing-header{padding:1rem 5%}.hero-content h1{font-size:2.5rem}.hero-buttons{flex-direction:column;align-items:center;gap:3rem}.button-container{max-width:100%;padding:0 1rem}.button-description,.cta-description{font-size:.85rem}.cta-button-container{width:90%}.feature-section{flex-direction:column;padding:3rem 5%}.feature-section.reverse{flex-direction:column}.feature-content,.feature-media{width:100%;padding:1rem 0}.hero-buttons{flex-direction:column;gap:1rem}.footer-links{gap:2rem}}html,body,#root{overflow:auto;height:auto}.App{overflow:hidden;height:100vh}.auth-page{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-speed),color var(--transition-speed)}.auth-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 70px);padding:20px}.auth-card{width:100%;max-width:450px;box-shadow:0 4px 10px var(--shadow-color);background-color:var(--bg-secondary);transition:background-color var(--transition-speed),box-shadow var(--transition-speed)}.auth-card .p-card-title{font-size:1.5rem;text-align:center;margin-bottom:1.5rem;color:var(--text-primary);transition:color var(--transition-speed)}.p-field{margin-bottom:1.5rem}.p-field label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary);transition:color var(--transition-speed)}.p-inputtext,.p-password{width:100%}.auth-buttons{display:flex;flex-direction:column;gap:.5rem}.auth-divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--text-secondary);transition:color var(--transition-speed)}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color);transition:border-color var(--transition-speed)}.auth-divider span{padding:0 10px;font-size:.9rem}.test-run-button{width:100%}.test-run-description{text-align:center;margin-top:.5rem;font-size:.85rem;color:var(--text-secondary);transition:color var(--transition-speed)}.info-message{margin-bottom:1rem;font-size:.9rem}.info-message .p-message{width:100%}.magic-link-section{display:flex;flex-direction:column;align-items:center}.magic-link-note{color:var(--text-secondary);font-size:.8rem;margin-top:.25rem;transition:color var(--transition-speed)}.user-profile-page{min-height:100vh;background-color:#f5f7f9}.user-profile-container{max-width:800px;margin:2rem auto;padding:0 1rem}.user-profile-card{box-shadow:0 4px 12px #0000000d}.user-profile-content{padding:1rem 0}.user-profile-section{margin-bottom:1.5rem}.user-profile-section h3{margin-top:0;margin-bottom:1rem;font-size:1.2rem;color:#333}.profile-field{display:flex;margin-bottom:.75rem;align-items:center}.field-label{font-weight:500;width:150px;color:#555}.field-value{flex:1}.tier-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;background-color:#4299e1;color:#fff;font-weight:500;font-size:.9rem}.upgrade-section{background-color:#f8f9fa;border-radius:8px;padding:1.5rem;margin:1.5rem 0;border-left:4px solid #4299e1;text-align:center}.upgrade-section h4{margin-top:0;margin-bottom:.5rem;color:#333}.upgrade-section p{margin-bottom:1rem;color:#555}.user-profile-actions{display:flex;justify-content:space-between;margin-top:1.5rem}@media (max-width: 768px){.profile-field{flex-direction:column;align-items:flex-start}.field-label{width:100%;margin-bottom:.25rem}.user-profile-actions{flex-direction:column;gap:.5rem}.user-profile-actions .p-button{width:100%}}.about-page{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-speed),color var(--transition-speed)}.about-content{max-width:800px;margin:0 auto;padding:2rem}.about-content h1{font-size:2.5rem;color:var(--text-primary);margin-bottom:2rem;text-align:center;transition:color var(--transition-speed)}.about-section{margin-bottom:3rem}.about-section h2{font-size:1.8rem;color:var(--accent-color);margin-bottom:1rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem;transition:color var(--transition-speed),border-color var(--transition-speed)}.about-section p{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1rem;transition:color var(--transition-speed)}.about-section ul{padding-left:1.5rem}.about-section li{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1rem;transition:color var(--transition-speed)}@media (max-width: 768px){.about-content{padding:1.5rem}.about-content h1{font-size:2rem}.about-section h2{font-size:1.5rem}.about-section p,.about-section li{font-size:1rem}}.contact-page{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-speed),color var(--transition-speed)}.contact-content{max-width:1000px;margin:0 auto;padding:2rem}.contact-content h1{font-size:2.5rem;color:var(--text-primary);margin-bottom:2rem;text-align:center;transition:color var(--transition-speed)}.contact-info{display:flex;gap:2rem;margin-top:2rem}.contact-methods{flex:1;display:flex;flex-direction:column;gap:1.5rem}.contact-method{background-color:var(--bg-secondary);padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 3px var(--shadow-color);text-align:center;transition:background-color var(--transition-speed),box-shadow var(--transition-speed)}.contact-method i{font-size:2rem;color:var(--accent-color);margin-bottom:1rem;transition:color var(--transition-speed)}.contact-method h3{font-size:1.2rem;color:var(--text-primary);margin-bottom:.5rem;transition:color var(--transition-speed)}.contact-method p{color:var(--text-secondary);line-height:1.5;transition:color var(--transition-speed)}.contact-form-container{flex:2;background-color:var(--bg-secondary);padding:2rem;border-radius:.5rem;box-shadow:0 1px 3px var(--shadow-color);transition:background-color var(--transition-speed),box-shadow var(--transition-speed)}.contact-form-container h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:1.5rem;text-align:center;transition:color var(--transition-speed)}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-weight:500;color:var(--text-secondary);transition:color var(--transition-speed)}.form-actions{margin-top:1rem;display:flex;justify-content:flex-end}.success-message{text-align:center;padding:2rem}@media (max-width: 768px){.contact-info{flex-direction:column}.contact-methods{order:2}.contact-form-container{order:1}}.theme-toggle{display:flex;align-items:center;gap:8px}.theme-label{font-size:.9rem;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-speed) ease}.theme-label.active{color:var(--text-primary);font-weight:500}.theme-switch .p-inputswitch-slider{background-color:var(--bg-tertiary)!important}.theme-switch.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background-color:var(--accent-color)!important}.theme-switch .p-inputswitch-slider:before{content:"☀️";display:flex;align-items:center;justify-content:center;font-size:.7rem}.theme-switch.p-inputswitch-checked .p-inputswitch-slider:before{content:"🌙"}.font-selector{margin-left:16px}.font-dropdown{min-width:150px;background:#4a5568;border:none;border-radius:4px;box-shadow:0 2px 5px #0000001a}.font-option{padding:8px;font-size:14px}.font-value{font-size:14px}.p-dropdown-panel .p-dropdown-items .p-dropdown-item{padding:10px 16px}.p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover{background-color:#3b82f61a}.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background-color:#3b82f633;color:#3b82f6}.settings-container{padding:2rem;max-width:800px;margin:0 auto;color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh}.settings-header{display:flex;align-items:center;margin-bottom:2rem}.settings-header h1{margin:0;font-size:1.8rem;color:var(--text-primary)}.settings-content{display:flex;flex-direction:column;gap:1.5rem}.settings-card{background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:8px;box-shadow:0 2px 4px var(--shadow-color)!important}.settings-card .p-card-body,.settings-card .p-card-content{background-color:var(--bg-secondary);color:var(--text-primary)}.settings-card h2{color:var(--text-primary);font-size:1.5rem;margin-top:0;margin-bottom:1rem}.settings-section{margin:1.5rem 0}.settings-section h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:.5rem}.settings-description{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem}.p-divider{margin:1.5rem 0;background-color:var(--border-color)!important}@media (max-width: 768px){.settings-container{padding:1rem}}.invitation-acceptance-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem}.loading-container{text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-container h3{margin:0;font-size:1.5rem;font-weight:600}.loading-container p{margin:0;opacity:.9;font-size:1rem}.invitation-card{width:100%;max-width:600px;border-radius:12px;box-shadow:0 20px 40px #0000001a;overflow:hidden;background:#fff}.invitation-card.error-card{border-top:4px solid #dc3545}.invitation-card .p-card-body,.invitation-card .p-card-content{padding:0}.invitation-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.invitation-header h2{margin:0;font-size:1.8rem;font-weight:600}.success-icon{font-size:3rem;color:#28a745;background:#fff3;padding:1rem;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.error-icon{font-size:3rem;color:#dc3545;background:#fff3;padding:1rem;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.invitation-content{padding:2rem}.invitation-details h3{margin:0 0 1.5rem;color:#495057;font-size:1.2rem;text-align:center}.project-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.project-name{margin:0 0 1rem;color:#212529;font-size:1.4rem;font-weight:600;text-align:center}.invitation-meta{display:flex;flex-direction:column;gap:.75rem}.meta-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #e9ecef}.meta-item:last-child{border-bottom:none}.meta-label{font-weight:500;color:#6c757d}.meta-value{color:#495057;font-weight:500}.permission-badge{font-size:.8rem;padding:.25rem .75rem;border-radius:12px;font-weight:500}.permission-explanation{margin:1.5rem 0}.permission-explanation h4{margin:0 0 1rem;color:#495057;font-size:1.1rem}.permission-list{list-style:none;padding:0;margin:0}.permission-list li{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;color:#495057}.permission-list li i.pi-check{color:#28a745;font-weight:700}.permission-list li i.pi-times{color:#dc3545;font-weight:700}.invitation-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.accept-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;padding:.75rem 2rem;font-weight:600;border-radius:8px;transition:all .3s ease}.accept-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #28a7454d}.auth-required{text-align:center;padding:1rem;background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;margin-top:1rem}.auth-required p{margin:0 0 1rem;color:#1976d2;font-weight:500}.auth-button{background:linear-gradient(135deg,#1976d2,#1565c0);border:none;padding:.75rem 2rem;font-weight:600;border-radius:8px;width:100%;margin-top:1rem}.error-message{color:#dc3545;text-align:center;font-size:1.1rem;margin:1rem 0 2rem;padding:1rem;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px}@media (max-width: 768px){.invitation-acceptance-page{padding:1rem}.invitation-card{max-width:100%}.invitation-header{padding:1.5rem 1rem}.invitation-header h2{font-size:1.5rem}.success-icon,.error-icon{width:60px;height:60px;font-size:2rem}.invitation-content{padding:1.5rem 1rem}.project-info{padding:1rem}.project-name{font-size:1.2rem}.invitation-actions{flex-direction:column;align-items:center}.invitation-actions .p-button{width:100%;max-width:300px}.meta-item{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (prefers-color-scheme: dark){.invitation-card{background:#2d3748;color:#e2e8f0}.project-info{background:#4a5568;border-color:#718096}.project-name{color:#e2e8f0}.meta-item{border-color:#718096}.meta-label{color:#a0aec0}.meta-value,.permission-explanation h4{color:#e2e8f0}.permission-list li{color:#cbd5e0}.error-message{background:#742a2a;border-color:#9b2c2c;color:#fed7d7}.auth-required{background:#2a4365;border-color:#3182ce}.auth-required p{color:#90cdf4}}.invitation-card{animation:card-enter .5s ease-out}@keyframes card-enter{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.success-icon,.error-icon{animation:icon-bounce .6s ease-out .3s both}@keyframes icon-bounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.invitation-card .p-button:focus-visible{outline:2px solid #007bff;outline-offset:2px}.permission-list li{line-height:1.5}@media (prefers-reduced-motion: reduce){.invitation-card,.success-icon,.error-icon,.accept-button{animation:none;transition:none}.accept-button:hover{transform:none}}:root{--app-font-family: Arial, sans-serif}body,html,#root{margin:0;padding:0;height:100%;width:100%;font-family:var(--app-font-family);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color var(--transition-speed),color var(--transition-speed)}.App{overflow:hidden}button{padding:8px 16px;background-color:var(--button-primary-bg);color:var(--button-primary-text);border:none;border-radius:4px;cursor:pointer;transition:background-color var(--transition-speed),color var(--transition-speed)}button:hover{background-color:var(--button-primary-hover)}.component-shadow{box-shadow:0 4px 8px var(--shadow-color),0 2px 4px var(--shadow-color);transition:box-shadow var(--transition-speed) ease}.component-shadow-hover:hover,.component-shadow-strong{box-shadow:0 6px 12px var(--shadow-color-strong),0 3px 6px var(--shadow-color)}