@import"https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap";.shortcuts-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.shortcuts-modal{background:rgba(255,255,255,.98);border-radius:16px;width:100%;max-width:900px;max-height:85vh;overflow:hidden;box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff4d;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}.shortcuts-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid rgba(229,231,235,.5);background:rgba(248,250,252,.95);backdrop-filter:blur(10px)}.shortcuts-modal-title{display:flex;align-items:center;gap:12px}.shortcuts-icon{color:#1f2937;font-size:24px}.shortcuts-modal-title h2{margin:0;font-size:24px;font-weight:700;color:#111827}.shortcuts-close-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px;cursor:pointer;color:#fffc;font-size:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;backdrop-filter:blur(10px)}.shortcuts-close-btn:hover{background:rgba(239,68,68,.2);border-color:#ef444466;color:#ef4444}.shortcuts-modal-content{padding:32px;overflow-y:auto;height:calc(100% - 140px);background:rgba(255,255,255,.02)}.shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.shortcuts-category{background:rgba(255,255,255,.9);border-radius:12px;padding:24px;border:1px solid rgba(229,231,235,.5);backdrop-filter:blur(10px)}.shortcuts-category:hover{background:rgba(255,255,255,.95)}.shortcuts-category-title{margin:0 0 16px;font-size:18px;font-weight:600;color:#111827;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.shortcuts-list{display:flex;flex-direction:column;gap:12px}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(229,231,235,.3)}.shortcut-item:last-child{border-bottom:none}.shortcut-keys{display:flex;align-items:center;gap:4px;min-width:120px}.shortcut-key{background:linear-gradient(145deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;border-radius:6px;padding:4px 8px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;font-weight:600;color:#374151;box-shadow:0 1px 3px #0000001a,inset 0 1px #fff9;text-shadow:0 1px 0 rgba(255,255,255,.8);min-width:28px;text-align:center}.key-separator{color:#64748b;font-size:12px;font-weight:500}.shortcut-description{color:#374151;font-size:14px;flex:1;text-align:right;font-weight:500}.shortcuts-modal-footer{padding:20px 32px;border-top:1px solid rgba(229,231,235,.5);background:rgba(248,250,252,.95);backdrop-filter:blur(10px);text-align:center}.shortcuts-tip{margin:0;color:#6b7280;font-size:14px;font-weight:500}.shortcuts-tip kbd{background:linear-gradient(145deg,#f3f4f6,#d1d5db);border:1px solid #9ca3af;border-radius:4px;padding:2px 6px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;color:#374151}@media (max-width: 768px){.shortcuts-modal{margin:10px;max-height:90vh}.shortcuts-modal-header{padding:20px 24px}.shortcuts-modal-title h2{font-size:20px}.shortcuts-modal-content{padding:24px}.shortcuts-grid{grid-template-columns:1fr;gap:24px}.shortcut-item{flex-direction:column;align-items:flex-start;gap:8px}.shortcut-description{text-align:left}.shortcut-keys{min-width:auto}}@media (max-width: 480px){.shortcuts-modal-overlay{padding:10px}.shortcuts-modal{max-height:95vh}.shortcuts-modal-header{padding:16px 20px}.shortcuts-modal-content,.shortcuts-category{padding:20px}}[data-theme=dark] .shortcuts-modal-overlay{background:rgba(0,0,0,.9)}[data-theme=dark] .shortcuts-modal{background:rgba(26,32,44,.98);border-color:#4a55684d}[data-theme=dark] .shortcuts-modal-header{background:rgba(45,55,72,.95);border-bottom-color:#4a556880}[data-theme=dark] .shortcuts-icon{color:#63b3ed}[data-theme=dark] .shortcuts-modal-title h2{color:#e2e8f0}[data-theme=dark] .shortcuts-close-btn{background:rgba(239,68,68,.2);color:#fc8181}[data-theme=dark] .shortcuts-close-btn:hover{background:rgba(239,68,68,.3);color:#f56565}[data-theme=dark] .shortcuts-modal-content{background:rgba(26,32,44,.02)}[data-theme=dark] .shortcuts-category{background:rgba(45,55,72,.9);border-color:#4a556880}[data-theme=dark] .shortcuts-category:hover{background:rgba(45,55,72,.95)}[data-theme=dark] .shortcuts-category-title{color:#e2e8f0;border-bottom-color:#4a556880}[data-theme=dark] .shortcut-item{border-bottom-color:#4a55684d}[data-theme=dark] .shortcut-key{background:linear-gradient(145deg,#2d3748,#1a202c);border-color:#4a5568;color:#e2e8f0;box-shadow:0 1px 3px #0000004d,inset 0 1px #ffffff1a;text-shadow:0 1px 0 rgba(0,0,0,.5)}[data-theme=dark] .key-separator{color:#a0aec0}[data-theme=dark] .shortcut-description{color:#cbd5e0}[data-theme=dark] .shortcuts-modal-footer{background:rgba(45,55,72,.95);border-top-color:#4a556880}[data-theme=dark] .shortcuts-tip{color:#a0aec0}[data-theme=dark] .shortcuts-tip kbd{background:linear-gradient(145deg,#2d3748,#1a202c);border-color:#4a5568;color:#e2e8f0}.app-footer{position:fixed;bottom:20px;right:20px;background:rgba(255,255,255,.95);border:1px solid rgba(229,231,235,.3);border-radius:50px;box-shadow:0 10px 25px #00000026,0 0 0 1px #ffffff1a;backdrop-filter:blur(20px);z-index:1000;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.app-footer:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 15px 35px #0003,0 0 0 1px #fff3}.footer-content{display:flex;align-items:center;justify-content:center;padding:0}.footer-left{display:none}.footer-right{display:flex;align-items:center;gap:0}.shortcuts-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:50px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:48px;box-shadow:0 4px 12px #3b82f64d}.shortcuts-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px) scale(1.02);box-shadow:0 6px 20px #3b82f666}.shortcuts-btn svg{font-size:16px}@media (max-width: 768px){.app-footer{bottom:15px;right:15px}.shortcuts-btn{padding:10px 14px;font-size:13px;gap:6px;min-height:44px}.shortcuts-btn svg{font-size:14px}}@media (max-width: 480px){.app-footer{bottom:10px;right:10px}.shortcuts-btn span{display:none}.shortcuts-btn{padding:12px;min-width:48px;min-height:48px;justify-content:center;border-radius:50%}.shortcuts-btn svg{font-size:18px}}[data-theme=dark] .app-footer{background:rgba(45,55,72,.95);border-color:#4a55684d}[data-theme=dark] .shortcuts-btn{background:linear-gradient(135deg,#4299e1,#2b6cb0);box-shadow:0 4px 12px #4299e14d}[data-theme=dark] .shortcuts-btn:hover{background:linear-gradient(135deg,#2b6cb0,#2c5282);box-shadow:0 6px 20px #4299e166}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.activity-rings-widget{display:flex;flex-direction:column;height:100%;padding:8px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;color:#fff;position:relative;overflow:hidden;aspect-ratio:1}.rings-header{text-align:center;margin-bottom:4px;position:relative;z-index:2}.rings-header h3{margin:0;font-size:14px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.rings-date{margin:0;font-size:10px;opacity:.8;font-weight:400}.rings-svg-container{position:relative;margin-bottom:8px;flex-shrink:0}.rings-legend-bottom{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}.legend-item-simple{display:flex;align-items:center;gap:6px;font-size:10px;color:#ffffffe6}.legend-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend-name{font-weight:500;font-size:10px;white-space:nowrap}.activity-rings-svg{max-width:100%;height:auto}.activity-ring:hover .ring-progress{filter:brightness(1.1)}.activity-ring:hover .progress-dot .dot-outer{r:6}.activity-ring:hover .progress-dot .dot-inner{r:3}.center-percentage{font-size:18px;font-weight:700;fill:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.center-subtitle{font-size:9px;font-weight:400;fill:#fffc}.rings-legend-compact{display:flex;gap:6px;justify-content:center;align-items:center;margin-top:4px}.legend-dot{width:16px;height:6px;border-radius:3px;position:relative;overflow:hidden;background:rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease;animation:slideInUp .6s ease-out forwards;opacity:0;transform:translateY(10px)}@media (max-width: 400px){.activity-rings-widget{padding:8px}.rings-header h3{font-size:13px}.rings-date{font-size:10px}.activity-rings-svg{width:140px;height:140px}.center-percentage{font-size:14px}.center-subtitle{font-size:8px}.legend-dot{width:16px;height:6px}}@media (max-width: 320px){.activity-rings-widget{padding:6px}.rings-header h3{font-size:12px}.activity-rings-svg{width:120px;height:120px}.center-percentage{font-size:12px}.center-subtitle{font-size:7px}.legend-dot{width:14px;height:5px}}[data-theme=dark] .legend-dot{background:rgba(0,0,0,.3)}@media (prefers-contrast: high){.ring-background{opacity:.3;stroke:#ffffff4d}.ring-progress{stroke-width:12px}.legend-dot{border:2px solid rgba(255,255,255,.3)}}@media (prefers-reduced-motion: reduce){.ring-progress,.activity-ring,.legend-dot,.dot-progress{transition:none;animation:none}.activity-ring.no-active-sprint .ring-background{animation:none}}.activity-rings-widget:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 100%);pointer-events:none}.rings-header{text-align:center;margin-bottom:12px;position:relative;z-index:2}.square-format .rings-header{margin-bottom:-5px}.rings-header h3{margin:0 0 4px;font-size:18px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.2)}.square-format .rings-header h3{font-size:16px;margin-bottom:2px}.rings-date{margin:0;font-size:12px;opacity:.8;font-weight:400}.square-format .rings-date{font-size:11px}.rings-container{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;z-index:2;justify-content:center}.rings-svg-container{position:relative;margin-bottom:12px}.square-format .rings-svg-container{margin-bottom:8px}.activity-rings-svg{max-width:100%;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.rings-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.ring-overlay{transition:all .3s ease;cursor:pointer}.ring-overlay:hover{background:rgba(255,255,255,.05)}.activity-ring{transition:all .3s ease}.activity-ring:hover .ring-progress{filter:brightness(1.2) drop-shadow(0 0 15px currentColor)}.ring-background{opacity:.15;transition:opacity .3s ease}.ring-progress{transition:stroke-dashoffset 1.5s cubic-bezier(.25,.46,.45,.94)}.ring-progress.completed{animation:completionPulse 2s ease-in-out infinite}.ring-progress.has-progress{filter:drop-shadow(0 0 6px currentColor)}.ring-sprint .ring-progress{stroke:#ff6b6b}.ring-daily .ring-progress{stroke:#4ecdc4}.ring-activity .ring-progress{stroke:#45b7d1}.activity-ring.no-active-sprint .ring-progress{opacity:.4}.activity-ring.no-active-sprint .ring-background{stroke-dasharray:5,5;animation:dash 10s linear infinite}@keyframes dash{to{stroke-dashoffset:-20}}.progress-dot,.dot-outer,.dot-inner{transition:all .3s ease}.activity-ring:hover .progress-dot .dot-outer{r:8}.activity-ring:hover .progress-dot .dot-inner{r:4}.center-content{font-family:inherit;user-select:none}.center-title{font-size:14px;font-weight:600;fill:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.center-percentage{font-size:20px;font-weight:700;fill:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.square-format .center-percentage{font-size:18px}.center-subtitle{font-size:10px;font-weight:400;fill:#fffc}.square-format .center-subtitle{font-size:8px}.rings-legend-compact{display:flex;gap:8px;justify-content:center;align-items:center}.legend-dot{width:20px;height:8px;border-radius:4px;position:relative;overflow:hidden;background:rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease;animation:slideInUp .6s ease-out forwards;opacity:0;transform:translateY(10px)}.legend-dot:hover{transform:translateY(-2px) scale(1.1)}.legend-dot.completed{box-shadow:0 0 10px currentColor}.dot-progress{height:100%;background:currentColor;border-radius:4px;transition:width 1s ease-in-out;position:relative}.dot-progress:after{content:"";position:absolute;top:50%;right:-2px;width:4px;height:4px;background:white;border-radius:50%;transform:translateY(-50%);opacity:.8}.rings-legend{display:flex;flex-direction:column;gap:16px;width:100%;max-width:320px}.overall-progress{background:rgba(255,255,255,.15);border-radius:12px;padding:16px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);margin-bottom:8px}.overall-header{display:flex;align-items:center;gap:12px}.overall-icon{font-size:24px;animation:bounce 2s ease-in-out infinite}.overall-text{font-size:16px;font-weight:600;color:#fff;flex:1}.overall-percentage{font-size:18px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.legend-items{display:flex;flex-direction:column;gap:12px}.legend-item{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:rgba(255,255,255,.1);border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;animation:slideInUp .6s ease-out forwards;opacity:0;transform:translateY(20px)}.legend-item:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.legend-item.completed{background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.15));border:1px solid rgba(255,255,255,.3)}.legend-header{display:flex;align-items:center;gap:12px}.legend-color{width:16px;height:16px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 6px #0000004d;position:relative;overflow:hidden;transition:all .3s ease}.legend-color-inner{position:absolute;top:0;left:0;height:100%;border-radius:50%;transition:width .5s ease}.legend-info{display:flex;flex-direction:column;flex:1;min-width:0}.legend-main{display:flex;align-items:center;gap:8px}.legend-label{font-size:14px;font-weight:600;color:#fff}.completion-badge{font-size:12px;animation:sparkle 1.5s ease-in-out infinite}.legend-description{font-size:12px;color:#ffffffb3;font-weight:400;margin-top:2px}.legend-stats{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.stats-details{display:flex;justify-content:space-between;width:100%;align-items:center}.completion-stats{font-size:12px;color:#fffc;font-weight:400}.progress-percentage{font-size:13px;color:#fff;font-weight:600}.no-active-sprint{color:#fff9;font-style:italic}.motivation-message{padding:12px 16px;border-radius:12px;text-align:center;font-size:13px;font-weight:500;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);animation:fadeIn 1s ease-out}.celebration-message{background:linear-gradient(135deg,rgba(255,215,0,.3),rgba(255,165,0,.3));color:gold;animation:celebrate 1s ease-in-out}.encouragement-message{background:linear-gradient(135deg,rgba(0,255,127,.3),rgba(50,205,50,.3));color:#90ee90}.progress-message{background:linear-gradient(135deg,rgba(0,191,255,.3),rgba(30,144,255,.3));color:#87ceeb}.start-message{background:linear-gradient(135deg,rgba(255,105,180,.3),rgba(255,20,147,.3));color:#ffb6c1}.begin-message{background:linear-gradient(135deg,rgba(255,165,0,.3),rgba(255,140,0,.3));color:orange}.fresh-message{background:linear-gradient(135deg,rgba(106,90,205,.3),rgba(123,104,238,.3));color:plum}@keyframes completionPulse{0%,to{filter:drop-shadow(0 0 8px currentColor)}50%{filter:drop-shadow(0 0 16px currentColor) brightness(1.1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(180deg);opacity:.7}}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes celebrate{0%,to{transform:scale(1)}25%{transform:scale(1.05)}75%{transform:scale(.95)}}@keyframes ring-fill{0%{stroke-dashoffset:100%}to{stroke-dashoffset:var(--dash-offset)}}@media (max-width: 400px){.activity-rings-widget{padding:10px}.square-format{padding:8px}.rings-header h3{font-size:14px}.square-format .rings-header h3{font-size:13px}.activity-rings-svg{width:150px;height:150px}.center-percentage{font-size:16px}.square-format .center-percentage{font-size:14px}.legend-dot{width:16px;height:6px}}@media (max-width: 320px){.activity-rings-svg{width:120px;height:120px}.center-percentage{font-size:14px}.square-format .center-percentage{font-size:12px}.center-subtitle{font-size:8px}.legend-dot{width:14px;height:5px}}[data-theme=dark] .activity-rings-widget{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%)}[data-theme=dark] .legend-item,[data-theme=dark] .overall-progress{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .legend-item:hover{background:rgba(0,0,0,.4)}[data-theme=dark] .legend-item.completed{background:linear-gradient(135deg,rgba(0,0,0,.4),rgba(0,0,0,.3));border:1px solid rgba(255,255,255,.2)}@media (prefers-contrast: high){.ring-background{opacity:.3;stroke:#ffffff4d}.ring-progress{stroke-width:18px}.legend-item{border:2px solid rgba(255,255,255,.3)}}@media (prefers-reduced-motion: reduce){.ring-progress,.activity-ring,.legend-item,.overall-icon{transition:none;animation:none}}.my-builds-widget{height:100%;display:flex;flex-direction:column;background:white;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.my-builds-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.my-builds-title{display:flex;align-items:center;gap:8px}.my-builds-title h3{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.my-builds-count{color:#6b7280;font-size:.875rem;font-weight:500}.my-builds-add-btn{background-color:#3b82f6;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.my-builds-add-btn:hover{background-color:#2563eb}.my-builds-filters{margin-bottom:16px}.my-builds-filter-select{padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;background-color:#fff;color:#374151;cursor:pointer}.my-builds-filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.my-builds-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.my-builds-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;color:#6b7280;min-height:200px}.my-builds-empty-icon{font-size:3rem;margin-bottom:12px;opacity:.5}.my-builds-empty p{margin:0 0 16px;font-size:.875rem}.my-builds-empty-btn{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;font-size:.875rem;cursor:pointer;transition:all .2s}.my-builds-empty-btn:hover{background-color:#e5e7eb;border-color:#9ca3af}.my-builds-item{border:1px solid #e5e7eb;border-radius:8px;padding:12px;background-color:#fafafa;transition:border-color .2s,box-shadow .2s}.my-builds-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.my-builds-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.my-builds-item-status{display:flex;align-items:center;gap:8px}.my-builds-status-section{display:flex;flex-direction:column;gap:4px;min-width:140px}.my-builds-status-indicator{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff;font-weight:700;flex-shrink:0}.my-builds-status-text{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;color:#374151;margin-bottom:2px}.my-builds-quick-status-select{font-size:.7rem;padding:2px 4px;border:1px solid #d1d5db;border-radius:3px;background-color:#fff;color:#374151;cursor:pointer;transition:border-color .2s;max-width:180px}.my-builds-quick-status-select:hover{border-color:#9ca3af}.my-builds-quick-status-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.my-builds-item-actions{display:flex;align-items:center;gap:8px}.my-builds-mr-link{color:#3b82f6;text-decoration:none;font-size:1rem;padding:4px;border-radius:4px;transition:background-color .2s}.my-builds-mr-link:hover{background-color:#3b82f61a}.my-builds-edit-btn,.my-builds-delete-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;font-size:1rem;transition:background-color .2s}.my-builds-edit-btn:hover{background-color:#3b82f61a}.my-builds-delete-btn:hover{background-color:#ef44441a}.my-builds-item-content{margin-bottom:8px}.my-builds-build-name{font-size:.875rem;margin-bottom:4px}.my-builds-build-name strong{color:#111827}.my-builds-ticket-id,.my-builds-branch{font-size:.75rem;color:#6b7280;margin-bottom:2px}.my-builds-ticket,.my-builds-branch-name{color:#374151;font-weight:500}.my-builds-remark-section{margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb}.my-builds-remark-display{cursor:pointer;padding:4px 6px;border-radius:4px;border:1px solid transparent;transition:all .2s;display:flex;align-items:center;justify-content:space-between;min-height:24px}.my-builds-remark-display:hover{background-color:#f9fafb;border-color:#d1d5db}.my-builds-remark-text{font-size:.75rem;color:#374151;line-height:1.3;flex:1}.my-builds-remark-placeholder{font-size:.75rem;color:#9ca3af;font-style:italic;flex:1}.my-builds-remark-edit-icon{font-size:.7rem;opacity:0;transition:opacity .2s}.my-builds-remark-display:hover .my-builds-remark-edit-icon{opacity:1}.my-builds-remark-edit{display:flex;flex-direction:column;gap:6px}.my-builds-remark-textarea{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:.75rem;font-family:inherit;color:#374151;background-color:#fff;resize:vertical;min-height:36px}.my-builds-remark-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.my-builds-remark-actions{display:flex;gap:6px;align-self:flex-end}.my-builds-remark-save,.my-builds-remark-cancel{width:24px;height:24px;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:700;transition:all .2s;display:flex;align-items:center;justify-content:center}.my-builds-remark-save{background-color:#10b981;color:#fff}.my-builds-remark-save:hover{background-color:#059669}.my-builds-remark-cancel{background-color:#ef4444;color:#fff}.my-builds-remark-cancel:hover{background-color:#dc2626}.my-builds-item-times{display:flex;flex-direction:column;gap:4px;padding-top:8px;border-top:1px solid #e5e7eb}.my-builds-time-row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.my-builds-time-label{color:#6b7280;font-weight:500}.my-builds-time-value{color:#374151}.my-builds-duration{color:#059669;font-weight:500}.my-builds-list::-webkit-scrollbar{width:6px}.my-builds-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.my-builds-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.my-builds-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] .my-builds-widget{background:#1f2937;color:#f9fafb}[data-theme=dark] .my-builds-header{border-bottom-color:#374151}[data-theme=dark] .my-builds-title h3{color:#f9fafb}[data-theme=dark] .my-builds-count{color:#9ca3af}[data-theme=dark] .my-builds-filter-select{background-color:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .my-builds-item{background-color:#374151;border-color:#4b5563}[data-theme=dark] .my-builds-item:hover{border-color:#6b7280}[data-theme=dark] .my-builds-status-text{color:#d1d5db}[data-theme=dark] .my-builds-quick-status-select{background-color:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .my-builds-quick-status-select:hover{border-color:#6b7280}[data-theme=dark] .my-builds-quick-status-select:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa1a}[data-theme=dark] .my-builds-remark-section{border-top-color:#4b5563}[data-theme=dark] .my-builds-remark-display:hover{background-color:#4b5563;border-color:#6b7280}[data-theme=dark] .my-builds-remark-text{color:#d1d5db}[data-theme=dark] .my-builds-remark-placeholder{color:#6b7280}[data-theme=dark] .my-builds-remark-textarea{background-color:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .my-builds-remark-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa1a}[data-theme=dark] .my-builds-build-name strong{color:#f9fafb}[data-theme=dark] .my-builds-ticket,[data-theme=dark] .my-builds-branch-name,[data-theme=dark] .my-builds-time-value{color:#d1d5db}[data-theme=dark] .my-builds-item-times{border-top-color:#4b5563}[data-theme=dark] .my-builds-empty{color:#9ca3af}[data-theme=dark] .my-builds-empty-btn{background-color:#374151;color:#d1d5db;border-color:#4b5563}[data-theme=dark] .my-builds-empty-btn:hover{background-color:#4b5563;border-color:#6b7280}@media (max-width: 640px){.my-builds-header{flex-direction:column;align-items:stretch;gap:12px}.my-builds-title{justify-content:center}.my-builds-add-btn{width:100%}.my-builds-item-header{flex-direction:column;align-items:stretch;gap:8px}.my-builds-item-actions{justify-content:center}.my-builds-time-row{font-size:.7rem}}.builds-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.builds-modal{background:white;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;animation:buildModalSlideIn .2s ease-out}@keyframes buildModalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.builds-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.builds-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.builds-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;color:#6b7280;transition:all .2s}.builds-modal-close:hover{background-color:#f3f4f6;color:#374151}.builds-modal-form{padding:24px}.builds-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.builds-form-group{display:flex;flex-direction:column;gap:6px}.builds-form-group:last-child{grid-column:1 / -1}.builds-form-group label{font-weight:500;color:#374151;font-size:.875rem}.builds-form-group input,.builds-form-group select,.builds-form-textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s,box-shadow .2s;background-color:#fff;font-family:inherit}.builds-form-textarea{resize:vertical;min-height:60px}.builds-form-group input:focus,.builds-form-group select:focus,.builds-form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.builds-form-group input.error,.builds-form-group select.error,.builds-form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.builds-form-group input::placeholder{color:#9ca3af}.error-text{color:#ef4444;font-size:.75rem;margin-top:2px}.builds-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.builds-btn{padding:10px 20px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.builds-btn-secondary{background-color:#f9fafb;color:#374151;border:1px solid #d1d5db}.builds-btn-secondary:hover{background-color:#f3f4f6;border-color:#9ca3af}.builds-btn-primary{background-color:#3b82f6;color:#fff}.builds-btn-primary:hover{background-color:#2563eb}.builds-btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed}[data-theme=dark] .builds-modal{background:#1f2937;color:#f9fafb}[data-theme=dark] .builds-modal-header{border-bottom-color:#374151}[data-theme=dark] .builds-modal-header h2{color:#f9fafb}[data-theme=dark] .builds-modal-close{color:#9ca3af}[data-theme=dark] .builds-modal-close:hover{background-color:#374151;color:#f3f4f6}[data-theme=dark] .builds-form-group label{color:#d1d5db}[data-theme=dark] .builds-form-group input,[data-theme=dark] .builds-form-group select,[data-theme=dark] .builds-form-textarea{background-color:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .builds-form-group input:focus,[data-theme=dark] .builds-form-group select:focus,[data-theme=dark] .builds-form-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}[data-theme=dark] .builds-form-group input::placeholder{color:#6b7280}[data-theme=dark] .builds-modal-actions{border-top-color:#374151}[data-theme=dark] .builds-btn-secondary{background-color:#374151;color:#d1d5db;border-color:#4b5563}[data-theme=dark] .builds-btn-secondary:hover{background-color:#4b5563;border-color:#6b7280}@media (max-width: 640px){.builds-modal{width:95%;margin:10px}.builds-form-row{grid-template-columns:1fr}.builds-modal-header,.builds-modal-form{padding:16px}.builds-modal-actions{flex-direction:column-reverse;gap:8px}.builds-btn{width:100%;justify-content:center}}.unified-summary-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.unified-summary-modal{background:white;border-radius:20px;width:100%;max-width:1000px;max-height:95vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}.unified-summary-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.unified-summary-modal-header h2{margin:0;font-size:22px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:12px}.unified-summary-modal-header h2 i{font-size:20px;color:#6366f1}.close-btn{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.close-btn:hover{background:rgba(0,0,0,.05);color:#374151}.unified-summary-modal-content{padding:28px;max-height:calc(95vh - 140px);overflow-y:auto}.date-selection-step{display:flex;flex-direction:column;gap:32px}.step-header{text-align:center}.step-header h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#1f2937}.step-header p{margin:0;color:#6b7280;font-size:16px}.date-range-inputs{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:500px;margin:0 auto}.date-input-group{display:flex;flex-direction:column;gap:8px}.date-input-group label{font-weight:600;color:#374151;font-size:14px}.date-input-group input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:border-color .2s ease;background:white}.date-input-group input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.summary-type-preview{display:flex;justify-content:center}.summary-type-card{background:white;border:2px solid #e5e7eb;border-radius:16px;padding:24px;text-align:center;max-width:400px;transition:all .3s ease;position:relative;overflow:hidden}.summary-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6)}.summary-type-card.daily:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.summary-type-card.sprint:before{background:linear-gradient(90deg,#8b5cf6,#a855f7)}.summary-type-card.appraisal:before{background:linear-gradient(90deg,#10b981,#059669)}.summary-type-card i{font-size:32px;margin-bottom:12px;color:#6366f1}.summary-type-card.daily i{color:#f59e0b}.summary-type-card.sprint i{color:#8b5cf6}.summary-type-card.appraisal i{color:#10b981}.summary-type-card h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.summary-type-card p{margin:0;color:#6b7280;line-height:1.5}.prompt-selection-step{display:flex;flex-direction:column;gap:28px}.summary-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:20px}.summary-preview h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#374151}.summary-text{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:20px;max-height:300px;overflow-y:auto;font-size:14px;line-height:1.6;color:#4b5563;white-space:pre-wrap;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.prompt-options h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#374151}.prompt-options p{margin:0 0 24px;color:#6b7280;font-size:14px}.prompt-category{margin-bottom:32px}.category-title{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937;padding:8px 0;border-bottom:2px solid #e5e7eb}.category-title i{font-size:18px;width:20px;text-align:center}.prompt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:20px}.prompt-option{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;background:white;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .3s ease;text-align:left}.prompt-option:hover{border-color:#6366f1;background:#fafbff;transform:translateY(-2px);box-shadow:0 8px 25px #6366f126}.prompt-option.selected{border-color:#6366f1;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);box-shadow:0 8px 25px #6366f140}.prompt-option.daily.selected{border-color:#f59e0b;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);box-shadow:0 8px 25px #f59e0b40}.prompt-option.sprint.selected{border-color:#8b5cf6;background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);box-shadow:0 8px 25px #8b5cf640}.prompt-option.appraisal.selected{border-color:#10b981;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);box-shadow:0 8px 25px #10b98140}.prompt-option.custom-prompt.selected{border-color:#8b5cf6;background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);box-shadow:0 8px 25px #8b5cf640}.prompt-title{font-size:15px;font-weight:600;color:#1f2937;margin-bottom:4px;display:flex;align-items:center;gap:10px}.prompt-title i{font-size:16px;width:18px;text-align:center;color:inherit;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased}.prompt-description{font-size:13px;color:#6b7280;line-height:1.4}.custom-prompt-input{margin-top:20px;position:relative;width:100%}.custom-prompt-input textarea{width:100%;box-sizing:border-box;padding:20px;border:2px solid #e5e7eb;border-radius:16px;font-size:15px;line-height:1.6;resize:vertical;min-height:120px;max-height:300px;font-family:inherit;transition:all .3s ease;background:#fafbfc;box-shadow:0 2px 8px #0000000a}.custom-prompt-input textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f,0 4px 16px #00000014;background:white;transform:translateY(-1px)}.custom-prompt-input textarea::placeholder{color:#9ca3af;font-style:italic}.custom-prompt-input:after{content:attr(data-length) " / 500 characters";position:absolute;bottom:-24px;right:0;font-size:12px;color:#6b7280;font-weight:500}.step-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;border-top:1px solid #e5e7eb}.cancel-btn,.back-btn{padding:12px 24px;background:transparent;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.cancel-btn:hover,.back-btn:hover{border-color:#d1d5db;background:#f9fafb}.next-btn,.copy-open-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:12px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6366f140}.next-btn:hover:not(:disabled),.copy-open-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #6366f159;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%)}.next-btn:disabled,.copy-open-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.next-btn.generating{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.copy-success-toast{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;padding:16px 20px;border-radius:12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;box-shadow:0 8px 25px #10b98140;animation:toastSlideIn .4s ease-out;z-index:10000}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}[data-theme=dark] .unified-summary-modal{background:#1f2937;color:#f9fafb}[data-theme=dark] .unified-summary-modal-header{background:linear-gradient(135deg,#374151 0%,#4b5563 100%);border-bottom-color:#4b5563}[data-theme=dark] .unified-summary-modal-header h2{color:#f9fafb}[data-theme=dark] .close-btn{color:#d1d5db}[data-theme=dark] .close-btn:hover{background:rgba(255,255,255,.1);color:#f3f4f6}[data-theme=dark] .step-header h3{color:#f3f4f6}[data-theme=dark] .summary-type-card{background:#374151;border-color:#4b5563}[data-theme=dark] .summary-type-card h4{color:#f3f4f6}[data-theme=dark] .date-input-group input{background:#374151;border-color:#4b5563;color:#f3f4f6}[data-theme=dark] .summary-preview{background:#374151;border-color:#4b5563}[data-theme=dark] .summary-preview h3{color:#f3f4f6}[data-theme=dark] .summary-text{background:#1f2937;border-color:#4b5563;color:#d1d5db}[data-theme=dark] .prompt-options h3{color:#f3f4f6}[data-theme=dark] .prompt-options p{color:#d1d5db}[data-theme=dark] .category-title{color:#f3f4f6;border-bottom-color:#4b5563}[data-theme=dark] .prompt-option{background:#374151;border-color:#4b5563;color:#f3f4f6}[data-theme=dark] .prompt-option:hover{border-color:#6366f1;background:#1e3a8a}[data-theme=dark] .prompt-option.selected{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%)}[data-theme=dark] .prompt-option.daily.selected{background:linear-gradient(135deg,#92400e 0%,#b45309 100%)}[data-theme=dark] .prompt-option.sprint.selected{background:linear-gradient(135deg,#6b21a8 0%,#7c2d12 100%)}[data-theme=dark] .prompt-option.appraisal.selected{background:linear-gradient(135deg,#065f46 0%,#047857 100%)}[data-theme=dark] .prompt-option.custom-prompt.selected{background:linear-gradient(135deg,#6b21a8 0%,#7c2d12 100%)}[data-theme=dark] .prompt-title,[data-theme=dark] .prompt-title i{color:#f3f4f6}[data-theme=dark] .custom-prompt-input textarea{background:#1f2937;border-color:#4b5563;color:#f3f4f6;box-shadow:0 2px 8px #0003}[data-theme=dark] .custom-prompt-input textarea:focus{border-color:#818cf8;box-shadow:0 0 0 4px #818cf826,0 4px 16px #0000004d;background:#111827}[data-theme=dark] .custom-prompt-input textarea::placeholder{color:#6b7280}[data-theme=dark] .custom-prompt-input:after{color:#9ca3af}[data-theme=dark] .step-actions{border-top-color:#4b5563}[data-theme=dark] .cancel-btn,[data-theme=dark] .back-btn{border-color:#4b5563;color:#d1d5db}[data-theme=dark] .cancel-btn:hover,[data-theme=dark] .back-btn:hover{border-color:#6b7280;background:#4b5563}@media (max-width: 768px){.unified-summary-modal{margin:10px;max-width:calc(100vw - 20px);border-radius:16px}.date-range-inputs{grid-template-columns:1fr;gap:16px}.prompt-grid{grid-template-columns:1fr}.unified-summary-modal-content,.unified-summary-modal-header{padding:20px}.step-actions{flex-direction:column;gap:12px}.cancel-btn,.back-btn,.next-btn,.copy-open-btn{width:100%;justify-content:center}}.info-section{margin:20px 0}.info-box{background:linear-gradient(135deg,#e3f2fd 0%,#f8f9fa 100%);border:1px solid #bbdefb;border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 2px 8px #2196f31a}.info-box .fa-info-circle,.info-box>span{color:#1976d2;font-size:20px;margin-top:2px;flex-shrink:0}.info-content{flex:1}.info-content strong{color:#1565c0;font-size:14px;display:block;margin-bottom:6px}.info-content p{color:#37474f;font-size:13px;line-height:1.5;margin:0}.copy-success-toast{display:flex;align-items:flex-start;gap:12px}.toast-content{flex:1}.toast-content strong{display:block;margin-bottom:4px;color:#2e7d32}.toast-content p{margin:0;font-size:13px;color:#424242;line-height:1.4}.unified-summary-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6366f140;white-space:nowrap}.unified-summary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f159;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%)}.unified-summary-btn span:first-child{font-size:16px}.unified-summary-btn.toolbar-btn{background:#6b7280;border:1px solid #6b7280;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;min-height:40px;min-width:120px;box-shadow:0 2px 4px #6b728026;gap:.5rem;letter-spacing:.5px}.unified-summary-btn.toolbar-btn:hover{background:#4b5563;border-color:#4b5563;transform:translateY(-1px);box-shadow:0 4px 8px #6b728040}.unified-summary-btn.toolbar-btn span:first-child{font-size:14px}.toolbar-btn.summary-btn{background:#6b7280;color:#fff;border-color:#6b7280;border-color:#2e2e35!important;font-weight:600;letter-spacing:.5px}.toolbar-btn.summary-btn:hover{background:#41454c;color:#fff;border-color:#6b7280;box-shadow:0 4px 8px #6366f140!important}.unified-summary-btn:before{content:"";position:absolute;inset:0;padding:2px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none}.unified-summary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 16px -4px #6366f140,0 4px 6px -1px #6366f11a;background:transparent;color:#4f46e5}.unified-summary-btn:hover:not(:disabled):before{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%)}.unified-summary-btn:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 6px -1px #6366f140,0 2px 4px -1px #6366f10f}.unified-summary-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.unified-summary-btn i{font-size:15px;line-height:1}.unified-summary-btn span{font-weight:600}[data-theme=dark] .unified-summary-btn{color:#818cf8}[data-theme=dark] .unified-summary-btn:before{background:linear-gradient(135deg,#4338ca 0%,#6d28d9 100%)}[data-theme=dark] .unified-summary-btn:hover:not(:disabled){color:#a5b4fc}[data-theme=dark] .unified-summary-btn:hover:not(:disabled):before{background:linear-gradient(135deg,#5b21b6 0%,#7c3aed 100%)}@media (max-width: 768px){.unified-summary-btn{padding:6px 12px;font-size:12px;min-height:34px;gap:6px}.unified-summary-btn i{font-size:13px}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.backup-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:60000!important;animation:fadeIn .2s ease-out;backdrop-filter:blur(2px)}.backup-modal{background:var(--bg-primary, white);border-radius:12px;padding:0;width:90vw;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease-out;display:flex;flex-direction:column;z-index:60001!important;border:1px solid var(--border-color, #e0e0e0)}.backup-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, #e0e0e0);background:var(--bg-secondary, #ffffff);position:relative}.backup-modal-header h2{margin:0;color:var(--text-primary, #1F2937);font-size:1.25rem;font-weight:600}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary, #6B7280);padding:8px;border-radius:50%;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.close-button:hover{background:var(--bg-tertiary, #f3f4f6);color:var(--text-primary, #1F2937);transform:scale(1.1)}.backup-tabs{display:flex;background:var(--bg-tertiary, #f3f4f6);border-bottom:1px solid var(--border-color, #e0e0e0)}.tab{flex:1;padding:16px 24px;background:none;border:none;font-size:14px;font-weight:500;color:var(--text-secondary, #6B7280);cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;position:relative}.tab:hover{background:var(--bg-secondary, #ffffff);color:var(--text-primary, #1F2937)}.tab.active{color:var(--primary-color, #4F46E5);border-bottom-color:var(--primary-color, #4F46E5);background:var(--bg-primary, #ffffff);font-weight:600}.backup-content{padding:24px;max-height:60vh;overflow-y:auto}.section-info{margin-bottom:24px}.section-info h3{margin:0 0 8px;color:var(--text-primary, #1F2937);font-size:1.1rem;font-weight:600}.section-info p{margin:0 0 8px;color:var(--text-secondary, #6B7280);line-height:1.5}.data-size{color:var(--text-primary, #333)!important;font-size:.9rem}.export-options,.import-options{margin-bottom:24px}.radio-option{display:block;padding:12px 16px;margin-bottom:8px;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;cursor:pointer;transition:all .2s ease}.radio-option:hover{border-color:var(--primary-color, #4F46E5);background:var(--bg-tertiary, #f3f4f6)}.radio-option input[type=radio]{margin-right:12px}.radio-option span{font-weight:500;color:var(--text-primary, #1F2937);display:block;margin-bottom:4px}.radio-option small{color:var(--text-secondary, #6B7280);font-size:.85rem}.category-selection{margin-top:16px;padding:16px;background:var(--bg-tertiary, #f3f4f6);border-radius:8px;border:1px solid var(--border-color, #e0e0e0)}.category-selection h4{margin:0 0 16px;color:var(--text-primary, #1F2937);font-size:.9rem;font-weight:600}.categories-list{display:grid;gap:8px}.category-option{display:flex;align-items:flex-start;padding:12px;border:1px solid var(--border-color, #e0e0e0);border-radius:6px;background:var(--bg-primary, #ffffff);cursor:pointer;transition:all .2s ease}.category-option:hover{border-color:var(--primary-color, #4F46E5);background:var(--bg-tertiary, #f3f4f6)}.category-option input[type=checkbox]{margin-right:12px;margin-top:2px}.category-info{flex:1}.category-label{display:block;font-weight:500;color:var(--text-primary, #1F2937);margin-bottom:2px}.category-description{color:var(--text-secondary, #6B7280);font-size:.8rem}.primary-button{width:100%;padding:12px 24px;background:var(--primary-color, #4F46E5);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.primary-button:hover:not(:disabled){background:var(--primary-dark, #3730A3);transform:translateY(-1px)}.primary-button:disabled{background:var(--disabled-bg, #ccc);cursor:not-allowed;transform:none}.file-import{text-align:center;margin-bottom:24px}.file-info{margin:12px 0 0;color:var(--text-secondary, #666);font-size:.85rem}.import-warning{padding:16px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-top:16px}.import-warning strong{color:#856404;display:block;margin-bottom:8px}.import-warning ul{margin:0;padding-left:20px;color:#856404}.import-warning li{margin-bottom:4px;font-size:.85rem}.status-message{padding:16px 24px;margin:0;font-size:14px;border-top:1px solid var(--border-color, #e0e0e0)}.status-message.success{background:#d4edda;color:#155724;border-left:4px solid #28a745}.status-message.error{background:#f8d7da;color:#721c24;border-left:4px solid #dc3545}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dark-theme .backup-modal{background:var(--dark-widget-bg, #2d3748);color:var(--dark-text-primary, #e2e8f0)}.dark-theme .backup-modal-header{background:var(--dark-header-bg, #1a202c);border-bottom-color:var(--dark-border, #4a5568)}.dark-theme .tab{color:var(--dark-text-secondary, #a0aec0)}.dark-theme .tab.active{background:var(--dark-widget-bg, #2d3748);color:var(--dark-primary, #63b3ed)}.dark-theme .radio-option,.dark-theme .category-option{border-color:var(--dark-border, #4a5568);background:var(--dark-secondary-bg, #1a202c)}.dark-theme .category-selection{background:var(--dark-secondary-bg, #1a202c);border-color:var(--dark-border, #4a5568)}@media (max-width: 768px){.backup-modal{width:95%;margin:20px}.backup-content{padding:16px;max-height:70vh}.backup-modal-header{padding:16px}.tab{padding:12px 16px;font-size:13px}}.dark-theme .backup-modal{background:var(--bg-primary, #1F2937);color:var(--text-primary, #F9FAFB);border-color:var(--border-color, #374151)}.dark-theme .backup-modal-header{background:var(--bg-secondary, #111827);border-bottom-color:var(--border-color, #374151)}.dark-theme .backup-modal-header h2{color:var(--text-primary, #F9FAFB)}.dark-theme .close-button{color:var(--text-secondary, #9CA3AF)}.dark-theme .close-button:hover{background:var(--bg-tertiary, #374151);color:var(--text-primary, #F9FAFB)}.dark-theme .backup-tabs{background:var(--bg-tertiary, #374151);border-bottom-color:var(--border-color, #4B5563)}.dark-theme .tab{color:var(--text-secondary, #9CA3AF)}.dark-theme .tab:hover{background:var(--bg-secondary, #111827);color:var(--text-primary, #F9FAFB)}.dark-theme .tab.active{background:var(--bg-primary, #1F2937);color:var(--primary-color, #818CF8);border-bottom-color:var(--primary-color, #818CF8)}.dark-theme .radio-option,.dark-theme .category-option{border-color:var(--border-color, #4B5563);background:var(--bg-secondary, #111827)}.dark-theme .radio-option:hover,.dark-theme .category-option:hover{border-color:var(--primary-color, #818CF8);background:var(--bg-tertiary, #374151)}.dark-theme .radio-option span{color:var(--text-primary, #F9FAFB)}.dark-theme .radio-option small{color:var(--text-secondary, #9CA3AF)}.dark-theme .category-label{color:var(--text-primary, #F9FAFB)}.dark-theme .category-description{color:var(--text-secondary, #9CA3AF)}.dark-theme .category-selection{background:var(--bg-secondary, #111827);border-color:var(--border-color, #4B5563)}.dark-theme .category-selection h4,.dark-theme .section-info h3{color:var(--text-primary, #F9FAFB)}.dark-theme .section-info p{color:var(--text-secondary, #9CA3AF)}.default-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-template-rows:repeat(2,minmax(250px,1fr));gap:2rem;padding:2rem 1rem;background:var(--bg-primary)}.widget-slot{background:var(--bg-secondary);border-radius:16px;box-shadow:0 2px 12px #00000012;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:stretch;min-width:0;transition:box-shadow .2s}.widget-slot:hover{box-shadow:0 4px 24px #0000001f}.simple-widget{flex:1;display:flex;flex-direction:column}.widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.widget-info{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:500}.widget-content{flex:1;overflow-y:auto}@media (max-width: 900px){.default-layout{grid-template-columns:1fr;grid-template-rows:unset;gap:1.2rem;padding:1rem .5rem}}.no-widgets button{padding:.75rem 2rem;font-size:1.1rem;border-radius:8px;background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border-color);cursor:pointer;margin-top:1rem;transition:background .2s}.no-widgets button:hover{background:var(--bg-tertiary)}.revert-btn{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-size:.9rem;transition:all .2s ease;margin-left:.5rem;display:inline-block}.revert-btn{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-size:.9rem;transition:all .2s ease}.revert-btn:hover{background:var(--bg-tertiary)}.app{min-height:100vh;display:flex;flex-direction:column}.dashboard-layout{display:grid;grid-template-rows:1fr auto auto;height:100vh;gap:1rem;padding:1rem;background:var(--bg-primary)}.dashboard-top{display:grid;grid-template-columns:300px 1fr 300px;gap:1rem;height:100%}.dashboard-left,.dashboard-center,.dashboard-right{background:var(--bg-secondary);border-radius:8px;padding:1rem;box-shadow:var(--shadow-sm);overflow-y:auto}.dashboard-middle{display:grid;grid-template-columns:1fr 1fr;gap:1rem;height:300px}.middle-left,.middle-right{background:var(--bg-secondary);border-radius:8px;padding:1rem;box-shadow:var(--shadow-sm);overflow-y:auto}.dashboard-footer{background:var(--bg-secondary);border-radius:8px;padding:1rem;box-shadow:var(--shadow-sm);height:180px;overflow:hidden}.heatmap-container{width:100%;height:100%;display:flex;flex-direction:column}.heatmap-container h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.1rem}.dashboard-bottom{display:grid;grid-template-columns:1fr 1fr;gap:1rem;height:300px}.bottom-left,.bottom-right{background:var(--bg-secondary);border-radius:8px;padding:1rem;box-shadow:var(--shadow-sm);overflow-y:auto}.sprint-section h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.2rem}.sprint-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.stat-card{background:var(--bg-tertiary);padding:1rem;border-radius:6px;text-align:center;border:1px solid var(--border-color)}.stat-card h4{margin:0 0 .5rem;font-size:.9rem;color:var(--text-secondary);font-weight:500}.stat-card p{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.dashboard-panel{background-color:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.left-panel{flex:0 0 300px}.center-panel{flex:1;min-width:0}.right-panel{flex:0 0 280px}.panel-header{padding:1rem;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:space-between}.panel-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.panel-content{flex:1;padding:1rem;overflow-y:auto}.item-list{display:flex;flex-direction:column;gap:.75rem}.item-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:.75rem;transition:var(--transition);cursor:pointer}.item-card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-sm)}.item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.item-title{font-weight:500;color:var(--text-primary);margin:0}.item-status{font-size:.75rem;padding:.25rem .5rem;border-radius:var(--border-radius-sm);font-weight:500;text-transform:uppercase}.item-description{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem}.item-meta{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.75rem;color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1rem;color:var(--text-secondary);flex:1;min-height:300px;width:100%;margin:0 auto}.notes-list,.backlog-list,.tasks-list,.activities-list,.sprints-list,.item-list{flex:1;min-height:0}.notes-list .empty-state,.tasks-list .empty-state,.activities-list .empty-state,.sprints-list .empty-state,.item-list .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1rem;flex:1;min-height:300px;width:100%;margin:0 auto}.notes-list .empty-state svg,.backlog-list .empty-state svg,.tasks-list .empty-state svg,.activities-list .empty-state svg,.sprints-list .empty-state svg,.item-list .empty-state svg{margin-bottom:1rem;opacity:.6;color:var(--text-secondary)}.notes-list .empty-state p,.backlog-list .empty-state p,.tasks-list .empty-state p,.activities-list .empty-state p,.sprints-list .empty-state p,.item-list .empty-state p{margin-bottom:1.5rem;font-size:1.125rem;color:var(--text-secondary)}.notes-list .empty-state button,.backlog-list .empty-state button,.tasks-list .empty-state button,.activities-list .empty-state button,.sprints-list .empty-state button,.item-list .empty-state button{margin-top:.5rem}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.form-modal .modal-content{width:500px;max-width:90vw}.form-header{padding:1.5rem;border-bottom:1px solid var(--border-color)}.form-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.form-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.75rem}.progress-bar{width:100%;height:8px;background-color:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-top:.5rem}.progress-fill{height:100%;background-color:var(--secondary-color);transition:width .3s ease}.tag{display:inline-block;padding:.25rem .5rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:500;background-color:var(--bg-tertiary);color:var(--text-secondary)}.action-buttons{display:flex;gap:.5rem;opacity:0;transition:opacity .2s ease}.item-card:hover .action-buttons{opacity:1}.icon-button{background:none;border:none;padding:.25rem;border-radius:var(--border-radius-sm);cursor:pointer;color:var(--text-secondary);transition:var(--transition)}.icon-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}@media (max-width: 1024px){.dashboard-container{flex-direction:column}.left-panel,.right-panel{flex:none}}@media (max-width: 768px){.dashboard-container{padding:.5rem;gap:.5rem}.panel-content{padding:.75rem}.sample-data-banner{padding:.5rem 1rem}.sample-data-banner .banner-content{gap:.5rem;flex-direction:row;text-align:left}.sample-data-banner .banner-text{font-size:.9rem;line-height:1.4}.sample-data-banner .banner-close-btn{position:relative;margin-left:auto;flex-shrink:0}}.tab-navigation{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:1rem;gap:.25rem}.tab-button{padding:.75rem 1rem;background:none;border:none;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:var(--transition);border-bottom:2px solid transparent;position:relative}.tab-button:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background-color:var(--bg-secondary)}.tab-content{flex:1}.component-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.header-left{display:flex;align-items:center;gap:.5rem}.header-left h3{margin:0;color:var(--text-primary);font-weight:600}.header-actions{display:flex;align-items:center;gap:.5rem}.calendar-component{display:flex;flex-direction:column;gap:1rem}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:var(--bg-secondary);border-radius:var(--border-radius-sm)}.calendar-title{margin:0;color:var(--text-primary);font-weight:600}.calendar-container{background-color:var(--bg-secondary);border-radius:var(--border-radius-sm);padding:1rem}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:.5rem}.calendar-weekday{text-align:center;font-weight:600;color:var(--text-secondary);padding:.5rem;font-size:.875rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--border-radius-sm);position:relative;font-size:.875rem;transition:var(--transition);background-color:var(--bg-primary)}.calendar-day.today,.calendar-day.selected{background-color:var(--primary-color);color:#fff}.activity-indicator{position:absolute;top:2px;right:2px;background-color:var(--accent-color);color:#fff;border-radius:50%;width:16px;height:16px;font-size:.75rem;display:flex;align-items:center;justify-content:center}.heatmap-legend{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.heatmap-1{background-color:#c6e48b}.heatmap-2{background-color:#7bc96f}.heatmap-3{background-color:#239a3b}.heatmap-4{background-color:#196127}.heatmap-5{background-color:#0d4429}.calendar-component.compact{gap:.5rem;font-size:.75rem;max-height:280px}.calendar-header.compact{padding:.4rem .6rem;min-height:auto}.calendar-title.compact{font-size:.85rem;margin:0}.btn.compact{padding:.3rem .5rem;font-size:.75rem;min-width:auto}.calendar-container.compact{padding:.5rem;flex:1}.calendar-weekdays.compact{gap:.2rem;margin-bottom:.3rem}.calendar-weekday.compact{padding:.2rem;font-size:.65rem;font-weight:600}.calendar-grid.compact{gap:1px}.calendar-day.compact{font-size:.65rem;min-height:18px;height:18px;width:100%;padding:0}.activity-indicator.compact{position:absolute;top:0;right:1px;font-size:.6rem;width:auto;height:auto;background:none;color:var(--accent-color);font-weight:700}.heatmap-legend.compact{margin-top:.4rem;gap:.2rem;justify-content:center}.legend-squares.compact{gap:1px}.legend-square.compact{width:6px;height:6px;border-radius:1px}.dashboard-widget[data-grid='{"w":2,"h":2}'] .calendar-component,.react-grid-item[data-grid='{"w":2,"h":2}'] .calendar-component{gap:.5rem;font-size:.75rem}.dashboard-widget[data-grid='{"w":2,"h":2}'] .calendar-header,.react-grid-item[data-grid='{"w":2,"h":2}'] .calendar-header{padding:.5rem}.dashboard-widget[data-grid='{"w":2,"h":2}'] .calendar-title,.react-grid-item[data-grid='{"w":2,"h":2}'] .calendar-title{font-size:.9rem}.dashboard-widget[data-grid='{"w":2,"h":2}'] .calendar-container,.react-grid-item[data-grid='{"w":2,"h":2}'] .calendar-container{padding:.5rem}.dashboard-widget[data-grid='{"w":2,"h":2}'] .calendar-weekday,.react-grid-item[data-grid='{"w":2,"h":2}'] .calendar-weekday{padding:.25rem;font-size:.7rem}.dashboard-widget[data-grid='{"w":2,"h":2}'] .calendar-day,.react-grid-item[data-grid='{"w":2,"h":2}'] .calendar-day{font-size:.7rem;min-height:20px}.dashboard-widget[data-grid='{"w":2,"h":2}'] .activity-indicator,.react-grid-item[data-grid='{"w":2,"h":2}'] .activity-indicator{width:12px;height:12px;font-size:.6rem;top:1px;right:1px}.dashboard-widget[data-grid='{"w":2,"h":2}'] .heatmap-legend,.react-grid-item[data-grid='{"w":2,"h":2}'] .heatmap-legend{margin-top:.5rem;gap:.25rem}.dashboard-widget[data-grid='{"w":2,"h":2}'] .legend-square,.react-grid-item[data-grid='{"w":2,"h":2}'] .legend-square{width:8px;height:8px}.dashboard-widget[data-grid='{"w":2,"h":2}'] .legend-text,.react-grid-item[data-grid='{"w":2,"h":2}'] .legend-text{font-size:.6rem}.dashboard-widget[data-grid='{"w":3,"h":3}'] .calendar-component,.react-grid-item[data-grid='{"w":3,"h":3}'] .calendar-component{gap:.6rem;font-size:.8rem}.dashboard-widget[data-grid='{"w":3,"h":3}'] .calendar-header,.react-grid-item[data-grid='{"w":3,"h":3}'] .calendar-header{padding:.6rem}.dashboard-widget[data-grid='{"w":3,"h":3}'] .calendar-title,.react-grid-item[data-grid='{"w":3,"h":3}'] .calendar-title{font-size:1rem}.dashboard-widget[data-grid='{"w":3,"h":3}'] .calendar-container,.react-grid-item[data-grid='{"w":3,"h":3}'] .calendar-container{padding:.6rem}.dashboard-widget[data-grid='{"w":3,"h":3}'] .calendar-weekday,.react-grid-item[data-grid='{"w":3,"h":3}'] .calendar-weekday{padding:.3rem;font-size:.75rem}.dashboard-widget[data-grid='{"w":3,"h":3}'] .calendar-day,.react-grid-item[data-grid='{"w":3,"h":3}'] .calendar-day{font-size:.75rem;min-height:24px}.dashboard-widget[data-grid='{"w":3,"h":3}'] .activity-indicator,.react-grid-item[data-grid='{"w":3,"h":3}'] .activity-indicator{width:14px;height:14px;font-size:.65rem;top:1px;right:1px}.dashboard-widget[data-grid='{"w":3,"h":3}'] .heatmap-legend,.react-grid-item[data-grid='{"w":3,"h":3}'] .heatmap-legend{margin-top:.6rem;gap:.3rem}.dashboard-widget[data-grid='{"w":3,"h":3}'] .legend-square,.react-grid-item[data-grid='{"w":3,"h":3}'] .legend-square{width:10px;height:10px}.dashboard-widget[data-grid='{"w":3,"h":3}'] .legend-text,.react-grid-item[data-grid='{"w":3,"h":3}'] .legend-text{font-size:.65rem}.notes-component{display:flex;flex-direction:column;height:100%;overflow:hidden}.notes-header-sticky{position:sticky;top:0;border-bottom:1px solid var(--border-color);padding-bottom:.75rem;margin-bottom:.5rem;z-index:10}.notes-content-scrollable{flex:1;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:1rem}.notes-content-scrollable::-webkit-scrollbar{width:6px}.notes-content-scrollable::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.notes-content-scrollable::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.notes-content-scrollable::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.search-container{display:flex;gap:.75rem}.search-input-wrapper{position:relative;flex:1}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.search-input:focus{outline:none;border-color:var(--border-focus)}.notes-list{display:flex;flex-direction:column;gap:.75rem}.sticky-notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:.5rem 0}.sticky-note{position:relative;min-height:120px;padding:.75rem;border-radius:8px;box-shadow:0 2px 8px #0000001a,0 1px 3px #00000014;transform:rotate(-1deg);transition:all .3s ease;cursor:pointer;border:none;font-family:Kalam,Comic Sans MS,cursive,sans-serif;background-size:100% 1.4em;background-image:repeating-linear-gradient(transparent,transparent 1.35em,rgba(0,0,0,.03) 1.35em,rgba(0,0,0,.03) 1.4em)}.sticky-note:nth-child(2n){transform:rotate(1deg)}.sticky-note:nth-child(3n){transform:rotate(-.5deg)}.sticky-note:hover{transform:rotate(0) scale(1.02);box-shadow:0 4px 15px #00000026,0 2px 6px #0000001a;z-index:10}.sticky-note:hover .expand-indicator{opacity:1;color:#000c}.sticky-note.editing{transform:rotate(0) scale(1.05);box-shadow:0 6px 20px #0003,0 3px 8px #00000026;z-index:20}.sticky-note.expanded{transform:rotate(0) scale(1.02);box-shadow:0 8px 25px #00000040,0 4px 10px #00000026;z-index:15;min-height:auto;max-height:400px;overflow-y:auto;grid-column:span 1;transition:all .3s ease}.sticky-note.expanded::-webkit-scrollbar{width:4px}.sticky-note.expanded::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:2px}.sticky-note.expanded::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3);border-radius:2px}.sticky-note.expanded::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5)}.sticky-note.expanded .sticky-note-text{-webkit-line-clamp:unset;line-clamp:unset;overflow:visible;display:block;white-space:pre-wrap;word-wrap:break-word}.sticky-note.expanded:hover{transform:rotate(0) scale(1.02)}.sticky-note-yellow{background:linear-gradient(135deg,#fff59d 0%,#fff176 100%);color:#5d4037}[data-theme=dark] .sticky-note-yellow{background:linear-gradient(135deg,#4a4a2a 0%,#5a5a3a 100%);color:#e0d4aa}.sticky-note-pink{background:linear-gradient(135deg,#f8bbd9 0%,#f48fb1 100%);color:#4a148c}[data-theme=dark] .sticky-note-pink{background:linear-gradient(135deg,#4a2a3a 0%,#5a3a4a 100%);color:#e0b4d4}.sticky-note-green{background:linear-gradient(135deg,#c8e6c9 0%,#a5d6a7 100%);color:#1b5e20}[data-theme=dark] .sticky-note-green{background:linear-gradient(135deg,#2a4a2a 0%,#3a5a3a 100%);color:#b4e0b4}.sticky-note-blue{background:linear-gradient(135deg,#bbdefb 0%,#90caf9 100%);color:#0d47a1}[data-theme=dark] .sticky-note-blue{background:linear-gradient(135deg,#2a3a4a 0%,#3a4a5a 100%);color:#a4c4e0}.sticky-note-orange{background:linear-gradient(135deg,#ffcc80 0%,#ffb74d 100%);color:#bf360c}[data-theme=dark] .sticky-note-orange{background:linear-gradient(135deg,#4a3a2a 0%,#5a4a3a 100%);color:#e0c4a4}.sticky-note-purple{background:linear-gradient(135deg,#d1c4e9 0%,#b39ddb 100%);color:#4a148c}[data-theme=dark] .sticky-note-purple{background:linear-gradient(135deg,#3a2a4a 0%,#4a3a5a 100%);color:#c4b4e0}.sticky-note-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.sticky-note:hover .sticky-note-actions{opacity:1}.sticky-note-icon{cursor:pointer;transition:all .2s ease;padding:2px;border-radius:4px}.sticky-note-icon:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.edit-icon{color:#1976d2}.delete-icon{color:#d32f2f}.save-icon{color:#388e3c}.cancel-icon{color:#f57c00}.sticky-note-content{margin-top:24px;height:calc(100% - 40px);display:flex;flex-direction:column}.sticky-note-title{margin:0 0 8px;font-size:1rem;font-weight:700;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-family:Kalam,Comic Sans MS,cursive,sans-serif;letter-spacing:.5px;text-shadow:1px 1px 1px rgba(0,0,0,.1)}.sticky-note-text{font-size:.875rem;line-height:1.6;margin-bottom:8px;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;font-family:Kalam,Comic Sans MS,cursive,sans-serif;letter-spacing:.3px;text-shadow:.5px .5px .5px rgba(0,0,0,.1)}.expand-indicator{display:block;font-size:.75rem;font-style:italic;opacity:.7;margin-top:4px;color:#0009;font-weight:500}.sticky-note-tags{margin-top:auto;margin-bottom:8px;display:flex;flex-wrap:wrap;gap:4px}.sticky-tag{background:rgba(255,255,255,.6);padding:2px 6px;border-radius:10px;font-size:.7rem;font-weight:500;backdrop-filter:blur(4px);font-family:Kalam,Comic Sans MS,cursive,sans-serif;letter-spacing:.2px;text-shadow:.5px .5px .5px rgba(0,0,0,.1)}.more-tags{background:rgba(0,0,0,.1);color:#0009}.sticky-note-footer{margin-top:auto;padding-top:8px}.sticky-note-date{font-size:.7rem;opacity:.7;font-weight:500}.sticky-note-title-input{width:100%;background:transparent;border:none;border-bottom:1px dashed rgba(0,0,0,.3);padding:4px 2px;font-size:1rem;font-weight:700;font-family:Kalam,Comic Sans MS,cursive,sans-serif;margin-bottom:8px;color:inherit;letter-spacing:.5px}.sticky-note-title-input:focus{outline:none;border-bottom:2px dashed rgba(0,0,0,.5);background:rgba(255,255,255,.1)}.sticky-note-title-input::placeholder{color:#0006;font-style:italic}.sticky-note-content-input{width:100%;background:transparent;border:none;padding:6px 2px;font-size:.875rem;font-family:Kalam,Comic Sans MS,cursive,sans-serif;resize:none;margin-bottom:8px;line-height:1.6;color:inherit;letter-spacing:.3px;background-image:repeating-linear-gradient(transparent,transparent 1.4em,rgba(0,0,0,.1) 1.4em,rgba(0,0,0,.1) 1.45em)}.sticky-note-content-input:focus{outline:none;background-image:repeating-linear-gradient(transparent,transparent 1.4em,rgba(0,0,0,.2) 1.4em,rgba(0,0,0,.2) 1.45em)}.sticky-note-content-input::placeholder{color:#0006;font-style:italic}.sticky-note-tags-input{width:100%;background:transparent;border:none;border-top:1px dashed rgba(0,0,0,.3);padding:6px 2px 2px;font-size:.75rem;font-family:Kalam,Comic Sans MS,cursive,sans-serif;margin-top:auto;color:inherit;letter-spacing:.2px}.sticky-note-tags-input:focus{outline:none;border-top:2px dashed rgba(0,0,0,.5);background:rgba(255,255,255,.1)}.sticky-note-tags-input::placeholder{color:#0006;font-style:italic}.sticky-note.editing .sticky-note-actions{opacity:1}.sticky-note.editing .sticky-note-title-input,.sticky-note.editing .sticky-note-content-input,.sticky-note.editing .sticky-note-tags-input{cursor:text;caret-color:#2c3e50}.sticky-note-content-input{padding-left:4px}.sticky-note-content-input:focus{animation:subtle-shake .1s ease-in-out}@keyframes subtle-shake{0%{transform:translate(0)}25%{transform:translate(.5px)}50%{transform:translate(-.5px)}75%{transform:translate(.5px)}to{transform:translate(0)}}.sticky-note:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.02) 1px,transparent 0);background-size:15px 15px;border-radius:8px;pointer-events:none;opacity:.3}.sticky-note-rich-editor{flex:1;margin-bottom:8px}.sticky-note-rich-editor .rich-text-editor{background:transparent;border:none}.sticky-note-rich-editor .ql-container{border:none!important;font-family:Kalam,Comic Sans MS,cursive,sans-serif!important;font-size:.875rem!important;color:inherit!important}.sticky-note-rich-editor .ql-editor{padding:6px 2px!important;color:inherit!important;background:transparent!important;border:none!important;letter-spacing:.3px;line-height:1.6!important}.sticky-note-rich-editor .ql-toolbar{border:none!important;border-bottom:1px dashed currentColor!important;opacity:.3;background:rgba(255,255,255,.1)!important;backdrop-filter:blur(4px);padding:4px 8px!important;border-radius:4px;margin-bottom:4px}[data-theme=dark] .sticky-note-rich-editor .ql-toolbar{background:rgba(0,0,0,.1)!important}.sticky-note-rich-editor .ql-toolbar .ql-stroke{stroke:currentColor!important}.sticky-note-rich-editor .ql-toolbar .ql-fill{fill:currentColor!important}.sticky-note-rich-editor .ql-editor.ql-blank:before{color:currentColor!important;opacity:.4!important;font-style:italic!important;font-family:Kalam,Comic Sans MS,cursive,sans-serif!important}.sticky-note-rich-content{font-family:Kalam,Comic Sans MS,cursive,sans-serif;letter-spacing:.3px;line-height:1.6;color:inherit}.sticky-note-rich-content p{margin:0 0 8px;color:inherit}.sticky-note-rich-content p:last-child{margin-bottom:0}.sticky-note-rich-content h1,.sticky-note-rich-content h2,.sticky-note-rich-content h3{margin:0 0 6px;font-family:Kalam,Comic Sans MS,cursive,sans-serif;letter-spacing:.5px;color:inherit}.sticky-note-rich-content ul,.sticky-note-rich-content ol{margin:4px 0 8px 16px;padding:0;color:inherit}.sticky-note-rich-content li{margin-bottom:2px;color:inherit}.sticky-note-rich-content strong{font-weight:700;text-shadow:.5px .5px .5px rgba(0,0,0,.1);color:inherit}.sticky-note-rich-content em{font-style:italic;color:inherit}.sticky-note-rich-content a{color:inherit;text-decoration:underline;opacity:.8}.sticky-note-rich-content a:hover{opacity:1}.note-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:1rem;transition:var(--transition)}.note-card:hover{border-color:var(--border-focus)}.note-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.note-title{margin:0;color:var(--text-primary);font-weight:600;font-size:1rem}.note-actions{display:flex;gap:.25rem;opacity:0;visibility:hidden;transition:all .2s ease}.note-card-hover:hover .note-actions-hover{opacity:1;visibility:visible}.note-content{color:var(--text-secondary);line-height:1.5;margin-bottom:.75rem}.note-tags{display:flex;gap:.5rem;margin-bottom:.5rem}.tag{background-color:var(--primary-color);color:#fff;padding:.25rem .5rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:500}.note-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary)}.backlog-component{display:flex;flex-direction:column;height:100%;overflow:hidden}.backlog-sticky-header{position:sticky;top:0;z-index:10;background:var(--bg-secondary);padding:0 0 .25rem;margin-bottom:.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.backlog-sticky-header .header-left{display:flex;align-items:center;gap:.5rem}.backlog-sticky-header h3{margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary)}.backlog-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.filters-container{display:flex;gap:.75rem}.filter-select{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.backlog-list{display:flex;flex-direction:column;gap:.75rem;flex:1;min-height:0}.backlog-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:1rem;transition:var(--transition);border-left:4px solid var(--border-color)}.backlog-card.priority-high{border-left-color:#ef4444}.backlog-card.priority-medium{border-left-color:#f59e0b}.backlog-card.priority-low{border-left-color:#10b981}.backlog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.backlog-title-section{display:flex;align-items:center;gap:.5rem;flex:1}.backlog-title{margin:0;color:var(--text-primary);font-weight:600}.backlog-actions{display:flex;gap:.5rem;align-items:center}.backlog-actions .hover-actions{display:flex;gap:.25rem;opacity:0;visibility:hidden;transition:all .2s ease}.backlog-card:hover .hover-actions{opacity:1;visibility:visible}.priority-select{padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-primary);color:var(--text-primary);font-size:.75rem}.backlog-description{color:var(--text-secondary);line-height:1.5;margin-bottom:.75rem}.backlog-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary)}.backlog-category{background-color:var(--bg-tertiary);padding:.25rem .5rem;border-radius:var(--border-radius-sm);font-weight:500}.progress-component{display:flex;flex-direction:column;gap:1.5rem}.progress-section{background-color:var(--bg-secondary);border-radius:var(--border-radius-sm);padding:1rem}.section-title{margin:0 0 1rem;color:var(--text-primary);font-weight:600;font-size:1.125rem}.progress-grid{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:center}.circular-progress{position:relative;display:inline-block}.circular-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.percentage{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.label{display:block;font-size:.75rem;color:var(--text-secondary)}.progress-stats{display:flex;flex-direction:column;gap:.75rem}.stat-row{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.stat-item{display:flex;align-items:center;gap:.5rem}.stat-label{color:var(--text-secondary);font-size:.875rem}.stat-value{font-weight:600;color:var(--text-primary)}.progress-bar{height:8px;background-color:var(--bg-tertiary);border-radius:4px;overflow:hidden;min-width:100px}.progress-fill{height:100%;transition:width .3s ease}.progress-bar.completed .progress-fill{background-color:#10b981}.progress-bar.inprogress .progress-fill{background-color:#3b82f6}.progress-bar.blocked .progress-fill{background-color:#ef4444}.progress-bar.todo .progress-fill{background-color:#6b7280}.today-progress{background-color:var(--bg-primary);border-radius:var(--border-radius-sm);padding:1rem}.today-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.today-stat{text-align:center}.today-number{display:block;font-size:2rem;font-weight:700;color:var(--primary-color)}.today-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.insight-card{display:flex;align-items:center;gap:.75rem;background-color:var(--bg-primary);padding:1rem;border-radius:var(--border-radius-sm);border:1px solid var(--border-color)}.insight-icon{color:var(--primary-color)}.insight-content{display:flex;flex-direction:column}.insight-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.insight-label{font-size:.75rem;color:var(--text-secondary)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state p{margin-bottom:1rem;font-size:1.125rem}.status-completed,.text-green-500{color:#10b981}.status-inprogress,.text-blue-500{color:#3b82f6}.status-blocked,.text-red-500{color:#ef4444}.status-todo,.text-gray-500{color:#6b7280}.text-yellow-500{color:#f59e0b}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.section-header h3{margin:0;color:var(--text-primary);font-size:1.2rem;font-weight:600}.add-btn{background:var(--primary-color);color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.add-btn:hover{background:var(--primary-dark);transform:scale(1.1)}.tasks-container{height:100%;display:flex;flex-direction:column}.tasks-container .section-header{background:linear-gradient(135deg,var(--blue-50) 0%,var(--blue-100) 100%);border:1px solid var(--blue-200);border-radius:6px;padding:.25rem .5rem;margin-bottom:.5rem;box-shadow:0 2px 4px #3b82f61a}.tasks-container .section-header h3{color:var(--blue-700);font-weight:600;font-size:.9rem;margin:0}.tasks-container .add-btn{background:var(--blue-500);color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #3b82f633}.tasks-container .add-btn:hover{background:var(--blue-600);transform:scale(1.1);box-shadow:0 4px 8px #3b82f64d}.activity-component .component-header{background:linear-gradient(135deg,var(--amber-50) 0%,var(--amber-100) 100%);border:1px solid var(--amber-200);border-radius:6px;padding:.25rem .5rem;margin-bottom:.5rem;box-shadow:0 2px 4px #f59e0b1a}.activity-component .component-header .header-left h3{color:var(--amber-700);font-weight:600;font-size:.9rem;margin:0}.activity-component .component-header .btn-primary{background:var(--amber-500);border:none;color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #f59e0b33;padding:0}.activity-component .component-header .btn-primary:hover{background:var(--amber-600);transform:scale(1.1);box-shadow:0 4px 8px #f59e0b4d}.notes-component .component-header{background:linear-gradient(135deg,var(--green-50) 0%,var(--green-100) 100%);border:1px solid var(--green-200);border-radius:6px;padding:.25rem .5rem;margin-bottom:.5rem;box-shadow:0 2px 4px #22c55e1a}.notes-component .component-header .header-left h3{color:var(--green-700);font-weight:600;font-size:.9rem;margin:0}.notes-component .component-header .btn-primary{background:var(--green-500);border:none;color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #22c55e33;padding:0}.notes-component .component-header .btn-primary:hover{background:var(--green-600);transform:scale(1.1);box-shadow:0 4px 8px #22c55e4d}.sprint-container .section-header{background:linear-gradient(135deg,var(--purple-50) 0%,var(--purple-100) 100%);border:1px solid var(--purple-200);border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 4px #a855f71a}.sprint-container .section-header h3{color:var(--purple-700);font-weight:600;font-size:1.1rem;margin:0}.sprint-container .add-btn{background:var(--purple-500);color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #a855f733}.sprint-container .add-btn:hover{background:var(--purple-600);transform:scale(1.1);box-shadow:0 4px 8px #a855f74d}.backlog-component .backlog-sticky-header{background:linear-gradient(135deg,var(--teal-50) 0%,var(--teal-100) 100%);border:1px solid var(--teal-200);border-radius:6px;padding:.25rem .5rem;margin-bottom:.5rem;box-shadow:0 2px 4px #14b8a61a;display:flex;justify-content:space-between;align-items:center}.backlog-component .backlog-sticky-header .header-left h3{color:var(--teal-700);font-weight:600;font-size:.9rem;margin:0}.backlog-component .backlog-sticky-header .btn-primary{background:var(--teal-500);border:none;color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #14b8a633;padding:0}.backlog-component .backlog-sticky-header .btn-primary:hover{background:var(--teal-600);transform:scale(1.1);box-shadow:0 4px 8px #14b8a64d}.task-form{background:var(--bg-tertiary);padding:1rem;border-radius:6px;margin-bottom:1rem;border:1px solid var(--border-color)}.task-input{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;margin-bottom:.5rem}.form-actions{display:flex;gap:.5rem}.save-btn,.cancel-btn{padding:.4rem .8rem;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;transition:background .2s ease}.save-btn{background:var(--primary-color);color:#fff}.save-btn:hover{background:var(--primary-dark)}.cancel-btn{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-btn:hover{background:var(--bg-tertiary)}.tasks-list{flex:1;overflow-y:auto}.task-item{display:flex;align-items:flex-start;justify-content:space-between;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;margin-bottom:.5rem;background:var(--bg-primary);transition:all .2s ease}.task-item:hover{border-color:var(--primary-color);box-shadow:0 2px 4px #0000001a}.task-content{flex:1}.task-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.task-header-left{display:flex;align-items:center;gap:.5rem}.task-actions{display:flex;gap:.25rem;opacity:0;visibility:hidden;transition:all .2s ease}.task-item-hover:hover .task-actions-hover{opacity:1;visibility:visible}.task-status{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;cursor:pointer;transition:transform .2s ease}.task-status:hover{transform:scale(1.1)}.task-priority{font-size:.7rem;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.task-title{margin:0;font-size:.9rem;color:var(--text-primary);font-weight:500}.task-description{margin:.25rem 0 0;font-size:.8rem;color:var(--text-secondary);line-height:1.4}.delete-btn{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.delete-btn:hover{color:#ef4444;background:rgba(239,68,68,.1)}.empty-state{text-align:center;padding:2rem;color:var(--text-secondary)}.empty-state p{margin:0;font-style:italic}.simple-task-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease}.simple-task-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.handwritten-checkbox{width:24px;height:24px;border:2px solid #6b7280;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;background:var(--bg-primary);flex-shrink:0;border-style:solid;border-image:none;transform:rotate(-1deg)}.handwritten-checkbox:hover{transform:rotate(0) scale(1.1);border-color:var(--primary-color)}.handwritten-checkbox.checked{background:#f0f9ff;border-color:#22c55e;transform:rotate(1deg)}.handwritten-checkbox.checked:hover{transform:rotate(0) scale(1.1)}.handwritten-checkbox .checkmark{font-size:16px;color:#22c55e;font-weight:700;transform:rotate(-5deg);animation:checkmarkAppear .3s ease-in-out}@keyframes checkmarkAppear{0%{opacity:0;transform:rotate(-5deg) scale(.5)}50%{transform:rotate(-5deg) scale(1.2)}to{opacity:1;transform:rotate(-5deg) scale(1)}}.simple-task-item .task-title{flex:1;margin:0;font-size:.95rem;color:var(--text-primary);font-weight:500;line-height:1.4;transition:all .2s ease}.simple-task-item .task-title.completed{text-decoration:line-through;color:var(--text-secondary);opacity:.7}.simple-delete-btn{background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;opacity:0;flex-shrink:0}.simple-task-item:hover .simple-delete-btn{opacity:1}.simple-delete-btn:hover{color:#ef4444;background:rgba(239,68,68,.1);transform:scale(1.1)}@media (max-width: 1200px){.dashboard-top{grid-template-columns:250px 1fr 250px}}@media (max-width: 768px){.dashboard-layout{grid-template-rows:auto auto auto;height:auto;min-height:100vh}.dashboard-top{grid-template-columns:1fr;grid-template-rows:auto auto auto}.dashboard-middle{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto}.dashboard-footer{height:140px}.dashboard-left,.dashboard-center,.dashboard-right,.middle-left,.middle-right{min-height:250px}.heatmap-day{width:8px;height:8px}.day-labels{font-size:8px}.month-labels{font-size:9px}.heatmap-stats{font-size:11px}.legend-label,.heatmap-legend{font-size:10px}}.note-form{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.note-form .form-group{margin-bottom:.75rem}.note-form .form-group:last-of-type{margin-bottom:1rem}.form-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px 8px 0 0}.form-header h4{margin:0;color:var(--text-primary);font-size:1rem;font-weight:600}.form-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.form-help{margin-top:.5rem;text-align:center}.form-help small{color:var(--text-secondary);font-size:.75rem}.form-body{padding:1rem;display:flex;flex-direction:column;gap:1rem}.form-input{padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;resize:vertical;min-height:100px;font-family:inherit;transition:border-color .2s}.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.note-form .rich-text-editor{border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);overflow:hidden}.note-form .rich-text-editor .ql-toolbar{border:none!important;border-bottom:1px solid var(--border-color)!important;background:var(--bg-secondary)!important;padding:8px 12px!important}.note-form .rich-text-editor .ql-container{border:none!important;background:var(--bg-primary)!important}.note-form .rich-text-editor .ql-editor{color:var(--text-primary)!important;font-size:.875rem!important;padding:.75rem!important;min-height:100px!important;line-height:1.6!important}.note-form .rich-text-editor .ql-editor.ql-blank:before{color:var(--text-secondary)!important;font-style:italic!important;left:.75rem!important;top:.75rem!important}.note-form .rich-text-editor:focus-within{box-shadow:0 0 0 3px #3b82f61a}.note-form .rich-text-editor .ql-toolbar .ql-stroke{stroke:var(--text-primary)!important}.note-form .rich-text-editor .ql-toolbar .ql-fill{fill:var(--text-primary)!important}.handwritten-note-modal{max-width:600px;width:90vw;max-height:80vh;background:var(--handwritten-bg, linear-gradient(135deg, #fff8e1 0%, #fff59d 100%));border:none;border-radius:0;box-shadow:0 8px 32px #0003,0 4px 16px #0000001a,inset 0 1px #ffffff80;transform:rotate(-1deg);position:relative;font-family:Kalam,Comic Sans MS,cursive,sans-serif;overflow:hidden}[data-theme=dark] .handwritten-note-modal{--handwritten-bg: linear-gradient(135deg, #2a2a2a 0%, #3a3a3a 100%);--handwritten-text: #e0e0e0;--handwritten-accent: #bb86fc;--handwritten-lines: rgba(187, 134, 252, .2);--handwritten-border: rgba(187, 134, 252, .3);--handwritten-paper-lines: rgba(187, 134, 252, .1);background:var(--handwritten-bg);box-shadow:0 8px 32px #0006,0 4px 16px #0000004d,inset 0 1px #ffffff1a}:root{--handwritten-text: #5d4037;--handwritten-accent: #8b4513;--handwritten-lines: rgba(139, 69, 19, .1);--handwritten-border: rgba(139, 69, 19, .3);--handwritten-paper-lines: rgba(139, 69, 19, .1)}.handwritten-note-modal:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(transparent,transparent 1.4em,var(--handwritten-paper-lines) 1.4em,var(--handwritten-paper-lines) 1.45em);pointer-events:none;z-index:1}.handwritten-note-modal:after{content:"";position:absolute;left:60px;top:0;bottom:0;width:2px;background:var(--handwritten-accent);opacity:.3;z-index:1;pointer-events:none}.handwritten-note-header{position:relative;padding:20px 20px 0;z-index:2}.handwritten-note-tape{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:80px;height:30px;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.1);border-radius:2px;box-shadow:0 2px 4px #0000001a,inset 0 1px #ffffff80}.handwritten-note-tape:before{content:"";position:absolute;inset:2px;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 4px);border-radius:1px}.handwritten-close-btn{position:absolute;top:15px;right:15px;background:rgba(255,255,255,.8);border:1px solid var(--handwritten-border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--handwritten-accent);transition:all .2s ease;z-index:10}[data-theme=dark] .handwritten-close-btn{background:rgba(0,0,0,.8);color:var(--handwritten-accent)}.handwritten-close-btn:hover{background:rgba(255,255,255,1);transform:scale(1.1);box-shadow:0 2px 8px #0003}[data-theme=dark] .handwritten-close-btn:hover{background:rgba(0,0,0,1)}.handwritten-note-form{position:relative;z-index:2;height:100%;display:flex;flex-direction:column}.handwritten-note-body{flex:1;padding:20px 20px 10px 80px;overflow-y:auto}.handwritten-form-group{margin-bottom:20px}.handwritten-form-group.handwritten-content-group{flex:1;display:flex;flex-direction:column}.handwritten-label{display:block;font-size:.9rem;font-weight:600;color:var(--handwritten-accent);margin-bottom:8px;text-shadow:1px 1px 1px rgba(255,255,255,.8);letter-spacing:.5px}[data-theme=dark] .handwritten-label{text-shadow:1px 1px 1px rgba(0,0,0,.8)}.handwritten-color-picker{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.handwritten-color-option{width:40px;height:40px;border:3px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;transform:rotate(-2deg);box-shadow:0 2px 4px #0000001a}.handwritten-color-option:hover{transform:rotate(0) scale(1.1);box-shadow:0 4px 8px #0003}.handwritten-color-option.selected{border-color:var(--handwritten-accent, #8b4513);transform:rotate(0) scale(1.1);box-shadow:0 0 0 2px #8b45134d}.dark-theme .handwritten-color-option.selected{border-color:var(--handwritten-accent);box-shadow:0 0 0 2px var(--handwritten-accent)}.handwritten-title-input{width:100%;background:transparent;border:none;border-bottom:2px dashed var(--handwritten-border);padding:8px 4px;font-size:1.1rem;font-weight:600;font-family:Kalam,Comic Sans MS,cursive,sans-serif;color:var(--handwritten-text);letter-spacing:.5px;text-shadow:.5px .5px .5px rgba(0,0,0,.1)}.handwritten-title-input:focus{outline:none;border-bottom:2px dashed var(--handwritten-accent);background:rgba(255,255,255,.3)}[data-theme=dark] .handwritten-title-input:focus{background:rgba(0,0,0,.3)}.handwritten-title-input::placeholder{color:var(--handwritten-accent);opacity:.5;font-style:italic}.handwritten-rich-editor{flex:1;margin-top:8px}.handwritten-rich-editor .rich-text-editor{background:transparent;border:1px dashed var(--handwritten-border);border-radius:4px;height:100%}.handwritten-rich-editor .ql-toolbar{border:none!important;border-bottom:1px dashed var(--handwritten-border)!important;background:rgba(255,255,255,.4)!important;padding:8px 12px!important}[data-theme=dark] .handwritten-rich-editor .ql-toolbar{background:rgba(0,0,0,.4)!important}.handwritten-rich-editor .ql-container{border:none!important;background:transparent!important;font-family:Kalam,Comic Sans MS,cursive,sans-serif!important}.handwritten-rich-editor .ql-editor{color:var(--handwritten-text)!important;font-size:.95rem!important;padding:12px!important;line-height:1.6!important;letter-spacing:.3px!important;text-shadow:.5px .5px .5px rgba(0,0,0,.1)!important}.handwritten-rich-editor .ql-editor.ql-blank:before{color:var(--handwritten-accent)!important;opacity:.5!important;font-style:italic!important}.handwritten-rich-editor .ql-toolbar .ql-stroke{stroke:var(--handwritten-accent)!important}.handwritten-rich-editor .ql-toolbar .ql-fill{fill:var(--handwritten-accent)!important}.handwritten-tags-input{width:100%;background:transparent;border:none;border-bottom:1px dashed var(--handwritten-border);padding:6px 4px;font-size:.85rem;font-family:Kalam,Comic Sans MS,cursive,sans-serif;color:var(--handwritten-text);letter-spacing:.3px}.handwritten-tags-input:focus{outline:none;border-bottom:1px dashed var(--handwritten-accent);background:rgba(255,255,255,.3)}[data-theme=dark] .handwritten-tags-input:focus{background:rgba(0,0,0,.3)}.handwritten-tags-input::placeholder{color:var(--handwritten-accent);opacity:.5;font-style:italic}.handwritten-tags-preview{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.handwritten-tag{background:rgba(255,255,255,.6);padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;color:var(--handwritten-accent);border:1px solid var(--handwritten-border);box-shadow:0 1px 2px #0000001a}[data-theme=dark] .handwritten-tag{background:rgba(0,0,0,.6);color:var(--handwritten-accent)}.handwritten-note-footer{padding:15px 20px 20px 80px;display:flex;gap:12px;justify-content:flex-end;border-top:1px dashed var(--handwritten-border);background:rgba(255,255,255,.2)}[data-theme=dark] .handwritten-note-footer{background:rgba(0,0,0,.2)}.handwritten-btn{padding:8px 16px;border:2px solid var(--handwritten-border);border-radius:20px;font-family:Kalam,Comic Sans MS,cursive,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.3px;text-shadow:.5px .5px .5px rgba(0,0,0,.1)}.handwritten-btn-cancel{background:rgba(255,255,255,.8);color:var(--handwritten-accent)}[data-theme=dark] .handwritten-btn-cancel{background:rgba(0,0,0,.8);color:var(--handwritten-accent)}.handwritten-btn-cancel:hover{background:rgba(255,255,255,1);border-color:var(--handwritten-accent);transform:translateY(-1px);box-shadow:0 2px 4px #0003}[data-theme=dark] .handwritten-btn-cancel:hover{background:rgba(0,0,0,1)}.handwritten-btn-save{background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);color:#fff;border-color:#45a049}.handwritten-btn-save:hover{background:linear-gradient(135deg,#45a049 0%,#3d8b40 100%);transform:translateY(-1px);box-shadow:0 2px 4px #0003}.title-input{font-weight:600;font-size:1rem}.tags-input{font-size:.875rem;color:var(--text-secondary)}.tags-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag-preview,.tag{background:var(--primary-color);color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.activity-heatmap{width:100%;height:100%;display:flex;flex-direction:column;background:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.heatmap-stats{font-size:12px;color:var(--text-secondary);margin-bottom:12px;text-align:right;font-weight:400}.heatmap-calendar-container{flex:1;display:flex;justify-content:center;align-items:flex-start;min-height:0}.heatmap-calendar-container .react-activity-calendar{color:var(--text-secondary)!important;font-family:inherit!important}.heatmap-calendar-container .react-activity-calendar__month{font-size:12px!important;fill:var(--text-secondary)!important}.heatmap-calendar-container .react-activity-calendar__weekday{font-size:12px!important;fill:var(--text-secondary)!important;font-weight:500!important}:root{--color-calendar-graph-day-bg: #ebedf0;--color-calendar-graph-day-L1-bg: #c6e48b;--color-calendar-graph-day-L2-bg: #7bc96f;--color-calendar-graph-day-L3-bg: #239a3b;--color-calendar-graph-day-L4-bg: #196127}[data-theme=dark]{--color-calendar-graph-day-bg: #161b22;--color-calendar-graph-day-L1-bg: #0e4429;--color-calendar-graph-day-L2-bg: #006d32;--color-calendar-graph-day-L3-bg: #26a641;--color-calendar-graph-day-L4-bg: #39d353}@media (max-width: 768px){.activity-heatmap{font-size:11px}.heatmap-stats{font-size:11px;text-align:center}.heatmap-calendar-container .react-activity-calendar{transform:scale(.8);transform-origin:center}}.dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.dashboard-toolbar h1{margin:0;color:var(--text-primary);font-size:1.5rem}.toolbar-buttons{display:flex;gap:.5rem}.edit-btn,.settings-btn{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-size:.9rem;transition:all .2s ease}.edit-btn:hover,.settings-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.edit-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.edit-banner{background:var(--accent-primary);color:#fff;padding:.75rem 2rem;text-align:center;font-size:.9rem}.widgets-grid{padding:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;flex:1}.simple-widget{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease;min-height:300px;display:flex;flex-direction:column}.simple-widget:hover{border-color:var(--border-hover);box-shadow:0 4px 12px #0000001a}.widget-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.widget-info{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-primary)}.remove-btn{background:none;border:none;color:var(--text-danger);cursor:pointer;padding:.25rem .5rem;border-radius:4px;font-size:1.2rem;line-height:1;transition:all .2s ease}.remove-btn:hover{background:var(--bg-danger);color:#fff}.widget-content{flex:1;padding:0;overflow:auto}.no-widgets{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.no-widgets button{margin-top:1rem;padding:.75rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .2s ease}.no-widgets button:hover{background:var(--accent-secondary)}.settings-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.settings-panel{background:var(--bg-secondary);border-radius:12px;max-width:600px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-color);box-shadow:0 20px 40px #0003}.settings-header button{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.settings-header button:hover{background:var(--bg-primary);color:var(--text-primary)}.settings-content h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem}.widget-list{display:flex;flex-direction:column;gap:.75rem}.widget-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease}.widget-item:hover{border-color:var(--border-hover)}.widget-item.active{border-color:var(--accent-primary);background:var(--bg-tertiary)}.widget-item-info{display:flex;align-items:center;gap:.75rem;flex:1}.widget-icon{font-size:1.5rem}.widget-name{font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.widget-desc{font-size:.875rem;color:var(--text-secondary)}.btn-add,.btn-remove{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.btn-add{background:var(--accent-primary);color:#fff}.btn-add:hover{background:var(--accent-secondary)}.btn-remove{background:var(--bg-danger);color:#000}.btn-remove:hover{background:var(--danger-hover)}@media (max-width: 768px){.dashboard-toolbar{padding:1rem}.dashboard-toolbar h1{font-size:1.25rem}.widgets-grid{padding:1rem;grid-template-columns:1fr;gap:1rem}.settings-overlay,.settings-content{padding:1rem}}.dashboard{height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden}.dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;z-index:100}.toolbar-left h1{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600}.toolbar-right{display:flex;gap:.5rem;align-items:center}.btn-toggle,.btn-settings{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:.25rem;transition:all .2s ease}.btn-toggle:hover,.btn-settings:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.btn-toggle.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.edit-mode-banner{background:var(--accent-primary);color:#fff;padding:.75rem 1.5rem;text-align:center;font-size:.875rem;flex-shrink:0}.dashboard-content{flex:1;overflow:auto;background:var(--bg-primary)}.widget-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease;position:relative}.widget-wrapper:hover{border-color:var(--border-hover);box-shadow:0 2px 8px #0000001a}.widget-wrapper.edit-mode{border:2px dashed var(--accent-primary);cursor:move}.widget-wrapper.edit-mode:hover{border-color:var(--accent-secondary);background:var(--bg-tertiary)}.widget-container{height:100%;display:flex;flex-direction:column;position:relative}.widget-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);flex-shrink:0}.widget-info{display:flex;align-items:center;gap:.5rem}.widget-icon{font-size:1.1rem}.widget-name{font-weight:500;color:var(--text-primary);font-size:.875rem}.widget-remove-btn{background:none;border:none;color:var(--text-danger);cursor:pointer;padding:.25rem;border-radius:4px;font-size:1rem;line-height:1;transition:all .2s ease}.widget-remove-btn:hover{background:var(--bg-danger);color:#fff}.widget-content{flex:1;overflow:auto;padding:0}.widget-resize-handle{position:absolute;bottom:0;right:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);color:#fff;cursor:se-resize;border-top-left-radius:4px;opacity:.7;transition:opacity .2s ease}.widget-resize-handle:hover{opacity:1}.resize-indicator{font-size:10px;line-height:1;user-select:none}.widget-error{padding:2rem;text-align:center;color:var(--text-danger);background:var(--bg-danger);border-radius:4px;margin:1rem}.dashboard-settings-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.dashboard-settings{background:var(--bg-secondary);border-radius:12px;max-width:900px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-color);box-shadow:0 20px 40px #00000026}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.settings-header h2{margin:0;color:var(--text-primary);font-size:1.25rem}.close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.settings-content{flex:1;overflow-y:auto;padding:1.5rem}.settings-section{margin-bottom:2rem}.settings-section h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem}.search-box{margin-bottom:1rem}.search-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f61a}.widgets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.widget-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;transition:all .2s ease}.widget-card:hover{border-color:var(--border-hover);box-shadow:0 2px 8px #00000014}.widget-card.active{border-color:var(--accent-primary);background:var(--bg-tertiary)}.widget-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.widget-card-icon{font-size:1.2rem}.widget-card-header h4{margin:0;color:var(--text-primary);font-size:.95rem}.widget-card-description{color:var(--text-secondary);font-size:.825rem;line-height:1.4;margin:0 0 1rem}.btn-primary,.btn-secondary,.btn-warning{padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-secondary)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-primary)}.btn-warning{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.btn-warning:hover{background:var(--warning-hover)}.layout-actions{display:flex;gap:1rem}.active-widgets-list{display:flex;flex-direction:column;gap:.5rem}.active-widget-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px}.active-widget-item .widget-icon{margin-right:.5rem}.active-widget-item .widget-name{flex:1;color:var(--text-primary)}.active-widget-item .remove-btn{background:none;border:none;color:var(--text-danger);cursor:pointer;padding:.25rem .5rem;border-radius:4px;font-size:.825rem;transition:all .2s ease}.active-widget-item .remove-btn:hover{background:var(--bg-danger);color:#fff}.settings-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-tertiary);display:flex;justify-content:flex-end}.react-grid-item{transition:all .2s ease;transition-property:left,top}.react-grid-item.cssTransforms{transition-property:transform}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;bottom:0;right:0;background:var(--accent-primary);cursor:se-resize;border-top-left-radius:4px}.react-grid-item>.react-resizable-handle:after{content:"⋮⋮";position:absolute;right:3px;bottom:1px;font-size:8px;color:#fff;line-height:1}.react-grid-placeholder{background:var(--accent-primary);opacity:.3;transition-duration:.1s;z-index:2;user-select:none;border-radius:8px}@media (max-width: 768px){.dashboard-toolbar{padding:.75rem 1rem}.toolbar-left h1{font-size:1.25rem}.toolbar-right{gap:.25rem}.btn-toggle,.btn-settings{padding:.4rem .8rem;font-size:.8rem}.dashboard-settings{margin:1rem;max-height:calc(100vh - 2rem)}.widgets-grid{grid-template-columns:1fr}.settings-content{padding:1rem}}.activity-component{padding:1rem;background:var(--bg-secondary);border-radius:8px;height:100%;overflow-y:auto}.activity-form{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:1rem;margin-bottom:1rem}.form-row{display:flex;gap:.5rem;margin-bottom:.5rem}.form-input{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem}.form-select{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;min-width:100px}.form-textarea{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;margin-bottom:.5rem;resize:vertical;font-family:inherit}.form-actions{display:flex;gap:.5rem;justify-content:flex-end}.activities-list{display:flex;flex-direction:column;gap:.75rem}.activity-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:1rem;transition:box-shadow .2s}.activity-card:hover{box-shadow:var(--shadow-sm)}.activity-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.activity-left{display:flex;align-items:flex-start;gap:.5rem;flex:1}.expand-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0;margin-top:2px}.status-icon{cursor:pointer;padding:2px;border-radius:4px;transition:background-color .2s;margin-top:2px}.status-icon:hover{background:var(--bg-secondary)}.activity-info{flex:1}.activity-title{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.activity-description{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.4}.activity-timestamp{display:flex;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;color:var(--text-tertiary)}.activity-timestamp svg{opacity:.7}.timestamp-text{font-weight:500}.sub-activity-card .activity-timestamp{font-size:.7rem;margin-top:.375rem}.sub-activity-card .activity-timestamp svg{width:10px;height:10px}.sub-activity-count{margin-top:.375rem}.count-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:12px;font-size:.7rem;font-weight:500;line-height:1.2}.status-breakdown{margin-left:.5rem;display:inline-flex;gap:.25rem;align-items:center}.completed-count{color:#10b981;font-weight:600}.progress-count{color:#3b82f6;font-weight:600}.pending-count{color:#6b7280;font-weight:600}.linked-activity{display:flex;align-items:center;gap:.4rem;margin-top:.5rem;font-size:.8rem;color:var(--text-secondary);padding:.3rem .5rem;background:var(--bg-primary);border-radius:4px;border:1px solid var(--border-color)}.linked-activity svg{opacity:.7}.linked-text{font-style:italic}.activity-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.priority-badge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;color:#fff}.priority-badge.small{padding:.2rem .4rem;font-size:.7rem}.time-estimate,.time-actual{font-size:.75rem;color:var(--text-secondary);background:var(--bg-secondary);padding:.25rem .5rem;border-radius:4px}.time-estimate.small{font-size:.7rem;padding:.2rem .4rem}.activity-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.activity-card:hover .activity-actions{opacity:1}.sub-activity-form,.sub-activities{margin:1rem 0 0 2rem;border-left:2px solid var(--border-color);padding-left:1rem}.sub-activity-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:.75rem;margin-bottom:.5rem;transition:box-shadow .2s,background-color .2s}.sub-activity-card:hover{box-shadow:var(--shadow-sm);background:var(--bg-primary)}.sub-activity-header{display:flex;align-items:flex-start;gap:.5rem}.sub-activity-info{flex:1}.sub-activity-title{margin:0 0 .25rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}.sub-activity-description{margin:0;font-size:.8rem;color:var(--text-secondary);line-height:1.3}.sub-activity-meta{display:flex;align-items:center;gap:.5rem}.sub-activity-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.sub-activity-card:hover .sub-activity-actions{opacity:1}.category-header{font-size:.8em;color:var(--text-color);text-transform:uppercase;letter-spacing:.5px;margin:.5rem 0 .25rem;padding:.25rem .5rem;border-radius:4px;background:var(--card-background);border:1px solid var(--border-color);display:flex;align-items:center;gap:.5rem;user-select:none}.category-header.clickable{cursor:pointer;transition:all .2s ease}.category-header.clickable:hover{background:var(--hover-background);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.category-header.previous{background:linear-gradient(45deg,rgba(239,68,68,.1),rgba(239,68,68,.05));border-color:#ef444433;color:#dc2626}.category-header.previous:hover{background:linear-gradient(45deg,rgba(239,68,68,.15),rgba(239,68,68,.08));border-color:#ef44444d}.category-header.current{background:linear-gradient(45deg,rgba(16,185,129,.1),rgba(16,185,129,.05));border-color:#10b98133;color:#059669}.category-header.current:hover{background:linear-gradient(45deg,rgba(16,185,129,.15),rgba(16,185,129,.08));border-color:#10b9814d}.category-header.future{background:linear-gradient(45deg,rgba(59,130,246,.1),rgba(59,130,246,.05));border-color:#3b82f633;color:#2563eb}.category-header.future:hover{background:linear-gradient(45deg,rgba(59,130,246,.15),rgba(59,130,246,.08));border-color:#3b82f64d}.sub-activity-card.category-previous{border-left:3px solid #dc2626;background:linear-gradient(90deg,rgba(239,68,68,.05),transparent)}.sub-activity-card.category-current{border-left:3px solid #059669;background:linear-gradient(90deg,rgba(16,185,129,.05),transparent)}.sub-activity-card.category-future{border-left:3px solid #2563eb;background:linear-gradient(90deg,rgba(59,130,246,.05),transparent)}.btn-xs{padding:.25rem .5rem;font-size:.75rem}.text-green-500{color:#22c55e}.text-blue-500{color:#3b82f6}.text-gray-400{color:#9ca3af}.center-panel{height:100%;display:flex;flex-direction:column}.center-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.tab-btn{background:none;border:none;padding:.75rem 1rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab-btn:hover{color:var(--text-primary);background:var(--bg-primary)}.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.center-content{flex:1;overflow:hidden}.dashboard-wrapper{min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column}.dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.dashboard-toolbar h1{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.toolbar-buttons{display:flex;gap:1rem;align-items:center;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.toolbar-buttons::-webkit-scrollbar{display:none;scrollbar-color:var(--border-color) transparent}.toolbar-buttons::-webkit-scrollbar{height:4px}.toolbar-buttons::-webkit-scrollbar-track{background:transparent}.toolbar-buttons::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.toolbar-buttons::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.toolbar-nav-links{display:flex;gap:2rem;align-items:center}.nav-link{color:var(--text-primary);text-decoration:none;font-size:.875rem;font-weight:500;padding:.5rem 0;transition:color .2s ease;border-bottom:2px solid transparent}.nav-link:hover{color:var(--text-accent);border-bottom-color:var(--text-accent)}.toolbar-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:40px;min-width:120px;flex-shrink:0}.toolbar-btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.toolbar-btn.active,.toolbar-btn.edit-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.toolbar-btn.add-btn{background:#1f2937;color:#fff;border-color:#1f2937;min-width:140px;padding:.6rem 1.5rem;font-weight:600;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a}.toolbar-btn.add-btn:hover{background:#111827;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.toolbar-btn.add-item-btn{background:#10b981;color:#fff;border-color:#10b981;min-width:120px;padding:.6rem 1.2rem;font-weight:600;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a}.toolbar-btn.add-item-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.toolbar-btn.reset-btn{background:#6b7280;color:#fff;border-color:#6b7280}.toolbar-btn.reset-btn:hover{background:#4b5563}.toolbar-btn.help-btn{background:#374151;color:#fff;border-color:#374151}.toolbar-btn.help-btn:hover{background:#1f2937;transform:translateY(-1px)}.toolbar-btn.help-btn{background:linear-gradient(135deg,#374151,#1f2937);color:#fff;border-color:#374151;font-weight:600;min-width:120px;box-shadow:0 2px 4px #3741514d}.toolbar-btn.help-btn:hover{background:linear-gradient(135deg,#1f2937,#111827);box-shadow:0 4px 8px #37415166}.toolbar-btn svg{margin-right:.5rem;font-size:.875rem;transition:transform .2s ease}.toolbar-btn:hover svg{transform:scale(1.1)}.toolbar-btn.active svg{transform:scale(1.05)}.widget-card-actions .btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;min-height:36px}.widget-card-actions .btn svg{font-size:.875rem;margin-right:0}.widget-card-actions .btn-add{background:#10b981;color:#fff}.widget-card-actions .btn-add:hover{background:#059669;transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.widget-card-actions .btn-remove{background:#ef4444;color:#fff}.widget-card-actions .btn-remove:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 2px 8px #ef44444d}.btn.btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 2rem;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn.btn-primary:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.btn.btn-primary svg{font-size:1rem;margin-right:0}.remove-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.remove-btn:hover{background:#dc2626;transform:scale(1.1)}.remove-btn svg{font-size:.75rem}.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;color:#6b7280;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.close-btn:hover{background:#ef4444;color:#fff;transform:scale(1.05)}.close-btn svg{font-size:1rem}.banner-icon svg{font-size:1.125rem;margin-right:.5rem;color:#4f46e5}.react-joyride__tooltip{font-family:inherit!important;box-shadow:0 10px 30px #0000004d!important}.react-joyride__tooltip h4{font-size:18px!important;font-weight:600!important;margin-bottom:8px!important;color:#1f2937!important}.react-joyride__tooltip div[data-tour=tooltip]{line-height:1.6!important;font-size:16px!important;color:#4b5563!important}.react-joyride__tooltip .react-joyride__tooltip__content{padding:0!important}.react-joyride__tooltip .react-joyride__tooltip__footer{margin-top:20px!important;padding-top:15px!important;border-top:1px solid #E5E7EB!important}.react-joyride__spotlight{border-radius:8px!important;box-shadow:0 0 0 9999px #00000080!important}.react-joyride__beacon{animation:pulse 2s infinite!important}.react-joyride__beacon--inner{background-color:#4f46e5!important}.react-joyride__beacon--outer{background-color:#4f46e54d!important;border:2px solid #4F46E5!important}.__floater__arrow,.__floater__body{z-index:10001!important}.react-joyride__tooltip__header{border-bottom:1px solid #E5E7EB!important;padding-bottom:10px!important;margin-bottom:15px!important}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 var(--primary-color)}50%{transform:scale(1.05);box-shadow:0 0 0 10px transparent}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}.edit-mode-banner{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:.75rem 2rem;text-align:center;box-shadow:var(--shadow-sm)}.banner-content{display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500}.banner-icon{font-size:1.25rem}.sample-data-banner{background:linear-gradient(135deg,#ffc107,#ffb300);color:#333;padding:.75rem 2rem;text-align:center;box-shadow:var(--shadow-sm);border-bottom:2px solid #ff9800;animation:slideDown .3s ease-out;transition:none}.sample-data-banner .banner-content{display:flex;align-items:center;justify-content:center;gap:.75rem;font-weight:500;position:relative;max-width:1200px;margin:0 auto;transition:none}.sample-data-banner .banner-text{flex:1;text-align:center;transition:none}.sample-data-banner .banner-icon{font-size:1.25rem;color:#ff6f00;transition:none}.sample-data-banner .banner-close-btn{background:none;border:none;color:#333;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease,outline .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px;position:absolute;right:0}.sample-data-banner .banner-close-btn:hover{background-color:#0000001a}.sample-data-banner .banner-close-btn:focus{outline:2px solid #ff6f00;outline-offset:2px}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}[data-theme=dark] .sample-data-banner{background:linear-gradient(135deg,#f57f17,#f57c00);color:#1a1a1a;border-bottom:2px solid #f57c00;transition:none}[data-theme=dark] .sample-data-banner .banner-icon{color:#e65100;transition:none}[data-theme=dark] .sample-data-banner .banner-close-btn{color:#1a1a1a;transition:background-color .2s ease,outline .2s ease}[data-theme=dark] .sample-data-banner .banner-close-btn:hover{background-color:#00000026}.dashboard-container{flex:1;padding:1rem;overflow:auto}.empty-dashboard{display:flex;align-items:center;justify-content:center;height:60vh}.empty-state{text-align:center;max-width:400px;padding:2rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h2{margin:0 0 .5rem;color:var(--text-primary);font-size:1.5rem;font-weight:600}.empty-state p{margin:0 0 1.5rem;color:var(--text-secondary);line-height:1.5}.dashboard-grid{min-height:60vh}.grid-item{background:var(--bg-secondary);border-radius:8px;box-shadow:var(--shadow-sm);border:2px solid transparent;overflow:hidden;transition:all .2s}.grid-item:hover{box-shadow:var(--shadow-md)}.grid-item.edit-mode{border-color:var(--border-color);cursor:move}.grid-item.edit-mode:hover{border-color:var(--primary-color);box-shadow:0 8px 25px #00000026}.dashboard-widget{height:100%;display:flex;flex-direction:column;position:relative}.widget-controls{position:absolute;top:0;left:0;right:0;z-index:11;background:rgba(0,0,0,.8);backdrop-filter:blur(4px)}.widget-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;color:#000;font-size:.875rem;font-weight:500}.widget-title{display:flex;align-items:center;gap:.5rem}.widget-icon{font-size:1rem}.remove-btn{background:rgba(239,68,68,.9);border:none;color:#fff;width:24px;height:24px;border-radius:4px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.remove-btn:hover{background:rgba(239,68,68,1)}.widget-content{flex:1;padding:1rem;overflow:auto}.widget-catalog-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.widget-catalog{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-xl);width:100%;max-width:900px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.catalog-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color)}.catalog-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.catalog-filters{padding:1rem 2rem;border-bottom:1px solid var(--border-color)}.category-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.category-tab{padding:.5rem 1rem;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);border-radius:20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.category-tab:hover{border-color:var(--primary-color);color:var(--text-primary)}.category-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.catalog-content{flex:1;padding:1.5rem 2rem;overflow-y:auto}.widget-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.widget-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:all .2s;position:relative}.widget-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.widget-card.active{border-color:var(--success-color);background:rgba(34,197,94,.05)}.widget-card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.widget-card-icon{font-size:2rem;flex-shrink:0}.widget-card-info{flex:1}.widget-card-info h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.widget-card-info p{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.4}.widget-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.75rem}.category-badge{background:var(--primary-color);color:#fff;padding:.25rem .5rem;border-radius:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.size-info{color:var(--text-secondary);font-family:SF Mono,Monaco,monospace}.widget-card-actions{display:flex;justify-content:flex-end}.btn{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-add{background:var(--success-color);color:#000;border-color:var(--success-color)}.btn-add:hover:not(:disabled){background:#16a34a;border-color:#16a34a}.btn-remove{background:var(--error-color);color:#000;border-color:var(--error-color)}.btn-remove:hover{background:#dc2626;border-color:#dc2626}.btn:disabled{opacity:.5;cursor:not-allowed;background:var(--text-secondary)}.weather-widget{display:flex;flex-direction:column;gap:.75rem;height:100%}.weather-widget.loading,.weather-widget.error{display:flex;align-items:center;justify-content:center;text-align:center}.weather-spinner{font-size:2rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.weather-header{display:flex;justify-content:space-between;align-items:center}.weather-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.location{font-size:.75rem;color:var(--text-secondary)}.weather-main{text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center}.temperature{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.temp-icon{font-size:2rem}.temp-value{font-size:2rem;font-weight:600;color:var(--text-primary)}.condition{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.weather-details{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.detail{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.detail .label{color:var(--text-secondary)}.detail .value{color:var(--text-primary);font-weight:500}.analytics-widget{display:flex;flex-direction:column;gap:1rem;height:100%}.analytics-header{display:flex;justify-content:space-between;align-items:center}.analytics-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.analytics-status{display:flex;align-items:center;gap:.5rem}.status-indicator{font-size:.75rem}.period{font-size:.75rem;color:var(--text-secondary)}.realtime-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:.75rem}.realtime-section h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.realtime-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.realtime-stat{text-align:center}.realtime-stat .stat-value{font-size:1.25rem;font-weight:700;color:var(--primary-color);margin-bottom:.25rem}.realtime-stat .stat-label{font-size:.625rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.debug-info{padding:.5rem;background:var(--bg-warning);border-radius:4px;border:1px solid var(--border-warning)}.debug-info small{color:var(--text-warning);font-size:.75rem}.no-activities{text-align:center;color:var(--text-secondary);font-style:italic;font-size:.875rem;padding:1rem 0}.analytics-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.stat-card{background:var(--bg-primary);padding:.75rem;border-radius:6px;text-align:center;border:1px solid var(--border-color)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.25rem}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.weekly-progress h4,.top-activities h4{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.progress-bars{display:flex;gap:.5rem;align-items:end;height:60px;margin-bottom:.5rem}.progress-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem}.progress-bar-container{flex:1;width:100%;background:var(--bg-primary);border-radius:2px;display:flex;align-items:end}.progress-bar{width:100%;background:linear-gradient(to top,var(--primary-color),var(--primary-light));border-radius:2px;min-height:2px;transition:height .3s ease}.day-label,.day-value{font-size:.625rem;color:var(--text-secondary)}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;border-bottom:1px solid var(--border-color);font-size:.875rem}.activity-item:last-child{border-bottom:none}.activity-name{color:var(--text-primary)}.activity-hours{color:var(--primary-color);font-weight:600}.clock-widget{display:flex;flex-direction:column;gap:.75rem;height:100%}.clock-header{display:flex;justify-content:space-between;align-items:center}.clock-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.timezone-select{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.clock-display{text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center}.time{font-size:2rem;font-weight:700;font-family:SF Mono,Monaco,monospace;color:var(--text-primary);margin-bottom:.25rem}.date{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.clock-info{text-align:center}.timezone-info{font-size:.75rem;color:var(--text-secondary);background:var(--bg-primary);padding:.25rem .5rem;border-radius:12px;display:inline-block}@media (max-width: 768px){.dashboard-toolbar{padding:.75rem 1rem;flex-direction:column;gap:.75rem}.dashboard-toolbar h1{font-size:1.25rem}.toolbar-buttons{width:100%;gap:.75rem;padding:0 .5rem;justify-content:flex-start}.toolbar-btn{min-width:100px;padding:.4rem .8rem;font-size:.8rem;min-height:36px}.edit-mode-banner{padding:.5rem 1rem}.banner-content{font-size:.875rem}.dashboard-container{padding:.5rem}.widget-catalog{margin:1rem;max-width:none;width:calc(100% - 2rem)}.catalog-header{padding:1rem}.catalog-filters{padding:.75rem 1rem}.catalog-content{padding:1rem}.widget-grid{grid-template-columns:1fr;gap:1rem}.analytics-stats{grid-template-columns:1fr}}@media (max-width: 480px){.toolbar-buttons{gap:.5rem;padding:0 .25rem}.toolbar-btn{min-width:90px;padding:.35rem .7rem;font-size:.75rem;min-height:34px;gap:.25rem}.toolbar-btn svg{font-size:.75rem}}.sprint-container{height:100%;display:flex;flex-direction:column;background:var(--bg-secondary);padding:1rem;overflow:hidden}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem}.modal-content{background:var(--bg-secondary);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026;border:1px solid var(--border-color);position:relative}.modal-content.form-modal{max-width:650px}.form-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:12px 12px 0 0}.form-title{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.form-body{padding:1.5rem}.form-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-tertiary);display:flex;justify-content:flex-end;gap:.75rem;border-radius:0 0 12px 12px}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500;font-size:.875rem}.input,.textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:border-color .2s,box-shadow .2s}.input:focus,.textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.textarea{resize:vertical;font-family:inherit}.form-help{display:block;margin-top:.5rem;color:var(--text-secondary);font-size:.75rem;line-height:1.4}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;justify-content:center}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-tertiary)}.icon-button{background:none;border:none;padding:.5rem;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.icon-button:hover{background:var(--bg-primary);color:var(--text-primary)}.parent-activity-info{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:1rem;margin-bottom:1rem;color:var(--text-secondary)}.parent-activity-info p{margin:0;font-size:.9rem}.field-help{font-size:.8rem;color:var(--text-secondary);font-weight:400}.activity-selector-container{position:relative;display:flex;gap:.5rem;align-items:center}.activity-selector-btn{display:flex;align-items:center;gap:.75rem;justify-content:space-between;cursor:pointer;background:var(--bg-primary);border:1px solid var(--border-color);padding:.75rem;border-radius:6px;color:var(--text-primary);font-size:.875rem;transition:all .2s;flex:1}.activity-selector-btn:hover{border-color:var(--primary-color);background:var(--bg-secondary)}.btn-clear-link{background:var(--bg-danger);border:none;color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-clear-link:hover{background:#dc2626}.activity-selector-modal{max-width:600px;max-height:80vh}.activity-selector-body{padding:0}.activity-selector-body .search-container{padding:1rem;border-bottom:1px solid var(--border-color)}.activity-selector-body .activities-list{max-height:400px;overflow-y:auto}.activity-item{padding:1rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s}.activity-item:hover{background:var(--bg-tertiary)}.activity-item.selected{background:var(--primary-color);color:#fff}.activity-item.selected .activity-category,.activity-item.selected .activity-status{background:rgba(255,255,255,.2);color:#fff}.activity-info h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:inherit}.activity-info p{margin:0 0 .5rem;font-size:.875rem;color:var(--text-secondary);line-height:1.4}.activity-meta{display:flex;gap:.5rem;align-items:center}.activity-category,.activity-status{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;background:var(--bg-tertiary);color:var(--text-secondary);font-weight:500}.activity-category{background:var(--primary-color);color:#fff}.activity-status{background:var(--success-color);color:#fff}.sprint-container .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid var(--border-color)}.sprint-container .section-header h3{margin:0;color:var(--text-primary);font-size:1.2rem;font-weight:600}.sprint-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:1rem;gap:.25rem}.tab-btn{padding:.75rem 1rem;background:none;border:none;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;position:relative;font-size:.875rem}.tab-btn:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background-color:var(--bg-secondary)}.sprints-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.sprint-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.sprint-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.sprint-card.active{border-left:4px solid var(--primary-color)}.sprint-card.upcoming{border-left:4px solid #f59e0b}.sprint-card.completed{border-left:4px solid #22c55e;opacity:.8}.sprint-card.collapsed{background:var(--bg-tertiary)}.sprint-card.collapsed .sprint-header{margin-bottom:0}.sprint-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.sprint-header-left{display:flex;align-items:flex-start;gap:.75rem;flex:1;min-width:0}.sprint-header-right{display:flex;align-items:flex-start;gap:.75rem;flex-shrink:0}.collapse-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;font-size:.9rem;line-height:1;transition:all .2s ease;margin-top:.25rem;flex-shrink:0}.collapse-btn:hover{background:var(--bg-primary);color:var(--text-primary);transform:scale(1.1)}.sprint-content{margin-left:2rem;transition:all .3s ease}.sprint-info{flex:1;min-width:0}.sprint-name{margin:0 0 .5rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.sprint-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.sprint-dates,.days-remaining{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--text-secondary)}.status-badge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.upcoming{background:#fef3c7;color:#d97706}.status-badge.completed{background:#d1fae5;color:#065f46}.sprint-progress{display:flex;flex-direction:column;gap:.5rem;min-width:150px;flex-shrink:0}.progress-info{display:flex;justify-content:space-between;align-items:center}.progress-text{font-weight:600;color:var(--text-primary);font-size:.9rem}.task-count{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--text-secondary)}.progress-bar{width:100%;height:6px;background-color:var(--bg-tertiary);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background-color:var(--primary-color);transition:width .3s ease;border-radius:3px}.sprint-header-actions{display:flex;gap:.25rem;align-items:flex-start}.edit-sprint-btn,.delete-sprint-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.375rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;opacity:.7}.edit-sprint-btn:hover{background:var(--bg-secondary);color:var(--primary-color);transform:scale(1.05);opacity:1}.delete-sprint-btn:hover{background:rgba(239,68,68,.1);color:#ef4444;transform:scale(1.05);opacity:1}.sprint-tasks{margin-bottom:1rem}.task-item.compact{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;margin-bottom:.375rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;transition:all .2s ease;position:relative}.task-item.compact:hover{border-color:var(--primary-color);box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.task-item.compact.done{opacity:.85}.task-main-compact{display:flex;flex-direction:column;gap:.375rem;width:100%}.task-status-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.task-status-actions{display:flex;align-items:center;gap:.5rem}.task-item-actions{display:flex;align-items:center;gap:.25rem;opacity:0;transition:opacity .2s ease}.task-item.compact:hover .task-item-actions{opacity:1}.edit-task-btn,.delete-task-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.edit-task-btn:hover{color:var(--primary-color);background:rgba(59,130,246,.1)}.task-content-compact{display:flex;flex-direction:column;gap:.375rem}.task-display{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.task-text.compact{font-size:.875rem;color:var(--text-primary);line-height:1.3;margin:0;flex:1}.task-text.compact.completed{text-decoration:line-through;color:var(--text-secondary)}.task-stage.compact{padding:.125rem .375rem;background:var(--bg-secondary);color:var(--text-secondary);border-radius:8px;font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.task-status-select.compact{padding:.125rem .375rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:.7rem;cursor:pointer;transition:all .2s ease}.task-status-select.compact:hover{border-color:var(--primary-color)}.task-status-select.compact:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.task-edit-form{display:flex;align-items:center;gap:.5rem;flex:1}.task-edit-input{flex:1;padding:.375rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem}.task-edit-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.task-edit-actions{display:flex;gap:.25rem}.save-edit-btn,.cancel-edit-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.save-edit-btn{color:#22c55e}.save-edit-btn:hover{background:rgba(34,197,94,.1)}.cancel-edit-btn{color:#ef4444}.cancel-edit-btn:hover{background:rgba(239,68,68,.1)}.task-remark.compact{background:#fef3c7;border:1px solid #fcd34d;border-radius:4px;padding:.375rem;font-size:.75rem;color:#92400e;line-height:1.2;margin-top:.25rem}.task-remark.compact strong{color:#78350f}.remark-form.compact{display:flex;align-items:center;gap:.375rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:.375rem;margin-top:.25rem}.remark-input.compact{flex:1;padding:.25rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:.75rem;resize:none}.remark-input.compact:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.remark-actions.compact{display:flex;gap:.25rem}.save-remark-btn.compact,.cancel-remark-btn.compact{padding:.125rem .25rem;border:none;border-radius:3px;font-size:.75rem;cursor:pointer;transition:all .2s ease;min-width:20px;display:flex;align-items:center;justify-content:center}.save-remark-btn.compact{background:var(--primary-color);color:#fff}.save-remark-btn.compact:hover{background:var(--primary-dark)}.cancel-remark-btn.compact{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-remark-btn.compact:hover{background:var(--bg-primary);color:var(--text-primary)}.add-remark-btn.compact{background:none;border:1px dashed var(--border-color);color:var(--text-secondary);padding:.25rem .375rem;border-radius:4px;font-size:.7rem;cursor:pointer;transition:all .2s ease;align-self:flex-start;margin-top:.25rem}.add-remark-btn.compact:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--bg-primary)}.task-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.75rem;margin-bottom:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;transition:all .2s ease}.task-item:hover{border-color:var(--primary-color);background:var(--bg-tertiary)}.task-item.done{opacity:.8}.task-item.done .task-text{text-decoration:line-through;color:var(--text-secondary)}.task-main{display:flex;flex-direction:column;gap:.5rem;flex:1}.task-status-section{display:flex;align-items:center;gap:.5rem}.task-status-icon{flex-shrink:0;cursor:pointer;transition:transform .2s ease;padding:2px;border-radius:4px}.task-status-icon:hover{transform:scale(1.1);background:var(--bg-primary)}.task-status-select{padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.75rem;cursor:pointer;transition:all .2s ease}.task-status-select:hover{border-color:var(--primary-color)}.task-status-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.task-content{display:flex;flex-direction:column;gap:.5rem;flex:1}.task-text{font-size:.875rem;color:var(--text-primary);line-height:1.4;margin:0}.task-stage{padding:.25rem .5rem;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:12px;font-size:.75rem;font-weight:500;align-self:flex-start}.task-remark{background:#fef3c7;border:1px solid #fcd34d;border-radius:4px;padding:.5rem;font-size:.8rem;color:#92400e;line-height:1.3}.task-remark strong{color:#78350f}.add-remark-btn{background:none;border:1px dashed var(--border-color);color:var(--text-secondary);padding:.4rem .6rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease;align-self:flex-start}.add-remark-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--bg-primary)}.remark-form{display:flex;flex-direction:column;gap:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:.5rem}.remark-input{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:.8rem;resize:none}.remark-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.remark-actions{display:flex;gap:.25rem;justify-content:flex-end}.save-remark-btn,.cancel-remark-btn{padding:.25rem .5rem;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease;min-width:28px;display:flex;align-items:center;justify-content:center}.save-remark-btn{background:var(--primary-color);color:#fff}.save-remark-btn:hover{background:var(--primary-dark)}.cancel-remark-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-remark-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.delete-task-btn{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;flex-shrink:0;align-self:flex-start}.delete-task-btn:hover{color:#ef4444;background:rgba(239,68,68,.1)}.more-tasks{text-align:center;padding:.5rem;color:var(--text-secondary);font-size:.8rem;font-style:italic}.add-task-form{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:.75rem;margin-top:.5rem}.add-task-form .task-input{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;margin-bottom:.5rem}.add-task-form .task-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.add-task-form .form-actions{display:flex;gap:.5rem;justify-content:flex-end}.add-task-btn{background:none;border:1px dashed var(--border-color);color:var(--text-secondary);padding:.5rem 1rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.add-task-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--bg-tertiary)}.sprint-actions{display:flex;gap:.5rem;justify-content:flex-end;padding-top:.5rem;border-top:1px solid var(--border-color)}.edit-btn,.delete-btn{padding:.4rem .8rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s ease}.edit-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--bg-tertiary)}.delete-btn:hover{border-color:#ef4444;color:#ef4444;background:rgba(239,68,68,.1)}.sprint-container .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--text-secondary);height:100%}.sprint-container .empty-state p{margin:.5rem 0;font-size:1rem}.sprint-container .empty-state .primary-btn{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:1rem}.sprint-container .empty-state .primary-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}@media (max-width: 768px){.sprint-container{padding:.75rem}.sprint-tabs{margin-bottom:.75rem}.tab-btn{padding:.5rem .75rem;font-size:.8rem}.sprint-header{flex-direction:column;align-items:stretch;gap:.75rem}.collapse-btn{align-self:flex-start;margin-bottom:.5rem}.sprint-progress{min-width:auto}.sprint-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.sprint-content{margin-left:0}.task-item{padding:.75rem .5rem;flex-direction:column;align-items:stretch}.task-main{gap:.75rem}.task-status-section{justify-content:space-between}.task-text{font-size:.8rem}.task-status-select{font-size:.7rem;padding:.2rem .4rem}.add-remark-btn{font-size:.7rem;padding:.3rem .5rem}.sprint-actions{flex-direction:column}.edit-btn,.delete-btn{width:100%;text-align:center}.modal-overlay{padding:1rem}.modal-content{max-width:none;width:100%;max-height:95vh;margin:0}.form-header,.form-body{padding:1rem}.form-footer{padding:.75rem 1rem}.form-row{grid-template-columns:1fr;gap:.75rem}.btn{padding:.75rem 1rem;width:100%}}.about-modal{max-width:900px;max-height:90vh;overflow-y:auto;width:95vw}.header-content{display:flex;align-items:center;gap:1rem}.app-icon{font-size:3rem;background:linear-gradient(135deg,var(--primary-color),#667eea);border-radius:16px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #00000026}.header-text h2{margin:0;font-size:1.8rem;font-weight:700;color:var(--text-primary)}.tagline{margin:.25rem 0 0;color:var(--text-secondary);font-size:1rem;font-weight:400}.hero-section{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid var(--border-color);text-align:center}.hero-content h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.hero-description{font-size:1.1rem;line-height:1.6;color:var(--text-secondary);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.feature-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;gap:1rem;transition:all .3s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--primary-color)}.feature-icon{font-size:2rem;width:60px;height:60px;background:var(--primary-color);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-content h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.feature-content p{margin:0;font-size:.9rem;line-height:1.5;color:var(--text-secondary)}.stats-section{background:var(--bg-secondary);border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid var(--border-color);text-align:center}.stats-section h3{margin-bottom:1.5rem;font-size:1.3rem;font-weight:600;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:800;color:var(--primary-color);display:block;line-height:1}.stat-label{font-size:.9rem;color:var(--text-secondary);margin-top:.5rem;font-weight:500}.tech-stack{margin-bottom:2rem}.tech-stack h3{margin-bottom:1rem;font-size:1.3rem;font-weight:600;color:var(--text-primary)}.tech-badges{display:flex;flex-wrap:wrap;gap:.75rem}.tech-badge{background:var(--primary-color);color:#fff;padding:.5rem 1rem;border-radius:25px;font-size:.85rem;font-weight:500;white-space:nowrap}.version-section{margin-bottom:1rem}.version-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.version-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.version-header h4{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.version-badge{background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600}.version-details{display:flex;flex-direction:column;gap:.75rem}.version-row{display:flex;justify-content:space-between;align-items:center}.version-row .label{font-weight:500;color:var(--text-secondary)}.version-row .value{font-weight:600;color:var(--text-primary)}.help-modal{max-width:1000px;max-height:90vh;width:95vw}.help-icon{font-size:2.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #f59e0b4d}.header-subtitle{margin:.25rem 0 0;color:var(--text-secondary);font-size:.9rem}.help-search{padding:0 1.5rem 1rem;border-bottom:1px solid var(--border-color)}.search-icon{position:absolute;left:1rem;z-index:1;font-size:1rem}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid var(--border-color);border-radius:25px;background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}.help-content{display:flex;gap:0;min-height:500px}.help-sidebar{flex:0 0 280px;border-right:1px solid var(--border-color);padding:1.5rem;background:var(--bg-secondary)}.help-sidebar h3{margin-bottom:1rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.help-nav{display:flex;flex-direction:column;gap:.5rem}.help-nav-item{text-align:left;padding:1rem;border:none;background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.9rem;display:flex;align-items:center;gap:.75rem}.help-nav-item:hover{background:var(--bg-primary);color:var(--text-primary);transform:translate(4px)}.help-nav-item.active{background:var(--primary-color);color:#fff;font-weight:500;box-shadow:0 2px 8px #4f46e54d}.nav-icon{font-size:1.2rem}.nav-text{font-weight:500}.help-main{flex:1;overflow-y:auto;padding:2rem}.help-section h4{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem;border-bottom:3px solid var(--primary-color);padding-bottom:.5rem}.help-section h5{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:2rem 0 1rem}.help-section h6{color:var(--text-primary);font-size:1rem;font-weight:600;margin:1rem 0 .5rem}.quick-start-hero{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));border-radius:12px;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--border-color);text-align:center}.quick-start-hero h4{margin-bottom:.5rem;border:none;font-size:1.3rem}.steps-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.step-card{display:flex;gap:1.5rem;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.step-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.step-number{flex-shrink:0;width:40px;height:40px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.step-content h5{margin:0 0 .5rem;font-size:1.1rem;color:var(--text-primary)}.step-tip{background:#e0f2fe;border:1px solid #81d4fa;border-radius:6px;padding:.75rem;margin-top:.75rem;color:#01579b;font-size:.9rem}.step-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.action-item{background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:500}.quick-actions h5{margin-top:0}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.action-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;text-align:center;cursor:pointer;transition:all .2s ease}.action-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.action-icon{font-size:1.5rem}.widget-categories{display:flex;flex-direction:column;gap:2rem}.category-section h5{margin-top:0;color:var(--primary-color)}.widget-list{display:flex;flex-direction:column;gap:1rem}.widget-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.widget-icon{font-size:1.5rem;flex-shrink:0}.widget-info strong{display:block;margin-bottom:.25rem;color:var(--text-primary)}.widget-info p{margin:0;color:var(--text-secondary);font-size:.9rem}.widget-tips{background:var(--bg-secondary);border-radius:8px;padding:1.5rem;margin-top:2rem;border:1px solid var(--border-color)}.widget-tips h5{margin-top:0}.customization-guide{display:flex;flex-direction:column;gap:2rem}.guide-section{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color)}.guide-section h5{margin-top:0;color:var(--primary-color)}.feature-highlight{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.highlight-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color)}.highlight-icon{font-size:1.5rem;flex-shrink:0}.preset-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.preset-card{padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px}.preset-tag{display:inline-block;background:var(--primary-color);color:#fff;padding:.25rem .5rem;border-radius:10px;font-size:.75rem;margin-top:.5rem}.save-info{background:var(--bg-primary);border-radius:8px;padding:1rem;border:1px solid var(--border-color)}.shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.shortcut-category{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color)}.shortcut-list{display:flex;flex-direction:column;gap:.75rem}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-primary);border-radius:6px;border:1px solid var(--border-color)}kbd{background:var(--primary-color);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500;font-family:monospace}.pro-tips{margin-top:2rem}.tip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.tip-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.tip-icon{font-size:1.5rem;flex-shrink:0}.faq-section{display:flex;flex-direction:column;gap:1.5rem}.faq-item{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color)}.faq-question{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;color:var(--text-primary)}.faq-icon{font-size:1.2rem;flex-shrink:0;margin-top:.1rem}.faq-answer{padding-left:2rem}.faq-answer ol{margin:.5rem 0;padding-left:1.25rem}.system-requirements{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;margin-top:2rem;border:1px solid var(--border-color)}.requirements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.req-category{background:var(--bg-primary);border-radius:8px;padding:1rem;border:1px solid var(--border-color)}.req-category h6{margin:0 0 .75rem;color:var(--primary-color);font-weight:600}.req-category ul{margin:0;padding-left:1.25rem}.req-category li{margin-bottom:.25rem;color:var(--text-secondary)}.feedback-modal{max-width:700px;max-height:90vh;width:95vw}.feedback-icon{font-size:2.5rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:12px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #8b5cf64d}.feedback-success{text-align:center;padding:3rem 2rem}.success-animation{position:relative;display:inline-block;margin-bottom:2rem}.success-icon{font-size:4rem;display:block;animation:successBounce .6s ease-out}.success-particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:radial-gradient(circle,transparent 20%,rgba(34,197,94,.1) 50%);border-radius:50%;animation:particleExpand 1s ease-out}@keyframes successBounce{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes particleExpand{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.success-message{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.success-submessage{color:var(--text-secondary);margin-bottom:1.5rem}.success-details{background:var(--bg-secondary);border-radius:8px;padding:1rem;border:1px solid var(--border-color)}.feedback-id{font-family:monospace;font-size:.9rem;color:var(--text-secondary);background:var(--bg-primary);padding:.25rem .5rem;border-radius:4px}.feedback-form{display:flex;flex-direction:column;height:100%}.feedback-form .modal-body{flex:1;overflow-y:auto}.form-section{margin-bottom:2rem}.form-label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:1rem;font-size:1rem}.feedback-types{display:flex;flex-direction:column;gap:.75rem}.feedback-type-option{padding:1.25rem;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s ease;background:var(--bg-secondary);position:relative;overflow:hidden}.feedback-type-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.feedback-type-option:hover{border-color:var(--type-color, var(--primary-color));background:var(--bg-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.feedback-type-option:hover:before{left:100%}.feedback-type-option.selected{border-color:var(--type-color, var(--primary-color));background:var(--type-color, var(--primary-color));color:#fff;box-shadow:0 4px 15px #0003}.option-header{display:flex;align-items:center;gap:1rem}.option-icon{font-size:1.8rem;flex-shrink:0}.option-content{flex:1}.option-label{font-weight:600;font-size:1.1rem;display:block;margin-bottom:.25rem}.option-description{font-size:.9rem;opacity:.9;margin:0;line-height:1.4}.priority-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.priority-option{padding:1rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);cursor:pointer;transition:all .2s ease;text-align:center}.priority-option:hover{border-color:var(--priority-color);background:var(--bg-primary)}.priority-option.selected{border-color:var(--priority-color);background:var(--priority-color);color:#fff}.priority-label{display:block;font-weight:600;margin-bottom:.25rem}.priority-description{font-size:.8rem;opacity:.9}.rating-container{display:flex;flex-direction:column;gap:1rem}.stars-container{display:flex;gap:.25rem}.star{background:none;border:none;font-size:2rem;cursor:pointer;transition:all .2s ease;filter:grayscale(100%);transform:scale(1)}.star:hover,.star.filled{filter:grayscale(0%);transform:scale(1.1)}.star:hover{transform:scale(1.2)}.rating-labels{display:flex;align-items:center;min-height:1.5rem}.rating-text{font-size:1rem;color:var(--text-primary);font-weight:500;animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-textarea,.form-input{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:1rem;resize:vertical;transition:all .2s ease}.form-textarea:focus,.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}.character-count{text-align:right;font-size:.8rem;color:var(--text-secondary);margin-top:.5rem}.rich-text-editor{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--bg-primary);position:relative;display:flex;flex-direction:column}.rich-text-editor .quill{display:flex;flex-direction:column;flex:1;min-height:0}.rich-text-editor .ql-toolbar{border-top:none;border-left:none;border-right:none;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:.5rem .75rem;flex-shrink:0}.rich-text-editor .ql-container{flex:1;min-height:0;overflow-y:auto;border:none;background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:.875rem}.rich-text-editor .ql-toolbar{border-top:none;border-left:none;border-right:none;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:.5rem .75rem}[data-theme=dark] .rich-text-editor .ql-toolbar{background:var(--bg-secondary);border-bottom-color:var(--border-color)}[data-theme=dark] .rich-text-editor .ql-toolbar .ql-stroke{stroke:var(--text-primary)!important}[data-theme=dark] .rich-text-editor .ql-toolbar .ql-fill{fill:var(--text-primary)!important}[data-theme=dark] .rich-text-editor .ql-toolbar button{color:var(--text-primary)!important}[data-theme=dark] .rich-text-editor .ql-toolbar button:hover{color:var(--text-primary)!important;background:var(--bg-primary)!important}[data-theme=dark] .rich-text-editor .ql-toolbar button.ql-active{color:var(--primary-color)!important;background:rgba(59,130,246,.2)!important}[data-theme=dark] .rich-text-editor .ql-toolbar .ql-picker-label,[data-theme=dark] .rich-text-editor .ql-toolbar .ql-picker-options,[data-theme=dark] .rich-text-editor .ql-toolbar .ql-picker-label:hover,[data-theme=dark] .rich-text-editor .ql-toolbar .ql-picker-options:hover{color:var(--text-primary)!important}[data-theme=dark] .rich-text-editor .ql-toolbar .ql-picker.ql-expanded .ql-picker-options{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important}[data-theme=dark] .rich-text-editor .ql-toolbar .ql-picker-options .ql-picker-item{color:var(--text-primary)!important}[data-theme=dark] .rich-text-editor .ql-toolbar .ql-picker-options .ql-picker-item:hover{background:var(--bg-primary)!important;color:var(--text-primary)!important}.rich-text-editor .ql-toolbar .ql-formats{margin-right:1rem}.rich-text-editor .ql-toolbar .ql-picker-label,.rich-text-editor .ql-toolbar .ql-picker-options{color:var(--text-primary)}.rich-text-editor .ql-toolbar button{color:var(--text-secondary);border-radius:4px;padding:.25rem;margin:0 .125rem;transition:all .2s ease;border:none;background:transparent}.rich-text-editor .ql-toolbar button:hover{color:var(--text-primary);background:var(--bg-primary)}.rich-text-editor .ql-toolbar button.ql-active{color:var(--primary-color);background:rgba(59,130,246,.1)}.rich-text-editor .ql-toolbar .ql-stroke{stroke:var(--text-secondary);transition:stroke .2s ease}.rich-text-editor .ql-toolbar .ql-fill{fill:var(--text-secondary);transition:fill .2s ease}.rich-text-editor .ql-toolbar button:hover .ql-stroke{stroke:var(--text-primary)}.rich-text-editor .ql-toolbar button:hover .ql-fill{fill:var(--text-primary)}.rich-text-editor .ql-toolbar button.ql-active .ql-stroke{stroke:var(--primary-color)}.rich-text-editor .ql-toolbar button.ql-active .ql-fill{fill:var(--primary-color)}.rich-text-editor .ql-editor{padding:.75rem;min-height:80px;line-height:1.6;color:var(--text-primary);overflow-y:auto}.rich-text-editor .ql-editor.ql-blank:before{color:var(--text-secondary);font-style:italic}.rich-text-editor .ql-editor h1,.rich-text-editor .ql-editor h2,.rich-text-editor .ql-editor h3{color:var(--text-primary);margin-top:.5rem;margin-bottom:.5rem}.rich-text-editor .ql-editor ul,.rich-text-editor .ql-editor ol{padding-left:1.5rem}.rich-text-editor .ql-editor a{color:var(--primary-color);text-decoration:underline}.rich-text-editor .ql-editor a:hover{color:var(--primary-dark)}.rich-text-editor .ql-snow{border:none!important;flex-direction:column!important;min-height:0!important}.rich-text-editor .ql-snow .ql-editor{border:none!important}.rich-text-editor .ql-snow .ql-container{border:none!important;flex:1!important;min-height:0!important;overflow-y:auto!important}.modal-content .rich-text-editor{max-height:300px}.modal-content .rich-text-editor .ql-container{max-height:none!important}.rich-text-editor .ql-editor{max-height:none!important;height:auto!important}.rich-text-display{line-height:1.5;color:var(--text-primary);font-size:.875rem;word-wrap:break-word;overflow-wrap:break-word}[data-theme=dark] .ql-snow .ql-tooltip{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .ql-snow .ql-tooltip input[type=text]{background:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}[data-theme=dark] .ql-snow .ql-tooltip a{color:var(--primary-color)!important}[data-theme=dark] .ql-snow .ql-picker-options{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important}[data-theme=dark] .ql-snow .ql-picker-item{color:var(--text-primary)!important}[data-theme=dark] .ql-snow .ql-picker-item:hover{background:var(--bg-primary)!important}[data-theme=dark] .ql-color .ql-picker-options,[data-theme=dark] .ql-background .ql-picker-options{padding:8px!important}[data-theme=dark] .ql-color .ql-picker-item,[data-theme=dark] .ql-background .ql-picker-item{border:1px solid var(--border-color)!important}[data-theme=dark] .modal-content .rich-text-editor .ql-toolbar{background:var(--bg-secondary)!important;border-bottom:1px solid var(--border-color)!important}[data-theme=dark] .modal-content .rich-text-editor .ql-toolbar button{color:var(--text-primary)!important}[data-theme=dark] .modal-content .rich-text-editor .ql-toolbar button:hover{color:var(--text-primary)!important;background:var(--bg-primary)!important}[data-theme=dark] .modal-content .rich-text-editor .ql-toolbar .ql-stroke{stroke:var(--text-primary)!important}[data-theme=dark] .modal-content .rich-text-editor .ql-toolbar .ql-fill{fill:var(--text-primary)!important}[data-theme=dark] .modal-content .rich-text-editor .ql-toolbar .ql-picker-label{color:var(--text-primary)!important}[data-theme=dark] .modal-content .rich-text-editor .ql-toolbar{background:transparent!important;border:none!important;border-bottom:1px dashed var(--border-color)!important}[data-theme=dark] .modal-content .rich-text-editor .ql-container{background:transparent!important;color:var(--text-primary)!important}[data-theme=dark] .modal-content .rich-text-editor .ql-editor{color:var(--text-primary)!important}[data-theme=dark] .modal-content .rich-text-editor .ql-editor.ql-blank:before{color:var(--text-secondary)!important}.rich-text-display p{margin:.25rem 0;font-size:inherit}.rich-text-display p:first-child{margin-top:0}.rich-text-display p:last-child{margin-bottom:0}.rich-text-display h1,.rich-text-display h2,.rich-text-display h3{color:var(--primary-color);margin-top:.5rem;margin-bottom:.25rem;font-weight:700;line-height:1.3;border-bottom:1px solid var(--border-color);padding-bottom:.125rem}.rich-text-display h1{font-size:1.1rem;border-bottom-width:2px;color:var(--primary-color)}.rich-text-display h2{font-size:1rem;color:var(--primary-color);opacity:.9}.rich-text-display h3{font-size:.95rem;color:var(--text-primary);font-weight:650;border-bottom:1px dotted var(--border-color)}.rich-text-display ul,.rich-text-display ol{padding-left:1.2rem;margin:.25rem 0}.rich-text-display li{margin:.125rem 0;font-size:inherit}.rich-text-display a{color:var(--primary-color);text-decoration:underline;font-size:inherit}.rich-text-display a:hover{color:var(--primary-dark)}.rich-text-display strong{font-weight:700;color:var(--text-primary);font-size:inherit;background:rgba(var(--primary-color-rgb, 99, 102, 241),.1);padding:.063rem .125rem;border-radius:2px}.rich-text-display em{font-style:italic;font-size:inherit;color:var(--text-secondary)}.rich-text-display u{text-decoration:underline;font-size:inherit}.rich-text-display s{text-decoration:line-through;font-size:inherit}.rich-text-display blockquote{border-left:3px solid var(--border-color);padding-left:.75rem;margin:.25rem 0;color:var(--text-secondary);font-style:italic;font-size:inherit}.rich-text-display code{background:var(--bg-secondary);padding:.125rem .25rem;border-radius:3px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8rem;color:var(--text-primary)}.activity-card .rich-text-display,.sub-activity-card .rich-text-display{font-size:.8rem;line-height:1.4}.activity-card .rich-text-display h1,.activity-card .rich-text-display h2,.activity-card .rich-text-display h3,.sub-activity-card .rich-text-display h1,.sub-activity-card .rich-text-display h2,.sub-activity-card .rich-text-display h3{font-size:.85rem;margin:.25rem 0 .125rem;font-weight:700;color:var(--primary-color);border-bottom:1px solid var(--border-color);padding-bottom:.063rem}.activity-card .rich-text-display h1,.sub-activity-card .rich-text-display h1{font-size:.9rem;border-bottom-width:1.5px}.activity-card .rich-text-display h3,.sub-activity-card .rich-text-display h3{font-size:.8rem;border-bottom:1px dotted var(--border-color);color:var(--text-primary);font-weight:650}.activity-card .rich-text-display p,.sub-activity-card .rich-text-display p{margin:.125rem 0}.activity-card .rich-text-display ul,.activity-card .rich-text-display ol,.sub-activity-card .rich-text-display ul,.sub-activity-card .rich-text-display ol{margin:.125rem 0;padding-left:1rem}.activity-card .rich-text-display li,.sub-activity-card .rich-text-display li{margin:.063rem 0}.rich-text-editor .resize-handle{transition:border-color .2s;user-select:none}.rich-text-editor .resize-handle:hover{border-top:1px solid var(--primary-color)!important}.rich-text-editor:hover .resize-handle{opacity:1}[data-theme=dark] .rich-text-editor .ql-snow .ql-tooltip{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}[data-theme=dark] .rich-text-editor .ql-snow .ql-tooltip input{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}[data-theme=dark] .rich-text-editor .ql-snow .ql-picker-options{background:var(--bg-secondary);border:1px solid var(--border-color)}[data-theme=dark] .rich-text-editor .ql-snow .ql-picker-item{color:var(--text-primary)}[data-theme=dark] .rich-text-editor .ql-snow .ql-picker-item:hover{background:var(--bg-primary)}.form-help{font-size:.9rem;color:var(--text-secondary);margin-top:.5rem;margin-bottom:0;display:flex;align-items:center;gap:.5rem}.feedback-guidelines{background:var(--bg-secondary);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color);margin-top:1rem}.feedback-guidelines h4{margin-top:0;margin-bottom:1rem;color:var(--text-primary);font-size:1.1rem}.guidelines-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.guideline-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color)}.guideline-icon{font-size:1.2rem;flex-shrink:0;margin-top:.1rem}.guideline-item strong{display:block;margin-bottom:.25rem;color:var(--text-primary);font-size:.9rem}.guideline-item p{margin:0;font-size:.8rem;color:var(--text-secondary);line-height:1.3}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}@media (max-width: 768px){.help-content{flex-direction:column}.help-sidebar{flex:none;border-right:none;border-bottom:1px solid var(--border-color);padding-right:0;padding-bottom:1rem;margin-bottom:1rem}.help-nav{flex-direction:row;overflow-x:auto;gap:.5rem}.help-nav-item{white-space:nowrap;min-width:auto}}.backup-button-container{display:flex;align-items:center;gap:8px;position:relative}.backup-button{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.backup-button.primary{background:var(--primary-color, #007acc);color:#fff}.backup-button.primary:hover{background:var(--primary-hover, #005999);transform:translateY(-1px)}.backup-button.secondary{background:var(--secondary-bg, #f8f9fa);color:var(--text-primary, #333);border:1px solid var(--border-color, #e0e0e0)}.backup-button.secondary:hover{background:var(--hover-bg, #e9ecef)}.backup-button-icon{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;color:var(--text-secondary, #666);transition:all .2s ease;position:relative}.backup-button-icon:hover{background:var(--hover-bg, #f0f0f0);color:var(--text-primary, #333)}.backup-button-icon.reminder{color:var(--warning-color, #ff9800)}.reminder-dot{position:absolute;top:2px;right:2px;width:8px;height:8px;background:var(--warning-color, #ff9800);border-radius:50%;animation:pulse 2s infinite}.backup-reminder{position:absolute;top:100%;left:0;margin-top:8px;padding:8px 12px;background:var(--warning-bg, #fff3cd);color:var(--warning-text, #856404);border:1px solid var(--warning-border, #ffeaa7);border-radius:6px;font-size:12px;white-space:nowrap;z-index:10}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.backup-button-with-text{display:flex;align-items:center;gap:8px;background:none;border:1px solid var(--border-color, #e0e0e0);padding:8px 12px;border-radius:6px;cursor:pointer;color:var(--text-primary, #1F2937);transition:all .2s ease;position:relative;font-size:14px;font-weight:500}.backup-button-with-text:hover{background:var(--bg-tertiary, #f3f4f6);border-color:var(--primary-color, #4F46E5);color:var(--primary-color, #4F46E5);transform:translateY(-1px)}.backup-button-with-text.reminder{border-color:var(--warning-color, #F59E0B);color:var(--warning-color, #F59E0B)}.backup-button-with-text.reminder:hover{background:var(--warning-bg, #FEF3C7)}.backup-button-text{font-size:14px;font-weight:500}.dark-theme .backup-button-with-text{border-color:var(--border-color, #4B5563);color:var(--text-primary, #F9FAFB)}.dark-theme .backup-button-with-text:hover{background:var(--bg-tertiary, #374151);border-color:var(--primary-color, #818CF8);color:var(--primary-color, #818CF8)}.dark-theme .backup-button-with-text.reminder{border-color:var(--warning-color, #F59E0B);color:var(--warning-color, #F59E0B)}.dark-theme .backup-button-with-text.reminder:hover{background:var(--bg-tertiary, #374151)}.handwritten-note-view-modal{max-width:700px;width:90vw;max-height:85vh;background:var(--handwritten-bg, linear-gradient(135deg, #fff8e1 0%, #fff59d 100%));border:none;border-radius:0;box-shadow:0 8px 32px #0003,0 4px 16px #0000001a,inset 0 1px #ffffff80;transform:rotate(-.5deg);position:relative;font-family:Kalam,Comic Sans MS,cursive,sans-serif;overflow:hidden;display:flex;flex-direction:column}.dark-theme .handwritten-note-view-modal{--handwritten-bg: linear-gradient(135deg, #2a2a2a 0%, #3a3a3a 100%);--handwritten-text: #e0e0e0;--handwritten-accent: #bb86fc;--handwritten-lines: rgba(187, 134, 252, .2);--handwritten-border: rgba(187, 134, 252, .3);--handwritten-paper-lines: rgba(187, 134, 252, .1);background:var(--handwritten-bg);box-shadow:0 8px 32px #0006,0 4px 16px #0000004d,inset 0 1px #ffffff1a}.handwritten-note-view-modal:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(transparent,transparent 1.4em,var(--handwritten-paper-lines, rgba(139, 69, 19, .1)) 1.4em,var(--handwritten-paper-lines, rgba(139, 69, 19, .1)) 1.45em);pointer-events:none;z-index:1}.handwritten-note-view-modal:after{content:"";position:absolute;left:60px;top:0;bottom:0;width:2px;background:var(--handwritten-accent, #8b4513);opacity:.3;z-index:1;pointer-events:none}.handwritten-note-view-header{position:relative;z-index:2;padding:60px 20px 20px 80px;border-bottom:1px dashed var(--handwritten-border, rgba(139, 69, 19, .3))}.handwritten-note-view-title-section{flex:1;min-width:0}.handwritten-note-view-title{font-size:28px;font-weight:700;color:var(--handwritten-text, #5d4037);margin:0 0 12px;line-height:1.3;word-wrap:break-word;text-shadow:1px 1px 1px rgba(255,255,255,.8);letter-spacing:.5px}.dark-theme .handwritten-note-view-title{text-shadow:1px 1px 1px rgba(0,0,0,.8)}.handwritten-note-view-date{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--handwritten-accent, #8b4513);font-weight:500}.handwritten-note-view-actions{position:absolute;top:20px;right:20px;display:flex;gap:8px;z-index:10}.handwritten-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--handwritten-border, rgba(139, 69, 19, .3));border-radius:50%;cursor:pointer;transition:all .2s ease;background:rgba(255,255,255,.8);color:var(--handwritten-accent, #8b4513);box-shadow:0 2px 4px #0000001a}.dark-theme .handwritten-action-btn{background:rgba(0,0,0,.8);color:var(--handwritten-accent)}.handwritten-action-btn:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px #0003}.handwritten-action-btn.edit-btn:hover{background:rgba(59,130,246,.1);color:#3b82f6;border-color:#3b82f6}.handwritten-action-btn.delete-btn:hover{background:rgba(239,68,68,.1);color:#ef4444;border-color:#ef4444}.dark-theme .handwritten-note-view-modal{box-shadow:0 8px 32px #0009,0 4px 16px #0006,inset 0 1px #ffffff0d}.dark-theme .handwritten-note-view-modal .handwritten-note-view-title,.dark-theme .handwritten-note-view-modal .handwritten-note-view-tags h4,.dark-theme .handwritten-note-view-modal .handwritten-note-view-rich-content h1,.dark-theme .handwritten-note-view-modal .handwritten-note-view-rich-content h2,.dark-theme .handwritten-note-view-modal .handwritten-note-view-rich-content h3,.dark-theme .handwritten-note-view-modal .handwritten-note-view-rich-content h4,.dark-theme .handwritten-note-view-modal .handwritten-note-view-rich-content h5,.dark-theme .handwritten-note-view-modal .handwritten-note-view-rich-content h6{text-shadow:1px 1px 1px rgba(0,0,0,.8)}.dark-theme .handwritten-action-btn{background:rgba(0,0,0,.6);color:var(--modal-accent);border-color:var(--modal-border)}.dark-theme .handwritten-action-btn:hover{background:rgba(0,0,0,.8)}.handwritten-note-view-content{position:relative;z-index:2;padding:20px 20px 20px 80px;overflow-y:auto;flex:1}.handwritten-note-view-body{margin-bottom:24px}.handwritten-note-view-rich-content{font-size:16px;line-height:1.8;color:var(--handwritten-text, #5d4037);font-family:Kalam,Comic Sans MS,cursive,sans-serif}.handwritten-note-view-rich-content p{margin-bottom:18px;text-align:justify}.handwritten-note-view-rich-content p:last-child{margin-bottom:0}.handwritten-note-view-rich-content h1,.handwritten-note-view-rich-content h2,.handwritten-note-view-rich-content h3,.handwritten-note-view-rich-content h4,.handwritten-note-view-rich-content h5,.handwritten-note-view-rich-content h6{margin-top:24px;margin-bottom:12px;color:var(--handwritten-accent, #8b4513);font-weight:700;text-shadow:1px 1px 1px rgba(255,255,255,.8)}.dark-theme .handwritten-note-view-rich-content h1,.dark-theme .handwritten-note-view-rich-content h2,.dark-theme .handwritten-note-view-rich-content h3,.dark-theme .handwritten-note-view-rich-content h4,.dark-theme .handwritten-note-view-rich-content h5,.dark-theme .handwritten-note-view-rich-content h6{text-shadow:1px 1px 1px rgba(0,0,0,.8)}.handwritten-note-view-rich-content h1:first-child,.handwritten-note-view-rich-content h2:first-child,.handwritten-note-view-rich-content h3:first-child,.handwritten-note-view-rich-content h4:first-child,.handwritten-note-view-rich-content h5:first-child,.handwritten-note-view-rich-content h6:first-child{margin-top:0}.handwritten-note-view-rich-content ul,.handwritten-note-view-rich-content ol{margin-bottom:16px;padding-left:24px}.handwritten-note-view-rich-content li{margin-bottom:6px;line-height:1.6}.handwritten-note-view-rich-content blockquote{border-left:3px solid var(--handwritten-accent, #8b4513);padding-left:16px;margin:16px 0;font-style:italic;color:var(--handwritten-accent, #8b4513);opacity:.8}.handwritten-note-view-rich-content code{background:rgba(139,69,19,.1);padding:2px 6px;border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:14px;border:1px dashed var(--handwritten-border, rgba(139, 69, 19, .3))}.handwritten-note-view-rich-content pre{background:rgba(139,69,19,.05);padding:12px;border-radius:8px;overflow-x:auto;margin:16px 0;border:1px dashed var(--handwritten-border, rgba(139, 69, 19, .3))}.handwritten-note-view-rich-content pre code{background:none;padding:0;border:none}.handwritten-note-view-tags{border-top:2px dashed var(--handwritten-border, rgba(139, 69, 19, .3));padding-top:16px;margin-top:24px}.handwritten-note-view-tags h4{font-size:16px;font-weight:700;color:var(--handwritten-accent, #8b4513);margin:0 0 12px;text-shadow:1px 1px 1px rgba(255,255,255,.8)}.dark-theme .handwritten-note-view-tags h4{text-shadow:1px 1px 1px rgba(0,0,0,.8)}.handwritten-note-tags-list{display:flex;flex-wrap:wrap;gap:8px}.handwritten-note-view-tag{display:inline-flex;align-items:center;padding:6px 12px;background:rgba(139,69,19,.1);color:var(--handwritten-accent, #8b4513);border-radius:16px;font-size:13px;font-weight:600;border:1px dashed var(--handwritten-border, rgba(139, 69, 19, .3));transform:rotate(-1deg);transition:transform .2s ease}.handwritten-note-view-tag:nth-child(2n){transform:rotate(1deg)}.handwritten-note-view-tag:hover{transform:rotate(0) scale(1.05)}@media (max-width: 768px){.handwritten-note-view-modal{width:95vw;max-height:95vh;margin:20px}.handwritten-note-view-header{padding:60px 16px 16px 60px}.handwritten-note-view-title{font-size:22px}.handwritten-note-view-content{padding:16px 16px 16px 60px}.handwritten-note-view-rich-content{font-size:15px}.handwritten-note-view-actions{top:16px;right:16px}}@keyframes handwrittenNoteViewSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9) rotate(-2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(-.5deg)}}.handwritten-note-view-yellow{--modal-bg: linear-gradient(135deg, #fff8e1 0%, #fff59d 100%);--modal-text: #5d4037;--modal-accent: #8b4513;--modal-border: rgba(139, 69, 19, .3);--modal-lines: rgba(139, 69, 19, .1)}.dark-theme .handwritten-note-view-yellow{--modal-bg: linear-gradient(135deg, #4a4a2a 0%, #5a5a3a 100%);--modal-text: #e0d4aa;--modal-accent: #d4c48a;--modal-border: rgba(212, 196, 138, .3);--modal-lines: rgba(212, 196, 138, .1)}.handwritten-note-view-pink{--modal-bg: linear-gradient(135deg, #fce4ec 0%, #f8bbd9 100%);--modal-text: #4a148c;--modal-accent: #7b1fa2;--modal-border: rgba(123, 31, 162, .3);--modal-lines: rgba(123, 31, 162, .1)}.dark-theme .handwritten-note-view-pink{--modal-bg: linear-gradient(135deg, #4a2a3a 0%, #5a3a4a 100%);--modal-text: #e0b4d4;--modal-accent: #c48bb4;--modal-border: rgba(196, 139, 180, .3);--modal-lines: rgba(196, 139, 180, .1)}.handwritten-note-view-green{--modal-bg: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%);--modal-text: #1b5e20;--modal-accent: #2e7d32;--modal-border: rgba(46, 125, 50, .3);--modal-lines: rgba(46, 125, 50, .1)}.dark-theme .handwritten-note-view-green{--modal-bg: linear-gradient(135deg, #2a4a2a 0%, #3a5a3a 100%);--modal-text: #b4e0b4;--modal-accent: #8bb48b;--modal-border: rgba(139, 180, 139, .3);--modal-lines: rgba(139, 180, 139, .1)}.handwritten-note-view-blue{--modal-bg: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);--modal-text: #0d47a1;--modal-accent: #1565c0;--modal-border: rgba(21, 101, 192, .3);--modal-lines: rgba(21, 101, 192, .1)}.dark-theme .handwritten-note-view-blue{--modal-bg: linear-gradient(135deg, #2a3a4a 0%, #3a4a5a 100%);--modal-text: #a4c4e0;--modal-accent: #8ba4c4;--modal-border: rgba(139, 164, 196, .3);--modal-lines: rgba(139, 164, 196, .1)}.handwritten-note-view-orange{--modal-bg: linear-gradient(135deg, #fff3e0 0%, #ffcc80 100%);--modal-text: #bf360c;--modal-accent: #e65100;--modal-border: rgba(230, 81, 0, .3);--modal-lines: rgba(230, 81, 0, .1)}.dark-theme .handwritten-note-view-orange{--modal-bg: linear-gradient(135deg, #4a3a2a 0%, #5a4a3a 100%);--modal-text: #e0c4a4;--modal-accent: #c4a48b;--modal-border: rgba(196, 164, 139, .3);--modal-lines: rgba(196, 164, 139, .1)}.handwritten-note-view-purple{--modal-bg: linear-gradient(135deg, #f3e5f5 0%, #d1c4e9 100%);--modal-text: #4a148c;--modal-accent: #7b1fa2;--modal-border: rgba(123, 31, 162, .3);--modal-lines: rgba(123, 31, 162, .1)}.dark-theme .handwritten-note-view-purple{--modal-bg: linear-gradient(135deg, #3a2a4a 0%, #4a3a5a 100%);--modal-text: #c4b4e0;--modal-accent: #a48bc4;--modal-border: rgba(164, 139, 196, .3);--modal-lines: rgba(164, 139, 196, .1)}.handwritten-note-view-modal{background:var(--modal-bg, linear-gradient(135deg, #fff8e1 0%, #fff59d 100%))}.handwritten-note-view-modal .handwritten-note-view-title{color:var(--modal-text, #5d4037)}.handwritten-note-view-modal .handwritten-note-view-date{color:var(--modal-accent, #8b4513)}.handwritten-note-view-modal .handwritten-note-view-rich-content{color:var(--modal-text, #5d4037)}.handwritten-note-view-modal .handwritten-note-view-rich-content h1,.handwritten-note-view-modal .handwritten-note-view-rich-content h2,.handwritten-note-view-modal .handwritten-note-view-rich-content h3,.handwritten-note-view-modal .handwritten-note-view-rich-content h4,.handwritten-note-view-modal .handwritten-note-view-rich-content h5,.handwritten-note-view-modal .handwritten-note-view-rich-content h6{color:var(--modal-accent, #8b4513)}.handwritten-note-view-modal .handwritten-note-view-rich-content blockquote{border-left-color:var(--modal-accent, #8b4513);color:var(--modal-accent, #8b4513)}.handwritten-note-view-modal .handwritten-note-view-rich-content code{background:var(--modal-lines, rgba(139, 69, 19, .1));border-color:var(--modal-border, rgba(139, 69, 19, .3))}.handwritten-note-view-modal .handwritten-note-view-rich-content pre{background:var(--modal-lines, rgba(139, 69, 19, .05));border-color:var(--modal-border, rgba(139, 69, 19, .3))}.handwritten-note-view-modal .handwritten-note-view-tags{border-top-color:var(--modal-border, rgba(139, 69, 19, .3))}.handwritten-note-view-modal .handwritten-note-view-tags h4{color:var(--modal-accent, #8b4513)}.handwritten-note-view-modal .handwritten-note-view-tag{background:var(--modal-lines, rgba(139, 69, 19, .1));color:var(--modal-accent, #8b4513);border-color:var(--modal-border, rgba(139, 69, 19, .3))}.handwritten-note-view-modal .handwritten-action-btn{color:var(--modal-accent, #8b4513);border-color:var(--modal-border, rgba(139, 69, 19, .3))}.handwritten-note-view-modal:before{background-image:repeating-linear-gradient(transparent,transparent 1.4em,var(--modal-lines, rgba(139, 69, 19, .1)) 1.4em,var(--modal-lines, rgba(139, 69, 19, .1)) 1.45em)}.handwritten-note-view-modal:after{background:var(--modal-accent, #8b4513)}.handwritten-note-edit-yellow{--handwritten-bg: linear-gradient(135deg, #fff8e1 0%, #fff59d 100%);--handwritten-text: #5d4037;--handwritten-accent: #8b4513;--handwritten-border: rgba(139, 69, 19, .3);--handwritten-lines: rgba(139, 69, 19, .1);--handwritten-paper-lines: rgba(139, 69, 19, .1)}.dark-theme .handwritten-note-edit-yellow{--handwritten-bg: linear-gradient(135deg, #4a4a2a 0%, #5a5a3a 100%);--handwritten-text: #e0d4aa;--handwritten-accent: #d4c48a;--handwritten-border: rgba(212, 196, 138, .3);--handwritten-lines: rgba(212, 196, 138, .2);--handwritten-paper-lines: rgba(212, 196, 138, .1)}.handwritten-note-edit-pink{--handwritten-bg: linear-gradient(135deg, #fce4ec 0%, #f8bbd9 100%);--handwritten-text: #4a148c;--handwritten-accent: #7b1fa2;--handwritten-border: rgba(123, 31, 162, .3);--handwritten-lines: rgba(123, 31, 162, .2);--handwritten-paper-lines: rgba(123, 31, 162, .1)}.dark-theme .handwritten-note-edit-pink{--handwritten-bg: linear-gradient(135deg, #4a2a3a 0%, #5a3a4a 100%);--handwritten-text: #e0b4d4;--handwritten-accent: #c48bb4;--handwritten-border: rgba(196, 139, 180, .3);--handwritten-lines: rgba(196, 139, 180, .2);--handwritten-paper-lines: rgba(196, 139, 180, .1)}.handwritten-note-edit-green{--handwritten-bg: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%);--handwritten-text: #1b5e20;--handwritten-accent: #2e7d32;--handwritten-border: rgba(46, 125, 50, .3);--handwritten-lines: rgba(46, 125, 50, .2);--handwritten-paper-lines: rgba(46, 125, 50, .1)}.dark-theme .handwritten-note-edit-green{--handwritten-bg: linear-gradient(135deg, #2a4a2a 0%, #3a5a3a 100%);--handwritten-text: #b4e0b4;--handwritten-accent: #8bb48b;--handwritten-border: rgba(139, 180, 139, .3);--handwritten-lines: rgba(139, 180, 139, .2);--handwritten-paper-lines: rgba(139, 180, 139, .1)}.handwritten-note-edit-blue{--handwritten-bg: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);--handwritten-text: #0d47a1;--handwritten-accent: #1565c0;--handwritten-border: rgba(21, 101, 192, .3);--handwritten-lines: rgba(21, 101, 192, .2);--handwritten-paper-lines: rgba(21, 101, 192, .1)}.dark-theme .handwritten-note-edit-blue{--handwritten-bg: linear-gradient(135deg, #2a3a4a 0%, #3a4a5a 100%);--handwritten-text: #a4c4e0;--handwritten-accent: #8ba4c4;--handwritten-border: rgba(139, 164, 196, .3);--handwritten-lines: rgba(139, 164, 196, .2);--handwritten-paper-lines: rgba(139, 164, 196, .1)}.handwritten-note-edit-orange{--handwritten-bg: linear-gradient(135deg, #fff3e0 0%, #ffcc80 100%);--handwritten-text: #bf360c;--handwritten-accent: #e65100;--handwritten-border: rgba(230, 81, 0, .3);--handwritten-lines: rgba(230, 81, 0, .2);--handwritten-paper-lines: rgba(230, 81, 0, .1)}.dark-theme .handwritten-note-edit-orange{--handwritten-bg: linear-gradient(135deg, #4a3a2a 0%, #5a4a3a 100%);--handwritten-text: #e0c4a4;--handwritten-accent: #c4a48b;--handwritten-border: rgba(196, 164, 139, .3);--handwritten-lines: rgba(196, 164, 139, .2);--handwritten-paper-lines: rgba(196, 164, 139, .1)}.handwritten-note-edit-purple{--handwritten-bg: linear-gradient(135deg, #f3e5f5 0%, #d1c4e9 100%);--handwritten-text: #4a148c;--handwritten-accent: #7b1fa2;--handwritten-border: rgba(123, 31, 162, .3);--handwritten-lines: rgba(123, 31, 162, .2);--handwritten-paper-lines: rgba(123, 31, 162, .1)}.dark-theme .handwritten-note-edit-purple{--handwritten-bg: linear-gradient(135deg, #3a2a4a 0%, #4a3a5a 100%);--handwritten-text: #c4b4e0;--handwritten-accent: #a48bc4;--handwritten-border: rgba(164, 139, 196, .3);--handwritten-lines: rgba(164, 139, 196, .2);--handwritten-paper-lines: rgba(164, 139, 196, .1)}.day-navigation-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.5rem 1rem;box-shadow:0 1px 4px #00000014}.day-navigation-content{display:flex;align-items:center;justify-content:center;gap:.75rem;max-width:1200px;margin:0 auto}.inline-day-navigation{display:flex;align-items:center;gap:.375rem;margin-left:1rem;padding:.25rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color);margin-right:1rem}.inline-nav-arrow{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:24px;height:24px}.inline-nav-arrow:hover{background:var(--bg-hover);color:var(--text-primary)}.inline-days-container{display:flex;gap:.25rem}.inline-day-button{background:none;border:none;border-radius:6px;padding:.25rem .5rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.125rem;min-width:45px;transition:all .2s ease;color:var(--text-secondary);font-size:.75rem}.inline-day-button:hover{background:var(--bg-hover);color:var(--text-primary)}.inline-day-button.selected{background:var(--primary-color);color:#fff}.inline-day-button.today:not(.selected){color:var(--primary-color);font-weight:600}.inline-day-name{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px;line-height:1}.inline-day-date{font-size:.875rem;font-weight:600;line-height:1}.inline-calendar-container{position:relative}.inline-calendar-button{background:none;border:none;border-radius:4px;padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease;min-width:24px;height:24px}.inline-calendar-button:hover{background:var(--bg-hover);color:var(--primary-color)}.inline-calendar-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #00000026;z-index:1000;padding:.5rem}.inline-calendar-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:.5rem;color:var(--text-primary);font-size:.875rem;cursor:pointer}.inline-calendar-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}@media (max-width: 768px){.inline-day-navigation{gap:.25rem;margin-left:.5rem;padding:.125rem}.inline-day-button{min-width:35px;padding:.125rem .375rem}.inline-day-name{font-size:.5rem}.inline-day-date{font-size:.75rem}.inline-nav-arrow,.inline-calendar-button{min-width:20px;height:20px}}.nav-arrow{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.nav-arrow:hover{background:var(--bg-tertiary);color:var(--text-primary)}.days-container{display:flex;gap:.375rem;margin:0 .5rem}.day-button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:.5rem 1rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.125rem;min-width:65px;transition:all .2s ease;color:var(--text-secondary)}.day-button:hover{background:var(--bg-hover);border-color:var(--primary-color);transform:translateY(-2px)}.day-button.selected{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.day-button.today:not(.selected){border-color:var(--primary-color);color:var(--primary-color);font-weight:600}.day-name{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.day-date{font-size:1.125rem;font-weight:600}.calendar-container{position:relative}.calendar-button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease}.calendar-button:hover{background:var(--bg-hover);border-color:var(--primary-color);color:var(--primary-color)}.calendar-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #00000026;z-index:1000;padding:.5rem}.calendar-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:.5rem;color:var(--text-primary);font-size:.875rem;cursor:pointer}.calendar-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}@media (max-width: 768px){.day-navigation-header{padding:.75rem 1rem}.day-navigation-content{gap:.5rem}.days-container{margin:0 .5rem;gap:.25rem}.day-button{padding:.75rem 1rem;min-width:60px}.day-name{font-size:.75rem}.day-date{font-size:1.25rem}}:root{--primary-color: #4F46E5;--primary-dark: #3730A3;--secondary-color: #10B981;--warning-color: #F59E0B;--danger-color: #EF4444;--text-primary: #1F2937;--text-secondary: #6B7280;--bg-primary: #f9f9f9;--bg-secondary: #eeeeee;--bg-tertiary: #F3F4F6;--border-color: #E5E7EB;--border-focus: #3B82F6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--border-radius: 8px;--border-radius-sm: 4px;--border-radius-lg: 12px;--transition: all .2s ease;--blue-50: #EFF6FF;--blue-100: #DBEAFE;--blue-200: #BFDBFE;--blue-300: #93C5FD;--blue-500: #3B82F6;--blue-600: #2563EB;--blue-700: #1D4ED8;--amber-50: #FFFBEB;--amber-100: #FEF3C7;--amber-200: #FDE68A;--amber-300: #FCD34D;--amber-500: #F59E0B;--amber-600: #D97706;--amber-700: #B45309;--green-50: #F0FDF4;--green-100: #DCFCE7;--green-200: #BBF7D0;--green-300: #86EFAC;--green-500: #22C55E;--green-600: #16A34A;--green-700: #15803D;--purple-50: #FAF5FF;--purple-100: #F3E8FF;--purple-200: #E9D5FF;--purple-300: #D8B4FE;--purple-500: #A855F7;--purple-600: #9333EA;--purple-700: #7C3AED;--teal-50: #F0FDFA;--teal-100: #CCFBF1;--teal-200: #99F6E4;--teal-300: #5EEAD4;--teal-500: #14B8A6;--teal-600: #0D9488;--teal-700: #0F766E}[data-theme=dark]{--text-primary: #F9FAFB;--text-secondary: #D1D5DB;--bg-primary: #1F2937;--bg-secondary: #374151;--bg-tertiary: #4B5563;--border-color: #4B5563;--border-focus: #60A5FA;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--blue-50: #1E2A3A;--blue-100: #2A3441;--blue-200: #3B4B5C;--blue-300: #4F6B8D;--blue-500: #6B8BB3;--blue-600: #8FA8CC;--blue-700: #B8CCE0;--amber-50: #2A1F17;--amber-100: #342B1F;--amber-200: #4A3728;--amber-300: #6B5339;--amber-500: #A67C52;--amber-600: #C49A6B;--amber-700: #E0C4A0;--green-50: #1A2620;--green-100: #233429;--green-200: #2D4233;--green-300: #3F5A47;--green-500: #5A8065;--green-600: #7A9B84;--green-700: #A3C4AC;--purple-50: #252133;--purple-100: #312A3F;--purple-200: #403550;--purple-300: #594B6B;--purple-500: #7B6B8F;--purple-600: #9B89AC;--purple-700: #C0B2D1;--teal-50: #1F2B2A;--teal-100: #283534;--teal-200: #334340;--teal-300: #4A5B58;--teal-500: #6B7F7B;--teal-600: #8FA09C;--teal-700: #B8C7C4}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);transition:var(--transition)}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{padding:.5rem 1rem;border:none;border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-success{background-color:var(--secondary-color);color:#fff}.btn-success:hover{background-color:#059669}.btn-warning{background-color:var(--warning-color);color:#fff}.btn-warning:hover{background-color:#d97706}.input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:var(--transition)}.input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.textarea{resize:vertical;min-height:100px}.select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.card{background-color:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:90vw;max-height:90vh;overflow-y:auto;margin:1rem}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}.status-completed{color:var(--secondary-color)}.status-inprogress{color:var(--warning-color)}.status-todo{color:var(--text-secondary)}.status-blocked,.priority-high{color:var(--danger-color)}.priority-medium{color:var(--warning-color)}.priority-low{color:var(--secondary-color)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-top:1rem}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);cursor:pointer;font-size:.75rem;transition:var(--transition);position:relative}.calendar-day:hover{background-color:var(--bg-tertiary)}.calendar-day.selected{background-color:var(--primary-color);color:#fff}.calendar-day.today{background-color:var(--secondary-color);color:#fff}.heatmap-0{background-color:var(--bg-tertiary)}.heatmap-1{background-color:#dcfce7}.heatmap-2{background-color:#bbf7d0}.heatmap-3{background-color:#86efac}.heatmap-4{background-color:#4ade80}.heatmap-5{background-color:#22c55e}[data-theme=dark] .heatmap-1{background-color:#14532d}[data-theme=dark] .heatmap-2{background-color:#166534}[data-theme=dark] .heatmap-3{background-color:#15803d}[data-theme=dark] .heatmap-4{background-color:#16a34a}[data-theme=dark] .heatmap-5{background-color:#22c55e}.spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;max-width:1400px;margin:0 auto}.header-left{display:flex;align-items:center;gap:2rem}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon{color:var(--primary-color)}.logo-text{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.date-display{display:flex;align-items:center;gap:.5rem}.date-icon{color:var(--text-secondary)}.date-text{font-weight:500;color:var(--text-primary)}.header-center{flex:1;display:flex;justify-content:center}.date-picker-container{display:flex;align-items:center}.date-picker{padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.theme-toggle{background:none;border:1px solid var(--border-color);padding:.5rem;border-radius:var(--border-radius-sm);cursor:pointer;color:var(--text-primary);transition:var(--transition);display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background-color:var(--bg-tertiary);border-color:var(--border-focus)}.header-right{display:flex;align-items:center;gap:.75rem}.add-activity-btn{display:flex;align-items:center;gap:.5rem;background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--border-radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;transition:var(--transition)}.add-activity-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.filters-section{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.search-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;color:var(--text-secondary);z-index:1}.search-input{padding-left:2.5rem}.activity-status{display:flex;align-items:center}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.calendar-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.calendar-container{margin-bottom:1rem}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:.5rem}.calendar-weekday{text-align:center;font-size:.75rem;font-weight:600;color:var(--text-secondary);padding:.5rem}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);cursor:pointer;font-size:.75rem;font-weight:500;transition:var(--transition);position:relative;border:1px solid transparent}.calendar-day:hover{border-color:var(--border-focus)}.calendar-day.selected{background-color:var(--primary-color);color:#fff;font-weight:600}.calendar-day.today{border-color:var(--secondary-color);font-weight:600}.activity-indicator{position:absolute;top:2px;right:2px;background-color:var(--secondary-color);color:#fff;font-size:.6rem;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.heatmap-legend{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem 0}.legend-text{font-size:.75rem;color:var(--text-secondary)}.legend-squares{display:flex;gap:2px}.legend-square{width:12px;height:12px;border-radius:2px}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.stat-card{text-align:center;padding:1rem;background-color:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.stat-number{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.25rem}.stat-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.tab-navigation{display:flex;gap:.25rem}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem;font-weight:500;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition)}.tab-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.tab-button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-help{font-size:.75rem;color:var(--text-secondary);margin-top:.5rem}.progress-slider{width:100%;margin:.5rem 0}.progress-input{width:80px}.completion-notice{background-color:var(--bg-secondary);color:var(--secondary-color);padding:.75rem;border-radius:var(--border-radius-sm);border:1px solid var(--secondary-color);font-weight:500}.completion-badge{background-color:var(--secondary-color);color:#fff;padding:.25rem .5rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;display:inline-block;margin-top:.5rem}.dsm-modal{width:700px;max-width:90vw;max-height:80vh}.dsm-options{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.dsm-summary{background-color:var(--bg-secondary);padding:1rem;border-radius:var(--border-radius);margin-bottom:1rem}.summary-stats{display:flex;gap:1rem;margin-top:.5rem;flex-wrap:wrap}.dsm-loading{text-align:center;padding:2rem}.dsm-error{background-color:var(--bg-secondary);color:var(--danger-color);padding:1rem;border-radius:var(--border-radius);border:1px solid var(--danger-color)}.dsm-content{margin-top:1rem}.dsm-actions{display:flex;gap:.5rem;margin-bottom:1rem}.dsm-text{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);max-height:400px;overflow-y:auto}.dsm-text pre{padding:1rem;margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:.875rem;line-height:1.5}.sprint-review-modal{width:800px;max-width:90vw;max-height:80vh}.review-section{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.review-section:last-child{border-bottom:none}.review-section h4{color:var(--text-primary);margin-bottom:1rem;font-size:1rem;font-weight:600}.review-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.review-metric{display:flex;justify-content:space-between;padding:.5rem;background-color:var(--bg-secondary);border-radius:var(--border-radius-sm)}.review-metric-label{color:var(--text-secondary);font-weight:500}.review-metric-value{color:var(--text-primary);font-weight:600}.task-breakdown{display:flex;gap:1rem;justify-content:center}.task-stat{text-align:center;padding:1rem;border-radius:var(--border-radius);min-width:80px}.task-stat.completed{background-color:#dcfce7;color:var(--secondary-color)}.task-stat.inprogress{background-color:#fef3c7;color:var(--warning-color)}.task-stat.blocked{background-color:#fee2e2;color:var(--danger-color)}[data-theme=dark] .task-stat.completed{background-color:#14532d}[data-theme=dark] .task-stat.inprogress{background-color:#451a03}[data-theme=dark] .task-stat.blocked{background-color:#450a0a}.task-count{display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.task-label{font-size:.75rem;font-weight:600;text-transform:uppercase}.task-list{display:flex;flex-direction:column;gap:.5rem}.task-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:var(--bg-secondary);border-radius:var(--border-radius-sm);border-left:4px solid var(--border-color)}.task-item.status-completed{border-left-color:var(--secondary-color)}.task-item.status-inprogress{border-left-color:var(--warning-color)}.task-item.status-blocked{border-left-color:var(--danger-color)}.task-name{flex:1;font-weight:500}.task-status{font-size:.75rem;text-transform:uppercase;font-weight:600;color:var(--text-secondary)}.recommendations{display:flex;flex-direction:column;gap:.75rem}.recommendation{padding:.75rem;border-radius:var(--border-radius);font-size:.875rem}.recommendation.positive{background-color:#dcfce7;color:#16a34a;border:1px solid #bbf7d0}.recommendation.warning{background-color:#fef3c7;color:#d97706;border:1px solid #fed7aa}.recommendation.alert{background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca}.recommendation.info{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}[data-theme=dark] .recommendation.positive{background-color:#14532d;border-color:#166534}[data-theme=dark] .recommendation.warning{background-color:#451a03;border-color:#92400e}[data-theme=dark] .recommendation.alert{background-color:#450a0a;border-color:#991b1b}.sprint-card{border-left:4px solid var(--primary-color)}.sprint-dates{margin-top:.5rem}.sprint-date{font-size:.75rem;color:var(--text-secondary);background-color:var(--bg-tertiary);padding:.25rem .5rem;border-radius:var(--border-radius-sm)}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;color:var(--text-secondary)}@media (max-width: 768px){.container{padding:0 .5rem}.btn{padding:.375rem .75rem;font-size:.8rem}.modal-content{margin:.5rem;max-width:95vw}.header-content{flex-direction:column;gap:1rem;padding:.75rem}.header-left{gap:1rem}.logo-text{font-size:1.25rem}.date-text{display:none}.quick-stats,.form-row{grid-template-columns:1fr}.dsm-options{flex-direction:column}.task-breakdown{flex-direction:column;align-items:center}.review-metrics{grid-template-columns:1fr}}