:root,[data-theme=light]{--bg:#f8f8fc;--bg-card:#fff;--bg-elevated:#f0f0f5;--border:#e2e2ea;--text-primary:#1a1a2e;--text-secondary:#6b6b80;--text-tertiary:#9b9baa;--text-heading:#0d0d1a;--shadow:0 1px 3px #0000000f, 0 2px 8px #0000000a;--shadow-lg:0 4px 16px #00000014;--overlay:#0000004d;--input-bg:#f4f4f8;--input-border:#d4d4de;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#08080f;--bg-card:#0d0d1a;--bg-elevated:#141425;--border:#1a1a2e;--text-primary:#e0e0e8;--text-secondary:#a1a1aa;--text-tertiary:#8b8b99;--text-heading:#f0f0f0;--shadow:0 1px 3px #0000004d, 0 2px 8px #0003;--shadow-lg:0 4px 16px #0006;--overlay:#0009;--input-bg:#141425;--input-border:#1a1a2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,system-ui,sans-serif}#root{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}h1,h2,h3{color:var(--text-heading);font-family:Space Mono,monospace;font-weight:700}.app-shell{flex-direction:column;flex:1;padding:16px;display:flex;position:relative}.theme-toggle{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);box-shadow:var(--shadow);z-index:10;border-radius:8px;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex;position:absolute;top:16px;right:16px}.theme-toggle:hover{color:var(--text-heading);background:var(--bg-elevated)}.header-icon-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex}.header-icon-btn:hover{color:var(--text-heading);background:var(--bg-elevated)}.header-avatar{color:#fff;background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-family:Space Mono,monospace;font-size:14px;font-weight:700;display:flex}.profile-photo-section{flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;display:flex}.profile-photo-wrapper{cursor:pointer;border:3px solid var(--border);border-radius:50%;width:88px;height:88px;transition:border-color .2s;position:relative;overflow:hidden}.profile-photo-wrapper:hover{border-color:#6366f1}.profile-photo-img{object-fit:cover;width:100%;height:100%}.profile-photo-placeholder{background:var(--bg-elevated);width:100%;height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;display:flex}.profile-photo-overlay{color:#fff;opacity:0;background:#00000080;justify-content:center;align-items:center;height:28px;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.profile-photo-wrapper:hover .profile-photo-overlay{opacity:1}.profile-file-input{display:none}.profile-photo-actions{gap:8px;display:flex}.btn-photo{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:5px 12px;font-family:IBM Plex Sans,sans-serif;font-size:12px}.btn-photo:hover{color:var(--text-heading);border-color:var(--text-secondary)}.btn-photo-remove:hover{color:#f87171;border-color:#f87171}.profile-photo-hint{color:var(--text-tertiary);font-size:11px}.header-avatar-img{object-fit:cover;border-radius:50%;width:28px;height:28px}.settings-section{margin-bottom:20px}.settings-heading{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-family:IBM Plex Sans,sans-serif;font-size:13px;font-weight:600}.settings-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.settings-label{color:var(--text-primary);font-size:14px}.theme-switcher{background:var(--bg-elevated);border-radius:8px;gap:4px;padding:2px;display:flex}.theme-option{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;padding:5px 12px;font-family:IBM Plex Sans,sans-serif;font-size:12px;transition:all .15s}.theme-option.active{background:var(--bg-card);color:var(--text-heading);box-shadow:var(--shadow)}.btn-small-danger{color:#fff!important;background:#f87171!important}.integrations-header{margin-bottom:8px}.integrations-subtitle{color:var(--text-secondary);margin-bottom:16px;font-size:13px}.intg-category{margin-bottom:20px}.intg-category-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-family:IBM Plex Sans,sans-serif;font-size:11px;font-weight:600}.intg-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.intg-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:8px;padding:16px 14px;transition:box-shadow .2s,transform .15s;display:flex}.intg-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.intg-card-connected{border-color:var(--intg-color);border-top:3px solid var(--intg-color)}.intg-card-top{justify-content:space-between;align-items:flex-start;display:flex}.intg-icon-block{background:var(--bg-elevated);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.intg-icon{display:flex}.intg-connected-dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px;box-shadow:0 0 6px #4ade80}.intg-name{color:var(--text-heading);font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:600}.intg-desc{color:var(--text-secondary);flex:1;font-size:11px;line-height:1.4}.intg-account{color:var(--text-tertiary);font-family:JetBrains Mono,monospace;font-size:10px}.intg-card-bottom{margin-top:auto;padding-top:6px}.intg-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:7px 0;font-family:IBM Plex Sans,sans-serif;font-size:12px;font-weight:600;transition:all .15s;display:flex}.intg-btn-connect{color:#fff;background:#6366f1;border:none}.intg-btn-connect:hover{background:#4f46e5}.intg-btn-connect:disabled{opacity:.7;cursor:default}.intg-btn-disconnect{color:var(--text-tertiary);border:1px solid var(--border);background:0 0}.intg-btn-disconnect:hover{color:#f87171;border-color:#f87171}.connecting-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.welcome{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.welcome-title{letter-spacing:-.5px;font-size:28px}.welcome-subtitle{color:var(--text-secondary);max-width:280px;font-size:15px}.welcome-choose{color:var(--text-tertiary);margin-bottom:16px;font-size:13px}.template-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:400px;display:grid}.template-card{background:var(--bg-card);border:1px solid var(--border);border-top:3px solid var(--template-color);text-align:left;cursor:pointer;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:6px;padding:16px 12px;transition:transform .15s,box-shadow .2s;display:flex}.template-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.template-blank{border-top-color:var(--border);border-style:dashed}.template-icon{margin-bottom:2px;display:flex}.template-name{color:var(--text-heading);font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:600}.template-desc{color:var(--text-secondary);font-size:11px;line-height:1.4}.welcome-back-card{background:var(--bg-card);border:1px solid var(--border);width:100%;box-shadow:var(--shadow);cursor:pointer;text-align:left;color:var(--text-primary);border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;font-family:inherit;transition:transform .15s,box-shadow .15s;display:flex}.welcome-back-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.welcome-back-avatar{background:var(--bg-elevated,var(--bg));border:2px solid #6366f1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.welcome-back-avatar img{object-fit:cover;width:100%;height:100%}.welcome-back-info{flex-direction:column;flex:1;gap:2px;display:flex}.welcome-back-name{font-size:15px;font-weight:600}.welcome-back-hint{color:var(--text-secondary);font-size:12px}.welcome-login-section{width:100%;margin-bottom:8px}.welcome-login-label{color:var(--text-secondary);text-align:center;margin-bottom:10px;font-size:13px}.welcome-login-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.welcome-login-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 10px;font-family:IBM Plex Sans,sans-serif;font-size:13px;font-weight:500;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.welcome-login-btn:hover{box-shadow:var(--shadow-lg);border-color:var(--text-tertiary);transform:translateY(-1px)}.oauth-popup-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.oauth-popup{background:#fff;border-radius:14px;width:100%;max-width:360px;animation:.25s ease-out oauthSlideUp;overflow:hidden;box-shadow:0 20px 60px #0000004d}@keyframes oauthSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.oauth-popup-header{background:#f3f4f6;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.oauth-popup-url{color:#6b7280;align-items:center;gap:4px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.oauth-popup-url:before{content:"";background:#22c55e;border-radius:50%;width:8px;height:8px;display:inline-block}.oauth-popup-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:2px;line-height:0}.oauth-popup-close:hover{color:#374151}.oauth-popup-body{color:#1f2937;flex-direction:column;align-items:center;gap:14px;padding:24px 20px;display:flex}.oauth-loading{padding:48px 20px}.oauth-loading p{color:#6b7280;font-size:13px}.oauth-logo{margin-bottom:4px}.oauth-consent-title{color:#111827;margin:0;font-size:18px;font-weight:700}.oauth-consent-desc{color:#6b7280;text-align:center;margin:0;font-size:13px}.oauth-permissions{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 14px}.oauth-perm-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:11px;font-weight:600}.oauth-perm-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.oauth-perm-list li{color:#374151;align-items:center;gap:6px;font-size:13px;display:flex}.oauth-perm-list li:before{content:"✓";color:#22c55e;font-size:12px;font-weight:700}.oauth-consent-actions{gap:10px;width:100%;display:flex}.oauth-consent-actions .btn-secondary{flex:1}.oauth-allow-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:600;transition:opacity .15s}.oauth-allow-btn:hover{opacity:.9}.oauth-consent-footer{color:#9ca3af;text-align:center;margin:0;font-size:10px}.oauth-account-list{flex-direction:column;gap:0;width:100%;display:flex}.oauth-account-item{cursor:pointer;text-align:left;color:#1f2937;background:0 0;border:none;border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;width:100%;padding:12px 14px;font-family:inherit;transition:background .15s;display:flex}.oauth-account-item:hover{background:#f3f4f6}.oauth-account-avatar{color:#fff;background:#6366f1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.oauth-account-info{flex-direction:column;display:flex}.oauth-account-name{font-size:14px;font-weight:600}.oauth-account-email{color:#6b7280;font-size:12px}.oauth-account-divider{background:#e5e7eb;height:1px;margin:4px 0}.oauth-account-custom{flex-direction:column;gap:8px;padding:10px 14px;display:flex}.oauth-account-input{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:10px 12px;font-family:IBM Plex Sans,sans-serif;font-size:13px}.oauth-account-input:focus{border-color:#6366f1}.oauth-account-continue{color:#fff;cursor:pointer;border:none;border-radius:8px;align-self:flex-end;padding:8px 14px;font-family:IBM Plex Sans,sans-serif;font-size:13px;font-weight:600}.oauth-selected-email{color:#6b7280;background:#f3f4f6;border-radius:20px;margin:0;padding:6px 14px;font-size:13px}.login-form-container{flex-direction:column;gap:14px;width:100%;max-width:380px;display:flex}.login-back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:4px;padding:0;font-family:IBM Plex Sans,sans-serif;font-size:13px;display:flex}.login-back-btn:hover{color:var(--text-primary)}.login-form-title{text-align:center;font-size:22px}.login-form-hint{color:var(--text-secondary);text-align:center;font-size:13px}.login-form{flex-direction:column;gap:14px;display:flex}.login-field{flex-direction:column;gap:4px;display:flex}.login-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.login-input{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);border-radius:10px;outline:none;padding:12px 14px;font-family:IBM Plex Sans,sans-serif;font-size:15px;transition:border-color .15s}.login-input:focus{border-color:#6366f1}.login-submit-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;min-height:48px;padding:14px;font-family:IBM Plex Sans,sans-serif;font-size:15px;font-weight:600;transition:opacity .15s;display:flex}.login-submit-btn:hover{opacity:.9}.login-submit-btn:disabled{opacity:.5;cursor:not-allowed}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.login-form-footer{color:var(--text-tertiary);text-align:center;font-size:11px;line-height:1.4}.login-link-btn{color:#6366f1;font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.login-link-btn:hover{opacity:.8}.welcome-signup-prompt{color:var(--text-secondary);text-align:center;margin-top:16px;font-size:13px}.blank-setup{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:380px;display:flex}.blank-progress{gap:6px;display:flex}.blank-dot{background:var(--border);border-radius:50%;width:8px;height:8px;transition:background .2s}.blank-dot.active{background:#6366f1}.blank-question{text-align:center;font-size:18px;line-height:1.3}.blank-hint{color:var(--text-secondary);text-align:center;font-size:13px}.blank-input{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text-primary);text-align:center;border-radius:10px;outline:none;padding:12px 14px;font-family:IBM Plex Sans,sans-serif;font-size:15px;transition:border-color .15s}.blank-input:focus{border-color:#6366f1}.blank-status-options{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.blank-status-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;text-transform:capitalize;border-radius:20px;padding:8px 16px;font-family:IBM Plex Sans,sans-serif;font-size:13px;transition:all .15s}.blank-status-btn.active{color:#fff;background:#6366f1;border-color:#6366f1}.blank-color-row{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.blank-color-label{color:var(--text-tertiary);font-size:12px}.blank-colors{gap:8px;display:flex}.blank-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:transform .15s}.blank-color-swatch.selected{border-color:var(--text-heading);transform:scale(1.15)}.blank-actions{justify-content:center;gap:10px;width:100%;margin-top:8px;display:flex}.app-header{margin-bottom:16px}.header-top{grid-template-columns:40px 1fr auto;align-items:center;margin-bottom:12px;display:grid}.header-right-icons{gap:4px;display:flex}.app-title{letter-spacing:-.5px;text-align:center;font-size:22px}.pulse{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pulse-item{background:var(--bg-card);border:1px solid var(--border);border-top:3px solid var(--pulse-color,var(--border));text-align:center;box-shadow:var(--shadow);border-radius:10px;padding:10px 6px;transition:transform .15s,box-shadow .15s}.pulse-item-clickable{cursor:pointer}.pulse-item-clickable:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.pulse-num{font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700;display:block}.pulse-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.checkin-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:16px;padding:10px;font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:600;transition:opacity .2s,transform .15s;display:flex}.checkin-btn:hover{opacity:.9;transform:translateY(-1px)}.checkin-scanning{flex-direction:column;align-items:center;gap:16px;padding:24px 0;display:flex}.checkin-scan-animation{display:flex}.checkin-spin{animation:1s linear infinite spin}.checkin-scan-text{color:var(--text-heading);font-size:15px;font-weight:500}.checkin-progress-bar{background:var(--border);border-radius:2px;width:100%;height:4px;overflow:hidden}.checkin-progress-fill{background:#6366f1;border-radius:2px;height:100%;transition:width .4s}.checkin-scan-steps{flex-direction:column;gap:6px;width:100%;display:flex}.checkin-scan-steps span{color:var(--text-tertiary);padding-left:20px;font-size:12px;transition:color .3s;position:relative}.checkin-scan-steps span:before{content:"";border:2px solid var(--border);border-radius:50%;width:10px;height:10px;position:absolute;top:3px;left:0}.checkin-scan-steps span.done{color:var(--text-primary)}.checkin-scan-steps span.done:before{background:#4ade80;border-color:#4ade80}.checkin-results{flex-direction:column;gap:14px;display:flex}.checkin-summary{border-bottom:1px solid var(--border);align-items:baseline;gap:6px;padding-bottom:8px;display:flex}.checkin-count{color:var(--text-heading);font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700}.checkin-count-label{color:var(--text-secondary);font-size:14px}.checkin-list{flex-direction:column;gap:8px;display:flex}.checkin-item{background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid;border-radius:10px;gap:12px;padding:12px;display:flex}.checkin-item-icon{flex-shrink:0;margin-top:1px}.checkin-item-content{flex:1;min-width:0}.checkin-item-title{color:var(--text-heading);margin-bottom:3px;font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:600}.checkin-item-clickable{cursor:pointer;transition:background .15s}.checkin-item-clickable:hover{background:var(--card-hover,#6366f10f)}.checkin-item-arrow{color:var(--text-secondary);opacity:.5;flex-shrink:0;align-self:center}.checkin-item-detail{color:var(--text-secondary);font-size:12px;line-height:1.5}.signals{margin-bottom:16px}.signals-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px}.signal-item{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);border-left:3px solid;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px 12px;display:flex}.signal-text{color:var(--text-primary);font-size:13px;font-weight:500}.signal-item-clickable{cursor:pointer;transition:background .15s}.signal-item-clickable:hover{background:var(--card-hover,#6366f10f)}.signal-right{align-items:center;gap:6px;display:flex}.signal-arrow{opacity:.4;color:var(--text-secondary)}.signal-wake{white-space:nowrap;border:1px solid;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:500}.wake-tabs-container{-webkit-overflow-scrolling:touch;margin-bottom:16px;overflow-x:auto}.wake-tabs-container::-webkit-scrollbar{display:none}.wake-tabs{gap:4px;min-width:min-content;display:flex}.wake-tab-wrapper{position:relative}.wake-tab{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;align-items:center;gap:6px;padding:8px 14px;font-family:IBM Plex Sans,sans-serif;font-size:13px;font-weight:500;transition:color .15s,border-color .15s;display:flex}.wake-tab.active{color:var(--text-heading);background:var(--bg-elevated)}.wake-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.add-wake-btn{color:var(--text-tertiary);padding:8px 14px;font-size:18px}.add-wake-btn:hover{color:var(--text-heading)}.wake-rename-input{background:var(--input-bg);color:var(--text-primary);border:1px solid #6366f1;border-radius:6px;outline:none;padding:6px 10px;font-family:IBM Plex Sans,sans-serif;font-size:13px}.wake-context-menu{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:20;border-radius:8px;min-width:120px;position:absolute;top:100%;left:0;overflow:hidden}.wake-context-menu button{text-align:left;cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;padding:8px 14px;font-family:IBM Plex Sans,sans-serif;font-size:13px;display:block}.wake-context-menu button:hover{background:var(--bg-elevated)}.wake-context-menu button.danger{color:#f87171}.status-filters{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px;display:grid}.filter-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-transform:capitalize;border-radius:16px;padding:5px 12px;font-family:IBM Plex Sans,sans-serif;font-size:12px;transition:all .15s}.filter-btn.active{background:var(--text-heading);color:var(--bg);border-color:var(--text-heading)}.projects-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.project-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--border);cursor:pointer;box-shadow:var(--shadow);border-radius:12px;padding:14px;transition:box-shadow .2s}.project-card:hover{box-shadow:var(--shadow-lg)}.project-header{flex-direction:column;gap:6px;display:flex}.project-title-row{justify-content:space-between;align-items:center;display:flex}.project-name{color:var(--text-heading);font-family:IBM Plex Sans,sans-serif;font-size:15px;font-weight:600}.project-desc{color:var(--text-secondary);font-size:13px;line-height:1.4}.status-badge{color:var(--status-color);text-transform:capitalize;align-items:center;gap:5px;font-size:11px;font-weight:500;display:inline-flex}.status-dot{background:var(--status-color);width:7px;height:7px;box-shadow:0 0 6px var(--status-color);border-radius:50%}.progress-bar-container{align-items:center;gap:8px;display:flex}.progress-bar{background:var(--border);border-radius:2px;flex:1;height:4px;overflow:hidden}.progress-fill{border-radius:2px;height:100%;transition:width .3s}.progress-text{color:var(--text-tertiary);text-align:right;min-width:30px;font-family:JetBrains Mono,monospace;font-size:11px}.project-expanded{border-top:1px solid var(--border);flex-direction:column;gap:12px;margin-top:12px;padding-top:12px;display:flex}.goal-label,.tasks-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.project-goal p{color:var(--text-secondary);font-size:13px}.task-list{list-style:none}.task-item{margin-bottom:4px}.task-check{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.task-check input[type=checkbox]{accent-color:#6366f1;cursor:pointer;width:16px;height:16px}.task-text{color:var(--text-primary)}.task-item.done .task-text{color:var(--text-tertiary);text-decoration:line-through}.edit-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:1;padding:8px 14px;font-family:IBM Plex Sans,sans-serif;font-size:12px;transition:all .15s}.edit-btn:hover{color:var(--text-heading);border-color:var(--text-secondary)}.add-project-btn{background:var(--bg-card);border:1px dashed var(--border);width:100%;color:var(--text-tertiary);cursor:pointer;border-radius:10px;padding:12px;font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:500;transition:all .15s}.add-project-btn:hover{border-color:var(--text-secondary);color:var(--text-heading)}.empty-state{text-align:center;color:var(--text-tertiary);padding:32px 0;font-size:14px}.app-footer{text-align:center;color:var(--text-tertiary);letter-spacing:.5px;margin-top:auto;padding:24px 0 16px;font-size:12px}.modal-overlay{background:var(--overlay);z-index:100;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border);width:100%;max-width:400px;max-height:85dvh;box-shadow:var(--shadow-lg);border-radius:16px;padding:24px;overflow-y:auto}.modal-lg{max-width:440px}.modal-title{margin-bottom:20px;font-size:18px}.form-group{margin-bottom:16px}.form-group label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:10px 12px;font-family:IBM Plex Sans,sans-serif;font-size:14px;transition:border-color .15s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#6366f1}.form-group textarea{resize:vertical}.form-group select{cursor:pointer;text-transform:capitalize}.color-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.color-swatch{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:8px;width:100%;transition:transform .15s}.color-swatch.selected{border-color:var(--text-heading);transform:scale(1.1)}.task-input-row{gap:6px;display:flex}.task-input-row input{flex:1}.btn-small{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:8px 14px;font-family:IBM Plex Sans,sans-serif;font-size:13px;font-weight:600}.btn-small:hover{background:#4f46e5}.task-preview-list{margin-top:8px;list-style:none}.task-preview-list li{color:var(--text-primary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;display:flex}.remove-task{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:14px}.remove-task:hover{color:#f87171}.modal-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:20px;display:flex}.modal-actions-right{gap:8px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 20px;font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:600}.btn-primary:hover{background:#4f46e5}.btn-primary:disabled{opacity:.4;cursor:default}.btn-secondary{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:10px 20px;font-family:IBM Plex Sans,sans-serif;font-size:14px}.btn-secondary:hover{color:var(--text-heading)}.btn-danger{color:#f87171;cursor:pointer;background:0 0;border:1px solid #f87171;border-radius:8px;padding:10px 20px;font-family:IBM Plex Sans,sans-serif;font-size:14px}.btn-danger:hover{background:#f871711a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.welcome,.app-shell{animation:.25s ease-out fadeIn}.wake-content{animation:.2s ease-out fadeIn}.project-actions{gap:8px;margin-top:8px;display:flex}.btn-complete-card{color:#22d3ee;cursor:pointer;background:#22d3ee1a;border:1px solid #22d3ee4d;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-family:IBM Plex Sans,sans-serif;font-size:12px;font-weight:600;transition:all .15s;display:flex}.btn-complete-card:hover{background:#22d3ee2e}.btn-complete{color:#22d3ee;cursor:pointer;background:#22d3ee1a;border:1px solid #22d3ee4d;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:12px;padding:12px;font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:600;transition:all .15s;display:flex}.btn-complete:hover{background:#22d3ee2e;border-color:#22d3ee80}.checkin-back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:12px;padding:4px 0;font-family:IBM Plex Sans,sans-serif;font-size:13px;display:flex}.checkin-back-btn:hover{color:var(--text-heading)}.checkin-email-title{color:var(--text-heading);align-items:center;gap:8px;margin-bottom:12px;font-family:IBM Plex Sans,sans-serif;font-size:15px;font-weight:600;display:flex}.checkin-email-list{flex-direction:column;gap:6px;display:flex}.checkin-email-item{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid #60a5fa;border-radius:8px;padding:10px 12px}.checkin-email-sender{color:var(--text-heading);margin-bottom:2px;font-family:IBM Plex Sans,sans-serif;font-size:12px;font-weight:600}.checkin-email-subject{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.btn-scan-emails{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:12px 16px;font-size:14px;font-weight:600;transition:opacity .2s,transform .1s;display:flex}.btn-scan-emails:hover{opacity:.9}.btn-scan-emails:active{transform:scale(.98)}.btn-scan-emails:disabled{opacity:.6;cursor:not-allowed}.template-confirming{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;animation:.3s ease-out fadeIn;display:flex}.template-confirming-text{color:var(--text-heading);font-family:IBM Plex Sans,sans-serif;font-size:18px;font-weight:600}