@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);.sidebar{backdrop-filter:saturate(120%) blur(14px);-webkit-backdrop-filter:blur(14px);background-color:var(--glass-bg);border-right:1px solid var(--glass-border);box-shadow:var(--box-shadow);display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow:hidden;padding:0;position:relative;width:280px}.sidebar-header{border-bottom:1px solid var(--glass-border);flex-shrink:0;padding:24px 20px}.sidebar-header h2{align-items:center;color:var(--heading-color);display:flex;font-size:1.5rem;font-weight:700;gap:8px;margin:0}.sidebar-header h2:before{content:"🏢";font-size:1.75rem}.sidebar-mode-toggle{border-bottom:1px solid var(--sidebar-border);display:flex;justify-content:center}.sidebar-entity-selector,.sidebar-mode-toggle{background-color:var(--sidebar-bg);flex-shrink:0;padding:16px 20px}.sidebar-entity-selector{border-bottom:1px solid var(--glass-border)}.sidebar-nav{flex-grow:1;list-style:none;margin:0;min-height:0;overflow-y:auto;padding:12px 0}.sidebar-nav li{margin:0}.nav-link{align-items:center;border-radius:0;border-radius:var(--border-radius);display:flex;font-size:.875rem;font-weight:500;margin:2px 12px;padding:12px 20px;position:relative;text-decoration:none;transition:all .2s ease}.nav-link,.nav-link:hover{color:var(--sidebar-text-color)}.nav-link:hover{background-color:var(--sidebar-hover-bg);transform:translateX(2px)}.nav-link.active{background-color:var(--sidebar-active-bg);box-shadow:var(--box-shadow);color:var(--sidebar-active-text-color);font-weight:600}.nav-link.active:before{background-color:var(--primary-color);border-radius:0 2px 2px 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-link .icon{font-size:1.1rem;margin-right:12px;opacity:.8;text-align:center;width:20px}.nav-link.active .icon{opacity:1}.sidebar-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--glass-bg);border-top:1px solid var(--glass-border);flex-shrink:0;padding:20px}.sidebar-error{background-color:#ef44441a;border:1px solid #ef444433;border-radius:var(--border-radius);color:var(--error-color);margin-bottom:12px;padding:8px}.logout-button,.sidebar-error{font-size:.875rem;text-align:center}.logout-button{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.logout-button:hover{background-color:var(--surface-hover);border-color:var(--primary-color);box-shadow:var(--box-shadow);color:var(--primary-color);transform:translateY(-1px)}.logout-button:active{transform:translateY(0)}.user-info{background-color:var(--surface-hover);border-radius:var(--border-radius);color:var(--text-secondary);font-size:.75rem;margin-top:12px;overflow:hidden;padding:8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.sidebar{left:0;position:fixed;top:0;width:100%;z-index:1000}.sidebar-mode-toggle{padding:12px 16px}}.main-layout{display:flex;overflow:hidden}.main-content,.main-layout{background-color:initial;height:100vh}.main-content{flex-grow:1;overflow-y:auto;padding:0;scroll-behavior:smooth}.main-content h1,.main-content h2,.main-content h3{color:var(--heading-color)}.main-content p{color:var(--text-color);line-height:1.6}.main-content a{color:var(--link-color);transition:color .2s ease}.main-content a:hover{color:var(--link-hover-color)}.dashboard-page{background-color:initial;height:100vh;overflow-y:auto}.dashboard-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);padding:24px 32px;position:sticky;top:0;z-index:10}.dashboard-content{margin:0;padding:24px;width:100%}.metrics-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.metric-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);overflow:hidden;padding:24px;position:relative;transition:all .2s ease}.metric-card:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.metric-card:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.metric-card.blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.metric-card.green:before{background:linear-gradient(90deg,#10b981,#34d399)}.metric-card.purple:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.metric-card.orange:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.metric-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.metric-icon{align-items:center;background:var(--surface-hover);border-radius:var(--border-radius);display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.metric-change{background:#10b9811a;border-radius:12px;color:var(--success-color);font-size:.75rem;font-weight:600;padding:4px 8px}.metric-change.negative{background:#ef44441a;color:var(--error-color)}.metric-content h3{color:var(--heading-color);font-size:2.25rem;font-weight:700;margin-bottom:4px}.metric-content p{color:var(--text-secondary);font-size:.875rem;font-weight:500}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(12,1fr)}.dashboard-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);padding:24px;transition:all .2s ease}.dashboard-card:hover{box-shadow:var(--box-shadow-hover)}.card-header{margin-bottom:20px}.card-header h3{color:var(--heading-color);font-size:1.125rem}.view-all{color:var(--primary-color);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s ease}.view-all:hover{color:var(--primary-hover)}.chart-card{grid-column:span 8}.chart-placeholder{align-items:center;display:flex;height:300px;justify-content:center}.chart-visual{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.chart-bars{align-items:end;display:flex;gap:12px;height:240px;padding:20px 0}.bar{background:linear-gradient(to top,var(--primary-color),var(--secondary-color));border-radius:4px 4px 0 0;flex:1 1;min-height:20px;transition:all .3s ease}.bar:hover{opacity:.8;transform:scaleY(1.05)}.chart-labels{color:var(--text-secondary);display:flex;font-size:.75rem;font-weight:500;justify-content:space-between}.activities-card{grid-column:span 4}.activities-list{display:flex;flex-direction:column;gap:16px}.activity-item{align-items:center;border-radius:var(--border-radius);display:flex;gap:12px;padding:12px;transition:background-color .2s ease}.activity-item:hover{background-color:var(--surface-hover)}.activity-icon{align-items:center;background:var(--surface-hover);border-radius:var(--border-radius);display:flex;font-size:1rem;height:32px;justify-content:center;width:32px}.activity-content p{color:var(--text-color);font-size:.875rem;font-weight:500;margin-bottom:2px}.activity-time{color:var(--text-secondary);font-size:.75rem}.actions-card{grid-column:span 6}.quick-actions{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.quick-action{align-items:center;background:var(--surface-hover);border:1px solid #0000;border-radius:var(--border-radius);display:flex;flex-direction:column;padding:20px;text-decoration:none;transition:all .2s ease}.quick-action:hover{border-color:var(--primary-color);box-shadow:var(--box-shadow);transform:translateY(-2px)}.action-icon{margin-bottom:8px}.action-title{color:var(--text-color);font-size:.875rem;font-weight:500}.notification-card{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;grid-column:span 6;overflow:hidden;position:relative}.notification-content{position:relative;z-index:2}.notification-badge{background:#fff3;border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:12px;padding:4px 12px}.notification-card h3{color:#fff;margin-bottom:8px}.notification-card p{color:#ffffffe6;line-height:1.5;margin-bottom:16px}.btn-primary,.btn-secondary{border-radius:var(--border-radius);display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px}.btn-secondary:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.notification-card .btn-primary{background:#fff;color:var(--primary-color)}.notification-card .btn-primary:hover{background:#ffffffe6}@media (max-width:1024px){.dashboard-grid{grid-template-columns:repeat(8,1fr)}.activities-card,.chart-card{grid-column:span 8}.actions-card,.notification-card{grid-column:span 4}}@media (max-width:768px){.dashboard-content{padding:20px}.header-content{align-items:flex-start;flex-direction:column;gap:16px;padding-left:16px!important}.header-center{max-width:none;order:2;width:100%}.search-input{font-size:16px}.header-right{align-self:flex-end;gap:8px;order:1}.dashboard-grid,.metrics-grid{gap:16px;grid-template-columns:1fr}.dashboard-card{grid-column:span 1!important}.quick-actions{grid-template-columns:1fr}} 
/*!
 * 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{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.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:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.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-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.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 .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .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-stroke.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{fill:#444}.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,.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-stroke.ql-thin,.ql-snow .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{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.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;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[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-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[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-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[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-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[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-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[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 #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.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:0}.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]{border:1px solid #ccc;display:none;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:0;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}.notes-page{background-color:initial;display:flex;flex-direction:column;height:100vh}.notes-header{background:var(--card-bg);border-bottom:1px solid var(--border-color);flex-shrink:0;padding:24px}.header-content{padding-left:24px}.header-left h1{color:var(--text-color);font-size:1.5rem;margin:0}.header-left p{color:var(--text-secondary);font-size:.9rem}.create-note-button{align-items:center;background:var(--primary-color);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;justify-content:center;letter-spacing:.5px;margin-right:12px;padding:12px 20px;transition:all .2s ease}.create-note-button:hover{background:var(--primary-hover);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.notes-layout{display:flex;flex:1 1;overflow:hidden}.notes-sidebar{background-color:var(--card-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;position:relative;width:320px}.sidebar-content{display:flex;height:100%;transition:transform .3s ease-in-out;width:200%}.sidebar-content.show-tags{transform:translateX(0)}.sidebar-content.show-notes{transform:translateX(-50%)}.sidebar-view{display:flex;flex-direction:column;overflow:hidden;width:50%}.tags-list-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.tags-list{flex:1 1;overflow-y:auto;padding:8px}.tag-item{align-items:center;background:var(--background-color);border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:4px;padding:12px 16px;transition:all .2s ease}.tag-item:hover{background-color:var(--surface-hover);border-color:var(--border-color);transform:translateX(2px)}.tag-item.all-notes{background:var(--primary-color);color:#fff;font-weight:600;margin-bottom:12px}.tag-item.all-notes:hover{background:var(--primary-hover);transform:translateX(2px)}.tag-name{color:var(--text-color);font-size:.9rem;font-weight:500}.tag-item.all-notes .tag-name{color:#fff}.tag-count{color:var(--text-secondary);font-size:.8rem;font-weight:600}.tag-item.all-notes .tag-count{color:#ffffffe6}.filtered-notes-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.notes-list-header{align-items:center;background-color:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:20px 24px 16px}.back-button{align-items:center;background:var(--surface-hover);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;font-size:.85rem;gap:4px;padding:6px 12px;transition:all .2s ease}.back-button:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.notes-list-header h3{color:var(--text-color);flex:1 1;font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.notes-list-container{flex:1 1;overflow-y:auto;padding:8px}.note-list-item{background:var(--background-color);border:1px solid #0000;border-radius:12px;cursor:pointer;margin-bottom:8px;padding:16px;transition:all .2s ease}.note-list-item:hover{background-color:var(--surface-hover);border-color:var(--border-color);box-shadow:0 2px 8px #0000000d;transform:translateY(-1px)}.note-list-item.selected{background-color:var(--sidebar-active-bg);border-color:var(--primary-color);box-shadow:0 4px 12px #3b82f626}.note-list-item-title{color:var(--text-color);font-size:.9rem;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-list-item.selected .note-list-item-title{color:var(--primary-color)}.note-list-item-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.8rem;line-height:1.4;margin-bottom:12px;overflow:hidden}.note-list-item-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.tag-chip-small{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:.7rem;font-weight:500;padding:2px 8px}.note-list-item.selected .tag-chip-small{background:#3b82f61a;border-color:var(--primary-color);color:var(--primary-color)}.note-list-item-date{color:var(--text-secondary);font-size:.75rem;opacity:.8}.notes-main{background-color:initial}.note-editor-container,.notes-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.note-editor-container{padding:24px}.note-form{flex:1 1;flex-direction:column;overflow:hidden}.form-row,.note-form{display:flex;gap:16px}.form-row{flex-wrap:wrap}.form-group{display:flex;flex-direction:column}.title-group{flex:2 1;min-width:300px}.tags-group{flex:1 1;min-width:200px}.title-input{background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;box-sizing:border-box;color:var(--text-color);font-size:1.25rem;font-weight:600;height:56px;outline:none;padding:16px 20px;transition:all .2s ease;width:100%}.title-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.title-input::placeholder{color:var(--text-secondary);font-weight:400}.tags-input{background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;box-sizing:border-box;color:var(--text-color);font-size:.9rem;height:56px;outline:none;padding:16px 20px;transition:all .2s ease;width:100%}.tags-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.tags-input::placeholder{color:var(--text-secondary)}.tags-display{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;margin-top:12px}.tag-chip{animation:fadeIn .2s ease;background:var(--primary-color);border-radius:16px;display:inline-flex;font-size:.8rem;font-weight:500;gap:6px;padding:6px 12px}.tag-chip,.tag-remove{align-items:center;color:#fff}.tag-remove{background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1rem;height:16px;justify-content:center;line-height:1;margin:0;padding:0;transition:background-color .2s ease;width:16px}.tag-remove:hover{background:#fff3}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.editor-group{display:flex;flex:1 1;flex-direction:column;min-height:0}.note-editor-container .ql-toolbar{background-color:var(--card-bg);border:2px solid var(--border-color);border-bottom:none;border-radius:12px 12px 0 0;padding:12px 16px}.note-editor-container .ql-container{background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:0 0 12px 12px;border-top:none;color:var(--text-color);flex:1 1;font-size:1rem;line-height:1.6;overflow-y:auto}.note-editor-container .ql-editor{min-height:200px;outline:none;padding:20px}.note-editor-container .ql-editor.ql-blank:before{color:var(--text-secondary);font-style:normal;opacity:.6}.note-editor-container .ql-toolbar .ql-stroke{stroke:var(--text-color)}.note-editor-container .ql-toolbar .ql-fill{fill:var(--text-color)}.note-editor-container .ql-toolbar .ql-picker-label{color:var(--text-color)}.note-editor-container .ql-toolbar button:hover{background-color:var(--surface-hover);border-radius:6px}.note-editor-container .ql-toolbar button.ql-active{background-color:var(--primary-color);border-radius:6px;color:#fff}.editor-actions{align-items:center;background-color:var(--card-bg);border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:12px;padding:20px 24px}.btn{border:none;border-radius:8px;display:flex;font-size:.875rem;gap:8px;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d}.btn-secondary:hover:not(:disabled){background:var(--border-color);border-color:var(--text-secondary)}.btn-danger{background:var(--error-color);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.empty-state,.loading-state{color:var(--text-secondary);font-style:italic;padding:40px 20px}.empty-state,.loading-state,.welcome-state{align-items:center;display:flex;justify-content:center;text-align:center}.welcome-state{flex-direction:column;height:100%;padding:40px}.welcome-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.welcome-state h3{color:var(--text-color);font-weight:600;margin:0 0 8px}.welcome-state p{color:var(--text-secondary);line-height:1.5;margin:0;max-width:400px}.error-message{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;font-size:.875rem;margin:16px 24px;padding:12px 16px}.note-editor-container .ql-container::-webkit-scrollbar,.notes-list-container::-webkit-scrollbar,.tags-list::-webkit-scrollbar{width:6px}.note-editor-container .ql-container::-webkit-scrollbar-track,.notes-list-container::-webkit-scrollbar-track,.tags-list::-webkit-scrollbar-track{background:#0000}.note-editor-container .ql-container::-webkit-scrollbar-thumb,.notes-list-container::-webkit-scrollbar-thumb,.tags-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.note-editor-container .ql-container::-webkit-scrollbar-thumb:hover,.notes-list-container::-webkit-scrollbar-thumb:hover,.tags-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.ql-clipboard{display:none!important;left:50%!important;position:fixed!important;top:50%!important}@media (max-width:768px){.notes-header{padding:16px}.header-content{align-items:stretch;flex-direction:column;gap:16px}.header-left{text-align:center}.header-left h1{font-size:1.5rem}.header-center{max-width:none}.search-input{font-size:16px}.header-content{padding-left:16px!important}.notes-layout{flex-direction:column}.notes-sidebar{border-bottom:1px solid var(--border-color);border-right:none;height:200px;width:100%}.notes-list-header{padding:16px}.back-button{font-size:.9rem;padding:8px 16px}.tag-item{padding:16px}.tag-name{font-size:1rem}.note-editor-container{padding:16px}.form-row{flex-direction:column;gap:12px}.tags-group,.title-group{min-width:0}.editor-actions{align-items:stretch;flex-direction:column;padding:16px}.btn{justify-content:center}}.app-header{background:#0000;position:sticky;top:0;z-index:100}.header-content{backdrop-filter:saturate(120%) blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:0;box-shadow:0 8px 24px #00000014;gap:16px;padding:10px 24px}.header-left{min-width:0}.header-left,.logo-section{align-items:center;display:flex}.logo-section{gap:10px}.logo-icon{font-size:1.5rem;line-height:1}.page-title{color:var(--heading-color);font-size:1.25rem;font-weight:700;margin:0;white-space:nowrap}.header-center{max-width:500px}.search-container{gap:12px}.search-input-wrapper{max-width:400px}.search-icon{left:12px}.search-input{background:#fff9;border:1px solid var(--glass-border);border-radius:24px;font-size:.9rem;padding:12px 14px 12px 42px}.search-input:focus{box-shadow:0 0 0 4px #3b82f61f}.add-button{align-items:center;background:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.add-button:hover{background:var(--primary-hover);transform:scale(1.05)}.theme-toggle{background:#fff9;border:1px solid var(--glass-border);border-radius:12px;font-size:1.1rem}.user-menu-container{position:relative}.user-menu-trigger{align-items:center;background:#fff9;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-color);cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:all .2s ease}.user-menu-trigger:hover{background:var(--border-color)}.user-avatar{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:28px;justify-content:center;width:28px}.chevron-icon{color:var(--text-secondary);transition:transform .2s ease}.user-menu-trigger[aria-expanded=true] .chevron-icon{transform:rotate(180deg)}.user-menu-dropdown{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 18px 40px #00000026;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.user-info{background:var(--surface-hover);padding:12px 16px}.user-email{color:var(--text-secondary);font-size:.875rem;word-break:break-all}.menu-divider{background:var(--border-color);height:1px}.menu-item{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font-size:.875rem;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.menu-item:hover{background:var(--surface-hover)}.menu-item.logout{color:var(--error-color)}.menu-item.logout:hover{background:#ef44441a}@media (max-width:768px){.header-content{gap:16px;padding:12px 16px}.page-title{font-size:1.25rem}.header-center{max-width:300px}.search-input{font-size:16px}}@media (max-width:640px){.header-content{gap:12px}.logo-section{gap:8px}.page-title{font-size:1.1rem}.header-center{max-width:250px}.user-menu-trigger{padding:6px 8px}}.tasks-page{background-color:initial;height:100vh;overflow-y:auto}.tasks-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);padding:24px;position:sticky;top:0;z-index:10}.create-action-button{background:#10b981}.create-action-button:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}.tasks-content{margin:0;padding:24px;width:100%}.task-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card.in-progress{border-left:4px solid #f59e0b}.stat-card.overdue{border-left:4px solid var(--error-color)}.tasks-section{margin-bottom:32px}.tasks-list{display:flex;flex-direction:column;gap:16px}.task-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:24px;position:relative;transition:all .2s ease}.task-card:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-1px)}.task-card.overdue{background:#ef444405}.task-card.overdue,.task-card.red{border-left:4px solid var(--error-color)}.task-card.orange{border-left:4px solid #f59e0b}.task-card.blue{border-left:4px solid var(--info-color)}.task-card.green{border-left:4px solid #10b981}.task-card.completed{background:#10b98105;opacity:.8}.task-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.task-icon{align-items:center;background:var(--surface-hover);border-radius:12px;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.task-meta{flex:1 1;min-width:0}.task-title-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:8px}.task-title{color:var(--heading-color);flex:1 1;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0}.task-card.completed .task-title{opacity:.7;text-decoration:line-through}.priority-badge{border-radius:10px;flex-shrink:0;padding:4px 10px}.task-info{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.task-project{background:#3b82f61a;border-radius:6px;color:var(--primary-color);font-size:.85rem;font-weight:600;padding:2px 8px}.task-assignee,.task-due-date{color:var(--text-secondary);font-size:.85rem;font-weight:500}.task-due-date.overdue{color:var(--error-color);font-weight:600}.status-badge{align-self:flex-start;border-radius:12px;font-size:.75rem;font-weight:600;padding:6px 12px}.status-badge.completed{background:#10b9811a;color:#10b981}.status-badge.in-progress{background:#3b82f61a;color:var(--primary-color)}.status-badge.review{background:#f59e0b1a;color:#f59e0b}.status-badge.todo{background:#6b72801a;color:var(--text-secondary)}.task-content{margin-bottom:20px}.task-description{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0 0 16px}.task-progress{margin-bottom:16px}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.progress-info span{color:var(--text-color);font-size:.85rem;font-weight:600}.progress-bar{background:var(--surface-hover);border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,var(--primary-color),#10b981);border-radius:4px;height:100%;transition:width .3s ease}.task-card.completed .progress-fill{background:#10b981}.task-tags{display:flex;flex-wrap:wrap;gap:8px}.task-tag{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:4px 8px}.task-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-action.success{background:#10b9811a;color:#10b981}.btn-action.success:hover{background:#10b981;color:#fff}.btn-primary{background:#10b981}.btn-primary:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}@media (max-width:768px){.tasks-header{padding:16px}.header-content{align-items:stretch;flex-direction:column;gap:16px;padding-left:16px!important}.header-left{text-align:center}.header-center{max-width:none}.search-input{font-size:16px}.tasks-content{padding:20px}.task-stats{gap:12px;grid-template-columns:1fr 1fr}.section-header{align-items:stretch;flex-direction:column;gap:12px}.section-actions{justify-content:center}.task-header{flex-direction:column;gap:12px}.task-title-row{align-items:stretch}.task-info,.task-title-row{flex-direction:column;gap:8px}.task-info{align-items:flex-start}.task-actions{justify-content:center}.quick-actions-grid{gap:16px;grid-template-columns:1fr}}.updates-page{background-color:initial;height:100vh;overflow-y:auto}.updates-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);padding:24px;position:sticky;top:0;z-index:10}.create-action-button{background:var(--error-color)}.create-action-button:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.updates-content{margin:0;padding:24px;width:100%}.priority-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card.high{border-left:4px solid var(--error-color)}.stat-card.medium{border-left:4px solid #f59e0b}.stat-card.low{border-left:4px solid var(--info-color)}.stat-card.total{border-left:4px solid var(--primary-color)}.alerts-section{margin-bottom:32px}.alerts-list{display:flex;flex-direction:column;gap:16px}.alert-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:20px;transition:all .2s ease}.alert-card:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-1px)}.alert-card.high{border-left:4px solid var(--error-color)}.alert-card.medium{border-left:4px solid #f59e0b}.alert-card.low{border-left:4px solid var(--info-color)}.alert-header{gap:16px;margin-bottom:12px}.alert-header,.alert-icon{align-items:center;display:flex}.alert-icon{background:var(--surface-hover);border-radius:8px;font-size:1.2rem;height:40px;justify-content:center;width:40px}.alert-meta{flex:1 1}.alert-source{color:var(--text-color);font-size:.875rem;font-weight:600}.alert-time{color:var(--text-secondary);font-size:.75rem;margin-top:2px}.alert-content h4{color:var(--heading-color);font-size:1rem;font-weight:600;margin:0 0 8px}.alert-content p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 16px}.alert-actions{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:768px){.updates-header{padding:16px}.header-content{align-items:stretch;flex-direction:column;gap:16px;padding-left:16px!important}.header-left{text-align:center}.header-center{max-width:none}.search-input{font-size:16px}.updates-content{padding:20px}.priority-stats{gap:12px;grid-template-columns:1fr 1fr}.section-header{align-items:stretch;flex-direction:column;gap:12px}.section-actions{justify-content:center}.alert-header{flex-wrap:wrap;gap:12px}.alert-actions{justify-content:center}.quick-actions-grid{gap:16px;grid-template-columns:1fr}}.email-page{background-color:initial;height:100vh;overflow-y:auto}.email-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);padding:24px;position:sticky;top:0;z-index:10}.create-action-button{background:var(--primary-color)}.create-action-button:hover{background:var(--primary-hover);box-shadow:0 4px 12px #3b82f64d}.email-content{margin:0;padding:24px;width:100%}.email-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card.unread{border-left:4px solid var(--primary-color)}.stat-card.important{border-left:4px solid #f59e0b}.stat-card.attachments{border-left:4px solid #10b981}.stat-card.total{border-left:4px solid var(--text-secondary)}.emails-section{margin-bottom:32px}.section-actions{display:flex;gap:12px}.emails-list{display:flex;flex-direction:column;gap:16px}.email-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:20px;position:relative;transition:all .2s ease}.email-card:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-1px)}.email-card.unread{background:#3b82f605;border-left:4px solid var(--primary-color)}.email-card.red{border-left:4px solid var(--error-color)}.email-card.orange{border-left:4px solid #f59e0b}.email-card.blue{border-left:4px solid var(--info-color)}.email-header{gap:16px;margin-bottom:12px}.email-avatar,.email-header{align-items:center;display:flex}.email-avatar{background:var(--surface-hover);border-radius:50%;flex-shrink:0;font-size:1.4rem;height:44px;justify-content:center;width:44px}.email-meta{flex:1 1}.email-sender{align-items:center;color:var(--text-color);display:flex;font-size:.95rem;font-weight:600;gap:6px}.important-marker{color:#f59e0b;font-size:.9rem}.attachment-marker{color:var(--text-secondary);font-size:.85rem}.email-time{color:var(--text-secondary);font-size:.75rem;margin-top:2px}.priority-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:4px 12px}.priority-badge.high{background:#ef44441a;color:var(--error-color)}.priority-badge.medium{background:#f59e0b1a;color:#f59e0b}.priority-badge.low{background:#3b82f61a;color:var(--info-color)}.email-content h4{color:var(--heading-color);font-size:1.05rem;font-weight:600;line-height:1.4;margin:0 0 8px}.email-subject.unread-subject{color:var(--text-color);font-weight:700}.email-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0 0 12px;max-height:3.6rem;overflow:hidden}.email-details{align-items:center;display:flex;gap:12px;margin-bottom:16px}.email-address{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.8rem}.category-tag{border-radius:8px;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.category-tag.business{background:#6366f11a;color:#6366f1}.category-tag.project{background:#10b9811a;color:#10b981}.category-tag.legal{background:#8b45131a;color:#8b4513}.category-tag.newsletter{background:#9333ea1a;color:#9333ea}.category-tag.finance{background:#f59e0b1a;color:#f59e0b}.category-tag.calendar{background:#ef44441a;color:var(--error-color)}.email-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-action{border-radius:6px;padding:6px 12px}.btn-action.warning{background:#f59e0b1a;color:#f59e0b}.btn-action.warning:hover{background:#f59e0b;color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #3b82f64d}@media (max-width:768px){.email-header{padding:16px}.header-content{align-items:stretch;flex-direction:column;gap:16px;padding-left:16px!important}.header-left{text-align:center}.header-center{max-width:none}.search-input{font-size:16px}.email-content{padding:20px}.email-stats{gap:12px;grid-template-columns:1fr 1fr}.section-header{align-items:stretch;flex-direction:column;gap:12px}.section-actions{justify-content:center}.email-header{flex-wrap:wrap;gap:12px}.email-actions{justify-content:center}.quick-actions-grid{gap:16px;grid-template-columns:1fr}}.chatbot-page{background-color:initial;height:100vh;overflow-y:auto}.chatbot-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);padding:24px;position:sticky;top:0;z-index:10}.create-action-button{background:#06b6d4}.create-action-button:hover{background:#0891b2;box-shadow:0 4px 12px #06b6d44d}.chatbot-content{margin:0;padding:24px;width:100%}.chatbot-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card.total{border-left:4px solid #06b6d4}.stat-card.response{border-left:4px solid #f59e0b}.stat-card.helpful{border-left:4px solid #8b5cf6}.chat-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;display:flex;flex-direction:column;height:500px;margin-bottom:32px;overflow:hidden}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.message{align-items:flex-end;display:flex;gap:12px}.message.user{flex-direction:row-reverse}.message-content{background:var(--surface-hover);border-radius:16px;max-width:70%;padding:12px 16px;position:relative}.message.bot .message-content{background:#06b6d4;border-bottom-left-radius:4px;color:#fff}.message.user .message-content{background:var(--primary-color);border-bottom-right-radius:4px;color:#fff}.message-text{font-size:.9rem;line-height:1.4;margin-bottom:4px}.message-time{font-size:.75rem;opacity:.7}.message-avatar{align-items:center;background:var(--surface-hover);border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:32px;justify-content:center;width:32px}.chat-input-area{border-top:1px solid var(--border-color);padding:16px 20px}.quick-prompts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.quick-prompt-btn{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:20px;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.quick-prompt-btn:hover{background:#06b6d4;border-color:#06b6d4;color:#fff}.message-input-container{align-items:center;display:flex;gap:12px}.message-input{background:var(--background-color);border:2px solid var(--border-color);border-radius:24px;color:var(--text-color);flex:1 1;font-size:.9rem;outline:none;padding:12px 16px;transition:all .2s ease}.message-input:focus{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a}.send-button{align-items:center;background:#06b6d4;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:44px;justify-content:center;transition:all .2s ease;width:44px}.send-button:hover:not(:disabled){background:#0891b2;transform:scale(1.05)}.send-button:disabled{cursor:not-allowed;opacity:.5}.ai-features-section h2{color:var(--heading-color);font-size:1.25rem;font-weight:600;margin:0 0 20px}.features-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{border:1px solid var(--card-border);border-radius:12px;padding:24px;text-align:center;transition:all .2s ease}.feature-icon{font-size:2.5rem;margin-bottom:12px;opacity:.8}.feature-card h3{color:var(--heading-color);font-size:1.1rem;font-weight:600;margin:0 0 8px}.feature-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0}@media (max-width:768px){.chatbot-header{padding:16px}.header-content{align-items:stretch;flex-direction:column;gap:16px;padding-left:16px!important}.header-left{text-align:center}.header-center{max-width:none}.search-input{font-size:16px}.chatbot-content{padding:20px}.chatbot-stats{gap:12px;grid-template-columns:1fr 1fr}.chat-container{height:400px}.message-content{max-width:85%}.quick-prompts{justify-content:center}.features-grid{gap:16px;grid-template-columns:1fr}}.balance-sheet{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);color:var(--text-color);font-family:Inter,Segoe UI,system-ui,sans-serif;margin:.5rem 0;min-height:500px;padding:1.25rem}.balance-sheet-header{align-items:flex-start;border-bottom:2px solid var(--card-border);display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem}.as-of-date{color:var(--text-secondary);font-size:.8125rem;font-weight:500;margin:0}.custom-date-picker{align-items:center;display:flex}.custom-date-input{background:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:.75rem;padding:.5rem .75rem;transition:border-color .15s ease}.custom-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}@media (max-width:768px){.balance-sheet-header{align-items:stretch;flex-direction:column;gap:1rem}.header-right{margin-left:0}.period-selector{align-items:stretch}.period-buttons{gap:.375rem;justify-content:center}.period-btn{flex:1 1;font-size:.6875rem;min-width:0;padding:.5rem}}.balance-sheet-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:1.25rem}@media (max-width:1024px){.balance-sheet-content{gap:1.25rem;grid-template-columns:1fr}}@media (max-width:768px){.balance-sheet-content{gap:1rem;grid-template-columns:1fr}}.assets-section,.equity-section,.liabilities-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:1rem}.balance-sheet-category{margin-bottom:1.25rem}.category-header{border-bottom:1px solid var(--card-border);padding-bottom:.375rem}.category-icon{font-size:1.25rem;margin-right:.5rem}.category-title{font-size:1.125rem}.account-line{padding:.5rem 0}.account-line:hover{margin:0 -.375rem;padding-left:.375rem;padding-right:.375rem}.category-total{padding:.75rem 0 .375rem}.balance-sheet-summary{border-top:2px solid var(--card-border);margin-top:1.25rem;padding-top:1rem}.summary-boxes{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem}.summary-box{background:var(--surface-hover);border:1px solid var(--card-border);border-radius:6px;padding:.875rem;text-align:center;transition:transform .15s ease,box-shadow .15s ease}.summary-box:hover{box-shadow:0 2px 8px 0 #0000001a;transform:translateY(-1px)}.summary-box.debt-ratio{border-left:4px solid #f59e0b}.summary-box.equity-ratio{border-left:4px solid #10b981}.summary-box.debt-equity-ratio{border-left:4px solid #7c3aed}.summary-box .summary-label{color:var(--text-secondary);font-size:.6875rem;font-weight:600;letter-spacing:.025em;margin-bottom:.375rem;text-transform:uppercase}.summary-box .summary-amount{font-feature-settings:"tnum";color:var(--text-color);font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.summary-box .ratio-status{font-size:.6875rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}@media (max-width:768px){.summary-boxes{gap:.75rem;grid-template-columns:1fr}.summary-box{padding:.75rem}.summary-box .summary-amount{font-size:1rem}}.balance-check{border-radius:6px;margin-top:.75rem;padding:.75rem;text-align:center}.balance-check.balanced{background-color:#f0fdf4;border:1px solid #bbf7d0}.balance-check.unbalanced{background-color:#fef2f2;border:1px solid #fecaca}.balance-status{display:block;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.balance-check.balanced .balance-status{color:#059669}.balance-check.unbalanced .balance-status{color:#dc2626}.balance-difference{color:#dc2626;font-size:.75rem;font-weight:500}.assets-section .balance-sheet-category .category-header{background-color:#f0fdf4;border-bottom:1px solid #bbf7d0;border-radius:8px 8px 0 0;margin:-1rem -1rem 1rem;padding:.75rem 1rem .5rem}.assets-section .category-title{color:#059669}.liabilities-section .balance-sheet-category .category-header{background-color:#fef2f2;border-bottom:1px solid #fecaca;border-radius:8px 8px 0 0;margin:-1rem -1rem 1rem;padding:.75rem 1rem .5rem}.liabilities-section .category-title{color:#dc2626}.equity-section .balance-sheet-category .category-header{background-color:#faf5ff;border-bottom:1px solid #e9d5ff;border-radius:8px 8px 0 0;margin:-1rem -1rem 1rem;padding:.75rem 1rem .5rem}.equity-section .category-title{color:#7c3aed}@media print{.balance-sheet{border:1px solid #000;box-shadow:none;page-break-inside:avoid}.balance-sheet-content{gap:1rem;grid-template-columns:1fr 1fr 1fr}.summary-boxes{gap:.5rem;grid-template-columns:repeat(3,1fr)}.account-line:hover{background-color:initial}.summary-box:hover{box-shadow:none;transform:none}}.profit-loss{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);color:var(--text-color);font-family:Inter,Segoe UI,system-ui,sans-serif;margin:.5rem 0;min-height:500px;padding:1.25rem}.pl-header{align-items:flex-start;border-bottom:2px solid var(--card-border);display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem}.header-right{flex-shrink:0;margin-left:2rem}.statement-title{color:var(--heading-color);font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin:0 0 .375rem}.entity-name{color:var(--text-color);font-size:1.125rem;font-weight:600;margin:0 0 .125rem}.period-range{color:var(--text-secondary);font-size:.8125rem;font-weight:500;margin:0}.period-selector{align-items:flex-end;display:flex;flex-direction:column;gap:.75rem}.period-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.period-btn{background:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:.75rem;font-weight:500;padding:.5rem .875rem;transition:all .15s ease;white-space:nowrap}.period-btn:hover{background:var(--surface-hover);border-color:var(--text-secondary)}.period-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.custom-period-selector{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.period-type-selector{background:var(--surface-hover);border-radius:4px;display:flex;gap:.25rem;padding:.125rem}.type-btn{background:#0000;border:none;border-radius:3px;color:var(--text-color);cursor:pointer;font-size:.6875rem;font-weight:500;padding:.375rem .625rem;transition:all .15s ease}.type-btn:hover{background:var(--card-bg)}.type-btn.active{background:#3b82f6;color:#fff}.custom-select{background:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:.75rem;min-width:100px;padding:.5rem .75rem;transition:border-color .15s ease}.custom-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.pl-content,.pl-content-grid{margin-bottom:1.25rem}.pl-content-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr 1fr}@media (max-width:1024px){.pl-content-grid{gap:1.25rem;grid-template-columns:1fr}}@media (max-width:768px){.pl-content-grid{gap:1rem;grid-template-columns:1fr}}.cashflow-column,.income-expenses-column,.metrics-column{display:flex;flex-direction:column;gap:1rem}.income-expenses-column{background:#0000;border:none;border-radius:0;padding:0}.account-line{align-items:flex-start;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:.5rem .75rem;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.account-line:hover{background-color:var(--surface-hover);border-bottom:1px solid #0000;border-radius:4px;box-shadow:0 2px 8px 0 #0000001a;transform:translateY(-1px)}.cashflow-line{align-items:center;border-bottom:1px solid var(--card-border);display:flex;font-size:.8125rem;justify-content:space-between;padding:.5rem .75rem;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.cashflow-line:hover{background-color:var(--surface-hover);border-bottom:1px solid #0000;border-radius:4px;box-shadow:0 2px 8px 0 #0000001a;transform:translateY(-1px)}.pl-category{margin-bottom:1.25rem}.category-header{align-items:center;border-radius:6px;display:flex;margin-bottom:.75rem;padding:.5rem .75rem}.category-icon{font-size:1.125rem;margin-right:.375rem}.category-title{color:var(--text-color);font-size:1rem;font-weight:600;letter-spacing:-.025em;margin:0}.income-section .category-header{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px 8px 0 0;margin:-1rem -1rem 1rem;padding:.75rem 1rem .5rem}.income-section .category-title{color:#059669}.expenses-section .category-header{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px 8px 0 0;margin:-1rem -1rem 1rem;padding:.75rem 1rem .5rem}.expenses-section .category-title{color:#dc2626}.account-lines{margin-bottom:.75rem}.account-info{display:flex;flex:1 1;flex-direction:column}.account-name{color:var(--text-color);font-size:.8125rem;font-weight:500;line-height:1.2}.account-code{color:var(--text-secondary);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.6875rem;margin-top:.0625rem}.account-amounts{align-items:flex-end;display:flex;flex-direction:column;text-align:right}.current-amount{font-feature-settings:"tnum";color:var(--text-color);font-size:.8125rem;font-weight:600}.change-indicator{align-items:center;display:flex;font-size:.6875rem;font-weight:500;gap:.125rem;margin-top:.125rem}.change-indicator.positive{color:#059669}.change-indicator.negative{color:#dc2626}.change-percent{font-size:.6875rem;opacity:.8}.category-total{align-items:center;background-color:var(--surface-hover);border-radius:4px;border-top:2px solid var(--text-color);display:flex;font-weight:600;justify-content:space-between;margin-top:.375rem;padding:.75rem}.total-label{color:var(--text-color);font-size:.8125rem;letter-spacing:.05em;text-transform:uppercase}.total-amount{font-feature-settings:"tnum";color:var(--text-color);font-size:.9375rem}.pl-metrics{border-top:2px solid var(--card-border);margin-top:1.25rem;padding-top:1.25rem}.metrics-title{color:var(--text-color);font-size:1.125rem;font-weight:600;margin:0 0 1rem;text-align:center}.metrics-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-item{background-color:var(--surface-hover);border:1px solid var(--card-border);border-radius:6px;padding:.75rem;text-align:center;transition:transform .15s ease,box-shadow .15s ease}.metric-item:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.metric-label{color:var(--text-secondary);display:block;font-size:.6875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.375rem;text-transform:uppercase}.metric-value{font-feature-settings:"tnum";color:var(--text-color);display:block;font-size:1rem;font-weight:700}.metric-value.positive{color:#059669}.metric-value.negative{color:#dc2626}.no-data-message{color:var(--text-secondary);padding:3rem 2rem;text-align:center}.no-data-message p{font-size:.875rem;line-height:1.5;margin:.5rem 0}.no-data-message p:first-child{color:var(--text-color);font-size:1rem;font-weight:600}@media (max-width:768px){.profit-loss{padding:1.5rem}.metrics-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.calculation-line{align-items:flex-start;flex-direction:column;gap:.5rem}.calc-amount{align-self:flex-end}.pl-header{align-items:stretch;flex-direction:column;gap:1rem}.header-right{margin-left:0}.period-selector{align-items:stretch}.period-buttons{gap:.375rem;justify-content:center}.period-btn{flex:1 1;font-size:.6875rem;min-width:0;padding:.5rem}.custom-period-selector{align-items:stretch}.custom-select{width:100%}}@media print{.profit-loss{border:1px solid #000;box-shadow:none;page-break-inside:avoid}.account-line:hover{background-color:initial}.metric-item:hover{box-shadow:none;transform:none}}.cashflow-section{background:#0000;border:none;border-radius:0;display:flex;flex-direction:column;gap:1rem;padding:0}.cashflow-label{color:var(--text-color);font-weight:500}.cashflow-amount{font-feature-settings:"tnum";color:var(--text-color);font-weight:600}.detailed-metrics{background:var(--surface-hover);border:1px solid var(--card-border);border-radius:8px;padding:1rem}.detailed-metrics-title{color:var(--text-color);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-align:center;text-transform:uppercase}.detailed-metric-item{align-items:center;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:.5rem 0}.detailed-metric-item:last-child{border-bottom:none}.detailed-metric-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.detailed-metric-value{font-feature-settings:"tnum";color:var(--text-color);font-size:.8125rem;font-weight:600}.detailed-metric-value.positive{color:#059669}.detailed-metric-value.negative{color:#dc2626}.cashflow-operating-header{background-color:#f0f9ff;border:1px solid #7dd3fc;border-radius:8px 8px 0 0;margin:-1rem -1rem 1rem;padding:.75rem 1rem .5rem}.cashflow-operating-header .category-title{color:#0369a1}.cashflow-investing-header{background-color:#fef3c7;border:1px solid #fbbf24;border-radius:8px 8px 0 0;margin:-1rem -1rem 1rem;padding:.75rem 1rem .5rem}.cashflow-investing-header .category-title{color:#92400e}.cashflow-financing-header{background-color:#f3e8ff;border:1px solid #a855f7;border-radius:8px 8px 0 0;margin:-1rem -1rem 1rem;padding:.75rem 1rem .5rem}.cashflow-financing-header .category-title{color:#7c2d12}.net-income-header{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;justify-content:space-between;margin:-1rem;padding:.75rem 1rem}.net-income-header,.net-income-title-row{align-items:center;display:flex}.net-income-header .category-title{color:#059669;margin:0}.net-income-header .category-icon{color:#059669;margin-right:.5rem}.net-income-header-content{align-items:flex-end;display:flex;flex-direction:column;text-align:right}.net-income-amount{font-feature-settings:"tnum";font-size:1.25rem;font-weight:700}.net-income-amount.positive{color:#059669}.net-income-amount.negative{color:#dc2626}.net-income-subtitle{color:#047857;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.6875rem;font-weight:400;margin-top:.25rem;opacity:.8;text-align:right}.net-income-total-section{margin-bottom:0;margin-top:0}.net-cashflow-total{align-items:center;background-color:#f8fafc;border:1px solid var(--card-border);border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;display:flex;font-weight:600;justify-content:space-between;padding:.75rem 1rem}.net-cashflow-total .total-label{color:var(--text-color);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.net-cashflow-total .total-amount{font-feature-settings:"tnum";font-size:1.125rem;font-weight:700;margin-left:auto}.net-cashflow-total .total-amount.positive{color:#059669}.net-cashflow-total .total-amount.negative{color:#dc2626}.cashflow-category{margin-bottom:1.25rem}.metrics-divider{border-top:1px solid var(--card-border);color:var(--text-secondary);font-size:.6875rem;font-weight:700;letter-spacing:.1em;margin:1rem 0 .5rem;padding:.375rem 0;text-align:center;text-transform:uppercase}.metrics-divider:first-of-type{border-top:none;margin-top:.75rem}.cashflow-category,.expenses-section,.income-section,.net-income-total-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;margin-bottom:0;padding:1rem}.financial-chart{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;display:flex;flex-direction:column;height:100%;padding:1.25rem}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.chart-title{color:var(--text-color);font-size:1rem;font-weight:600;margin:0}.chart-legend{display:flex;gap:1rem}.legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.375rem}.legend-color{border-radius:2px;height:12px;width:12px}.legend-color.target{background:#9ca3af;background:var(--chart-target,#9ca3af)}.chart-container{align-items:center;display:flex;flex:1 1;justify-content:center;margin:.75rem 0}.chart-svg{height:200px;max-width:400px;width:100%}.data-point{cursor:pointer;transition:r .15s ease}.data-point:hover{r:6}.data-point.target:hover{r:5}.axis-label{fill:var(--text-secondary);font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:10px}.chart-summary{border-top:1px solid var(--card-border);display:flex;justify-content:space-around;margin-top:.75rem;padding-top:1rem}.summary-stat{align-items:center;display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.stat-value{font-feature-settings:"tnum";color:var(--text-color);font-size:.875rem}.stat-value.positive{color:#059669}.stat-value.negative{color:#dc2626}:root{--chart-grid:#e5e7eb;--chart-target:#9ca3af}[data-theme=dark]{--chart-grid:#374151;--chart-target:#6b7280}[data-theme=dark] .axis-label{fill:var(--text-secondary)}@media (max-width:768px){.chart-header{align-items:flex-start;flex-direction:column;gap:.5rem}.chart-legend{gap:.75rem}.chart-summary{flex-direction:column;gap:.75rem}.summary-stat{flex-direction:row;justify-content:space-between}}.finance-page{background:#0000;margin:0 auto;max-width:1400px;min-height:100vh;padding:1rem 1.5rem}.finance-header{margin-bottom:1.25rem}.header-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:1.25rem 1.5rem}.header-left{flex:1 1}.header-right{gap:1rem}.header-left h1{align-items:center;color:#111827;display:flex;font-size:1.875rem;font-weight:700;gap:.5rem;margin:0 0 .5rem}.mode-badge{background:#10b981;border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.header-left p{color:#6b7280;font-size:.875rem;margin:0}.view-selector{display:flex;gap:.5rem}.view-button{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .15s ease}.view-button:hover{background:#f9fafb;border-color:#9ca3af}.view-button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.theme-toggle{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:1.25rem;padding:.5rem;transition:all .15s ease}.theme-toggle:hover{background:#f9fafb}.overview-section{display:flex;flex-direction:column;gap:1rem}.health-score-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:1rem 1.25rem}.health-score-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.health-score-header h3{color:#374151;font-size:1.25rem;font-weight:600;margin:0}.health-score-value{font-size:2rem;font-weight:700}.health-score-bar{background:#e5e7eb;border-radius:3px;height:6px;margin-bottom:.375rem;overflow:hidden;width:100%}.health-score-progress{border-radius:4px;height:100%;transition:width .5s ease}.health-score-status{color:#6b7280;font-size:.875rem;font-weight:500}.financial-summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:1.5rem;transition:transform .15s ease,box-shadow .15s ease}.summary-card:hover{box-shadow:0 4px 12px 0 #0000001a;transform:translateY(-2px)}.card-header{margin-bottom:1rem}.card-icon{font-size:1.5rem;margin-right:.75rem}.card-header h3{color:#374151;font-size:1rem;font-weight:600;margin:0}.card-value{font-feature-settings:"tnum";color:#111827;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.card-value.positive{color:#059669}.card-value.negative{color:#dc2626}.card-change{color:#6b7280;font-size:.875rem;font-weight:500}.card-change.positive{color:#059669}.card-change.negative{color:#dc2626}.ratios-section{padding:1.5rem}.section-title{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.ratios-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ratio-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;text-align:center}.ratio-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.ratio-value{font-feature-settings:"tnum";color:#111827;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.ratio-description{color:#9ca3af;font-size:.75rem}.quick-actions{display:flex;flex-direction:column}.quick-actions .section-title{margin-bottom:1rem}.action-button{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:inherit;display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:1.25rem .75rem;text-decoration:none;transition:all .15s ease;width:100%}.action-button:hover{background:#f3f4f6;box-shadow:0 2px 4px 0 #0000001a;transform:translateY(-1px)}.action-icon{font-size:1.5rem;margin-bottom:.5rem;min-width:auto}.action-text{color:#374151;font-size:.75rem;font-weight:500;line-height:1.2;text-align:center}.data-notice{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;margin-top:2rem;padding:1rem;text-align:center}.data-notice p{color:#92400e;font-size:.875rem;margin:0}.financial-summary-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr);margin-bottom:1rem}.financial-summary-row .summary-card{background:#fff;border:2px solid #0000;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;cursor:pointer;padding:1rem;position:relative;transition:all .15s ease}.financial-summary-row .summary-card:hover{border-color:#e5e7eb;box-shadow:0 4px 12px 0 #00000026;transform:translateY(-2px)}.financial-summary-row .summary-card.selected{background:#f8faff;border-color:#3b82f6;box-shadow:0 4px 12px 0 #3b82f640}.financial-summary-row .summary-card.selected:after{content:"📊";font-size:.75rem;opacity:.6;position:absolute;right:.5rem;top:.5rem}.dashboard-three-columns{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:300px 1fr 300px;min-height:400px}.left-column{display:flex;flex-direction:column}.quick-actions{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;height:fit-content;padding:1.25rem}.actions-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.quick-actions .action-button{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:inherit;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:1.25rem .75rem;text-align:center;text-decoration:none;transition:all .15s ease;width:100%}.quick-actions .action-button:hover{background:#f3f4f6;box-shadow:0 2px 4px 0 #0000001a;transform:translateY(-1px)}.quick-actions .action-icon{font-size:1.5rem;margin-bottom:.5rem;min-width:auto}.quick-actions .action-text{color:#374151;font-size:.75rem;font-weight:500;line-height:1.2;text-align:center}.middle-column{min-height:400px}.middle-column,.right-column{display:flex;flex-direction:column}.ratios-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;height:fit-content;padding:1.25rem}.ratios-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.ratios-list .ratio-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:.875rem;transition:background-color .15s ease}.ratios-list .ratio-card:hover{background:#f3f4f6}.ratios-list .ratio-label{color:#6b7280;font-size:.6875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.375rem;text-transform:uppercase}.ratios-list .ratio-value{font-feature-settings:"tnum";color:#111827;font-size:1.125rem;font-weight:700;margin-bottom:.125rem}.ratios-list .ratio-description{color:#9ca3af;font-size:.6875rem}@media (max-width:1200px){.dashboard-three-columns{gap:1.5rem;grid-template-columns:280px 1fr 280px}}@media (max-width:1024px){.header-content{align-items:stretch;flex-direction:column;gap:1rem}.financial-summary-row{gap:.75rem;grid-template-columns:repeat(3,1fr)}.dashboard-three-columns{gap:1rem;grid-template-columns:1fr}}@media (max-width:768px){.finance-page,.header-content{padding:1rem}.header-left h1{font-size:1.5rem}.financial-summary-row{gap:.75rem;grid-template-columns:repeat(2,1fr)}.financial-summary-row .summary-card{padding:.875rem}.dashboard-three-columns{gap:.75rem}.quick-actions,.ratios-section{padding:1rem}.actions-list,.ratios-list{grid-template-columns:1fr}.view-selector{flex-direction:column;margin-bottom:1rem;margin-right:0}}@media (max-width:480px){.view-button{font-size:.8rem;padding:.75rem}.financial-summary-row{grid-template-columns:1fr}.financial-summary-row .summary-card{padding:1rem}.card-value,.health-score-value{font-size:1.5rem}}[data-theme=dark] .finance-page{background:#111827}[data-theme=dark] .financial-summary-row .summary-card,[data-theme=dark] .header-content,[data-theme=dark] .health-score-card,[data-theme=dark] .quick-actions,[data-theme=dark] .ratios-section{background:#1f2937;border-color:#374151}[data-theme=dark] .financial-summary-row .summary-card:hover{border-color:#4b5563}[data-theme=dark] .financial-summary-row .summary-card.selected{background:#1e3a8a;border-color:#3b82f6}[data-theme=dark] .card-value,[data-theme=dark] .header-left h1,[data-theme=dark] .health-score-header h3,[data-theme=dark] .section-title{color:#f9fafb}[data-theme=dark] .card-change,[data-theme=dark] .card-header h3,[data-theme=dark] .header-left p,[data-theme=dark] .health-score-status{color:#d1d5db}[data-theme=dark] .quick-actions .action-button,[data-theme=dark] .ratios-list .ratio-card{background:#374151;border-color:#4b5563}[data-theme=dark] .quick-actions .action-button:hover,[data-theme=dark] .ratios-list .ratio-card:hover{background:#4b5563}[data-theme=dark] .quick-actions .action-text{color:#d1d5db}[data-theme=dark] .ratios-list .ratio-label{color:#9ca3af}[data-theme=dark] .ratios-list .ratio-value{color:#f9fafb}[data-theme=dark] .ratios-list .ratio-description{color:#6b7280}[data-theme=dark] .view-button{background:#374151;border-color:#4b5563;color:#d1d5db}[data-theme=dark] .view-button:hover{background:#4b5563}[data-theme=dark] .view-button.active{background:#3b82f6;color:#fff}[data-theme=dark] .theme-toggle{background:#374151;border-color:#4b5563;color:#d1d5db}[data-theme=dark] .theme-toggle:hover{background:#4b5563}[data-theme=dark] .health-score-bar{background:#374151}[data-theme=dark] .data-notice{background:#451a03;border-color:#a16207}[data-theme=dark] .data-notice p{color:#fbbf24}.design-showcase{--glass-bg:color-mix(in oklab,var(--card-bg) 80%,#0000);--glass-border:color-mix(in oklab,var(--border-color) 70%,#0000);--shadow-hero:0 10px 30px #00000014;background:radial-gradient(1200px 600px at 100% -10%,color-mix(in oklab,var(--primary-color) 12%,#0000),#0000),radial-gradient(1000px 500px at -10% 10%,color-mix(in oklab,var(--secondary-color) 10%,#0000),#0000);color:var(--text-color);min-height:100vh}.hero{overflow:hidden;padding:72px 24px 48px;position:relative}.hero-bg{inset:0;pointer-events:none;position:fixed;z-index:0}.gradient-orb{filter:blur(60px);opacity:.4;position:absolute}.orb-1{background:radial-gradient(circle at 30% 30%,var(--primary-color),#0000 60%);height:460px;right:-120px;top:-80px;width:460px}.orb-2{background:radial-gradient(circle at 70% 70%,var(--secondary-color),#0000 55%);bottom:-80px;height:360px;left:-120px;width:360px}.grid-overlay{background-image:linear-gradient(to right,color-mix(in oklab,var(--border-color) 25%,#0000) 1px,#0000 1px),linear-gradient(to bottom,color-mix(in oklab,var(--border-color) 25%,#0000) 1px,#0000 1px);background-size:40px 40px;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 0,#000,#0000);mask-image:radial-gradient(70% 60% at 50% 0,#000,#0000);position:absolute}.hero-content{margin:0 auto;max-width:1100px;position:relative;text-align:left;z-index:1}.eyebrow{color:var(--text-secondary);font-size:.9rem;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.hero-title{color:var(--heading-color);font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin:0}.hero-title .accent{color:var(--link-color)}.hero-subtitle{color:var(--text-secondary);font-size:1.05rem;margin:14px 0 24px}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.btn{align-items:center;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;display:inline-flex;font-weight:600;height:42px;justify-content:center;padding:0 16px;text-decoration:none;transition:all .2s ease}.btn-primary{border-color:var(--primary-color);box-shadow:0 6px 14px #3b82f640;color:var(--primary-text-color)}.btn-secondary{background:var(--card-bg)}.btn-ghost{background:#0000;color:var(--link-color)}.btn-ghost:hover{background:color-mix(in oklab,var(--link-color) 8%,#0000)}.stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(120px,1fr));margin-top:28px;max-width:560px}.stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border-radius:12px;box-shadow:var(--box-shadow);padding:12px 14px}.stat-value{color:var(--heading-color);font-weight:700}.stat-label{color:var(--text-secondary);font-size:.85rem}.features{padding:24px}.design-showcase>section{position:relative;z-index:1}.section-header{margin:0 auto 16px;max-width:980px;text-align:left}.section-header h2{margin:0 0 6px}.section-header p{color:var(--text-secondary);margin:0}.features-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(4,1fr);margin:20px auto 0;max-width:1100px}.feature-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--box-shadow);padding:18px;transition:transform .15s ease,box-shadow .15s ease}.feature-card:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.feature-icon{font-size:1.3rem;margin-bottom:8px}.preview{padding:8px 24px 56px}.preview-grid{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:1.2fr .8fr .8fr;margin:20px auto 0;max-width:1100px}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--box-shadow);overflow:hidden}.card.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg)}.card.gradient{background:linear-gradient(145deg,color-mix(in oklab,var(--primary-color) 12%,var(--card-bg)),var(--card-bg))}.card.plain{background:var(--card-bg)}.card-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:18px}.card-header.compact{padding:14px 16px}.badge{background:var(--primary-color);border-radius:999px;color:var(--primary-text-color);font-size:.75rem;padding:6px 10px}.card-content{padding:18px}.card-actions{border-top:1px solid var(--border-color);display:flex;gap:10px;padding:16px 18px}.kpis{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.kpi{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow);padding:12px}.kpi-label{color:var(--text-secondary);font-size:.85rem}.kpi-value{color:var(--heading-color);font-weight:700}.kpi-value.positive{color:var(--success-color)}.shortcuts{display:flex;flex-wrap:wrap;gap:10px;padding:14px 16px 18px}.chip{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:999px;color:var(--text-color);display:inline-flex;gap:8px;padding:8px 12px;text-decoration:none;transition:all .15s ease}.chip:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-1px)}.list{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0;padding:14px 18px 18px}.list li{padding-left:22px;position:relative}.list li:before{color:var(--success-color);content:"✔";left:0;position:absolute}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.preview-grid{grid-template-columns:1fr}}@media (max-width:640px){.hero{padding:56px 16px 32px}.features{padding:16px}.preview{padding:8px 16px 40px}.stats{grid-template-columns:1fr 1fr}}.portfolio-page{padding:20px}.portfolio-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.asof{font-size:.9rem;opacity:.7}.variant-toolbar{display:flex;gap:8px;margin-bottom:12px}.variant-btn{background:#0b0b0b0a;background:var(--panel-bg,#0b0b0b0a);border:1px solid #00000014;border-radius:8px;cursor:pointer;padding:6px 10px}.variant-btn.active{border-color:#10b981;color:#10b981}.state{padding:16px}.state.error{color:#dc2626;color:var(--danger,#dc2626)}.cash-warning{background:#fff5d8;border-radius:8px;color:#a16207;font-weight:600;margin-bottom:12px;padding:12px 14px}.data-sources-indicator{align-items:center;background:#10b9811a;background:var(--success-bg,#10b9811a);border:1px solid #10b9814d;border:1px solid var(--success-border,#10b9814d);border-radius:6px;color:#059669;color:var(--success-text,#059669);display:inline-flex;font-size:12px;gap:4px;margin-left:8;padding:2px 8px}.kpi-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.kpi-card{background:#0b0b0b0a;background:var(--panel-bg,#0b0b0b0a);border-radius:12px;padding:16px}.kpi-label{margin-bottom:6px;opacity:.8}.kpi-value{font-size:1.2rem}.kpi-value .pos{color:#10b981}.kpi-value .neg{color:#dc2626}.grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:16px 0}.panel{background:#0b0b0b0a;background:var(--panel-bg,#0b0b0b0a);border-radius:12px;padding:16px}.panel-header{font-weight:700;margin-bottom:10px}.panel-content-flex{align-items:flex-end;display:flex;gap:16px}.legend{display:flex;flex-direction:column;gap:8px}.legend-row{align-items:center;display:flex;gap:10px;justify-content:space-between;min-width:240px}.legend.below{align-items:flex-start}.legend.below .legend-row{gap:8px;justify-content:flex-start}.legend-row .badge{border-radius:999px;display:inline-block;height:10px;width:10px}.line-chart{height:auto;width:100%}.main-line{stroke:#10b981;stroke:var(--accent-color,#10b981);stroke-width:2.5}.main-line-halo{stroke:#ffffff40;stroke-width:4}[data-theme=dark] .main-line-halo{stroke:#0009}[data-theme=dark] .main-line{stroke:#34d399}.chart-axis{stroke:#0000004d}.chart-grid{stroke:#00000014;stroke-width:.75;stroke-dasharray:2 3;stroke-linecap:round}.chart-grid-strong{stroke:#0000001f;stroke-width:1;stroke-dasharray:4 3;stroke-linecap:round}.chart-label{fill:#000000b3}[data-theme=dark] .chart-axis{stroke:#ffffff80}[data-theme=dark] .chart-grid{stroke:#ffffff1f;stroke-width:.75;stroke-dasharray:2 3;stroke-linecap:round}[data-theme=dark] .chart-grid-strong{stroke:#ffffff2e;stroke-width:1;stroke-dasharray:4 3;stroke-linecap:round}[data-theme=dark] .chart-label{fill:#ffffffd9}.chart-empty{font-style:italic;opacity:.6;padding:10px 0}.chart-tooltip{background:#000c;border-radius:6px;color:#fff;font-size:12px;padding:6px 8px;pointer-events:none;white-space:nowrap}[data-theme=light] .chart-tooltip{background:#000000bf;color:#fff}[data-theme=dark] .chart-tooltip{background:#ffffff1f;border:1px solid #fff3}[data-theme=dark] .data-sources-indicator{background:#10b98133;background:var(--success-bg,#10b98133);border-color:#10b98166;border-color:var(--success-border,#10b98166);color:#34d399;color:var(--success-text,#34d399)}[data-theme=dark] .panel text{fill:var(--text-color)!important}[data-theme=dark] :root{--axis-color:#ffffff80;--grid-color:#ffffff1f;--chart-label:#ffffffd9}[data-theme=dark] .panel .legend .lbl,[data-theme=dark] .panel .legend .val{color:var(--text-color)}[data-theme=dark] .kpi-card,[data-theme=dark] .panel{background:#ffffff0f;border:1px solid #ffffff14}[data-theme=dark] .positions-table td,[data-theme=dark] .positions-table th{border-bottom-color:#ffffff1f}[data-theme=dark] .positions-table .subtotal-row td{background:#ffffff0a;border-bottom-color:#ffffff1f;border-top-color:#ffffff1f}[data-theme=dark] .chart-tooltip{background:#000c;border:1px solid #ffffff1f;color:#fff}.table-wrap{overflow:auto}.positions-table{border-collapse:collapse;font-size:.92rem;width:100%}.positions-table td,.positions-table th{border-bottom:1px solid #0000000f;padding:10px 8px;text-align:left}.positions-table th{font-weight:600;opacity:.7}.positions-table .pos{color:#10b981}.positions-table .neg{color:#dc2626}.positions-table td.num,.positions-table td.pct,.positions-table th.num,.positions-table th.pct{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.positions-table .subtotal-row td{background:color-mix(in oklab,var(--card-bg) 85%,#0000);border-bottom:1px solid #00000014;border-bottom:1px solid var(--glass-border,#00000014);border-top:1px solid #00000014;border-top:1px solid var(--glass-border,#00000014)}.positions-table .subtotal-row td:first-child{border-bottom-left-radius:8px;border-left:3px solid var(--primary-color);border-top-left-radius:8px}.positions-table .subtotal-row td:last-child{border-bottom-right-radius:8px;border-top-right-radius:8px}.positions-table .subtotal-row .subtotal-label{letter-spacing:.02em;opacity:.75;text-transform:uppercase}.positions-table tr.highlight.initial td{background:color-mix(in oklab,var(--card-bg) 92%,#a3e635 8%)}.positions-table tr.highlight.return td{background:color-mix(in oklab,var(--card-bg) 92%,#93c5fd 8%)}.positions-table tr.highlight.final td{background:color-mix(in oklab,var(--card-bg) 92%,#fda4af 8%)}.positions-table tr.highlight.net td{background:color-mix(in oklab,var(--card-bg) 92%,#fdba74 8%)}[data-theme=dark] .positions-table tr.highlight.net td{background:#fdba741a}[data-theme=dark] .positions-table tr.highlight.initial td{background:#a3e63514}[data-theme=dark] .positions-table tr.highlight.return td{background:#93c5fd14}[data-theme=dark] .positions-table tr.highlight.final td{background:#fda4af14}.stats{display:flex;flex-direction:column;gap:8px}.stat{align-items:center;background:#0b0b0b0a;background:var(--panel-bg,#0b0b0b0a);border:1px solid var(--glass-border);border-radius:10px;display:grid;grid-template-columns:1fr auto;padding:10px 12px}.stat .label{opacity:.8}.stat .value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.stat .value.pos{color:#10b981}.stat .value.neg{color:#dc2626}.hero-kpis{align-items:center;background:#0b0b0b0a;background:var(--panel-bg,#0b0b0b0a);border-radius:12px;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding:16px}.hero-main{font-size:1.8rem}.hero-label{font-size:.9rem;opacity:.7}.hero-value{font-size:2rem;font-weight:700}.hero-side{display:flex;flex-wrap:wrap;gap:10px}.hero-chip{background:#eef5ff;border-radius:999px;color:#0b5fff;font-size:.9rem;padding:6px 10px}.hero-chip.warn{background:#fff5d8;color:#a16207}.analytics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:320px 1fr}.left-col,.right-col{display:flex;flex-direction:column;gap:16px}.portfolio-config-modal{max-height:80vh;max-width:600px;overflow-y:auto;width:90vw}.modal-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:20px 24px 16px}.modal-body{padding:24px}.modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:flex-end;padding:16px 24px 20px}.config-section{margin-bottom:32px}.config-section:last-child{margin-bottom:0}.config-section h3{color:#111827;color:var(--text-primary,#111827);font-size:18px;font-weight:600;margin:0 0 12px}.config-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;line-height:1.5;margin:0 0 20px}.data-sources-list{display:flex;flex-direction:column;gap:16px}.data-source-item{background:#fff;background:var(--panel-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:20px;transition:all .2s ease}.data-source-item:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 2px 8px #3b82f61a}.data-source-item.disabled{background:#f9fafb;background:var(--disabled-bg,#f9fafb);opacity:.6}.data-source-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.data-source-info{flex:1 1}.data-source-info h4{color:#111827;color:var(--text-primary,#111827);font-size:16px;font-weight:600;margin:0 0 8px}.data-source-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;line-height:1.4;margin:0}.data-source-controls{flex-shrink:0}.checkbox-container{align-items:center;cursor:pointer;display:flex;position:relative}.checkbox-container input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:#fff;background-color:var(--input-bg,#fff);border:2px solid #d1d5db;border:2px solid var(--border-color,#d1d5db);border-radius:4px;height:20px;position:relative;transition:all .2s ease;width:20px}.checkbox-container input:checked~.checkmark,.checkbox-container:hover input~.checkmark{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.checkbox-container input:checked~.checkmark{background-color:#3b82f6;background-color:var(--primary-color,#3b82f6)}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;height:10px;left:6px;top:2px;transform:rotate(45deg);width:6px}.checkbox-container input:disabled~.checkmark{background-color:#f3f4f6;background-color:var(--disabled-bg,#f3f4f6);border-color:#d1d5db;border-color:var(--disabled-border,#d1d5db);cursor:not-allowed}.unavailable-notice{align-items:center;background:#fef3c7;background:var(--warning-bg,#fef3c7);border:1px solid #f59e0b;border:1px solid var(--warning-border,#f59e0b);border-radius:6px;color:#92400e;color:var(--warning-text,#92400e);display:flex;font-size:13px;gap:8px;margin-top:12px;padding:8px 12px}.unavailable-icon{font-size:14px}.info-box{background:#eff6ff;background:var(--info-bg,#eff6ff);border:1px solid #bfdbfe;border:1px solid var(--info-border,#bfdbfe);border-radius:8px;padding:16px}.info-box p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;line-height:1.5;margin:0 0 12px}.info-box p:last-child{margin-bottom:0}.info-box strong{color:#111827;color:var(--text-primary,#111827);font-weight:600}[data-theme=dark] .data-source-item{background:#1f2937;background:var(--panel-bg,#1f2937);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .data-source-item:hover{border-color:#60a5fa;border-color:var(--primary-color,#60a5fa);box-shadow:0 2px 8px #60a5fa1a}[data-theme=dark] .data-source-item.disabled{background:#111827;background:var(--disabled-bg,#111827)}[data-theme=dark] .unavailable-notice{background:#451a03;background:var(--warning-bg,#451a03);border-color:#d97706;border-color:var(--warning-border,#d97706);color:#fbbf24;color:var(--warning-text,#fbbf24)}[data-theme=dark] .info-box{background:#1e3a8a;background:var(--info-bg,#1e3a8a);border-color:#3b82f6;border-color:var(--info-border,#3b82f6)}[data-theme=dark] .info-box p{color:#9ca3af;color:var(--text-secondary,#9ca3af)}[data-theme=dark] .info-box strong{color:#f9fafb;color:var(--text-primary,#f9fafb)}.news-page{background-color:initial;height:100vh;overflow-y:auto}.news-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);padding:24px;position:sticky;top:0;z-index:10}.create-action-button{background:#0ea5e9}.create-action-button:hover{background:#0284c7;box-shadow:0 4px 12px #0ea5e94d}.news-content{margin:0;padding:24px;width:100%}.news-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card.total{border-left:4px solid #0ea5e9}.stat-card.news{border-left:4px solid #f97316}.stat-card.videos{border-left:4px solid var(--error-color)}.stat-card.priority{border-left:4px solid #10b981}.content-filters{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.content-section{margin-bottom:32px}.view-options{display:flex;gap:8px}.view-btn{align-items:center;background:var(--surface-hover);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.view-btn:hover{background:var(--border-color)}.view-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.content-list{display:flex;flex-direction:column;gap:20px}.content-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .2s ease}.content-card:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.content-card.news.blue{background:#3b82f605;border-left:4px solid #3b82f6}.content-card.video.green{background:#10b98105;border-left:4px solid #10b981}.content-card.news.yellow{background:#f59e0b05;border-left:4px solid #f59e0b}.content-card.video.purple{background:#8b5cf605;border-left:4px solid #8b5cf6}.content-card.news.red{background:#ef444405;border-left:4px solid #ef4444}.content-card.video.cyan{background:#06b6d405;border-left:4px solid #06b6d4}.content-header{display:flex;gap:20px;margin-bottom:16px}.content-thumbnail{background:var(--surface-hover);border-radius:12px;flex-shrink:0;height:90px;overflow:hidden;position:relative;width:160px}.content-thumbnail img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.content-card:hover .content-thumbnail img{transform:scale(1.05)}.content-type-badge{background:#000c;color:#fff;font-size:.75rem;font-weight:600;left:8px}.content-type-badge,.priority-badge{border-radius:6px;padding:4px 8px;position:absolute;top:8px}.priority-badge{font-size:.7rem;font-weight:700;letter-spacing:.5px;right:8px;text-transform:uppercase}.content-meta{flex:1 1;min-width:0}.content-title-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.content-title{color:var(--heading-color);flex:1 1;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0}.content-timing{flex-shrink:0}.duration,.read-time{background:var(--surface-hover);border-radius:6px;color:var(--text-secondary);font-size:.85rem;font-weight:500;padding:4px 8px}.content-summary{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 12px}.content-details{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.content-category{border-radius:8px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.content-category.blue{background:#3b82f61a;color:#3b82f6}.content-category.green{background:#10b9811a;color:#10b981}.content-category.yellow{background:#f59e0b1a;color:#f59e0b}.content-category.purple{background:#8b5cf61a;color:#8b5cf6}.content-category.red{background:#ef44441a;color:#ef4444}.content-category.cyan{background:#06b6d41a;color:#06b6d4}.content-author,.content-date,.content-source{color:var(--text-secondary);font-size:.8rem;font-weight:500}.content-body{margin-bottom:16px}.content-tags{display:flex;flex-wrap:wrap;gap:8px}.content-tag{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:4px 8px}.content-engagement{border-top:1px solid var(--border-color);margin-bottom:16px;padding:12px 0}.engagement-stats{display:flex;gap:20px}.engagement-stats .stat{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;font-weight:500;gap:6px}.content-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-primary{background:#0ea5e9}.btn-primary:hover{background:#0284c7;box-shadow:0 4px 12px #0ea5e94d}@media (max-width:768px){.news-header{padding:16px}.header-content{align-items:stretch;flex-direction:column;gap:16px;padding-left:16px!important}.header-left{text-align:center}.header-center{max-width:none}.search-input{font-size:16px}.news-content{padding:20px}.news-stats{gap:12px;grid-template-columns:1fr 1fr}.content-filters{flex-direction:column;gap:12px}.filter-tabs{flex-wrap:wrap}.filter-actions,.filter-tabs{justify-content:center}.content-header{flex-direction:column;gap:12px}.content-thumbnail{height:200px;width:100%}.content-title-row{align-items:stretch;flex-direction:column;gap:8px}.content-details{align-items:flex-start;flex-direction:column;gap:8px}.content-actions,.engagement-stats{justify-content:center}.quick-actions-grid{gap:16px;grid-template-columns:1fr}}.calendar-page{background-color:initial;height:100vh;overflow-y:auto}.calendar-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);padding:24px;position:sticky;top:0;z-index:10}.calendar-content{margin:0;padding:24px;width:100%}.calendar-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card.today{border-left:4px solid #10b981}.stat-card.upcoming{border-left:4px solid #f59e0b}.stat-card.priority{border-left:4px solid var(--error-color)}.calendar-views{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.view-tabs{display:flex;gap:8px}.view-tab{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.view-tab:hover{background:var(--border-color)}.view-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.view-actions{display:flex;gap:12px}.events-section{margin-bottom:32px}.timeline-indicator{align-items:center;display:flex}.current-time{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:600;padding:6px 12px}.events-list{display:flex;flex-direction:column;gap:20px}.event-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .2s ease}.event-card:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.event-card.meeting.blue{background:#3b82f605;border-left:4px solid #3b82f6}.event-card.appointment.red{background:#ef444405;border-left:4px solid #ef4444}.event-card.personal.green{background:#10b98105;border-left:4px solid #10b981}.event-card.learning.purple{background:#8b5cf605;border-left:4px solid #8b5cf6}.event-card.business.orange{background:#f9731605;border-left:4px solid #f97316}.event-card.personal.cyan{background:#06b6d405;border-left:4px solid #06b6d4}.event-header{display:flex;gap:24px;margin-bottom:16px}.event-time-block{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:12px;flex-shrink:0;padding:16px;text-align:center;width:120px}.event-date{color:var(--primary-color);font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.event-date,.event-time{font-weight:600;margin-bottom:4px}.event-time{color:var(--text-color);font-size:.9rem;line-height:1.3}.event-duration{background:#3b82f61a;border-radius:6px;color:var(--text-secondary);color:#3b82f6;display:inline-block;font-size:.8rem;padding:2px 8px}.event-meta{flex:1 1;min-width:0}.event-title-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:8px}.event-type-icon{align-items:center;background:var(--surface-hover);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.event-title{color:var(--heading-color);flex:1 1;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0}.event-badges{display:flex;flex-shrink:0;gap:8px}.priority-badge,.status-badge{border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.priority-badge.red{background:var(--error-color);color:#fff}.priority-badge.orange{background:#f97316;color:#fff}.priority-badge.gray{background:var(--text-secondary);color:#fff}.event-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 12px}.event-details{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.event-attendees,.event-location,.event-recurrence{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:.8rem;font-weight:500;padding:4px 8px}.event-attendees{background:#3b82f61a;border-color:#3b82f633;color:#3b82f6}.event-recurrence{background:#10b9811a;border-color:#10b98133;color:#10b981}.event-body{margin-bottom:16px}.event-tags{display:flex;flex-wrap:wrap;gap:8px}.event-tag{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:4px 8px}.event-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-action.danger{background:#ef44441a;border:1px solid #ef444433;color:var(--error-color)}.btn-action.danger:hover{background:var(--error-color);color:#fff}@media (max-width:768px){.calendar-header{padding:16px}.header-content{align-items:stretch;flex-direction:column;gap:16px;padding-left:16px!important}.header-left{text-align:center}.header-center{max-width:none}.search-input{font-size:16px}.calendar-content{padding:20px}.calendar-stats{gap:12px;grid-template-columns:1fr 1fr}.calendar-views{flex-direction:column;gap:12px}.view-tabs{flex-wrap:wrap}.view-actions,.view-tabs{justify-content:center}.event-header{flex-direction:column;gap:16px}.event-time-block{align-items:center;display:flex;justify-content:space-between;text-align:left;width:100%}.event-title-row{align-items:stretch;flex-direction:column;gap:8px}.event-badges{justify-content:flex-start}.event-details{align-items:flex-start;flex-direction:column;gap:8px}.event-actions{justify-content:center}.quick-actions-grid{gap:16px;grid-template-columns:1fr}}.n8n-page{background-color:initial;height:100vh;overflow-y:auto}.n8n-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);padding:24px;position:sticky;top:0;z-index:10}.n8n-content{margin:0;padding:24px;width:100%}.n8n-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card.total{border-left:4px solid #6b7280}.stat-card.running{border-left:4px solid #3b82f6}.stat-card.errors{border-left:4px solid var(--error-color)}.stat-card.success{border-left:4px solid #10b981}.automation-filters{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.automations-section{margin-bottom:32px}.status-indicator{align-items:center;display:flex}.system-status{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:600;padding:6px 12px}.automations-list{display:flex;flex-direction:column;gap:20px}.automation-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .2s ease}.automation-card:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.automation-card.blue{background:#3b82f605;border-left:4px solid #3b82f6}.automation-card.green{background:#10b98105;border-left:4px solid #10b981}.automation-card.red{background:#ef444405;border-left:4px solid #ef4444}.automation-card.orange{background:#f9731605;border-left:4px solid #f97316}.automation-header{margin-bottom:16px}.automation-info{width:100%}.automation-title-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:8px}.automation-category{align-items:center;background:var(--surface-hover);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.automation-name{color:var(--heading-color);flex:1 1;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0}.automation-status{flex-shrink:0}.status-badge.blue{background:#3b82f6;color:#fff}.status-badge.orange{background:#f97316}.automation-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 12px}.automation-details{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.automation-body{margin-bottom:16px}.automation-triggers{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.triggers-label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.trigger-tag{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:4px 8px}.automation-error{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.error-icon{font-size:1rem}.error-message{color:var(--error-color);font-size:.8rem;font-weight:500}.automation-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-primary{background:#6b7280}.btn-primary:hover{background:#4b5563;box-shadow:0 4px 12px #6b72804d}@media (max-width:768px){.n8n-header{padding:16px}.header-content{align-items:stretch;flex-direction:column;gap:16px;padding-left:16px!important}.header-left{text-align:center}.header-center{max-width:none}.search-input{font-size:16px}.n8n-content{padding:20px}.n8n-stats{gap:12px;grid-template-columns:1fr 1fr}.automation-filters{flex-direction:column;gap:12px}.filter-tabs{flex-wrap:wrap}.filter-actions,.filter-tabs{justify-content:center}.automation-title-row{align-items:stretch;flex-direction:column;gap:8px}.automation-details{align-items:flex-start;flex-direction:column;gap:8px}.automation-actions{justify-content:center}.quick-actions-grid{gap:16px;grid-template-columns:1fr}}.data-source-setup{background-color:var(--background-color);margin:0 auto;max-width:1000px;padding:24px}.setup-header{margin-bottom:32px;text-align:center}.setup-header h2{color:var(--heading-color);font-size:2rem;font-weight:700;margin:0 0 8px}.setup-header p{color:var(--text-secondary);font-size:1.1rem;margin:0 0 16px}.current-entity{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:8px;display:inline-block;margin:16px 0;padding:12px 16px}.current-entity span{color:var(--text-secondary);font-size:.9rem}.current-entity strong{color:var(--heading-color);font-weight:600}.setup-steps{gap:16px;justify-content:center;margin-bottom:40px}.setup-steps,.step{align-items:center;display:flex}.step{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;gap:8px;padding:12px 16px;position:relative;transition:all .3s ease}.step.active{background:#3b82f61a;border-color:var(--primary-color)}.step.completed{background:#10b9811a;border-color:#10b981}.step-number{align-items:center;background:var(--border-color);border-radius:50%;color:var(--text-secondary);display:flex;font-size:.8rem;font-weight:600;height:24px;justify-content:center;width:24px}.step.active .step-number{background:var(--primary-color);color:#fff}.step.completed .step-number{background:#10b981;color:#fff}.step.completed .step-number:before{content:"✓";font-size:.7rem}.step.completed .step-number{text-indent:-9999px}.step-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.step.active .step-label{color:var(--primary-color);font-weight:600}.step.completed .step-label{color:#10b981;font-weight:600}.setup-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;margin-bottom:24px;padding:32px}.step-content h3{color:var(--heading-color);font-size:1.5rem;font-weight:600;margin:0 0 8px}.step-content>p{color:var(--text-secondary);font-size:1rem;margin:0 0 24px}.data-sources-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:24px}.data-source-card{background:var(--card-bg);border:2px solid var(--card-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .2s ease}.data-source-card:hover{border-color:var(--primary-color);box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.data-source-card.selected{background:#3b82f60d;border-color:var(--primary-color)}.source-icon{align-self:flex-start;background:var(--surface-hover);border-radius:12px;font-size:2rem;padding:12px;text-align:center}.source-info h4{color:var(--heading-color);font-size:1.1rem;font-weight:600;margin:0 0 4px}.source-type{font-size:.8rem;font-weight:500;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.source-type,.source-url{color:var(--text-secondary)}.source-url{font-size:.9rem;margin:0;word-break:break-all}.source-auth{border-top:1px solid var(--border-color);margin-top:auto;padding-top:12px}.auth-type{background:#3b82f61a;border-radius:6px;color:var(--primary-color);display:inline-block;font-size:.8rem;font-weight:600;padding:4px 8px}.selected-source-info{align-items:center;background:var(--surface-hover);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:16px;margin:0 0 24px;padding:16px}.selected-source-info .source-icon{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;font-size:2rem;margin:0;padding:12px}.selected-source-info h4{color:var(--heading-color);font-size:1.1rem;font-weight:600;margin:0}.selected-source-info p{color:var(--text-secondary);font-size:.9rem;margin:4px 0 0}.credentials-form{max-width:500px}.form-group{margin-bottom:20px}.form-group label{color:var(--heading-color);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.form-group input{background:var(--background-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.security-notice{align-items:flex-start;background:#10b9810d;border:1px solid #10b98133;border-radius:8px;display:flex;gap:12px;margin:24px 0;padding:16px}.security-icon{flex-shrink:0;font-size:1.2rem}.security-notice strong{color:var(--heading-color);display:block;font-size:.9rem;margin-bottom:4px}.security-notice p{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin:0}.schedule-form{max-width:600px}.schedule-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.schedule-option{align-items:center;background:var(--card-bg);border:2px solid var(--card-border);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.schedule-option:hover{border-color:var(--primary-color);transform:translateY(-1px)}.schedule-option.selected{background:#3b82f60d;border-color:var(--primary-color)}.schedule-icon{flex-shrink:0;font-size:1.5rem}.schedule-option strong{color:var(--heading-color);display:block;font-size:.95rem;margin-bottom:4px}.schedule-option p{color:var(--text-secondary);font-size:.8rem;margin:0}.schedule-summary{align-items:center;background:#3b82f60d;border:1px solid #3b82f633;border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.summary-icon{color:var(--primary-color);font-size:1.2rem}.schedule-summary strong{color:var(--heading-color);display:block;font-size:.9rem;margin-bottom:4px}.schedule-summary p{color:var(--text-secondary);font-size:.85rem;margin:0}.test-result{align-items:center;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:20px}.test-result.success{background:#10b9811a;border:1px solid #10b9814d}.test-result.error{background:#ef44441a;border:1px solid #ef44444d}.result-icon{flex-shrink:0;font-size:2rem}.test-result strong{display:block;font-size:1.1rem;margin-bottom:4px}.test-result.success strong{color:#059669}.test-result.error strong{color:#dc2626}.test-result p{color:var(--text-secondary);font-size:.9rem;margin:0}.workflow-creation{margin-top:24px}.workflow-creation h4{color:var(--heading-color);font-size:1.2rem;font-weight:600;margin:0 0 8px}.workflow-creation>p{color:var(--text-secondary);margin:0 0 20px}.workflow-summary{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:8px;margin-bottom:24px;padding:20px}.summary-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:8px 0}.summary-row:last-child{border-bottom:none}.summary-row .label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.summary-row .value{color:var(--heading-color);font-size:.9rem;font-weight:600}.form-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-primary:disabled{background:var(--border-color);color:var(--text-secondary);cursor:not-allowed}.success-message{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;display:flex;gap:16px;margin-top:24px;padding:20px}.success-icon{flex-shrink:0;font-size:2rem}.success-message strong{color:#059669;display:block;font-size:1.1rem;margin-bottom:8px}.success-message p{color:var(--text-secondary);font-size:.9rem;margin:4px 0}.retry-section{padding:20px;text-align:center}.retry-section p{color:var(--text-secondary);margin-bottom:20px}@media (max-width:768px){.data-source-setup{padding:16px}.setup-steps{flex-direction:column;gap:12px}.step{justify-content:center;width:100%}.setup-content{padding:20px}.data-sources-grid,.schedule-options{grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column-reverse}.summary-row{align-items:flex-start;flex-direction:column;gap:4px}.success-message{flex-direction:column;text-align:center}}.data-ingestion-page{background-color:initial;height:100vh;overflow-y:auto}.ingestion-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);padding:24px;position:sticky;top:0;z-index:10}.ingestion-content{margin:0;padding:24px;width:100%}.entity-warning{align-items:center;background:#f973161a;border:1px solid #f973164d;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:16px}.warning-icon{color:#ea580c;flex-shrink:0;font-size:1.5rem}.entity-warning strong{color:var(--heading-color);display:block;font-size:1rem;margin-bottom:4px}.entity-warning p{color:var(--text-secondary);font-size:.9rem;margin:0}.ingestion-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.tab{background:#0000;border:none;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:12px 20px;transition:all .2s ease}.tab:hover{color:var(--text-color)}.tab.active,.tab:hover{background:var(--surface-hover)}.tab.active{border-bottom-color:var(--primary-color);color:var(--primary-color);font-weight:600}.tab-content{min-height:400px}.entity-required,.setup-disabled{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.disabled-icon,.required-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.entity-required h3,.setup-disabled h3{color:var(--heading-color);font-size:1.25rem;font-weight:600;margin:0 0 8px}.entity-required p,.setup-disabled p{color:var(--text-secondary);font-size:1rem;margin:0;max-width:400px}.history-header,.sources-header{margin-bottom:32px;text-align:center}.history-header h2,.sources-header h2{color:var(--heading-color);font-size:1.5rem;font-weight:600;margin:0 0 8px}.history-header p,.sources-header p{color:var(--text-secondary);font-size:1rem;margin:0}.empty-history,.empty-sources{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-history h3,.empty-sources h3{color:var(--heading-color);font-size:1.25rem;font-weight:600;margin:0 0 8px}.empty-history p,.empty-sources p{color:var(--text-secondary);font-size:1rem;margin:0 0 20px;max-width:400px}.btn-primary{align-items:center;background:var(--primary-color);display:inline-flex;font-size:.9rem;gap:8px;justify-content:center;padding:12px 24px;text-decoration:none}.btn-primary:hover{background:var(--primary-hover)}.quick-stats{border-top:1px solid var(--border-color);margin-top:40px;padding-top:32px}.stats-header{margin-bottom:24px;text-align:center}.stats-header h2{color:var(--heading-color);font-size:1.25rem;font-weight:600;margin:0}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-icon{flex-shrink:0}@media (max-width:768px){.ingestion-header{padding:16px}.header-content{align-items:stretch;flex-direction:column;gap:16px;padding-left:16px!important}.header-left{text-align:center}.header-center{max-width:none}.search-input{font-size:16px}.ingestion-content{padding:20px}.ingestion-tabs{flex-direction:column;gap:4px}.tab{border-left:3px solid #0000;border-radius:8px;text-align:center}.tab,.tab.active{border-bottom:none}.tab.active{border-left-color:var(--primary-color)}.stats-grid{gap:12px;grid-template-columns:1fr 1fr}.stat-card{flex-direction:column;gap:8px;text-align:center}}.rituals-page{background-color:initial;height:100vh;overflow-y:auto}.rituals-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);padding:24px;position:sticky;top:0;z-index:10}.create-action-button{background:#8b5cf6}.create-action-button:hover{background:#7c3aed;box-shadow:0 4px 12px #8b5cf64d}.rituals-content{margin:0;padding:24px;width:100%}.rituals-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card.total{border-left:4px solid #8b5cf6}.stat-card.completed{border-left:4px solid #10b981}.stat-card.pending{border-left:4px solid #f59e0b}.stat-card.streak{border-left:4px solid #ef4444}.rituals-filters{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.rituals-section{margin-bottom:32px}.progress-indicator{align-items:center;display:flex}.daily-progress{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:600;padding:6px 12px}.rituals-list{display:flex;flex-direction:column;gap:20px}.ritual-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .2s ease}.ritual-card:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.ritual-card.green{background:#10b98105;border-left:4px solid #10b981}.ritual-card.orange{background:#f59e0b05;border-left:4px solid #f59e0b}.ritual-card.red{background:#ef444405;border-left:4px solid #ef4444}.ritual-card.gray{background:#6b728005;border-left:4px solid #6b7280}.ritual-header{margin-bottom:16px}.ritual-info{width:100%}.ritual-title-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:8px}.ritual-icon{align-items:center;background:var(--surface-hover);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.ritual-name{color:var(--heading-color);flex:1 1;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0}.ritual-status{flex-shrink:0}.status-badge{border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-badge.green{background:#10b981;color:#fff}.status-badge.orange{background:#f59e0b;color:#fff}.status-badge.red{background:var(--error-color);color:#fff}.status-badge.gray{background:#6b7280;color:#fff}.ritual-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 12px}.ritual-details{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.ritual-body{margin-bottom:16px}.weekly-progress{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.progress-label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.progress-dots{display:flex;gap:4px}.progress-dot{border:2px solid var(--border-color);border-radius:50%;height:12px;transition:all .2s ease;width:12px}.progress-dot.completed{background:#10b981;border-color:#10b981}.progress-dot.missed{background:#0000;border-color:#ef4444}.progress-percentage{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:.8rem;font-weight:600;padding:2px 6px}.ritual-tags{display:flex;flex-wrap:wrap;gap:6px}.ritual-tag{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.7rem;font-weight:500;padding:3px 8px}.ritual-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-action.success{background:#10b981;color:#fff}.btn-action.success:hover{background:#059669}.btn-action.warning{background:#f59e0b;color:#fff}.btn-action.warning:hover{background:#d97706}.quick-actions-section h2{color:var(--heading-color);font-size:1.25rem;font-weight:600;margin:0 0 20px}.quick-actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.quick-action-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:24px;text-align:center;transition:all .2s ease}.quick-action-card:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.action-icon{font-size:2.5rem;margin-bottom:12px;opacity:.8}.quick-action-card h3{color:var(--heading-color);font-size:1.1rem;font-weight:600;margin:0 0 8px}.quick-action-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0 0 16px}.btn-primary{background:#8b5cf6}.btn-primary:hover{background:#7c3aed;box-shadow:0 4px 12px #8b5cf64d}@media (max-width:768px){.rituals-header{padding:16px}.header-content{align-items:stretch;flex-direction:column;gap:16px;padding-left:16px!important}.header-left{text-align:center}.header-center{max-width:none}.search-input{font-size:16px}.rituals-content{padding:20px}.rituals-stats{gap:12px;grid-template-columns:1fr 1fr}.rituals-filters{flex-direction:column;gap:12px}.filter-tabs{flex-wrap:wrap}.filter-actions,.filter-tabs{justify-content:center}.ritual-title-row{align-items:stretch;flex-direction:column;gap:8px}.ritual-details,.weekly-progress{align-items:flex-start;flex-direction:column;gap:8px}.ritual-actions{justify-content:center}.quick-actions-grid{gap:16px;grid-template-columns:1fr}}.journal-page{background-color:initial;height:100vh;overflow-y:auto}.journal-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);padding:24px;position:sticky;top:0;z-index:10}.create-action-button{background:#f59e0b}.create-action-button:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b4d}.journal-content{margin:0;padding:24px;width:100%}.journal-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.stat-card:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.stat-card.total{border-left:4px solid #f59e0b}.stat-card.week{border-left:4px solid #10b981}.stat-card.favorites{border-left:4px solid #ef4444}.stat-card.words{border-left:4px solid #8b5cf6}.stat-icon{font-size:2rem;opacity:.8}.stat-content h3{color:var(--heading-color);font-size:1.75rem;font-weight:700;margin:0 0 4px}.stat-content p{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:0}.journal-filters{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.filter-tab{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.filter-tab:hover{background:var(--border-color)}.filter-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.filter-actions{display:flex;gap:12px}.btn-secondary{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-secondary:hover{background:var(--border-color);border-color:var(--text-secondary)}.entries-section{margin-bottom:32px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{margin:0}.writing-streak{align-items:center;display:flex}.streak-indicator{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:600;padding:6px 12px}.entries-list{display:flex;flex-direction:column;gap:20px}.entry-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .2s ease}.entry-card:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.entry-card.green{background:#10b98105;border-left:4px solid #10b981}.entry-card.blue{background:#3b82f605;border-left:4px solid #3b82f6}.entry-card.orange{background:#f59e0b05;border-left:4px solid #f59e0b}.entry-card.purple{background:#8b5cf605;border-left:4px solid #8b5cf6}.entry-card.gray{background:#6b728005;border-left:4px solid #6b7280}.entry-header{margin-bottom:16px}.entry-info{width:100%}.entry-title-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.entry-type{align-items:center;background:var(--surface-hover);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.entry-title{color:var(--heading-color);flex:1 1;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0}.entry-metadata{align-items:center;display:flex;flex-shrink:0;gap:8px}.mood-badge{border-radius:6px;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:capitalize}.mood-badge.green{background:#10b9811a;border:1px solid #10b98133;color:#059669}.mood-badge.emerald{background:#0596691a;border:1px solid #05966933;color:#047857}.mood-badge.blue{background:#3b82f61a;border:1px solid #3b82f633;color:#2563eb}.mood-badge.purple{background:#8b5cf61a;border:1px solid #8b5cf633;color:#7c3aed}.mood-badge.indigo{background:#6366f11a;border:1px solid #6366f133;color:#6366f1}.mood-badge.teal{background:#14b8a61a;border:1px solid #14b8a633;color:#0d9488}.favorite-star{color:#f59e0b;font-size:1rem}.entry-details{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.detail-item{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:.8rem;font-weight:500;padding:4px 8px}.entry-body{margin-bottom:16px}.entry-content{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:var(--text-color);display:-webkit-box;font-size:.95rem;line-height:1.6;margin:0 0 16px;max-height:120px;overflow:hidden;text-overflow:ellipsis}.entry-tags{display:flex;flex-wrap:wrap;gap:6px}.entry-tag{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.7rem;font-weight:500;padding:3px 8px}.entry-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-action{border:none;border-radius:8px;cursor:pointer;flex-shrink:0;font-size:.8rem;font-weight:500;padding:8px 14px;transition:all .2s ease}.btn-action.primary{background:var(--primary-color);color:#fff}.btn-action.primary:hover{background:var(--primary-hover)}.btn-action.secondary{background:var(--surface-hover);border:1px solid var(--border-color);color:var(--text-color)}.btn-action.secondary:hover{background:var(--border-color)}.writing-tools-section h2{color:var(--heading-color);font-size:1.25rem;font-weight:600;margin:0 0 20px}.tools-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tool-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:24px;text-align:center;transition:all .2s ease}.tool-card:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.tool-icon{font-size:2.5rem;margin-bottom:12px;opacity:.8}.tool-card h3{color:var(--heading-color);font-size:1.1rem;font-weight:600;margin:0 0 8px}.tool-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0 0 16px}.btn-primary{background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-primary:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.empty-state{color:var(--text-secondary);padding:60px 20px;text-align:center}.empty-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.empty-state h3{color:var(--text-color);font-weight:600;margin:0 0 8px}.empty-state p{line-height:1.5;margin:0 auto;max-width:400px}@media (max-width:768px){.journal-header{padding:16px}.header-content{align-items:stretch;flex-direction:column;gap:16px;padding-left:16px!important}.header-left{text-align:center}.header-center{max-width:none}.search-input{font-size:16px}.journal-content{padding:20px}.journal-stats{gap:12px;grid-template-columns:1fr 1fr}.journal-filters{flex-direction:column;gap:12px}.filter-tabs{flex-wrap:wrap}.filter-actions,.filter-tabs{justify-content:center}.entry-title-row{align-items:stretch;flex-direction:column;gap:8px}.entry-metadata{justify-content:flex-start}.entry-details{align-items:flex-start;flex-direction:column;gap:8px}.entry-actions{justify-content:center}.tools-grid{gap:16px;grid-template-columns:1fr}}.mode-toggle-container{align-items:center;display:flex;flex-direction:column;gap:8px}.mode-toggle{background:var(--surface-hover);border:2px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px #0000001a;display:flex;overflow:hidden;padding:4px;position:relative;transition:all .3s ease}.mode-toggle:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #3b82f626}.mode-option{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;justify-content:center;min-width:90px;padding:10px 16px;position:relative;transition:all .2s ease;z-index:2}.mode-option:disabled{cursor:default}.mode-option.active{color:#fff;color:var(--primary-text,#fff);font-weight:600}.mode-option:not(.active):hover{background:#ffffff1a;color:var(--text-color)}.mode-icon{font-size:1rem;opacity:.8}.mode-option.active .mode-icon{opacity:1}.mode-label{font-size:.875rem;letter-spacing:.025em}.mode-slider{border-radius:12px;height:calc(100% - 8px);left:4px;position:absolute;top:4px;transition:all .3s cubic-bezier(.4,0,.2,1);width:calc(50% - 4px);z-index:1}.mode-slider.simple{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;transform:translateX(0)}.mode-slider.advanced{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d;transform:translateX(100%)}.mode-description{text-align:center}.mode-desc-text{color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}@media (max-width:768px){.mode-toggle{border-radius:14px;padding:3px}.mode-option{font-size:.8rem;min-width:80px;padding:8px 12px}.mode-icon{font-size:.9rem}.mode-label{font-size:.8rem}.mode-slider{border-radius:11px}.mode-desc-text{font-size:.7rem}}[data-theme=dark] .mode-toggle{background:var(--card-bg);border-color:var(--card-border);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .mode-toggle:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #3b82f640}[data-theme=dark] .mode-option:not(.active):hover{background:#ffffff0d}.mode-option:focus{outline:none}.mode-toggle:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}.mode-toggle-container{animation:modeChangeGlow .6s ease-out}@keyframes modeChangeGlow{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.settings-page{background-color:var(--background-color);height:100vh;overflow-y:auto}.settings-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);padding:24px;position:sticky;top:0;z-index:10}.header-content{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0;padding:0 0 0 24px;width:100%}.header-left{flex-shrink:0}.header-center{display:flex;flex:1 1;justify-content:center;min-width:0}.header-content h1{color:var(--heading-color);font-size:1.5rem;font-weight:700;margin:0}.header-content p{color:var(--text-secondary);font-size:.875rem;margin:0}.search-container{align-items:center;display:flex;max-width:none;width:100%}.search-input-wrapper{flex:1 1;position:relative}.search-icon{color:var(--text-secondary);left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:var(--background-color);border:2px solid var(--border-color);border-radius:12px;color:var(--text-color);font-size:1rem;outline:none;padding:14px 20px 14px 48px;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.search-input::placeholder{color:var(--text-secondary)}.header-right{align-items:center;display:flex;gap:12px}.create-action-button{align-items:center;background:#6b7280;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;justify-content:center;letter-spacing:.5px;margin-right:12px;padding:12px 20px;transition:all .2s ease}.create-action-button:hover{background:#4b5563;box-shadow:0 4px 12px #6b72804d;transform:translateY(-1px)}.theme-toggle{align-items:center;background:var(--surface-hover);border:1px solid var(--border-color);border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.theme-toggle:hover{background:var(--border-color);transform:scale(1.05)}.settings-content{margin:0;padding:24px;width:100%}.settings-container{margin:0 auto;max-width:800px}.settings-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;margin-bottom:24px;padding:32px;transition:all .2s ease}.settings-section:hover{box-shadow:var(--box-shadow-hover)}.section-header{border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:16px}.section-header h2{color:var(--heading-color);font-size:1.25rem;font-weight:600;margin:0 0 8px}.section-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.mode-toggle-section{align-items:center;display:flex;flex-direction:column;gap:1rem}.mode-description-text{max-width:600px;text-align:center}.mode-description-text p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}.mode-description-text strong{color:var(--heading-color)}.setting-options{display:flex;flex-direction:column;gap:16px}.setting-option{align-items:center;background:var(--surface-hover);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;padding:20px;position:relative;transition:all .2s ease}.setting-option:hover{background:#3b82f605;border-color:var(--primary-color)}.setting-option input[type=radio]{height:0;opacity:0;position:absolute;width:0}.setting-option input[type=radio]:checked+.option-content{color:var(--primary-color)}.setting-option:has(input[type=radio]:checked){background:#3b82f60d;border-color:var(--primary-color)}.option-content{align-items:center;display:flex;gap:16px;width:100%}.option-icon{flex-shrink:0;font-size:1.5rem}.option-info{flex:1 1}.option-title{color:var(--heading-color);font-size:1rem;font-weight:600;margin-bottom:4px}.option-description{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.feature-highlight{align-items:flex-start;background:var(--surface-hover);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:20px}.feature-icon{flex-shrink:0;font-size:2rem}.feature-info h4{color:var(--heading-color);font-size:1.1rem;font-weight:600;margin:0 0 8px}.feature-info p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.editor-features{margin-top:20px}.editor-features h4{color:var(--heading-color);font-size:1rem;font-weight:600;margin:0 0 16px}.features-grid{grid-gap:12px;display:grid;gap:12px}.feature-item{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px;padding:12px}.feature-bullet{flex-shrink:0;font-size:1rem}.feature-item span:last-child{color:var(--text-color);font-size:.875rem;line-height:1.4}.system-stats{grid-gap:16px;display:grid;gap:16px}.stat-item{align-items:center;background:var(--surface-hover);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:16px}.stat-label{color:var(--text-color);font-size:.9rem;font-weight:500}.stat-value{color:var(--primary-color);font-size:.9rem;font-weight:600}.app-info{align-items:center;background:var(--surface-hover);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:20px;margin-bottom:24px;padding:20px}.app-logo{flex-shrink:0;font-size:3rem}.app-details h3{color:var(--heading-color);font-size:1.25rem;font-weight:700;margin:0 0 4px}.version{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:0 0 12px}.about-description{color:var(--text-color);font-size:.9rem;line-height:1.5;margin:0}.tech-stack h4{color:var(--heading-color);font-size:1rem;font-weight:600;margin:0 0 12px}.tech-grid{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background:var(--primary-color);border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 12px}.system-actions{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-button{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;padding:12px 20px;text-align:center;transition:all .2s ease}.action-button.primary{background:var(--primary-color);color:#fff}.action-button.primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.action-button.secondary{background:var(--surface-hover);border:1px solid var(--border-color);color:var(--text-color)}.action-button.secondary:hover{background:var(--border-color)}.action-button.danger{background:var(--error-color);color:#fff}.action-button.danger:hover{background:#dc2626;transform:translateY(-1px)}@media (max-width:768px){.settings-header{padding:16px}.header-content{align-items:stretch;flex-direction:column;gap:16px;padding-left:16px!important}.header-left{text-align:center}.header-center{max-width:none}.search-input{font-size:16px}.settings-content{padding:20px}.settings-section{padding:24px}.app-info{flex-direction:column;gap:16px;text-align:center}.system-actions{grid-template-columns:1fr}}.health-dashboard-page{padding:12px 16px 20px}.health-dashboard-page .grid-3{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.health-dashboard-page .grid-2{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.health-dashboard-page .panel{background:#0000000a;background:var(--panel-bg,#0000000a);border-radius:10px;padding:12px}.health-dashboard-page .panel-header{font-weight:600;margin-bottom:8px}.mini-line path{filter:drop-shadow(0 0 .5px rgba(0,0,0,.2))}.health-dashboard-page .table-wrap{overflow-x:auto}.health-dashboard-page .health-table{border-collapse:collapse;width:100%}.health-dashboard-page .health-table td,.health-dashboard-page .health-table th{border-bottom:1px solid #00000014;padding:8px}.health-dashboard-page .health-table th{color:#333;font-weight:600;text-align:left}.health-dashboard-page .health-table td.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.health-dashboard-page .kpi-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:8px}.health-dashboard-page .kpi-item{background:#00000008;border-radius:8px;padding:10px}.health-dashboard-page .kpi-label{color:#555;font-size:12px}.health-dashboard-page .kpi-value{font-size:16px;font-weight:600}.health-dashboard-page .kpi-label .info{color:#6b7280;cursor:help;font-size:12px;margin-left:6px}.health-dashboard-page .alert-warning{background:#fff7ed;border:1px solid #fdba74;border-radius:8px;color:#9a3412;margin-top:10px;padding:8px 10px}.modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg);color:var(--text-color);max-width:900px;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 16px}.modal-body{display:flex;flex-direction:column;gap:16px;padding:16px}.modal-section{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:12px}.modal-content label{color:var(--text-color);font-size:13px;font-weight:600}.modal-content input[type=date],.modal-content input[type=number],.modal-content input[type=text],.modal-content select{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);height:36px;padding:6px 10px}.modal-content input:focus,.modal-content select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary-color) 25%,#0000);outline:none}.modal-content textarea{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);padding:8px 10px}.modal-content textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary-color) 25%,#0000);outline:none}.modal-content .form,.modal-content .form-grid{display:flex;flex-direction:column;gap:12px}.modal-content .form-row{display:flex;flex-direction:column;gap:6px}.modal-content .hint{color:var(--text-secondary);font-size:12px}.health-dashboard-page .btn-primary,.modal-content .btn-primary{align-items:center;background:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--border-radius);color:var(--primary-text-color);cursor:pointer;display:inline-flex;gap:6px;height:36px;justify-content:center;padding:8px 14px;transition:background .15s ease,border-color .15s ease,transform .05s ease}.health-dashboard-page .btn-primary:hover,.modal-content .btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.health-dashboard-page .btn-primary:active,.modal-content .btn-primary:active{transform:translateY(1px)}.health-dashboard-page .btn-secondary,.modal-content .btn-secondary{align-items:center;background:var(--surface-hover);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;display:inline-flex;gap:6px;height:36px;justify-content:center;padding:8px 14px;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .05s ease}.health-dashboard-page .btn-secondary:hover,.modal-content .btn-secondary:hover{background:var(--border-color);border-color:var(--text-secondary)}.health-dashboard-page .btn-secondary:active,.modal-content .btn-secondary:active{transform:translateY(1px)}.health-dashboard-page .btn-secondary:disabled,.modal-content .btn-secondary:disabled{cursor:not-allowed;opacity:.6}.modal-header .btn-secondary{height:32px;padding:6px 10px}@media (max-width:1400px){.health-dashboard-page .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.health-dashboard-page{padding:8px}.health-dashboard-page .grid-2,.health-dashboard-page .grid-3{grid-template-columns:1fr}.health-dashboard-page .kpi-grid{grid-template-columns:repeat(2,1fr)}.modal-content{max-width:100%}}@media (max-width:420px){.health-dashboard-page .kpi-grid{grid-template-columns:1fr}}:root,[data-theme=light]{--background-color:#f8fafc;--text-color:#334155;--text-secondary:#64748b;--primary-color:#3b82f6;--primary-hover:#2563eb;--primary-text-color:#fff;--secondary-color:#6366f1;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--card-bg:#fff;--card-border:#e2e8f0;--border-color:#e2e8f0;--surface-hover:#f1f5f9;--sidebar-bg:#fff;--sidebar-text-color:#475569;--sidebar-text-active:#3b82f6;--sidebar-border:#e2e8f0;--sidebar-hover-bg:#f1f5f9;--sidebar-active-bg:#eff6ff;--sidebar-active-text-color:#3b82f6;--heading-color:#0f172a;--link-color:#3b82f6;--link-hover-color:#2563eb;--box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--box-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--box-shadow-hover:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--glass-bg:#ffffffa6;--glass-border:#e2e8f099;--warning-bg:#fefce8;--warning-border:#fde047;--warning-text:#92400e;--warning-text-secondary:#a16207;--info-bg:#eff6ff;--info-border:#60a5fa;--info-text:#1e40af;--info-text-secondary:#2563eb;--success-bg:#f0fdf4;--success-border:#34d399;--success-text:#065f46;--success-text-secondary:#047857;--border-radius:8px;--border-radius-lg:12px;--border-radius-xl:16px}[data-theme=dark]{--background-color:#0f172a;--text-color:#e2e8f0;--text-secondary:#94a3b8;--primary-color:#3b82f6;--primary-hover:#2563eb;--primary-text-color:#fff;--secondary-color:#6366f1;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--card-bg:#1e293b;--card-border:#334155;--border-color:#334155;--surface-hover:#334155;--sidebar-bg:#1e293b;--sidebar-text-color:#cbd5e1;--sidebar-text-active:#60a5fa;--sidebar-border:#334155;--sidebar-hover-bg:#334155;--sidebar-active-bg:#1e3a8a;--sidebar-active-text-color:#60a5fa;--heading-color:#f1f5f9;--link-color:#60a5fa;--link-hover-color:#93c5fd;--box-shadow:0 1px 3px 0 #0000004d,0 1px 2px 0 #0003;--box-shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;--box-shadow-hover:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--glass-bg:#1e293b8c;--glass-border:#33415599;--warning-bg:#451a03;--warning-border:#a16207;--warning-text:#fbbf24;--warning-text-secondary:#fcd34d;--info-bg:#1e3a8a;--info-border:#3b82f6;--info-text:#93c5fd;--info-text-secondary:#bfdbfe;--success-bg:#14532d;--success-border:#22c55e;--success-text:#4ade80;--success-text-secondary:#86efac}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed,fixed;background-color:var(--background-color);background-image:radial-gradient(1200px 600px at 100% -10%,color-mix(in oklab,var(--primary-color) 12%,#0000),#0000),radial-gradient(1000px 500px at -10% 10%,color-mix(in oklab,var(--secondary-color) 10%,#0000),#0000);background-repeat:no-repeat;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.6;transition:background-color .2s ease,color .2s ease}#root{height:100vh;overflow:hidden}h1,h2,h3,h4,h5,h6{color:var(--heading-color);font-weight:600;line-height:1.4;margin:0}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{color:var(--text-color);line-height:1.6;margin:0}a{color:var(--link-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--link-hover-color)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}#root,body,html{height:100%;margin:0;padding:0}*,:after,:before{box-sizing:border-box}
/*# sourceMappingURL=main.d82cbf0c.css.map*/