:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .35rem;border-radius:999px;font-size:.75rem;color:#263238;background:#f5f7fa;border:1px solid rgba(0,0,0,.06)}.badge svg{width:16px;height:16px}.badge .badge-value{font-weight:600;font-size:.75rem}.badge.freshness{background:linear-gradient(120deg,#fff7e6,#fff1b6);border-color:#fa03}.badge.popularity{background:linear-gradient(120deg,#e8f5ff,#cfeaff);border-color:#2196f31f}.badge.badge-urgent{background:linear-gradient(120deg,#ffe6e0,#ffb6aa);border-color:#f003}.badge.badge-warning{background:linear-gradient(120deg,#fff0e6,#ffdab6);border-color:#f503}.badge.badge-info{background:linear-gradient(120deg,#fff5e6,#ffddb6);border-color:#ff8c0033}.badge.badge-none,.badge.freshness.badge-none{background:#e0e0e060;border-color:#0000001a;color:#9e9e9e}.badge.freshness.badge-freshness-low-1{background:linear-gradient(120deg,#f5f7fa,#fff7e6,#fff)}.badge.freshness.badge-freshness-low-2{background:linear-gradient(120deg,#f5f7fa,#fff3d9,#fff)}.badge.freshness.badge-freshness-low-3{background:linear-gradient(120deg,#f5f7fa,#ffeccc,#fff)}.badge.freshness.badge-freshness-low-4{background:linear-gradient(120deg,#f5f7fa,#ffe6bf,#fff)}.badge.freshness.badge-freshness-low-5{background:linear-gradient(120deg,#f5f7fa,#ffdfb3,#fff)}.badge.freshness.badge-freshness-low-6{background:linear-gradient(120deg,#f5f7fa,#ffd9a6,#fff)}.badge.freshness.badge-freshness-low-7{background:linear-gradient(120deg,#f5f7fa,#ffd299,#fff)}.badge.freshness.badge-freshness-low-8{background:linear-gradient(120deg,#fff7e6,#fff1b6,#fff)}.badge.freshness.badge-freshness-high-9{background:linear-gradient(120deg,#fff1b6,#ffeaa6,#fff)}.badge.freshness.badge-freshness-high-10{background:linear-gradient(120deg,#ffeaa6,#ffe399,#fff)}.badge.freshness.badge-freshness-high-11{background:linear-gradient(120deg,#ffe399,#ffdc8c,#fff)}.badge.freshness.badge-freshness-high-12{background:linear-gradient(120deg,#ffdc8c,#ffd580,#fff)}.badge.freshness.badge-freshness-high-13{background:linear-gradient(120deg,#ffd580,#ffce73,#fff)}.badge.freshness.badge-freshness-high-14{background:linear-gradient(120deg,#ffce73,#ffc766,#fff)}.badge.freshness.badge-freshness-high-15{background:linear-gradient(120deg,#ffc766,#ffc059,#fff)}.badge.freshness.badge-freshness-high-16{background:linear-gradient(120deg,#ffc059,#ffb94d,#fff)}.badge.freshness.badge-freshness-high-17{background:linear-gradient(120deg,#ffb94d,#ffb240,#fff)}.badge.freshness.badge-freshness-high-18{background:linear-gradient(120deg,#ffb240,#fa3,#fff)}.badge.freshness.badge-freshness-high-19{background:linear-gradient(120deg,#fa3,#ffa326,#fff)}.badge.freshness.badge-freshness-high-20{background:linear-gradient(120deg,#ffa326,#ff9c1a,#fff)}@media(max-width:700px){.pl-badges .badge{display:none}}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.calendar-view{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem}.calendar-view .react-calendar{width:100%;max-width:350px;border:none;font-family:inherit;line-height:1.2}.calendar-view .react-calendar__navigation{height:36px;margin-bottom:.5rem}.calendar-view .react-calendar__navigation button{min-width:36px;background:none;font-size:1rem;font-weight:600;color:#333}.calendar-view .react-calendar__navigation button:enabled:hover,.calendar-view .react-calendar__navigation button:enabled:focus{background-color:#f0f0f0}.calendar-view .react-calendar__navigation button[disabled]{background-color:transparent;color:#ccc}.calendar-view .react-calendar__month-view__weekdays{text-align:center;font-weight:600;font-size:.75rem;color:#666;text-transform:uppercase}.calendar-view .react-calendar__month-view__weekdays__weekday{padding:.5rem 0}.calendar-view .react-calendar__month-view__weekdays__weekday abbr{text-decoration:none}.calendar-view .react-calendar__tile{max-width:100%;padding:.5rem .25rem;background:none;text-align:center;line-height:1.2;font-size:.875rem;position:relative;height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#333}.calendar-view .react-calendar__tile:enabled:hover,.calendar-view .react-calendar__tile:enabled:focus{background-color:#f0f0f0;border-radius:4px}.calendar-view .react-calendar__tile.no-resources{color:#ccc;cursor:default}.calendar-view .react-calendar__tile.no-resources:enabled:hover,.calendar-view .react-calendar__tile.no-resources:enabled:focus{background-color:transparent;cursor:default}.calendar-view .react-calendar__tile--now{background:#e6f7ff;border-radius:4px;font-weight:600}.calendar-view .react-calendar__tile--now:enabled:hover,.calendar-view .react-calendar__tile--now:enabled:focus{background:#d0edff}.calendar-view .react-calendar__tile--active{background:#06c;color:#fff;border-radius:4px;font-weight:600}.calendar-view .react-calendar__tile--active:enabled:hover,.calendar-view .react-calendar__tile--active:enabled:focus{background:#0052a3}.calendar-view .react-calendar__tile.selected-date{background:#06c;color:#fff;border-radius:4px;font-weight:600}.calendar-view .react-calendar__tile.selected-date:enabled:hover,.calendar-view .react-calendar__tile.selected-date:enabled:focus{background:#0052a3}.calendar-dot{width:5px;height:5px;background-color:#06c;border-radius:50%;position:absolute;bottom:4px;left:50%;transform:translate(-50%);z-index:1}.calendar-view .react-calendar__tile--active .calendar-dot,.calendar-view .react-calendar__tile.selected-date .calendar-dot{background-color:#fff}.calendar-filter-info{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding:.5rem .75rem;background:#e6f7ff;border-radius:4px;font-size:.875rem;color:#06c}.clear-filter-btn{background:none;border:none;color:#06c;font-size:1.25rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.clear-filter-btn:hover{background-color:#0066cc1a}@media(max-width:768px){.calendar-view{padding:.75rem}.calendar-view .react-calendar{max-width:100%}.calendar-view .react-calendar__tile{font-size:.8rem;height:38px;padding:.4rem .2rem;color:#333}.calendar-view .react-calendar__tile--active,.calendar-view .react-calendar__tile.selected-date{color:#fff}.calendar-dot{width:4px;height:4px}}} } .settings{height:100%;display:flex;flex-direction:column}.settings-header{padding:1rem 0;border-bottom:1px solid #e0e0e0;margin-bottom:1.5rem}.settings-header h2{margin:0;font-size:1.5rem;font-weight:500;color:#333}.settings-content{flex:1;overflow-y:auto;padding:.5rem 0}.settings-section{margin-bottom:2rem}.settings-section h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:500;color:#333}.settings-description{margin:0 0 1.5rem;color:#666;font-size:.9rem;line-height:1.5}.setting-item{padding:1rem;background:#f9f9f9;border-radius:8px;margin-bottom:1rem}.setting-item.compact{padding:.5rem .75rem;display:flex;align-items:center;justify-content:flex-start;gap:.75rem}.setting-label.compact-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%}.setting-label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.setting-checkbox{margin:0;margin-right:.75rem;width:20px;height:20px;cursor:pointer}.setting-text{font-size:.95rem;color:#333;font-weight:500}.setting-label.compact-row .setting-text{flex:0 1 260px;min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-label input:disabled{cursor:not-allowed;opacity:.6}.setting-label input:disabled~.setting-text{opacity:.6}.setting-note{display:flex;gap:.75rem;padding:1rem;background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;margin-top:1rem}.small-note{font-size:.85rem;color:#444;background:transparent;padding:.2rem .5rem;border-radius:4px;margin-left:.5rem}.setting-note .material-icons-outlined{color:#2196f3;font-size:20px;flex-shrink:0}.setting-note p{margin:0;color:#0d47a1;font-size:.875rem;line-height:1.5}.settings-message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.settings-message.success{background:#e8f5e9;color:#2e7d32;border-left:4px solid #4caf50}.settings-message.error{background:#ffebee;color:#c62828;border-left:4px solid #f44336}.system-info-grid{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:#f9f9f9;border-radius:6px}.info-label{font-size:.9rem;color:#666;font-weight:500}.info-value{font-size:.9rem;color:#333;font-weight:400;text-align:right}.settings-footer{padding:1rem 0;border-top:1px solid #e0e0e0;margin-top:auto}.version-indicator{margin:0;font-size:.85rem;color:#999;text-align:center;font-weight:400}.btn-danger{background:#f44336;color:#fff;border:none;padding:.6rem .9rem;border-radius:6px;cursor:pointer;font-weight:600}.btn-danger.btn-compact{padding:.35rem .6rem;font-size:.9rem;display:inline-flex;align-items:center;gap:.35rem}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#e9eef6;color:#0d47a1;font-weight:700;font-size:.8rem;line-height:1;margin-left:.5rem;cursor:default;border:1px solid rgba(13,71,161,.08);position:relative}.info-icon:focus{outline:2px solid rgba(13,71,161,.12)}.info-icon[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(5%) translateY(100%);display:none;white-space:normal;min-width:125px;background:#1c1c1cf2;color:#fff;font-size:.8rem;padding:.6rem .8rem;border-radius:2px;text-align:left;box-shadow:0 6px 18px #00000026}.info-icon[data-tooltip]:hover:after,.info-icon[data-tooltip]:focus:after{display:block}:root:has(.settings .info-icon:hover) .custom-tooltip,:root:has(.settings .info-icon:focus) .custom-tooltip{display:none!important}@media(max-width:768px){.settings-header{padding:.75rem 0}.settings-header h2{font-size:1.25rem}.setting-item,.setting-note{padding:.875rem}.info-row{padding:.75rem .875rem;flex-direction:column;align-items:flex-start;gap:.25rem}.info-value{text-align:left;font-size:.85rem}.setting-item.compact{flex-direction:column;align-items:flex-start;gap:.5rem}.settings-footer{padding:.75rem 0}.version-indicator{font-size:.8rem}}*{margin:0;padding:0;box-sizing:border-box}.icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:24px;height:24px;font-size:24px}button .icon{margin-right:.5rem}button .icon:only-child{margin-right:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden;background-color:#f5f5f5}.app-header{background-color:#025951;color:#fff;box-shadow:0 2px 4px #0000001a}.header-content{max-width:800px;width:100%;margin:0 auto;padding:.5rem;display:flex;justify-content:space-between;align-items:center}.app-header h1{font-size:1.5rem;font-weight:600}.app-logo{cursor:pointer;transition:opacity .2s}.app-logo:hover{opacity:.9}.logo-container{display:flex;align-items:center;cursor:pointer;transition:opacity .2s}.logo-container:hover{opacity:.9}.app-logo-img{height:32px;margin-right:.5rem}.app-logo-text{font-size:1.5rem;font-weight:600}@media(max-width:500px){.app-logo-text{display:inline-block;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.app-logo-img{margin-right:.25rem}.app-nav button .icon{display:block}.app-nav button .btn-text{display:none}}.app-nav{display:flex;gap:.5rem}.app-nav button{background:transparent;color:#fff;border:none;padding:.5rem 1rem;cursor:pointer;border-radius:4px;transition:background-color .2s;display:flex;align-items:center;gap:.5rem}.app-nav button .icon{font-size:1.5rem;display:none}.app-nav button.btn-icon{padding:.5rem;display:flex;align-items:center;justify-content:center}.app-nav button.btn-icon .icon{font-size:1.5rem;display:block}.app-nav button:hover{background-color:#ffffff1a}.app-nav button:active{background-color:#ffffff4d}.app-nav button.active{background-color:#fff3;font-weight:600}.app-nav button.btn-icon.active{background-color:#fff3;font-weight:400}.project-header-nav{display:flex;align-items:center;gap:1rem}.btn-back-header{background:transparent;color:#fff;border:none;padding:.5rem;cursor:pointer;border-radius:4px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.btn-back-header:hover{background-color:#ffffff1a}.btn-back-header .icon{font-size:24px}.project-header-nav h1{font-size:1.5rem;font-weight:600;margin:0}.project-header-nav{min-width:0}.project-title{display:block;font-size:1.25rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:560px}.calendar-list{display:flex;flex-direction:column;gap:.25rem;max-height:260px;overflow:auto;padding:.5rem;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:6px}.calendar-actions{display:flex;gap:.75rem;margin-bottom:.5rem}.setting-checkbox{display:flex;align-items:center;gap:1rem;padding:.25rem .75rem;border-radius:4px;cursor:pointer;width:100%}.setting-checkbox input[type=checkbox]{flex:0 0 auto;width:20px;height:20px;margin:0;margin-right:.5rem;align-self:center;vertical-align:middle}.setting-checkbox .label-text{flex:1 1 auto;min-width:0;white-space:normal;word-break:normal;overflow-wrap:anywhere;line-height:1.25;font-size:.95rem;color:#1f2937}.calendar-list .setting-checkbox+.setting-checkbox{border-top:1px solid rgba(0,0,0,.04)}@media(max-width:700px){.project-title{font-size:1.05rem;max-width:360px}}@media(max-width:420px){.project-title{font-size:1rem;max-width:220px}}.app-main{flex:1;overflow-y:auto;max-width:800px;margin:0 auto;padding:1rem;width:100%}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:#666}.toast{position:fixed;top:80px;right:2rem;z-index:1000;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out;max-width:400px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-content{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem}.toast-icon{display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.toast-success .toast-icon{color:#4caf50}.toast-error .toast-icon{color:#f44336}.toast-info .toast-icon{color:#2196f3}.toast-warning .toast-icon{color:#ff9800}.toast-message{flex:1;color:#333;font-size:.95rem}.toast-close{background:none;border:none;color:#666;font-size:1.25rem;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s}.toast-close:hover{color:#333}.warning-banner{background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-bottom:1.5rem;cursor:pointer;transition:all .2s}.warning-banner:hover{background-color:#ffe69c;border-color:#ffb300;box-shadow:0 2px 8px #ffc10733}.warning-banner-content{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem}.warning-icon{color:#ff9800;font-size:1.5rem;flex-shrink:0}.warning-message{flex:1;color:#856404;font-size:.95rem;font-weight:500}.warning-action{color:#025951;font-size:.9rem;font-weight:600;flex-shrink:0}.connections-button-icon-wrapper{position:relative;display:inline-flex;align-items:center;gap:.25rem}.conn-warning-icon{font-size:1.15rem;color:#ff9800;background:transparent;border-radius:0;padding:0;display:inline-flex;align-items:center;justify-content:center;margin-left:6px}.reconnecting-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.reconnecting-spinner{background-color:#fff;padding:2rem 3rem;border-radius:12px;box-shadow:0 4px 16px #0003;display:flex;flex-direction:column;align-items:center;gap:1rem}.reconnecting-spinner .icon-spin{font-size:3rem;color:#025951;animation:spin 1s linear infinite}.reconnecting-spinner p{color:#333;font-size:1rem;font-weight:500;margin:0}.welcome{text-align:center;padding:4rem 2rem}.welcome h2{margin-bottom:1rem;color:#333}.welcome p{color:#666;font-size:1.1rem}button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-primary{background-color:#025951;color:#fff}.btn-primary:hover:not(:disabled){background-color:#013d35}.reconnect-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ff9800;color:#fff;border:none;border-radius:4px;font-size:.9rem;font-weight:500;pointer-events:none}.btn-secondary{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.btn-secondary:hover:not(:disabled){background-color:#e0e0e0;border-color:#ccc}.btn-secondary:active:not(:disabled){background-color:#d0d0d0}.btn-danger{background-color:#d32f2f;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c62828}button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:499px){.refresh-all-btn .btn-text{display:none}.refresh-all-btn{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center}.refresh-all-btn .icon{margin:0}}.refresh-all-btn .spinning{animation:spin 1s linear infinite}.refresh-all-btn.refreshing{box-shadow:0 6px 18px #02595117;transform:translateY(-1px);transition:all .12s ease-in-out}.home-section,.connections-section,.add-connector-section,.projects-section{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.home-section{display:flex;flex-direction:column;max-height:calc(100vh - 110px);overflow:hidden}.home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-shrink:0}.home-header h2{color:#333;margin:0}.project-search-bar{margin-bottom:1.5rem;flex-shrink:0}.project-list-scroll-container{flex:1;overflow-y:auto;min-height:0;padding-right:.25rem}.project-list-scroll-container::-webkit-scrollbar{width:8px}.project-list-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.project-list-scroll-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;transition:background .2s}.project-list-scroll-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.project-list-scroll-container .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:2rem}.home-section h2,.connections-section h2,.add-connector h2,.projects-section h2{color:#333}.empty-state{color:#999;text-align:center;padding:2rem}.connectors-grid{display:flex;flex-direction:column;gap:.75rem}.connector-card{border:1px solid #e0e0e0;border-radius:8px;padding:1rem;background:#fff;transition:box-shadow .2s}.connector-card:hover{box-shadow:0 2px 8px #0000001a}.connector-card-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.connector-main-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.connector-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0}.connector-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.connector-title-row{display:flex;align-items:center;gap:.75rem}.connector-title-row h3{font-size:1rem;color:#333;margin:0;font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;cursor:help}.status-dot.connected{background-color:#4caf50}.status-dot.disconnected{background-color:#f44336}.connector-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.85rem;color:#666}.connector-account,.connector-sync{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connector-icon-small{width:24px;height:24px;object-fit:contain}.project-connector-icons{display:flex;gap:.5rem;align-items:center}.project-connector-badge{display:flex;align-items:center;justify-content:center;padding:.2rem;background-color:#f5f5f5;border-radius:4px;cursor:help;transition:background-color .2s}.project-connector-badge:hover{background-color:#e0e0e0}.connector-icon-fallback{font-size:1rem;line-height:1}.project-card .connector-icon-small{width:18px;height:18px}@media(max-width:500px){.project-connector-icons{display:none}}.project-score-badges{display:flex;gap:.4rem;align-items:center;margin-left:.6rem}.project-view-header{display:block;margin:0 0 .5rem}.project-title-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .5rem}.project-title-inline{color:#1e1e1e;font-size:1.1rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:700px){.project-title-row{align-items:flex-start;flex-direction:column;gap:.25rem}}.status{font-size:.75rem;padding:.15rem .4rem;border-radius:4px;white-space:nowrap;display:inline-flex;align-items:center;gap:.25rem}.status .icon{font-size:.9rem}.status.enabled{background-color:#e8f5e9;color:#2e7d32}.status.disabled{background-color:#fce4ec;color:#c2185b}.status.warning{background-color:#fff3e0;color:#e65100}.task-status-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center}.task-status-icon.completed{color:#4caf50}.task-status-icon.incomplete{color:#9e9e9e}.connector-actions{display:flex;gap:.5rem;flex-shrink:0}.settings-warning-badge{position:absolute;top:-6px;right:-6px;background:#fff7ed;border:1px solid #ffb84d;color:#b45309;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:12px}.btn-icon{padding:.5rem;border:1px solid #e0e0e0;border-radius:6px;background:#fff;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:1.2rem}.btn-icon:hover:not(:disabled){background-color:#f5f5f5;border-color:#ccc;transform:translateY(-1px)}.btn-icon:active:not(:disabled){transform:translateY(0)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon-danger:hover:not(:disabled){background-color:#ffebee;border-color:#ef5350;color:#ef5350}.btn-icon-reconnect{background-color:#fff3e0;border-color:#ff9800;color:#e65100}.btn-icon-reconnect:hover:not(:disabled){background-color:#ffe0b2;border-color:#f57c00;color:#e65100}.btn-icon .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.add-connector-disabled{text-align:center;padding:2rem;color:#999}.connector-search-bar{margin-bottom:1.5rem}.connector-types{margin:1rem 0}.connector-option{display:block;width:100%;text-align:left;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;margin-bottom:.5rem;cursor:pointer;transition:all .2s;background:#fff;font-family:inherit;font-size:inherit}.connector-option:hover:not(:disabled){border-color:#025951;background-color:#f5f9fc;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.connector-option:disabled{cursor:not-allowed;opacity:.6}.connector-option-loading{border-color:#025951;background-color:#f5f9fc}.connector-loading{margin-top:.75rem;padding:.5rem;background-color:#e3f2fd;border-radius:4px;text-align:center;color:#025951;font-size:.9rem;font-weight:500}.connector-info{flex:1}.connector-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.connector-info strong{color:#333;font-size:1rem}.connector-version{font-size:.75rem;color:#999;background-color:#f5f5f5;padding:.15rem .4rem;border-radius:3px}.connector-description{color:#666;font-size:.9rem;margin:.5rem 0}.connector-meta{display:flex;gap:1rem;margin-top:.5rem;font-size:.8rem;color:#999}.connector-auth,.connector-capabilities{display:flex;align-items:center;gap:.25rem}.help-text,.info-text{color:#666;font-size:.9rem;margin-bottom:1rem}.project-search-bar{margin-bottom:1.5rem;display:block}.project-view-filters{display:flex;gap:.5rem;align-items:center;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.25rem;margin-bottom:1rem}.project-view-filters .filters-header{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.project-view-filters .filters-title{font-weight:600;color:#333;font-size:.95rem}.project-view-filters .filters-actions{display:flex;align-items:center;gap:.5rem}.project-view-filters .search-input-wrapper-inline{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:8px;background:#fff;border:1px solid #ddd;min-width:160px;flex:1 1 260px}.project-view-filters .filter-group{display:flex;align-items:center;gap:.5rem;min-width:90px;flex:0 0 auto}.project-view-filters .filter-group label{font-size:.85rem;color:#666;white-space:nowrap}.project-view-filters .filter-group select{padding:.35rem .5rem;border-radius:6px;border:1px solid #ddd;background:#fff;min-width:110px;font-size:.92rem}.project-view-filters .mobile-search-reveal{width:100%;margin:.5rem 0}@media(max-width:700px){.project-view-filters{align-items:center;gap:.5rem}.project-view-filters .search-input-wrapper-inline,.project-view-filters .filters-title{display:none}.project-view-filters .filter-group select{min-width:90px;font-size:.9rem}}.project-view-filters-card{background:#fff;border-radius:8px;overflow:visible;padding:.5rem;box-shadow:0 1px 2px #0000000d;margin-bottom:1rem;z-index:200}.project-view-filters-card .filters-top-row{display:flex;gap:.5rem;align-items:center;padding:.25rem}.project-view-filters-card.collapsed{padding:.15rem .25rem;margin-bottom:.5rem;box-shadow:none}.project-view-filters-card.collapsed .filters-top-row{padding:.15rem;gap:.35rem}.project-view-filters-card.collapsed .header-btn{width:40px;height:40px;min-width:40px;min-height:40px}.project-view-filters-card.collapsed .filters-bottom-row{display:none;height:0;padding:0;margin:0}.project-view-filters-card .header-btn{width:44px;height:44px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.project-view-filters-card .header-btn.active{background:linear-gradient(180deg,#0259510f,#02595105);border:1px solid rgba(2,89,81,.15);color:#025951}.filter-button-wrapper{position:relative}.filter-popover{position:absolute;top:56px;left:0;z-index:1200;min-width:240px;background:#fff;border:1px solid #e6e6e6;border-radius:8px;box-shadow:0 6px 20px #00000014;padding:.5rem;color:#222}.filter-popover-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.25rem;border-bottom:1px solid #f0f0f0;margin-bottom:.5rem}.filter-popover-header .btn-clear{background:none;border:none;color:#025951;cursor:pointer;font-weight:600}.filter-popover-list{display:flex;flex-direction:column;gap:.25rem;max-height:220px;overflow:auto;padding-bottom:.25rem;color:#222}.filter-popover strong{color:#111}.filter-option span{color:#222}.filter-option{display:flex;align-items:center;gap:.5rem;padding:.35rem;border-radius:6px;cursor:pointer}.filter-option input{transform:scale(1.05)}.filter-option:hover{background:#f6f9f8}.project-view-filters-card .filters-bottom-row{margin-top:.5rem;display:flex;align-items:center;gap:.5rem;min-height:48px}.filters-bottom-group .group-status{color:#333;font-size:.95rem;display:flex;gap:.5rem;align-items:center}.filters-bottom-group .group-hint{color:#666;font-size:.8rem;margin-left:.5rem}.filters-bottom-calendar,.filters-bottom-search{width:100%}.filters-bottom-filter,.filters-bottom-group{width:100%;display:flex;align-items:center}.filters-bottom-search .search-input-wrapper{width:100%;padding:.5rem}.filters-bottom-filter select{padding:.4rem .6rem;border-radius:6px;border:1px solid #ddd}@media(max-width:420px){.project-view-filters-card .filters-top-row{overflow-x:auto}}@media(max-width:700px){.filter-popover{position:fixed!important;top:88px!important;left:8px!important;right:8px!important;min-width:unset;z-index:2000!important}.filter-option{padding:.6rem}}@media(max-width:500px){.project-view-filters .filter-group select{min-width:90px}}.home-header .header-actions{display:flex;align-items:center;gap:.5rem}.home-header .action-buttons .refresh-all-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .75rem;border-radius:6px;font-size:.95rem}@media(max-width:500px){.home-header .action-buttons .refresh-all-btn{padding:.25rem;width:36px;height:36px;min-width:36px;min-height:36px;justify-content:center}}.home-header .header-actions .action-buttons{display:flex;gap:.5rem;align-items:center}.home-header .action-buttons .header-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;min-height:36px;padding:0 .5rem;border-radius:8px;gap:.4rem;font-size:.95rem}.home-header .action-buttons .header-btn .icon,.home-header .action-buttons .header-btn svg{font-size:1.25rem}.home-header .action-buttons .header-btn.btn-icon{padding:0 .25rem}.home-header .action-buttons .btn-search-toggle,.home-header .action-buttons .sort-mode-btn,.home-header .action-buttons .sort-order-btn{width:36px;height:36px;min-width:36px;min-height:36px;padding:0}.home-header .action-buttons .btn-search-toggle svg,.home-header .action-buttons .sort-mode-btn svg,.home-header .action-buttons .sort-order-btn svg{font-size:1.05rem}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:.75rem 1rem;transition:all .2s}.search-input-wrapper:focus-within{border-color:#025951;box-shadow:0 0 0 3px #0259511a}.search-icon{color:#666;font-size:1.25rem;margin-right:.75rem;flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-size:1rem;color:#333;background:transparent}.search-input::placeholder{color:#999}.btn-clear-search{background:none;border:none;color:#666;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;margin-left:.5rem;flex-shrink:0}.btn-clear-search:hover{background-color:#f5f5f5;color:#333}.btn-clear-search svg{font-size:1.25rem}.sort-buttons{display:flex;gap:.25rem;flex-shrink:0}.sort-mode-btn,.sort-order-btn{width:3rem;height:3rem;border:1px solid #ccc;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#666}.sort-mode-btn:hover,.sort-order-btn:hover{border-color:#025951;background-color:#f8f9fa;color:#025951}.project-list{display:grid;gap:.5rem}.project-search-bar .search-input-wrapper{display:none}.project-search-bar .mobile-search-reveal .search-input-wrapper{display:flex;margin-top:.5rem;width:100%}@media(max-width:500px){.home-header h2{font-size:1.05rem}.home-header .action-buttons .btn-icon{width:36px;height:36px;padding:.25rem}.home-header .btn-text{display:none}}@media(max-width:700px){.project-search-bar .search-input-wrapper{padding:.5rem .75rem}}.project-card{border:1px solid #e0e0e0;border-radius:8px;padding:.5rem .75rem;cursor:pointer;transition:all .2s}.project-card:hover{border-color:#025951;box-shadow:0 2px 8px #0000001a}.project-header{display:flex;justify-content:space-between;align-items:center}.project-header h3{color:#333;font-size:.95rem;line-height:1.1;margin:0;flex:1}.project-status{margin-top:.25rem}.status-text{font-size:.75rem;color:#666;font-weight:500}.status-next{color:#ff9800}.status-last{color:#ccc;font-weight:400}.status-none{color:#999}.project-sources{display:flex;gap:.5rem;flex-wrap:wrap}.project-type{font-size:.85rem;padding:.25rem .5rem;border-radius:4px;background-color:#e3f2fd;color:#1976d2;white-space:nowrap}.project-info{font-size:.9rem;color:#666;margin-bottom:.75rem}.project-info p{margin-bottom:.25rem}.project-details{border-top:1px solid #f0f0f0;padding-top:.75rem;margin-top:.75rem}.source-detail{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:#f9f9f9;border-radius:4px;margin-bottom:.5rem;font-size:.9rem}.source-detail:last-child{margin-bottom:0}.source-icon{font-size:1.2rem;display:flex;align-items:center;justify-content:center;min-width:24px}.source-info{color:#666;flex:1}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026}.modal-header{padding:1.5rem;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.25rem;color:#333}.close-button{background:none;border:none;font-size:2rem;color:#999;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;line-height:1}.close-button:hover{color:#333}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:.5rem}.settings-section h3{margin-bottom:.5rem;color:#333}.settings-description{color:#666;margin-bottom:1.5rem}.setting-group{margin-bottom:1.5rem}.setting-group label{display:block;font-weight:500;margin-bottom:.5rem;color:#333}.help-text{font-size:.85rem;color:#666;margin-bottom:.75rem}.folder-select{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem;font-family:Courier New,Courier,monospace;background-color:#fff}.folder-select:focus{outline:none;border-color:#025951;box-shadow:0 0 0 3px #0259511a}.folder-select option{padding:.5rem}.selected-info{margin-top:.75rem;padding:.75rem;background-color:#e3f2fd;border-left:3px solid #025951;border-radius:4px;font-size:.9rem;color:#333}.loading-text{color:#666;font-style:italic}.error-text{color:#d32f2f}.info-text{color:#666;padding:1rem;background-color:#f5f5f5;border-radius:4px}.settings-indicator{color:#025951;font-size:.85rem;margin-top:.25rem}.btn-secondary-alt{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.btn-secondary-alt:hover:not(:disabled){background-color:#e0e0e0}.project-view{max-width:1400px;margin:0 auto}.project-view-header{margin-bottom:2rem}.btn-back{background-color:transparent;color:#025951;border:none;padding:.5rem 0;cursor:pointer;font-size:.95rem;margin-bottom:1rem;display:inline-flex;align-items:center;gap:.5rem;transition:opacity .2s}.btn-back:hover{opacity:.7}.project-view-header h1{font-size:2rem;color:#333;margin-bottom:.5rem}.project-view-meta{display:flex;gap:1rem;align-items:center;color:#666;font-size:.95rem}.project-id{font-family:Courier New,Courier,monospace;background-color:#f5f5f5;padding:.25rem .5rem;border-radius:4px}.resource-count{font-weight:500}.project-view-filters{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;display:flex;gap:2rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-search{flex:1;min-width:300px}.search-input-wrapper-inline{display:flex;align-items:center;border:1px solid #ccc;border-radius:4px;padding:.5rem .75rem;background-color:#fff;transition:all .2s}.search-input-wrapper-inline:focus-within{border-color:#025951;box-shadow:0 0 0 3px #0259511a}.search-input-wrapper-inline .search-icon{color:#666;font-size:1.1rem;margin-right:.5rem;flex-shrink:0}.search-input-wrapper-inline .search-input{flex:1;border:none;outline:none;font-size:.95rem;color:#333;background:transparent;min-width:0}.search-input-wrapper-inline .search-input::placeholder{color:#999}.search-input-wrapper-inline .btn-clear-search{background:none;border:none;color:#666;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;margin-left:.5rem;flex-shrink:0}.search-input-wrapper-inline .btn-clear-search:hover{background-color:#f5f5f5;color:#333}.search-input-wrapper-inline .btn-clear-search svg{font-size:1.1rem}.filter-group label{font-weight:500;color:#333}.filter-group select{padding:.5rem 2rem .5rem .75rem;border:1px solid #ccc;border-radius:4px;font-size:.95rem;background-color:#fff;cursor:pointer;min-width:200px}.filter-group select:focus{outline:none;border-color:#025951;box-shadow:0 0 0 3px #0259511a}.loading-resources{text-align:center;padding:3rem;color:#666}.resources-list{display:flex;flex-direction:column;gap:2rem}.timeline-today-marker{display:flex;align-items:center;padding:.5rem 0;margin:0;position:relative}.timeline-today-marker:before{content:"";position:absolute;left:1.5rem;width:10px;height:10px;background-color:#025951;border-radius:50%;border:2px solid white;box-shadow:0 0 0 2px #025951}.timeline-today-line{display:block;flex:1;height:3px;background-color:#025951;border-radius:2px;opacity:.95;margin-left:.75rem;transform-origin:left center;transition:transform .3s ease;align-self:center}@media(max-width:600px){.timeline-today-line{height:2px;margin-left:.5rem;opacity:.9}}.timeline-today-marker span{color:#025951;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-left:3rem}.resource-group{background-color:#fff;border-radius:2px;opacity:.95;transition:width .3s ease;box-shadow:0 0 6px #02595129;overflow:hidden;position:relative;z-index:1}.resource-group-header{padding:.75rem 1.5rem;margin:0;font-size:1rem;font-weight:600;color:#333;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color .2s;position:sticky;top:0;z-index:10;-webkit-user-select:none;user-select:none}.resource-group-header:hover{background-color:#f8f8f8!important}.group-header-left{display:flex;align-items:center;gap:.75rem}.expand-icon{font-size:1.5rem;transition:transform .3s ease;flex-shrink:0;position:relative;z-index:5}.expand-icon.expanded{transform:rotate(180deg)}.group-icon{font-size:1.2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.group-label{font-size:1rem;font-weight:600}.group-count{color:#666;font-weight:400;font-size:.95rem}.resource-group-header{background-color:#fff!important;border-bottom:1px solid #e8e8e8}.timeline-container .resource-group-header:before{display:none!important}.resources-table{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s ease,opacity .3s ease;overflow:hidden}.resources-table.collapsed{grid-template-rows:0fr;opacity:0}.resources-table.expanded{grid-template-rows:1fr;opacity:1}.resources-table>*{min-height:0}.resource-item{display:grid;grid-template-columns:40px 1fr auto;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #f0f0f0;align-items:start;transition:background-color .2s}.timeline-container .resource-item{grid-template-columns:32px 1fr auto;gap:.75rem;padding:.75rem 1.5rem}.resource-item:last-child{border-bottom:none}.resource-item:hover{background-color:#fafafa}.resource-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center}.timeline-container .resource-icon{font-size:1.3rem}.timeline-container .resource-icon .icon{width:28px;height:28px;font-size:28px}.resource-details{display:flex;flex-direction:column;gap:.25rem;min-width:0}.resource-name{font-weight:500;color:#333;font-size:.95rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.resource-name a{color:#025951;text-decoration:none;transition:opacity .2s}.resource-name a:hover{opacity:.7;text-decoration:underline}.resource-link{display:inline-flex;align-items:center;gap:6px}.link-icon{font-size:.9em;opacity:.7;transition:opacity .2s}.resource-link:hover .link-icon{opacity:1}.resource-subject{color:#666;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.resource-description{color:#888;font-size:.85rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.resource-preview-expanded{background-color:#f8f9fa;border-left:3px solid #025951;padding:.75rem;margin-top:.5rem;border-radius:4px;font-size:.875rem;line-height:1.5;color:#555;white-space:pre-wrap;word-wrap:break-word;animation:expandIn .2s ease-out}@keyframes expandIn{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-top:0}to{opacity:1;max-height:500px;padding-top:.75rem;padding-bottom:.75rem;margin-top:.5rem}}.resource-meta{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:.25rem}.resource-type{background-color:#e3f2fd;color:#025951;padding:.15rem .5rem;border-radius:3px;font-size:.8rem;font-weight:500;text-transform:capitalize}.resource-date{color:#aaa;font-size:.8rem;font-weight:400}.resource-count-badge{background-color:#f5f5f5;color:#666;padding:.15rem .5rem;border-radius:3px;font-size:.8rem}.resource-status-col{display:flex;align-items:center;justify-content:flex-end}.resource-status{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500;white-space:nowrap}.status-active{background-color:#e8f5e9;color:#2e7d32}.status-completed{background-color:#e0e0e0;color:#616161}.status-notstarted{background-color:#fff3e0;color:#e65100}.status-inprogress{background-color:#e3f2fd;color:#025951}.error-message{background-color:#ffebee;color:#c62828;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #c62828}@media(max-width:640px){.app-nav button{padding:.5rem;justify-content:center;gap:0}.app-nav button .icon{display:block;margin:0}.app-nav button .btn-text{display:none}.app-nav button.btn-icon{padding:.5rem}}@media(max-width:768px){.header-content,.app-main{padding:.5rem}.toast{right:1rem;left:1rem;max-width:none}.home-section{max-height:calc(100vh - 110px)}.project-view-filters{flex-direction:column;gap:1rem}.filter-group{width:100%}.filter-group select{flex:1;min-width:0}.resource-item{grid-template-columns:36px 1fr;gap:.75rem}.resource-status-col{grid-column:2 / 3;justify-content:flex-start;margin-top:.5rem}.timeline-container:before{display:none}.timeline-container .resource-group{margin-left:0}.timeline-container .resource-group-header:before{display:none}.timeline-today-marker{margin-left:0;padding-left:1rem}.timeline-today-marker:before{display:block;left:1.25rem}.timeline-today-marker span{margin-left:2rem;font-size:.85rem}.resources-table.expanded>*>.resource-icon{min-width:36px;min-height:36px;display:flex!important;align-items:center;justify-content:center;color:#263238;opacity:1!important;visibility:visible!important}.resources-table.expanded>*>.resource-icon .icon{width:22px;height:22px;font-size:22px;display:block;color:inherit}}@media(min-width:1400px){.header-content,.app-main{max-width:1000px;padding:.5rem}}@media(min-width:1600px){.header-content,.app-main{max-width:1400px;padding:.5rem}}@media(min-width:1800px){.header-content,.app-main{max-width:1400px;padding:.5rem}}.obsidian-setup-modal{max-width:700px;max-height:90vh;overflow-y:auto}.modal-title-section{display:flex;align-items:center;gap:1rem}.modal-subtitle{margin:.25rem 0 0;font-size:.875rem;font-weight:400;color:#666}.setup-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.5rem 2rem;background:#f9f9f9;border-bottom:1px solid #e0e0e0}.progress-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;position:relative}.progress-step:after{content:"";position:absolute;top:16px;left:50%;width:100%;height:2px;background:#e0e0e0;z-index:0}.progress-step:last-child:after{display:none}.step-number{width:32px;height:32px;border-radius:50%;background:#e0e0e0;color:#666;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;z-index:1;position:relative}.progress-step.active .step-number{background:#025951;color:#fff}.progress-step.completed .step-number{background:#107c10;color:#fff;font-size:1.25rem}.step-label{display:flex;flex-direction:column;gap:.25rem}.step-label strong{font-size:.875rem;color:#333}.step-label span{font-size:.75rem;color:#666}.progress-step.active .step-label strong{color:#025951}.setup-step{padding:1rem 0}.setup-step h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:500;color:#333}.instruction-box{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.setup-instructions{margin:0;padding-left:1.5rem;list-style:decimal}.setup-instructions li{margin-bottom:1.25rem}.setup-instructions li:last-child{margin-bottom:0}.setup-instructions strong{display:block;margin-bottom:.25rem;color:#333}.setup-instructions p{margin:0;color:#666;font-size:.875rem;line-height:1.5}.setup-instructions kbd{display:inline-block;padding:.125rem .375rem;font-size:.75rem;font-family:Courier New,monospace;background:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px #0000001a}.help-box{background:#e3f2fd;border-left:4px solid #025951;padding:1rem;border-radius:4px;margin-top:1rem}.help-box p{margin:0 0 .5rem}.help-box p:last-child{margin-bottom:0}.info-box{background:#fff9e6;border-left:4px solid #ffb900;padding:1rem;border-radius:4px;margin-top:1rem}.info-box p{margin:0 0 .5rem}.info-box ul{margin:.5rem 0 0;padding-left:1.5rem}.info-box li{margin-bottom:.25rem;color:#666}.error-box{background:#fde7e9;border-left:4px solid #d13438;padding:1rem;border-radius:4px;margin-top:1rem}.error-box p{margin:0 0 .5rem;color:#d13438}.error-actions{display:flex;gap:.5rem;margin-top:1rem}.btn-link{background:none;border:none;color:#025951;padding:.5rem 0;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;text-decoration:underline}.btn-link:hover{color:#106ebe}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333;font-size:.875rem}.label-hint{display:block;font-weight:400;color:#666;font-size:.75rem;margin-top:.125rem}.required{color:#d13438;margin-left:.25rem}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:.625rem;border:1px solid #ccc;border-radius:4px;font-size:.875rem;font-family:inherit}.form-group input:focus{outline:none;border-color:#025951;box-shadow:0 0 0 2px #0259511a}.input-with-copy{display:flex;gap:.5rem}.input-with-copy input{flex:1}.input-with-copy .btn-icon{padding:.625rem;background:#f5f5f5;border:1px solid #ccc;border-radius:4px;cursor:pointer;color:#333;display:flex;align-items:center;justify-content:center}.input-with-copy .btn-icon:hover{background:#e0e0e0}.help-text{margin:.5rem 0 0;font-size:.75rem;color:#666;line-height:1.4}.help-text code{background:#f5f5f5;padding:.125rem .375rem;border-radius:3px;font-family:Courier New,monospace;font-size:.75rem}.advanced-settings{margin-top:1.5rem;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;background:#fafafa}.advanced-settings summary{cursor:pointer;font-weight:500;color:#025951;list-style:none;-webkit-user-select:none;user-select:none;padding:.5rem;margin:-.5rem;border-radius:4px}.advanced-settings summary:hover{background:#f0f0f0}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings[open] summary{margin-bottom:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.checkbox-label:hover{background:#f5f5f5}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label span{font-size:.875rem;color:#333}.quick-action{text-align:center;padding:1.5rem;background:#f0f8ff;border-radius:8px;margin-bottom:1.5rem}.quick-action p{margin:0 0 1rem;color:#333;font-weight:500}.quick-action .help-text{margin-top:.75rem;font-size:.8125rem;color:#666;font-weight:400}.btn-large{padding:.875rem 1.5rem;font-size:1rem;font-weight:500;display:inline-flex;align-items:center;gap:.5rem}.divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:#999;font-size:.875rem;text-transform:uppercase;font-weight:500}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #e0e0e0}.divider span{padding:0 1rem}.connection-summary{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.connection-summary h4{margin:0 0 1rem;font-size:1rem;font-weight:500;color:#333}.summary-grid{display:grid;gap:.75rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e0e0e0}.summary-item:last-child{border-bottom:none}.summary-label{font-weight:500;color:#666;font-size:.875rem}.summary-value{color:#333;font-size:.875rem;font-family:Courier New,monospace}.footer-actions{display:flex;gap:.5rem;width:100%}@media(max-width:768px){.obsidian-setup-modal{max-width:100%;max-height:100vh;border-radius:0}.setup-progress{grid-template-columns:1fr;padding:1rem}.progress-step:after{display:none}.step-label{display:none}.progress-step.active .step-label{display:flex}}.custom-tooltip{position:fixed;background-color:#1e1e1e;color:#fff;padding:12px 16px;border-radius:8px;font-size:.875rem;line-height:1.5;max-width:400px;word-wrap:break-word;white-space:pre-wrap;box-shadow:0 4px 12px #0000004d;z-index:10000;pointer-events:none;animation:tooltipFadeIn .1s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.custom-tooltip:before{content:"";position:absolute;top:20px;width:0;height:0}.custom-tooltip.right:before{left:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #1e1e1e}.custom-tooltip.left:before{right:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #1e1e1e}.status-text.status-urgent{color:#ff5722!important;font-weight:600}.status-text.status-warning{color:#ff9800!important;font-weight:500}
