@import url("https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap");*{box-sizing:border-box;font-family:Geologica,sans-serif;margin:0;padding:0}:root{--app-padding:2.5rem 5rem;--gap:1rem;--padding:1rem;--bg-primary:#f0fdf4;--bg-secondary:#fff;--bg-accent:#059669;--bg-accent-light:#d1fae5;--border-primary:#21a97c;--border-secondary:#d4d4d4;--border-radius-primary:0.5rem;--border-radius-small:0.25rem;--border-width:1.5px;--text-primary:#059669;--text-secondary:#059669;--text-accent:#fff;--text-accent-light:#059669;--icon-primary:#059669;--error-msg-color:#dc2626;--tag-bg-color-high:#fee2e2;--tag-text-color-high:#b91c1c;--tag-bg-color-medium:#fef9c3;--tag-text-color-medium:#a16207;--tag-bg-color-medium-inverted:#f18e00;--tag-bg-color-low:#dbeafe;--tag-text-color-low:#1d4ed8;--tag-bg-color-regular:var(--bg-accent-light);--tag-text-color-regular:var(--text-primary);--button-bg-color:var(--bg-accent);--button-text-color:var(--text-accent);--button-bg-color-hover:var(--bg-accent-light);--button-text-color-hover:var(--text-accent-light)}:root.dark-mode{--bg-primary:#1a1d24;--bg-secondary:#1f2937;--bg-accent:#10b981;--bg-accent-light:#151e25;--border-primary:#374151;--border-secondary:#2a3441;--border-radius-primary:0.5rem;--border-radius-small:0.25rem;--border-width:1.5px;--text-primary:#e2e8f0;--text-secondary:#e3eefe;--text-accent:#fff;--text-accent-light:#34d399;--icon-primary:#34d399;--tag-bg-color-high:#451a1a;--tag-text-color-high:#f87171;--tag-bg-color-medium:#454219;--tag-text-color-medium:#fbbf24;--tag-bg-color-low:#1e3a8a;--tag-text-color-low:#60a5fa;--tag-bg-color-regular:var(--bg-accent-light);--tag-text-color-regular:#34d399;--button-bg-color:var(--bg-accent);--button-text-color:var(--text-accent);--button-bg-color-hover:var(--bg-accent-light);--button-text-color-hover:#34d399;--input-bg:#374151;--input-text:#e2e8f0;--input-border:#4b5563;--input-placeholder:#9ca3af}button{border:var(--border-width) solid var(--border-primary);border-radius:var(--border-radius-primary);cursor:pointer;font-size:1rem;padding:.5rem .75rem;transition:all .25s ease}button:has(*+i),button:has(i+*),button:not(:has(i)){padding:.5rem 1.5rem}.small-btn{padding:.3rem .45rem}button,button.flipped:hover{background-color:var(--button-bg-color);color:var(--button-text-color)}button.flipped,button:hover{background-color:var(--button-bg-color-hover);color:var(--button-text-color-hover)}.tag{background:var(--tag-bg-color-regular);border-radius:var(--border-radius-primary);color:var(--tag-text-color-regular);font-size:.75rem;padding:.25rem .5rem;text-align:center}.tag-priority-high{background:var(--tag-bg-color-high);color:var(--tag-text-color-high)}.tag-priority-medium{background:var(--tag-bg-color-medium);color:var(--tag-text-color-medium)}.tag-priority-low{background:var(--tag-bg-color-low);color:var(--tag-text-color-low)}.task-date{font-size:.9rem;margin-right:.5rem}#upcoming-deadlines{background-color:transparent;border:none;padding:0}.deadlines{display:flex;flex-direction:row;list-style:none;width:100%}.deadline{align-items:center;aspect-ratio:1;background-color:var(--bg-secondary);border:var(--border-width) solid var(--border-primary);cursor:pointer;display:flex;flex:1;flex-direction:column;gap:.5rem;justify-content:center;max-height:10rem}.deadline.active{background-color:var(--bg-accent-light);color:var(--text-accent-light)}.deadline:first-child{border-radius:var(--border-radius-primary);margin-right:var(--padding)}.deadline:nth-child(n+3){border-left:none}.deadline:nth-child(2){border-radius:var(--border-radius-primary) 0 0 var(--border-radius-primary)}.deadline:last-child{border-radius:0 var(--border-radius-primary) var(--border-radius-primary) 0}.deadline-tags{display:flex;flex-direction:column;gap:.5rem;list-style-type:none}#deadline-overdue{background-color:var(--tag-bg-color-high);border:var(--border-width) solid var(--tag-bg-color-high);border-radius:var(--border-radius-primary)}#deadline-overdue.active{border-color:var(--tag-text-color-high)}#deadline-overdue div{color:var(--tag-text-color-high)}#deadline-overdue .tag{color:#fff}#deadline-overdue .tag-priority-high{background-color:var(--tag-text-color-high)}#deadline-overdue .tag-priority-medium{background-color:var(--tag-bg-color-medium-inverted)}#deadline-overdue .tag-priority-low{background-color:var(--tag-text-color-low)}body{background-color:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;height:100vh;margin:0 auto;min-width:60rem;padding:var(--app-padding);width:100vw}header{align-items:center;display:flex;gap:var(--gap);padding:var(--padding) 0}header #logo-heading{display:flex;flex-direction:row;flex-grow:1;gap:var(--gap)}#view-toggle{display:flex;flex-direction:row;gap:0}#view-toggle button:first-child{border-radius:var(--border-radius-primary) 0 0 var(--border-radius-primary);border-right:none}#view-toggle button:last-child{border-radius:0 var(--border-radius-primary) var(--border-radius-primary) 0}#view-toggle button[aria-disabled=true]{background-color:var(--bg-accent-light);color:var(--text-accent-light)}#view-toggle button:not([aria-disabled=true]):hover,#view-toggle button[aria-disabled=true]:hover{background-color:var(--bg-accent);color:var(--text-accent)}main{display:grid;flex-grow:1;gap:var(--gap);grid-template-columns:1fr 6fr;grid-template-rows:auto 1fr;min-height:0}aside,nav,section{background-color:var(--bg-secondary);border:var(--border-width) solid var(--border-primary);border-radius:var(--border-radius-primary);padding:var(--padding)}aside h2,section h2{margin-bottom:var(--gap)}.links{display:flex;flex-direction:column;gap:var(--gap);list-style-type:none}.links a{border-radius:var(--border-radius-primary);color:var(--text-primary);display:block;padding:var(--padding);text-decoration:none;transition:all .25s ease}.links a.active,.links a:hover{background-color:var(--bg-accent-light)}.links img{height:1rem;width:1rem}aside{display:flex;flex:1;flex-direction:column;height:auto;position:relative}aside .controls{position:absolute;right:var(--padding);top:var(--padding)}#task-panels{display:grid;gap:var(--gap);grid-template-areas:"filters filters" "github-tasks personal-tasks";grid-template-columns:2fr 3fr;grid-template-rows:auto 1fr;min-height:0}#tasks-filters{grid-area:filters}#github-task-panel{grid-area:github-tasks}#personal-task-panel{grid-area:personal-tasks}#tasks-filters{display:flex;flex-direction:row;gap:calc(var(--gap)/4*3)}#tasks-filters input{background-color:var(--input-bg);border:var(--border-width) solid var(--border-secondary);border-color:var(--input-border);border-radius:var(--border-radius-small);color:var(--input-text);font-size:1rem;padding:.5rem .75rem}#tasks-filters input::placeholder{color:var(--input-placeholder)}#github-task-panel,#personal-task-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}#personal-task-panel{position:relative}#create-task-btn{position:absolute;right:var(--padding);top:calc(var(--padding)/4*3)}.tasks{display:flex;flex:1;flex-direction:column;gap:1rem;list-style-type:none;list-style:none;min-height:0;overflow-y:auto;padding-right:.5rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#b0b0b0;border:3px solid #fff;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#878787;gap:var(--gap)}h2{text-align:center}.link-item img{border-radius:50%}#link-title,.url-link{color:green}.url-link{text-decoration:none}#link-list li{align-content:center;align-items:center;background-color:var(--bg-accent-light);border-radius:5px;cursor:pointer;display:flex;flex:1 1 calc(25% - 10px);margin:5px 0;padding:10px}#link-list li:hover{border-color:#1abc9c}.formbox input{border:2px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:10px;padding:5px;width:100%}#link-list button{align-items:center;background-color:transparent;border:none;color:var(--button-bg-color);display:flex;margin-right:10px;padding:.5rem 1rem .5rem 0;text-align:left;width:150px}#link-list button:hover{background:var(--tag-bg-color-regular);color:var(--tag-text-color-regular)}#link-list button.delete-btn{color:#ef4444;display:none}#link-list button.delete-btn:hover{background:var(--tag-bg-color-high);color:var(--tag-text-color-high)}.edit-button,.header-with-button{display:inline-block;margin:0;vertical-align:middle}.edit-button{background:none;border:none;color:inherit;cursor:pointer;font-size:1em;margin-left:10px}.edit-button:hover{color:#007bff}#links-section h2{align-items:center;display:flex;flex-direction:row;justify-content:space-between}#link-list{align-content:flex-start;display:flex;flex:1;flex-wrap:wrap;list-style-type:none;padding-left:0}.link-item img{height:24px;margin-right:10px;vertical-align:middle;width:24px}.link-button img{height:32px;width:32px}.add-link-form{background-color:rgba(0,0,0,.6);display:none;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1000}.popup-content{background-color:var(--bg-secondary);border:var(--border-width) solid var(--border-primary);border-radius:var(--border-radius-primary);box-shadow:0 8px 20px rgba(0,0,0,.3);left:50%;max-width:450px;padding:30px 10px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%}.add-link-form input[type=text],.add-link-form input[type=url]{box-sizing:border-box;font-size:14px;margin-bottom:solid #ddd;outline:none;padding:10px;width:95%}.add-link-form input[type=text]:focus,.add-link-form input[type=url]:focus{border-color:#4caf50;box-shadow:0 0 4px #4caf50}.formbox{padding:.5rem}.add-link-form button{background-color:#059669;border:1px solid #059669;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:10px;width:95%}.add-link-form button:hover{background:var(--tag-bg-color-regular);color:var(--tag-text-color-regular)}.close-btn{color:#555;cursor:pointer;font-size:20px;position:absolute;right:15px;top:10px}.imginput{border:1.5px solid #45a049;border-radius:var(--border-radius-primary);margin:10px}.imginput img{vertical-align:middle}.imginput input{border:0;margin-top:10px}.adddelete1{border:0;height:28px;width:28px}.adddelete{border:0;height:36px;width:36px}#toggle-delete-btn{margin:0 0 0 60px}#add-link-btn{margin-bottom:0;padding:inherit}#url-error-message{color:#45a049;display:none}.formbox label{color:var(--text-secondary);display:block;font-family:Geologica,sans-serif;font-size:16px;margin-bottom:5px;margin-left:10px;text-align:left}.formbox input{background:var(--input-bg)}.formbox ::placeholder{color:var(--input-text)}.formbox button{background:var(--button-bg-color);color:var(--button-text-color)}.formbox button:hover{background:var(--button-bg-color-hover);color:var(--button-text-color-hover)}