@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";:root{--bg: #0f1115;--panel: #131726;--panel2: #0f1220;--text: #e6e6e6;--muted: #a0a0a0;--border: #22263a;--accent: #3a4f6a;--danger: #ff6b6b;--radius: 8px;--shadow: none;--glow: none;--mono: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--letter-spacing: normal;--text-shadow: none}.theme-dark{--bg: #0f1115;--panel: #131726;--panel2: #0f1220;--text: #e6e6e6;--muted: #a0a0a0;--border: #22263a;--accent: #3a4f6a;--danger: #ff6b6b;--radius: 8px;--shadow: none;--glow: none;--mono: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--letter-spacing: normal;--text-shadow: none}.theme-matrix{--bg: #0a0e0a;--panel: #0f1810;--panel2: #0a0f0a;--text: #00ff00;--muted: #00aa00;--border: #1a4d1a;--accent: #00ff00;--danger: #ff3333;--radius: 2px;--shadow: 0 0 8px rgba(0, 255, 0, .2);--glow: 0 0 12px rgba(0, 255, 0, .3);--mono: "Space Mono", "Courier New", Courier, monospace;--letter-spacing: .05em;--text-shadow: 0 0 8px rgba(0, 255, 0, .5)}.board{gap:12px}.column{background:linear-gradient(180deg,rgba(34,255,136,.06),transparent 30%),var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.taskCard{background:var(--panel2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.taskCard.done{opacity:.7;filter:saturate(.9)}button,.btn{background:#22ff8814;border:1px solid rgba(34,255,136,.25);color:var(--text);border-radius:10px;box-shadow:var(--glow)}button:hover,.btn:hover{border-color:#22ff8880;background:#22ff881f}input,textarea,select{background:#00000059;border:1px solid var(--border);color:var(--text);border-radius:10px}input:focus,textarea:focus,select:focus{outline:none;border-color:#2f89;box-shadow:0 0 0 3px #22ff881f}:root{font-family:var(--mono)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--mono);letter-spacing:var(--letter-spacing);text-shadow:var(--text-shadow)}.appShell{min-height:100vh}.topBar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--panel);border-bottom:1px solid var(--border)}.brand{font-weight:700}.nav{display:flex;align-items:center;gap:8px}.nav button{margin-left:0}.nav .active{font-weight:700}.main{padding:16px}.pageHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.row{display:flex;gap:8px;align-items:center;margin:8px 0}.periodPickerRow{justify-content:space-between}.periodPickerControls{display:flex;align-items:center;gap:8px;margin-left:auto}input[type=text],input[type=datetime-local],input[type=time],input:not([type]){padding:10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel2);color:var(--text);width:280px}textarea{padding:10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel2);color:var(--text);font-family:inherit}select{padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel2);color:var(--text);cursor:pointer;font-family:inherit}select:focus{outline:none;border-color:var(--accent)}button{padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel2);color:var(--text);cursor:pointer}button:hover{background:var(--panel)}button.active{background:var(--panel);border-color:var(--accent)}.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:8px 0}.column{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:10px;box-shadow:var(--shadow);display:flex;flex-direction:column}.columnHeader{padding:6px 4px 10px}.columnTitle{font-weight:700}.taskSections{display:flex;flex-direction:column;gap:12px;flex:1}.taskSection{margin-bottom:0}.sectionHeader{font-size:11px;font-weight:600;text-transform:uppercase;opacity:.7;margin-bottom:6px;padding:4px 0}.taskList{display:flex;flex-direction:column;gap:8px}.taskCard{background:var(--panel2);border:1px solid var(--border);border-radius:var(--radius);padding:10px}.taskCard.done{opacity:.7;text-decoration:line-through}.taskCard.clickable{cursor:pointer}.taskCard.clickable:hover{border-color:var(--accent)}.taskRow{display:flex;align-items:flex-start;gap:10px}.taskCheckbox{margin-top:2px;flex:0 0 auto}.taskMain{flex:1 1 auto;min-width:0}.taskTitle{font-weight:600;line-height:1.25;word-break:break-word}.taskSubtitle{margin-top:4px;font-size:11px;opacity:.75}.taskNotes{margin-top:6px;font-size:12px;opacity:.85;word-break:break-word}.taskRight{flex:0 0 auto;margin-left:8px}.badge{padding:3px 8px;border-radius:999px;border:1px solid var(--border);background:var(--panel2);color:var(--text)}.completedToggle{margin-top:10px;padding-top:8px;border-top:1px solid var(--border)}.completedToggleButton{width:100%;text-align:left;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:transparent;opacity:.85;color:var(--text)}.completedToggleButton:hover{opacity:1}.completedList{margin-top:8px;padding-left:8px}.addTaskButton{margin-top:10px;width:100%}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:10px;margin:10px 0}.hint{opacity:.8}.errorBox{background:#ff6b6b1a;border:1px solid var(--danger);padding:10px;border-radius:var(--radius);margin:10px 0}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center}.modal{width:420px;max-width:calc(100vw - 24px);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.modalTitle{font-weight:700;margin-bottom:10px}.deliverableCheckboxLabel{display:flex;align-items:center;gap:8px}.deliverableTypeList{display:flex;flex-direction:column;gap:8px;margin-top:12px}.deliverablesToggleButton{width:280px;text-align:left;padding:10px;margin-top:8px}.deliverableTypeRow{display:flex;align-items:center;justify-content:space-between;gap:8px}.modalActions{justify-content:space-between;align-items:center}.modalActionsRight{display:flex;gap:8px}.dangerButton{background:var(--danger)!important;border-color:var(--danger)!important}.analyticsHeaderRow{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.analyticsGranularityControls{display:flex;gap:8px}.analyticsLegend{display:flex;gap:16px;margin:8px 0 10px}.legendItem{display:inline-flex;align-items:center;gap:6px;font-size:12px;opacity:.9}.legendSwatch{width:14px;height:3px;border-radius:2px;display:inline-block}.legendPlanned{background:var(--accent)}.legendAchieved{background:var(--text)}.timeseriesChartWrap{width:100%;overflow-x:auto}.timeseriesChart{width:100%;min-width:700px;height:320px}.chartGridLine{stroke:var(--border);stroke-width:1}.chartLine{fill:none;stroke-width:2}.chartLinePlanned{stroke:var(--accent)}.chartLineAchieved{stroke:var(--text)}.chartPoint{stroke-width:1}.chartPointPlanned{fill:var(--accent);stroke:var(--panel2)}.chartPointAchieved{fill:var(--text);stroke:var(--panel2)}.chartTickLabel{fill:var(--muted);font-size:11px}.chartAxisLabel{fill:var(--text);font-size:12px;opacity:.9}*,*:before,*:after{font-family:var(--mono)!important;letter-spacing:var(--letter-spacing)!important;text-shadow:var(--text-shadow)!important;color:var(--text)}::placeholder{color:var(--muted);font-family:var(--mono)!important;letter-spacing:var(--letter-spacing)!important;text-shadow:var(--text-shadow)!important}.brand,.columnTitle,.taskTitle,.modalTitle,.sectionHeader,h1,h2,h3,h4,h5,h6{font-family:var(--mono)!important;letter-spacing:var(--letter-spacing)!important;text-shadow:var(--text-shadow)!important;color:var(--text)!important}.theme-matrix p,.theme-matrix div,.theme-matrix span,.theme-matrix button,.theme-matrix input,.theme-matrix textarea,.theme-matrix select,.theme-matrix label,.theme-matrix td,.theme-matrix th,.theme-matrix li,.theme-matrix a{font-size:14px}
