html[data-theme=light-default],:root{--pri-text-color:#2d3436;--sec-text-color:#636e72;--accent-color:#0984e3;--accent-hover:#74b9ff;--success-color:#00b894;--error-color:#d63031;--warning-color:#fdcb6e;--pri-background:#fff;--sec-background:#f1f2f6;--card-background:#fff;--border-color:#dfe6e9;--input-focus:#74b9ff;--radius-sm:4px;--radius-md:12px;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 10px 15px -3px #0000001a;--transition:.2s ease-in-out;--app-gradient:linear-gradient(-145deg, #f8fafcea 0%, #e2e8f0 60%, #e2e4e4f0 80%, #e2e8f0 100%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--sec-background);color:var(--pri-text-color);scrollbar-width:none;-ms-overflow-style:none;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;scrollbar-color:transparent transparent!important}a{color:inherit;text-decoration:none}hr{margin:10px 0}textarea{resize:none}::-webkit-scrollbar{display:none}.app-wrapper{background-color:var(--card-background);width:100vw;height:100vh;transition:background-color .3s;display:flex;overflow:hidden}.main-content{flex-direction:column;flex-grow:1;min-width:0;display:flex;position:relative;overflow:auto}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:.7;transform:scale(.95)}}@keyframes taskHighlight{0%{background-color:color-mix(in srgb, var(--accent-color) 20%, transparent)}to{background-color:#0000}}html[data-theme=light-mint]{--pri-text-color:#1a4b41;--sec-text-color:#4a7c76;--accent-color:#20b2aa;--accent-hover:#008b8b;--pri-background:#f8fffd;--sec-background:#edfaf8;--card-background:#fff;--border-color:#cdeae6;--app-gradient:linear-gradient(-145deg, #f8fffd 0%, #edfaf8 60%, #eaf9f6 80%, #edfaf8 100%)}html[data-theme=dark-ocean]{--pri-text-color:#e0e6ff;--sec-text-color:#8a95c9;--accent-color:#3182ce;--accent-hover:#5e35b1;--pri-background:#10153c;--sec-background:#1b2355;--card-background:#111b44;--border-color:#2a2e4a;--app-gradient:linear-gradient(-145deg, #0a0e2a 0%, #121a40 60%, #19234b 80%, #121a40 100%)}html[data-theme=dark-neon]{--pri-text-color:#c9d1d9;--sec-text-color:#8b949e;--accent-color:#38bdf8;--accent-hover:#0ea5e9;--pri-background:#000;--sec-background:#000;--card-background:#000;--border-color:#343437;--app-gradient:linear-gradient(-145deg, #000 0%, #000 60%, #111112 80%, #000 100%)}html[data-theme=dark-crimson]{--pri-text-color:#dfd7d7;--sec-text-color:#b6a7a7;--accent-color:red;--accent-hover:#ff4d4d;--pri-background:#000;--sec-background:#000;--card-background:#000;--border-color:#300;--app-gradient:linear-gradient(-145deg, #000 0%, #000 60%, #1b0202 80%, #000 100%)}html[data-theme=light-pastel]{--pri-text-color:#4a4453;--sec-text-color:#8e849b;--accent-color:#9b59b6;--accent-hover:#be90d4;--pri-background:#fdfbfd;--sec-background:#f5f0f6;--card-background:#fff;--border-color:#e8dfea;--app-gradient:linear-gradient(-145deg, #fdfbfd 0%, #f5f0f6 60%, #f7eff9 80%, #f5f0f6 100%)}
.form-group{margin-bottom:16px}.form-row{gap:15px;margin-bottom:16px;display:flex}.form-row .form-group{flex:1;margin-bottom:0}.form-group label{color:var(--sec-text-color);margin-bottom:6px;font-size:.9rem;font-weight:500;display:block}.form-control{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--pri-background);width:100%;color:var(--pri-text-color);transition:var(--transition);padding:10px 12px;font-family:inherit}.form-control:focus{border-color:var(--input-focus);outline:none;box-shadow:0 0 0 2px #0984e31a}.form-actions{align-items:center;gap:10px;padding:5px;display:flex}.mobile-only{display:none!important}.desktop-only{display:flex!important}.status-badge{background-color:var(--sec-background);color:var(--sec-text-color)}.priority-low{background-color:color-mix(in srgb, var(--success-color) 15%, transparent);color:var(--success-color)}.priority-medium{background-color:color-mix(in srgb, var(--warning-color) 15%, transparent);color:var(--warning-color)}.priority-high{background-color:color-mix(in srgb, var(--error-color) 15%, transparent);color:var(--error-color)}.priority-critical{background-color:color-mix(in srgb, var(--pri-text-color) 15%, transparent);color:var(--pri-text-color)}.skeleton{background-color:var(--sec-background);border-radius:var(--radius-md);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);background-repeat:no-repeat;background-size:200px 100%;animation:1.5s linear infinite shimmer}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-title{width:40%;height:32px;margin-bottom:8px}.skeleton-subtitle{width:25%;height:16px}.skeleton-text-sm{width:40%;height:12px;margin-bottom:8px}.skeleton-text-lg{width:60%;height:24px}.skeleton-btn{width:120px;height:40px}.skeleton-task-item{height:70px;margin:16px 20px}.skeleton-avatar{border-radius:2%;width:130px;height:130px;margin-bottom:20px}.skeleton-name{width:180px;height:28px;margin-bottom:10px}.skeleton-badge{border-radius:20px;width:120px;height:24px;margin-bottom:15px}.skeleton-line{width:100%;height:14px;margin-bottom:8px}.skeleton-btn-block{width:100%;height:40px;margin-top:10px}.skeleton-stat-box{width:100%;height:60px}.skeleton-form-label{width:100px;height:16px;margin-bottom:8px}.skeleton-input{width:100%;height:45px}.skeleton-center{margin-left:auto;margin-right:auto}.skeleton-project-card{width:100%;height:200px}.skeleton-project-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:20px;display:grid}.skeleton-filter-bar{background:var(--card-background);border-bottom:1px solid var(--border-color);gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.skeleton-filter-item{border-radius:var(--radius-sm);width:150px;height:38px}.skeleton-task-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:90px;padding:16px 20px;display:flex}.archive-confirm-popover{background:var(--sec-background);border:1px solid var(--border-color);border-radius:var(--border-radius);z-index:50;white-space:nowrap;align-items:center;gap:8px;padding:6px 10px;display:flex;position:absolute;bottom:125%;right:0;box-shadow:0 4px 12px #00000026}.archive-confirm-popover:after{content:"";border-style:solid;border-width:5px;border-color:var(--sec-background) transparent transparent transparent;position:absolute;top:100%;right:12px}@media (max-width:768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}}@media (max-width:576px){.form-row{flex-direction:column;gap:16px}.form-row .form-group{margin-bottom:0}}
.page-content{padding:20px;animation:.4s ease-out fadeIn;overflow:auto}.header-actions{align-items:center;gap:10px;padding:4px;display:flex}.header-action-btn{background-color:var(--card-background);width:auto;min-width:40px;height:40px;color:var(--sec-text-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.header-action-btn:hover{color:var(--accent-color);border-color:var(--accent-color);box-shadow:var(--shadow-md);background-color:color-mix(in srgb, var(--accent-color) 5%, var(--card-background));transform:translateY(-2px)}.header-action-btn:active{box-shadow:var(--shadow-sm);background-color:color-mix(in srgb, var(--accent-color) 15%, var(--card-background));transform:translateY(0)}.header-action-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.header-action-btn i{font-size:1.1rem;display:block}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.95rem;font-weight:500;display:inline-flex}.btn-sm{padding:4px 10px;font-size:.82rem}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{border:1px solid var(--border-color);color:var(--pri-text-color);background-color:#0000}.btn-secondary:hover{background-color:var(--sec-background);border:1px solid var(--pri-text-color)}.btn-danger{border:1px solid var(--error-color);color:var(--error-color);background-color:#0000}.btn-danger:hover{background-color:var(--error-color);color:#fff}.btn-icon{color:var(--sec-text-color);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:8px}.btn-icon:hover{color:var(--accent-color);background-color:var(--sec-background)}.btn-icon.text-error:hover,.delete-btn:hover{color:var(--error-color)}.edit-btn:hover{color:var(--accent-color)}.dropdown-edit-btn,.dropdown-delete-btn,.archive-btn{color:var(--sec-text-color);justify-content:flex-start;gap:10px;width:90%;display:flex}.action-buttons{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.card{background-color:var(--card-background);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:hidden}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-header h2{align-items:center;gap:10px;font-size:1.1rem;font-weight:600;display:flex}.card-body{padding:20px}.badge{letter-spacing:.5px;text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.topbar{z-index:10;background-color:var(--pri-background);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;width:100%;min-height:60px;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000000d}.topbar-actions{justify-content:center;align-items:center;gap:10px;display:flex}.logo-group{color:var(--pri-text-color);align-items:center;gap:10px;font-size:1.2rem;font-weight:600;display:flex}.logo-image{background-color:var(--pri-text-color);width:35px;height:35px;-webkit-mask-image:url(/logo.svg);mask-image:url(/logo.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sidebar-toggle{cursor:pointer;color:var(--pri-text-color);background:0 0;border:none;margin-right:15px;padding:5px 10px;font-size:1.5rem;transition:color .3s}.sidebar-toggle:hover{color:var(--accent-color)}.topbar-profile-link{align-items:center;display:flex}.topbar-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:35px;height:35px;transition:transform .2s;box-shadow:0 2px 4px #0000001a}.topbar-avatar:hover{transform:scale(1.1)}.loading-state{color:var(--pri-text-color);flex-direction:column;align-items:center;margin-top:10%;font-size:1.1rem;display:flex}.pulse-ring{border:2px solid var(--accent-color);border-radius:50%;width:60px;height:60px;margin-bottom:1rem;animation:1.5s infinite pulse}.empty-state{text-align:center;color:var(--sec-text-color);padding:20px;font-style:italic}.empty-state-btn{text-align:center;display:block}.empty-state-btn:hover{color:var(--accent-color)}.error-message{color:var(--error-color);padding:5px}.input-error{outline-color:var(--error-color);border-color:var(--error-color)!important}.field-error{color:var(--error-color);margin-top:4px;margin-bottom:2px;font-size:.78rem;display:block}.has-error .form-control{border-color:var(--color-danger)}.char-count{float:right}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--card-background);border-radius:var(--radius-md);width:95%;max-width:500px;box-shadow:var(--shadow-md);margin:10px auto;animation:.2s ease-out slideIn;overflow:hidden}.modal-content-lg{max-width:800px}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2,.modal-header h3{margin:0;font-size:1.25rem}.modal-body{padding:20px}.modal-body-scroll{max-height:80vh;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);background-color:var(--sec-background);justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.modal-title-error{color:var(--error-color);margin:0;font-size:1.25rem}.modal-confirm-text{color:var(--sec-text-color);margin-bottom:1rem}.text-error{color:var(--error-color)}@media (max-width:768px){.logo-group{gap:5px;font-size:.9rem}.logo-image{width:25px;height:25px}.btn{padding:6px 14px;font-size:.8rem;font-weight:300}.btn-secondary{padding:5px 12px;font-size:.8rem;font-weight:300}.header-action-btn,.topbar-avatar{width:30px;height:30px}.topbar-actions{gap:5px}}@media (max-width:576px){.modal-content{width:95%;margin:10px}.modal-body{padding:15px}.modal-footer{flex-direction:column-reverse;padding:15px}.modal-footer .btn{width:100%;margin:0}.btn{padding:6px 14px;font-size:.8rem;font-weight:300}}@media (max-width:480px){.btn{padding:12px 16px;font-size:1rem}}
.fw-win{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:100;flex-direction:column;transition:none;display:flex;overflow:hidden;box-shadow:0 20px 50px #0000004d}.fw-win:has(.fw-bar:active){box-shadow:0 32px 80px #00000047,0 8px 28px #00000029}.fw-win.is-snapping{transition:transform .3s cubic-bezier(.2,0,0,1),width .3s cubic-bezier(.2,0,0,1),height .3s cubic-bezier(.2,0,0,1)}.fw-bar{background:var(--sec-background);border-bottom:1px solid var(--border-color);cursor:grab;justify-content:space-between;align-items:center;height:38px;padding:0 12px;display:flex}.fw-bar:active{cursor:grabbing}.fw-bar-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.fw-bar-icon{color:var(--accent-color);opacity:.85;flex-shrink:0;font-size:.8rem}.fw-bar-title{color:var(--pri-text-color);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.fw-bar-close{width:24px;height:24px;color:var(--sec-text-color);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;display:flex}.fw-bar-close:hover{color:#ef4444;background:#ef444426}.fw-win-body{background:var(--card-background);flex:1;overflow:auto}.fw-container-overlay{pointer-events:none;z-index:8000;position:fixed;inset:0}.fw-win-body>.modal-overlay:first-child{pointer-events:auto!important;background:0 0!important;flex-direction:column!important;height:100%!important;padding:0!important;display:flex!important;position:static!important;overflow:hidden!important}.fw-win-body>.modal-overlay:first-child>.modal-content{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;box-shadow:none!important;border:none!important;border-radius:0!important;flex-direction:column!important;margin:0!important;display:flex!important;overflow:hidden!important}.fw-win-body>.modal-overlay:first-child .modal-header{display:none!important}.fw-win-body>.modal-overlay:first-child .modal-body{flex:1!important;min-height:0!important;overflow-y:auto!important}.fw-win-body>.modal-overlay:first-child .readme-modal,.fw-win-body>.modal-overlay:first-child .quick-add-modal{width:100%!important;max-width:100%!important;max-height:100%!important}.fw-win-body .nested-modal-overlay,.fw-win-body>.modal-overlay:not(:first-child){z-index:9100!important;background:#0000008c!important;justify-content:center!important;align-items:center!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important}.fw-win-body .nested-modal-overlay .modal-content,.fw-win-body>.modal-overlay:not(:first-child) .modal-content{border-radius:var(--radius-md)!important;border:1px solid var(--border-color)!important;width:auto!important;min-width:340px!important;max-width:520px!important;height:auto!important;max-height:90vh!important;box-shadow:0 20px 60px #0000004d!important}.fw-win-body .nested-modal-overlay .modal-header,.fw-win-body>.modal-overlay:not(:first-child) .modal-header{display:flex!important}.fw-win,.fw-taskbar{pointer-events:auto}.fw-taskbar{pointer-events:auto;background:color-mix(in srgb, var(--card-background) 90%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);align-items:center;gap:10px;height:48px;padding:0 15px;display:flex;position:absolute;bottom:0;left:0;right:0}.fw-tb-brand{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--accent-color);opacity:.7;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex}.fw-tb-list{scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;flex-wrap:nowrap;flex:1;align-items:center;gap:4px;min-width:0;padding:0 4px;display:flex;overflow:auto hidden}.fw-tb-list::-webkit-scrollbar{display:none}.fw-tb-list:active{cursor:grabbing}.fw-tb-item{background:var(--sec-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--pri-text-color);cursor:pointer;flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;display:flex}.fw-tb-item:hover{background:color-mix(in srgb, var(--accent-color) 10%, transparent);border-color:var(--accent-color)}.fw-tb-item i:first-child{color:var(--accent-color);flex-shrink:0;font-size:.72rem}.fw-tb-label{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.fw-tb-x{width:16px;height:16px;color:var(--sec-text-color);transition:background var(--transition), color var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.6rem;display:flex}.fw-tb-x:hover{color:#ef4444;background:#ef44442e}.fw-active-dot{background:var(--accent-color);border:1px solid var(--card-background);border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.workspace-canvas-hint{background:var(--card-background);border:1px solid var(--border-color);color:var(--sec-text-color);opacity:.8;pointer-events:auto;-webkit-user-select:none;user-select:none;z-index:9600;border-radius:20px;align-items:center;gap:6px;font-size:.85rem;font-weight:500;display:flex}.workspace-canvas-hint i{color:var(--accent-color);font-size:.9rem}@media (max-width:768px){.fw-win,.fw-taskbar{display:none!important}}