*,*:before,*:after{box-sizing:border-box}: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;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;min-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}}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;gap:2rem;padding:1rem 2rem;background:#1a1a1a;border-bottom:1px solid #333;flex-wrap:wrap}.app-title{margin:0;font-size:1.25rem;font-weight:700;color:inherit;text-decoration:none;display:flex;align-items:center;gap:.5rem}.app-logo{height:1.5rem;width:auto}.app-nav{display:flex;gap:1rem;flex:1}.app-nav a{color:#888;text-decoration:none;padding:.5rem .75rem;border-radius:4px;transition:color .2s,background .2s}.app-nav a:hover{color:#fff;background:#333}.app-nav a.active{color:#646cff;background:#646cff1a}.header-actions{display:flex;gap:.75rem;align-items:center}.pod-button{background:#333;border:1px solid #444;color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem}.pod-button:hover{background:#444;border-color:#555}.logout-button{background:transparent;border:1px solid #666;color:#888;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem}.logout-button:hover{border-color:#888;color:#fff}.menu-toggle{display:none;background:none;border:none;padding:.5rem;cursor:pointer;order:3}.hamburger{display:block;width:24px;height:2px;background:#fff;position:relative;transition:background .2s}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:24px;height:2px;background:#fff;transition:transform .2s}.hamburger:before{top:-7px}.hamburger:after{top:7px}.hamburger.open{background:transparent}.hamburger.open:before{transform:translateY(7px) rotate(45deg)}.hamburger.open:after{transform:translateY(-7px) rotate(-45deg)}.mobile-actions{display:none}@media(max-width:768px){.app-header{padding:1rem;column-gap:1rem;row-gap:0}.menu-toggle{display:block;margin-left:auto}.app-nav{display:flex;width:100%;order:4;flex:none;flex-direction:column;gap:0;padding-top:0;border-top:1px solid transparent;margin-top:0;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .2s ease,padding-top .3s ease,margin-top .3s ease,border-color .3s ease}.app-nav.open{max-height:500px;opacity:1;padding-top:1rem;margin-top:.5rem;border-top-color:#333}.app-nav a{padding:.75rem .5rem;border-radius:0}.desktop-only{display:none}.mobile-actions{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;margin-top:.5rem;border-top:1px solid #333}.mobile-actions .pod-button,.mobile-actions .logout-button{width:100%;text-align:center}.task-header{flex-wrap:wrap;gap:.5rem}.task-name{flex-basis:100%;order:1}.task-status{order:2}.notification-bell{order:3}.task-actions{flex-wrap:wrap;gap:.5rem}.complete-dropdown{flex:1;min-width:120px}.complete-button{flex:1}.edit-button,.delete-button{padding:.5rem .75rem}.form-row{flex-direction:column;gap:0}.backdate-form{flex-wrap:wrap}.backdate-form input[type=datetime-local]{flex:1 1 100%;margin-bottom:.5rem}.delete-confirm,.complete-confirm{flex-wrap:wrap}.delete-confirm span,.complete-confirm span{flex-basis:100%;margin-bottom:.5rem}}.app-main{flex:1;max-width:800px;width:100%;margin:0 auto;padding:2rem}@media(max-width:768px){.app-main{padding:.75rem}}.container{max-width:600px;margin:0 auto;padding:2rem;text-align:center}.login-logo{height:5rem;width:auto;margin-bottom:1rem}h1{margin-bottom:1rem}h2{margin-top:1.5rem;margin-bottom:1rem;font-size:1.25rem}hr{margin:1.5rem 0;border:none;border-top:1px solid #444}.api-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.result{margin-top:1rem;padding:1rem;background:#1a1a1a;border-radius:8px;text-align:left}.result pre{margin:.5rem 0 0;white-space:pre-wrap;word-break:break-all}.error{color:#ff6b6b;margin-top:1rem}a{color:#646cff}.link-button{background:none;border:none;color:#646cff;cursor:pointer;padding:0;font-size:inherit}.link-button:hover{text-decoration:underline}.pod-list{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.pod-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#1a1a1a;border:1px solid #333;border-radius:8px;cursor:pointer;transition:border-color .2s}.pod-item:hover:not(.disabled){border-color:#646cff}.pod-item.disabled{opacity:.6;cursor:not-allowed}.pod-name{font-weight:500}.pod-role{font-size:.875rem;color:#888;text-transform:capitalize}.pod-status{font-size:.875rem;color:#f0ad4e}.task-list{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.task-item{padding:1rem;background:#1a1a1a;border:1px solid #333;border-radius:8px;text-align:left}.task-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.task-item-clickable{cursor:pointer;transition:border-color .2s}.task-item-clickable:hover{border-color:#646cff}.task-name{font-weight:500;flex:1}.task-description{margin:.5rem 0 0;font-size:.875rem;color:#aaa}.task-completed{margin:.5rem 0 0;font-size:.75rem;color:#888}.task-status{font-size:.75rem;white-space:nowrap}.task-status-ok{color:#4ade80}.task-status-pending{color:#a78bfa}.task-status-overdue{color:#f87171}.task-actions{margin-top:.75rem;display:flex;justify-content:flex-end}.complete-dropdown{position:relative;display:inline-flex;max-width:150px}.complete-button{background:transparent;border:1px solid #4ade80;color:#4ade80;padding:.375rem .75rem;border-radius:4px 0 0 4px;cursor:pointer;font-size:.875rem;font-weight:500}.complete-button:hover:not(:disabled){background:#4ade80;color:#1a1a1a}.complete-button:disabled{opacity:.5;cursor:not-allowed}.complete-dropdown-toggle{background:transparent;border:1px solid #4ade80;border-left:none;color:#4ade80;padding:.375rem .5rem;border-radius:0 4px 4px 0;cursor:pointer;font-size:.75rem}.complete-dropdown-toggle:hover:not(:disabled){background:#4ade80;color:#1a1a1a}.complete-dropdown-toggle:disabled{opacity:.5;cursor:not-allowed}.complete-menu{position:absolute;top:100%;right:0;margin-top:.25rem;background:#2a2a2a;border:1px solid #444;border-radius:4px;box-shadow:0 4px 12px #0000004d;z-index:10;min-width:200px}.complete-menu button{display:block;width:100%;padding:.5rem .75rem;background:none;border:none;color:#fff;text-align:left;cursor:pointer;font-size:.875rem}.complete-menu button:hover{background:#333}.complete-menu button:first-child{border-radius:4px 4px 0 0}.complete-menu button:last-child{border-radius:0 0 4px 4px}.backdate-form{margin-top:.75rem;display:flex;gap:.75rem;align-items:center}.backdate-form input[type=datetime-local]{padding:.375rem .5rem;border:1px solid #444;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.875rem}.backdate-form input[type=datetime-local]:focus{outline:none;border-color:#646cff}.cancel-button{background:transparent;border:1px solid #666;color:#888;padding:.375rem .75rem;border-radius:4px;cursor:pointer;font-size:.875rem}.cancel-button:hover:not(:disabled){border-color:#888;color:#fff}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.empty-state{color:#888;font-style:italic}.create-task-form{text-align:left}.create-task-form h3{margin:0 0 1rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.25rem;font-size:.875rem;color:#aaa}.form-group input{width:100%;padding:.5rem;border:1px solid #333;border-radius:4px;background:#1a1a1a;color:inherit;font-size:1rem;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#646cff}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.input-with-unit{display:flex;gap:.5rem}.input-with-unit input{flex:1;min-width:0}.input-with-unit select{padding:.5rem;border:1px solid #333;border-radius:4px;background:#1a1a1a;color:#fff;font-size:.875rem;cursor:pointer}.input-with-unit select:focus{outline:none;border-color:#646cff}.input-with-unit select:disabled{opacity:.6;cursor:not-allowed}.create-task-form button[type=submit]{width:100%}.api-key-list{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.api-key-item{padding:1rem;background:#1a1a1a;border:1px solid #333;border-radius:8px;text-align:left}.api-key-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.api-key-name{font-weight:500;flex:1}.api-key-meta{margin:.5rem 0 0;font-size:.75rem;color:#888}.api-key-meta .meta-separator{margin:0 .5rem}.api-key-actions{margin-top:.75rem;display:flex;justify-content:flex-end}.delete-button{background:transparent;border:1px solid #f87171;color:#f87171;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.875rem}.delete-button:hover:not(:disabled){background:#f87171;color:#1a1a1a}.delete-button:disabled{opacity:.5;cursor:not-allowed}.create-api-key-form{text-align:left}.create-api-key-form h3{margin:0 0 1rem;text-align:center}.create-api-key-form button[type=submit]{width:100%}.api-key-created{text-align:center}.api-key-created h3{margin:0 0 1rem}.api-key-warning{color:#fbbf24;font-weight:500;margin-bottom:1rem}.api-key-display{display:flex;gap:.5rem;margin-bottom:1rem;background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:.5rem;align-items:center}.api-key-display code{flex:1;font-family:monospace;font-size:.875rem;word-break:break-all;text-align:left}.copy-button{background:#646cff;border:none;color:#fff;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.875rem;white-space:nowrap}.copy-button:hover{background:#535bf2}.pod-id-section{text-align:left}.pod-id-section h3{margin:0 0 .5rem;font-size:1rem}.curl-example-section{margin:1.5rem 0 1rem;text-align:left}.curl-example-section h4{margin:0 0 .5rem;font-size:.875rem;color:#aaa}.curl-example{display:flex;gap:.5rem;background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:.5rem;align-items:flex-start}.curl-example code{flex:1;font-family:monospace;font-size:.8rem;word-break:break-all;white-space:pre-wrap}.device-slots{display:flex;flex-direction:column;gap:.5rem;max-width:400px}.device-slot{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#1a1a1a;border:1px solid #333;border-radius:4px}.slot-label{font-weight:500;color:#888;min-width:1.5rem}.slot-select{flex:1;padding:.375rem .5rem;border:1px solid #444;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.875rem;cursor:pointer}.slot-select:focus{outline:none;border-color:#646cff}.slot-select:disabled{opacity:.5;cursor:not-allowed}.slot-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.slot-indicator-ok{background:#4ade80;box-shadow:0 0 6px #4ade80}.slot-indicator-pending{background:#a78bfa;box-shadow:0 0 6px #a78bfa}.slot-indicator-overdue{background:#f87171;box-shadow:0 0 6px #f87171}.slot-indicator-unassigned{background:#666}.tabs{margin-top:1rem}.tab-list{display:flex;gap:0;border-bottom:1px solid #333;margin-bottom:1.5rem}.tab-button{background:transparent;border:none;color:#888;padding:.75rem 1.5rem;cursor:pointer;font-size:1rem;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}.tab-button:hover{color:#fff}.tab-button.active{color:#646cff;border-bottom-color:#646cff}.tab-content{text-align:left}.tab-select{display:none;width:100%;padding:.75rem;border:1px solid #333;border-radius:4px;background:#1a1a1a;color:#fff;font-size:1rem;cursor:pointer;margin-bottom:1.5rem}.tab-select:focus{outline:none;border-color:#646cff}@media(max-width:768px){.tab-list{display:none}.tab-select{display:block}}.member-list,.invite-list{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.member-item,.invite-item{padding:1rem;background:#1a1a1a;border:1px solid #333;border-radius:8px;text-align:left}.member-header,.invite-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.member-name,.invite-name{font-weight:500;flex:1}.member-role,.invite-role{font-size:.75rem;text-transform:capitalize;color:#888;background:#333;padding:.125rem .5rem;border-radius:4px}.member-meta,.invite-meta{margin:.25rem 0 0;font-size:.75rem;color:#888}.member-meta .meta-separator,.invite-meta .meta-separator{margin:0 .5rem}.member-actions,.invite-actions{margin-top:.75rem;display:flex;justify-content:flex-end}.capitalize{text-transform:capitalize}.pending-invite{cursor:default}.pending-invite .pod-info{display:flex;flex-direction:column;gap:.25rem}.invite-details{font-size:.875rem;color:#888;text-transform:capitalize}.invite-actions{display:flex;gap:.5rem}.accept-btn{background:#4ade80;border:none;color:#1a1a1a;padding:.375rem .75rem;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500}.accept-btn:hover:not(:disabled){background:#22c55e}.accept-btn:disabled{opacity:.5;cursor:not-allowed}.reject-btn{background:transparent;border:1px solid #666;color:#888;padding:.375rem .75rem;border-radius:4px;cursor:pointer;font-size:.875rem}.reject-btn:hover:not(:disabled){border-color:#f87171;color:#f87171}.reject-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-invite-btn{background:transparent;border:1px solid #666;color:#888;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.875rem}.cancel-invite-btn:hover:not(:disabled){border-color:#f87171;color:#f87171}.cancel-invite-btn:disabled{opacity:.5;cursor:not-allowed}.invite-form{text-align:left}.invite-form h3{margin:0 0 1rem}.invite-form-row{display:flex;gap:.75rem;align-items:center}.invite-form-row input[type=email]{flex:1;padding:.5rem;border:1px solid #333;border-radius:4px;background:#1a1a1a;color:inherit;font-size:1rem}.invite-form-row input[type=email]:focus{outline:none;border-color:#646cff}.role-select{padding:.5rem;border:1px solid #333;border-radius:4px;background:#1a1a1a;color:inherit;font-size:1rem;cursor:pointer}.role-select:focus{outline:none;border-color:#646cff}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.page-header h2{margin:0}.new-task-link{background:#646cff;color:#fff;padding:.5rem 1rem;border-radius:4px;text-decoration:none;font-size:.875rem}.new-task-link:hover{background:#535bf2}.task-actions{display:flex;gap:.5rem;align-items:center}.edit-button{background:transparent;border:1px solid #666;color:#888;padding:.375rem .75rem;border-radius:4px;cursor:pointer;font-size:.875rem}.edit-button:hover{border-color:#646cff;color:#646cff}.edit-form{text-align:left}.edit-actions{display:flex;gap:.5rem;margin-top:1rem}.delete-confirm,.complete-confirm{display:flex;gap:.75rem;align-items:center;margin-top:.75rem}.delete-confirm span{color:#f87171;font-size:.875rem}.complete-confirm span{color:#4ade80;font-size:.875rem}.button{display:inline-block;background:#646cff;color:#fff;padding:.6em 1.2em;border-radius:8px;text-decoration:none;font-size:1em;font-weight:500;cursor:pointer;transition:background .25s}.button:hover{background:#535bf2}.create-pod-form{text-align:left;max-width:400px;margin:0 auto}.create-pod-form button[type=submit]{width:100%}.pod-selector-actions{display:flex;gap:1rem;justify-content:center}.task-detail-page{text-align:left}.back-link{display:inline-block;margin-bottom:1rem;color:#888;text-decoration:none}.back-link:hover{color:#646cff}.task-detail-header{padding:1rem;background:#1a1a1a;border:1px solid #333;border-radius:8px;margin-bottom:1.5rem}.task-detail-title{display:flex;justify-content:space-between;align-items:center;gap:1rem}.task-detail-title h2{margin:0;font-size:1.25rem;flex:1}.task-detail-description{margin:.5rem 0 0;font-size:.875rem;color:#aaa}.task-detail-completed{margin:.5rem 0 0;font-size:.75rem;color:#888}.task-detail-schedule{margin-top:1rem;padding-top:1rem;border-top:1px solid #333}.task-detail-schedule p{margin:.25rem 0;font-size:.875rem}.schedule-label{color:#888}.task-entries-section h3{margin:0 0 1rem;font-size:1rem}.task-entries-list{display:flex;flex-direction:column;gap:.5rem}.task-entry-item{display:flex;gap:.5rem;padding:.75rem 1rem;background:#1a1a1a;border:1px solid #333;border-radius:4px;font-size:.875rem}.task-entry-time{color:#fff}.task-entry-user{color:#888}.load-more-button{margin-top:1rem;background:transparent;border:1px solid #666;color:#888;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;width:100%}.load-more-button:hover:not(:disabled){border-color:#888;color:#fff}.load-more-button:disabled{opacity:.5;cursor:not-allowed}.notification-settings{text-align:left}.notification-setting-row{margin-bottom:1.5rem}.setting-label{display:block;margin-bottom:.5rem;font-size:.875rem;color:#aaa}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.toggle-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-switch{position:relative;width:44px;height:24px;background:#444;border-radius:12px;transition:background .2s;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-label input[type=checkbox]:checked+.toggle-switch{background:#4ade80}.toggle-label input[type=checkbox]:checked+.toggle-switch:after{transform:translate(20px)}.toggle-label input[type=checkbox]:disabled+.toggle-switch{opacity:.5}.toggle-text{font-size:.875rem;color:#fff}.time-select,.timezone-select{padding:.5rem;border:1px solid #333;border-radius:4px;background:#1a1a1a;color:#fff;font-size:.875rem;cursor:pointer;min-width:180px}.time-select:focus,.timezone-select:focus{outline:none;border-color:#646cff}.time-select:disabled,.timezone-select:disabled{opacity:.5;cursor:not-allowed}.notification-bell{background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem;border-radius:4px;transition:color .2s;line-height:1;color:#888}.notification-bell:hover:not(:disabled){color:#646cff}.notification-bell:disabled{cursor:not-allowed}.notification-bell.bell-muted{color:#555}.notification-bell.bell-muted:hover:not(:disabled){color:#646cff}.notification-bell.bell-updating{color:#444}.debug-description{color:#888;margin-bottom:1.5rem}.debug-result{margin-top:1.5rem;padding:1rem;background:#1a1a1a;border:1px solid #333;border-radius:8px;text-align:left}.debug-result h3{margin:0 0 1rem;font-size:1rem}.debug-skipped{color:#fbbf24}.debug-skipped p,.debug-sent p{margin:.25rem 0}.debug-notification-preview{margin:1rem 0;padding:.75rem;background:#2a2a2a;border-radius:4px;border-left:3px solid #646cff}.debug-notification-title{font-weight:600;margin:0 0 .25rem}.debug-notification-body{color:#aaa;margin:0;font-size:.875rem}.debug-task-list{margin-top:1rem}.debug-task-list h4{margin:0 0 .5rem;font-size:.875rem;color:#888}.debug-task-list ul{margin:0;padding-left:1.25rem}.debug-task-list li{font-size:.875rem;margin:.25rem 0}