/* Built by Bibin Gokuldas */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#223b37;--muted:#7a8580;--green:#254d41;--accent:#d9e9ba;--border:#e6eae5;--bg:#f6f7f3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,.button{border:1px solid #dbe2da;background:white;padding:10px 16px;border-radius:7px;color:var(--ink);cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:6px;font-weight:500;transition:.15s}button:hover,.button:hover{background:#edf2e8;border-color:#b2c4b3}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#376451;color:white}.danger,.error{color:#b24141}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif}h1{font-size:32px;letter-spacing:-1.1px;font-weight:700;margin-bottom:10px}h2{font-size:18px;letter-spacing:-.4px;margin-bottom:0}h3{font-size:15px;margin-bottom:9px}p{line-height:1.7}small{display:block;font-size:12px;color:var(--muted);line-height:1.6}.muted{color:var(--muted);font-size:13px;margin-bottom:0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#7b8d73;margin-bottom:13px}aside{position:fixed;inset:0 auto 0 0;width:238px;background:#fcfdf9;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:32px 20px;z-index:5}.logo{font-family:Manrope,sans-serif;font-weight:800;font-size:32px;letter-spacing:-1.5px;display:flex;align-items:center;color:var(--green);text-decoration:none;gap:10px;padding:0 10px}.logo-dot{margin-left:-10px;color:#96b985}.brand-mark{background:var(--green);color:#eff5df;width:34px;height:38px;display:inline-flex;align-items:center;justify-content:center;font-size:23px;font-family:Georgia;border-radius:9px 9px 3px 9px;letter-spacing:-3px;padding-right:3px}.workspace{margin:39px 10px 31px;font-size:9px;letter-spacing:1.4px;color:#8a948b}.workspace span{float:right;border:1px solid #dce5d3;border-radius:3px;padding:2px 4px;color:#779569;font-size:8px}.workspace strong{display:block;font-size:12px;font-weight:500;letter-spacing:0;margin-top:11px;color:#405047}.nav-label{font-size:9px;letter-spacing:1.7px;margin:0 12px 12px;color:#9aA295}nav{display:flex;flex-direction:column;gap:6px}nav button{border:0;background:none;justify-content:start;font-size:12px;padding:13px 12px;color:#737f74;font-weight:500}nav button>span{width:20px;font-size:19px}nav button.active{background:#e9efdf;color:#385335}nav em{margin-left:auto;font-size:10px;background:#dce6d2;padding:2px 6px;border-radius:4px;font-style:normal}.sidebar-note{margin-top:auto;padding:30px 12px;color:#66835c;font-size:11px}.sidebar-note p{font-size:11px;color:#a0a79a;margin-top:8px}.live-dot{width:6px;height:6px;background:#7da666;display:inline-block;border-radius:50%;margin-right:5px}.profile{border-top:1px solid var(--border);padding-top:20px;display:flex;gap:10px;align-items:center}.profile strong{font-size:11px}.profile small{font-size:10px}.profile button{margin-left:auto;padding:6px;border:0;background:none}.avatar{display:inline-flex;background:#e9eedf;color:#73866b;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}main{margin-left:238px;min-height:100vh}.topbar{height:76px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 42px;font-size:11px;color:#708070;background:#fafbf7}.topbar>div>span{padding:0 14px;color:#bdc5b7}.top-right{display:flex;align-items:center;color:#85947c;font-size:10px}.top-right .live-dot{padding:0}.date{margin-left:20px;border-left:1px solid var(--border);color:#78816f!important}.content{max-width:1600px;padding:39px 42px 30px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.page-head .actions{flex-shrink:0}.actions{display:flex;gap:8px;align-items:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:30px}.stats article{background:white;border:1px solid var(--border);border-radius:9px;padding:22px 24px;box-shadow:0 2px 3px #25322002}.stats article>span{font-size:11px;color:#798674}.stats strong{display:block;font-family:Manrope;font-size:34px;letter-spacing:-1px;margin:12px 0 10px;font-weight:600}.stats strong i{float:right;font-size:22px;background:#f2f5eb;padding:7px;color:#83a06d;border-radius:8px;font-style:normal;line-height:1}.stats b{font-size:19px;font-weight:400;color:#95a18a;margin-left:3px}.stats small{font-size:10px}.stats .money{font-size:28px}.amber-text{color:#b29454!important}.panel{background:white;border:1px solid var(--border);border-radius:10px;overflow:hidden}.section-head{padding:23px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.section-head h2{font-size:16px}.section-head .muted{font-size:11px;margin-top:6px}.count{font-family:'DM Sans';font-size:10px;background:#f0f3eb;padding:3px 6px;border-radius:4px;color:#8d9b7a;margin-left:7px;vertical-align:middle}.search{max-width:220px;padding:10px 14px!important;background:#fafbf8!important;font-size:11px!important}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{padding:13px 24px;background:#fafbf7;border-top:1px solid #f0f2eb;border-bottom:1px solid #eef1e9;font-size:9px;letter-spacing:.9px;color:#8d9783;font-weight:500}td{padding:22px 24px;border-bottom:1px solid #eef1e9;font-size:11px;color:#788270}tbody tr:last-child td{border-bottom:0}td strong{color:#3f503e;font-size:12px;font-weight:500}td small{font-size:10px;margin-top:4px}.clickable{cursor:pointer}.clickable:hover{background:#fafcf6}.project-cell{display:flex;align-items:center;gap:12px}.project-icon{height:36px;width:36px;background:#eff3e7;color:#7e936a;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.method{font-size:10px;padding:4px 7px;background:#f5f5f0;border:1px solid #e9ebe3;border-radius:4px;color:#7b8472}.badge{font-size:10px;display:inline-flex;padding:5px 8px;border-radius:4px;white-space:nowrap}.green{color:#598266;background:#edf5ea}.amber{color:#a68a46;background:#faf3df}.red{color:#b85b59;background:#fcebea}.neutral{color:#7a8475;background:#f0f2ec}.progress{display:flex;align-items:center;gap:10px;font-size:10px;min-width:100px}.progress>div{height:5px;background:#eef1e7;width:78px;overflow:hidden;border-radius:5px}.progress i{height:100%;display:block;background:#9db789;border-radius:5px}.over i{background:#cd7771}.bottom-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;margin-top:28px}.insight{padding:27px 30px;background:#eef2e4;border-color:#e2e9d6;position:relative}.insight h2{font-size:25px;line-height:1.35;margin-bottom:15px;letter-spacing:-.8px}.insight p{max-width:350px;font-size:12px;color:#88927c}.method-tags{display:flex;gap:10px;margin-top:25px}.method-tags span{padding:8px 13px;background:#f9fbf3;border:1px solid #e0e6d5;border-radius:5px;font-size:10px;color:#819271}.empty{text-align:center;padding:46px 24px 48px}.empty>div{font-size:29px;color:#90a87f;margin-bottom:18px}.empty h3{font-size:15px}.empty p{font-size:12px;color:#939e89;margin:0 auto 20px;max-width:400px}.empty .primary{font-size:12px}.subtle{font-size:9px;color:#97a18c;letter-spacing:1px}.milestone{width:100%;border:none;border-radius:0;border-top:1px solid #f1f4ec;display:flex;text-align:left;justify-content:start;padding:15px 24px}.milestone .diamond{font-size:27px;color:#9cb37e;margin-right:8px}.milestone>span:last-child{margin-left:auto;font-size:11px;color:#919e82}.milestone strong{font-size:12px}.milestone small{font-size:10px}.app-footer{padding:0 42px 25px;color:#a8b09e;font-size:9px;letter-spacing:2px;display:flex;justify-content:space-between}.app-footer span{letter-spacing:0}.project-meta{display:flex;align-items:center;gap:24px;font-size:11px;color:#839077;flex-wrap:wrap;margin:-10px 0 24px}.project-meta>span{display:flex;align-items:center;gap:8px}.tabs{display:flex;border-bottom:1px solid var(--border);gap:25px;margin-bottom:28px;overflow-x:auto}.tabs button{border:0;background:none;border-radius:0;padding:14px 0;font-size:12px;white-space:nowrap;color:#8a9580}.tabs button.selected{border-bottom:2px solid #5f8051;color:#3c5932}.padded{padding:24px}.padded p{font-size:13px}.padded h3{margin-top:24px}.preline{white-space:pre-wrap;overflow-wrap:anywhere}.gantt-scroll{overflow:auto}.gantt-chart{min-width:850px}.gantt-row{display:grid;grid-template-columns:250px 1fr;border-top:1px solid #eef1e9;min-height:64px}.gantt-row>div:first-child,.gantt-row>span{padding:16px 24px}.gantt-row strong{font-size:11px;font-weight:500}.gantt-row small{font-size:9px;max-width:200px}.gantt-header{min-height:42px;background:#f7f9f3;font-size:9px;color:#97a18c}.gantt-header>div{display:flex;justify-content:space-around;align-items:center}.gantt-track{position:relative;background:repeating-linear-gradient(to right,transparent 0,transparent calc(12.5% - 1px),#eef2e8 calc(12.5% - 1px),#eef2e8 12.5%);margin-right:20px}.gantt-bar{position:absolute;top:18px;height:28px;min-width:4px;background:#d6e3bb;border-radius:5px;overflow:hidden;display:flex;align-items:center}.gantt-bar i{height:100%;background:#98b27c;position:absolute}.gantt-bar span{position:relative;font-size:9px;padding:5px 9px;color:#35532b}.gantt-bar.done{background:#95b6a1}.board-head{padding:0 0 20px}.board{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:15px;overflow:auto}.board>section{background:#edf0e7;border-radius:8px;padding:15px;min-height:350px}.board h3{font-family:inherit;font-size:11px;display:flex;align-items:center;gap:7px;margin-bottom:18px}.board h3>span:last-child{margin-left:auto;color:#a0aa93}.status-dot{width:6px;height:6px;background:#b7c0a6;border-radius:50%}.green-dot{background:#60856b}.task-card{padding:17px 14px;margin-bottom:12px;border:1px solid #e3e9db;border-radius:7px;background:white;box-shadow:0 2px 2px #23322005}.task-card h4{font-size:12px;line-height:1.6;margin:10px 0}.task-card small,.task-card p{font-size:9px;color:#9ba58e}.task-card>div{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7c8d6b}.task-card select{font-size:10px;padding:6px;margin-top:12px;width:100%}.board-empty{color:#a7b097;font-size:10px;text-align:center;margin-top:20px}.sprint-row{padding:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:20px}.sprint-row>div:last-child{font-size:11px}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding:0 24px 24px}.file-grid article{border:1px solid var(--border);border-radius:7px;padding:18px;display:flex;flex-direction:column;gap:9px;overflow-wrap:anywhere}.folder-button{border:none;display:flex;flex-direction:column;align-items:start;padding:0;background:none}.folder-button span,.file-symbol{font-size:28px;color:#a5b47b}.file-grid strong{font-size:12px}.file-grid .button,.file-grid article>button:not(.folder-button){font-size:10px;padding:5px}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px}.role-grid article{padding:24px;border:1px solid var(--border);border-radius:8px}.role-grid p{font-size:12px;color:#8a957e}.report-list>article{padding:25px;border-top:1px solid var(--border)}.report-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.report-list h3{white-space:pre-wrap;line-height:1.6;overflow-wrap:anywhere}.report-details{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:20px 0}.report-details small{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#9ca88c}.report-details p{font-size:12px;color:#748568;margin:6px 0}.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.brand-preview{height:220px;color:white;padding:25px}.brand-preview>span{font-size:10px;letter-spacing:1.5px}.brand-preview h2{font-size:27px;margin-top:30px;line-height:1.3}.brand-preview i{display:block;height:5px;width:65px;margin-top:20px}.brand-card h3{margin-top:0}.swatches{display:flex;align-items:center;gap:10px;font-size:10px;margin:20px 0}.swatches span{width:17px;height:17px;border-radius:50%;border:1px solid #ddd}.brand-card small{margin-bottom:15px}.template-help{padding:30px;background:#eef2e4}.template-help h2{font-size:26px;line-height:1.4;margin-bottom:20px}.template-help p{font-size:13px;color:#819171}.template-help small{font-size:11px;margin-top:22px}dialog{width:650px;max-width:94vw;max-height:90vh;overflow:auto;border:1px solid var(--border);border-radius:14px;padding:30px;color:var(--ink);box-shadow:0 25px 100px #13291f30}dialog::backdrop{background:#14251f66;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:25px}.modal-head h2{font-size:24px}.close{border:0;font-size:24px;background:none;padding:0 5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .full{grid-column:1/-1}label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#748369}input,select,textarea{border:1px solid #dce3d5;border-radius:6px;background:#fdfefa;padding:11px;color:#3e5235;min-width:0;font-size:12px;outline:none}input:focus,select:focus,textarea:focus{border-color:#7e9f67;box-shadow:0 0 0 3px #b8cda82a}textarea{resize:vertical}.checkbox{flex-direction:row;align-items:center}.modal-foot{display:flex;align-items:center;gap:10px;border-top:1px solid var(--border);padding-top:22px;margin-top:25px}.modal-foot span{flex:1}#formerror{margin-top:16px;font-size:12px}.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.export-grid button{display:flex;flex-direction:column;align-items:start;padding:22px}.export-grid small{font-size:10px;text-align:left}.notice{background:#f5f3e6;border:1px solid #e9e4cf;border-radius:8px;padding:16px;font-size:12px;color:#8c835d}.notice p{font-size:11px;margin:8px 0 0}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#284633;color:white;border-radius:8px;padding:14px 24px;z-index:100;box-shadow:0 5px 30px #24382433;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;font-size:12px}#toast.show{opacity:1;transform:translate(-50%,0)}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-brand{background:#244a3e;color:#edf2e5;padding:9vw 7vw}.auth-brand .brand-mark{background:#c7dca9;color:#315339;margin-bottom:70px}.auth-brand h1{font-size:52px;letter-spacing:-2px;line-height:1.2}.auth-brand p{color:#a4bba2;font-size:15px;line-height:1.8}.auth-grid{margin-top:90px;font-size:10px;letter-spacing:4px;color:#91aa89}.auth form{align-self:center;justify-self:center;width:340px;max-width:85vw}.auth form h2{font-size:28px;margin-bottom:15px}.auth form>label{margin-top:25px}.auth form>.primary{width:100%;margin:25px 0 0}.auth form>small{margin-top:40px;font-size:10px}.auth .error{font-size:12px;margin-top:12px}@media(min-width:1500px){.content{padding-top:50px}.stats article{padding:27px}.section-head{padding:26px}}@media(max-width:1150px){aside{width:200px;padding:27px 12px}main{margin-left:200px}.content{padding:30px 25px}.topbar{padding:0 25px}.stats{gap:12px}.stats article{padding:18px}.stats small{font-size:9px}td,th{padding:18px 15px}.page-head h1{font-size:27px}.bottom-grid{grid-template-columns:1fr 1fr}.top-right .date{display:none}.role-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){aside{width:67px;padding:20px 8px}.logo{font-size:0;padding:0;justify-content:center}.logo-dot,.workspace,.nav-label,.sidebar-note,.profile div,.profile>.avatar,nav em{display:none}.logo .brand-mark{font-size:23px}nav{margin-top:40px}nav button{font-size:0;justify-content:center;padding:12px 0}nav button>span{font-size:22px}.profile{margin-top:auto;justify-content:center}.profile button{margin:auto}main{margin-left:67px}.content{padding:25px 18px}.topbar{padding:0 18px;height:60px;font-size:10px}.top-right{display:none}.page-head{align-items:start;flex-direction:column;gap:18px}.page-head h1{font-size:28px}.stats{grid-template-columns:1fr 1fr}.bottom-grid{grid-template-columns:1fr}.section-head{padding:20px;flex-wrap:wrap}.search{width:100%;max-width:none}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.report-details{grid-template-columns:1fr}.project-meta{gap:12px}.role-grid{grid-template-columns:1fr}.auth{grid-template-columns:1fr}.auth-brand{display:none}.auth form{padding:50px 0}.brand-grid{grid-template-columns:1fr}.app-footer{padding:10px 18px 20px}.sprint-row{flex-direction:column;align-items:start}.export-grid{grid-template-columns:1fr}.tabs{gap:20px}}
.hierarchy-panel,.program-panel{margin-bottom:26px}.child-projects{display:flex;gap:10px;flex-wrap:wrap}.hierarchy-panel>.padded{padding-top:0}.program-metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:24px;gap:20px;background:#f7f9f3;border-block:1px solid var(--border)}.program-metrics strong{font-size:27px}.tree-row{display:flex;gap:12px;align-items:center;padding-block:14px;border-bottom:1px solid var(--border);flex-wrap:wrap}.tree-row small{margin-left:auto}.text-button{padding:0;border:0;background:none;text-align:left;font-size:12px;justify-content:start}.dependency-row{display:grid;grid-template-columns:2fr 1.7fr 1fr auto;gap:8px;margin:15px 0;align-items:end}.dependency-row button{height:38px}.backlog-summary{display:flex;gap:22px;padding:18px 24px;background:#f5f8ee;font-size:12px;flex-wrap:wrap}.backlog-item{border:1px solid var(--border);border-left:3px solid #9ab986;border-radius:6px;padding:18px;margin-bottom:14px}.backlog-line{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.backlog-line strong{flex:1;font-size:14px}.backlog-item p{font-size:12px;margin-top:8px;margin-bottom:0}@media(max-width:800px){.program-metrics{grid-template-columns:1fr 1fr}.dependency-row{grid-template-columns:1fr 1fr}.backlog-item{margin-left:0!important}.backlog-line{gap:8px}}
.board-switch{margin-bottom:20px}
/* Scopify theme surfaces — Built by Bibin Gokuldas */
.theme-toggle{position:fixed;right:20px;bottom:16px;z-index:20;box-shadow:0 3px 16px #0002;font-size:12px}.app-footer{padding-bottom:65px}.logo{font-size:27px;letter-spacing:-1px;gap:7px}.brand-mark{letter-spacing:0;padding:0}.auth form{padding-bottom:65px}
:root[data-theme="dark"]{--ink:#e2ece6;--muted:#acbdb2;--green:#87ba98;--accent:#455e3e;--border:#35483e;--bg:#121b17}
[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
[data-theme="dark"] :is(aside,.topbar){background:#18241e}
[data-theme="dark"] :is(.panel,.stats article,.task-card,dialog,.file-grid article,button,.button){background:#1e2c24;color:var(--ink);border-color:var(--border)}
[data-theme="dark"] :is(input,select,textarea,.search){background:#17221c!important;color:#e2ece6;border-color:#506557}
[data-theme="dark"] :is(.primary,.primary:hover){background:#8bbd9c;color:#102519;border-color:#8bbd9c}
[data-theme="dark"] :is(button:hover,.button:hover,.clickable:hover){background:#304539;color:#edf5ef}
[data-theme="dark"] :is(nav button,.tabs button,.text-button,.close,.folder-button){background:transparent}
[data-theme="dark"] :is(nav button.active,.tabs button.selected){background:#314b39;color:#daf0cb}
[data-theme="dark"] :is(th,.gantt-header,.program-metrics,.backlog-summary,.board>section,.insight,.template-help){background:#26372b;color:#c2d2bb;border-color:var(--border)}
[data-theme="dark"] :is(td,th,.gantt-row,.milestone,.sprint-row,.report-list>article){border-color:var(--border)}
[data-theme="dark"] :is(td,td strong,.workspace strong,.logo,.profile strong,.stats article>span,label,.project-meta,.tabs button,nav button){color:#cfdfd2}
[data-theme="dark"] :is(.muted,small,.eyebrow,.subtle,.nav-label,.workspace,.topbar,.sidebar-note,.sidebar-note p,.insight p,.template-help p,.role-grid p,.report-details p,.report-details small,.task-card small,.task-card p,.board-empty,.app-footer,.empty p){color:#aabbac}
[data-theme="dark"] :is(.avatar,.project-icon,.count,.method,.neutral,.stats strong i,.method-tags span,nav em){background:#354a38;color:#d2e4c5;border-color:#50634a}
[data-theme="dark"] .green{background:#294a34;color:#b2e2b7}[data-theme="dark"] .amber{background:#514629;color:#eed58b}[data-theme="dark"] .red{background:#542f31;color:#ffb6b1}
[data-theme="dark"] :is(.error,.danger){color:#ffaaa4}
[data-theme="dark"] .progress>div{background:#3c4e40}[data-theme="dark"] .progress i{background:#91b877}
[data-theme="dark"] .gantt-track{background:repeating-linear-gradient(to right,transparent 0,transparent calc(12.5% - 1px),#35483e calc(12.5% - 1px),#35483e 12.5%)}
[data-theme="dark"] .notice{background:#3b3827;border-color:#645d3c;color:#e3d39c}
[data-theme="dark"] .auth-brand{background:#1c382b}[data-theme="dark"] .auth-brand .brand-mark{background:#bdd8a4;color:#203d29}
[data-theme="dark"] #toast{background:#a8cfaf;color:#152c1c}
@media(max-width:800px){.logo{font-size:0}.theme-toggle{right:12px;bottom:12px;font-size:11px}.auth form{padding-bottom:80px}}
/* Built by Bibin Gokuldas — layered glass surfaces and consistent navigation states. */
:root{--glass:rgba(255,255,255,.76);--glass-chrome:rgba(248,252,245,.84);--glass-tint:rgba(225,238,214,.64);--glass-shadow:0 8px 30px rgba(40,65,44,.06),inset 0 1px 0 rgba(255,255,255,.7);--hover:rgba(125,158,111,.12);--selected:rgba(135,172,112,.22)}
:root[data-theme="dark"]{--glass:rgba(31,48,40,.76);--glass-chrome:rgba(20,35,28,.86);--glass-tint:rgba(52,78,59,.50);--glass-shadow:0 8px 32px rgba(0,0,0,.18),inset 0 1px 0 rgba(210,246,222,.06);--hover:rgba(161,202,165,.08);--selected:rgba(151,198,150,.20)}
body{background:radial-gradient(ellipse at 85% 5%,rgba(164,203,165,.22),transparent 50%),radial-gradient(ellipse at 15% 75%,rgba(183,205,228,.20),transparent 48%),var(--bg);background-attachment:fixed}
[data-theme="dark"] body{background:radial-gradient(ellipse at 85% 5%,rgba(77,134,108,.16),transparent 55%),radial-gradient(ellipse at 15% 75%,rgba(63,93,126,.14),transparent 50%),var(--bg);background-attachment:fixed}
html[data-theme] body :is(.panel,.stats article,.task-card,.role-grid article,.backlog-item,.file-grid article){background:var(--glass);box-shadow:var(--glass-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:var(--border)}
html[data-theme] body :is(aside,.topbar){background:var(--glass-chrome);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
html[data-theme] body :is(.insight,.template-help,.program-metrics,.backlog-summary,.board>section){background:var(--glass-tint)}
html[data-theme] body dialog{background:var(--glass-chrome);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 28px 90px #0005,inset 0 1px 0 #ffffff18}
html[data-theme] body nav button{background:transparent;border:1px solid transparent;color:var(--muted);box-shadow:none}
html[data-theme] body nav button:hover:not(.active){background:var(--hover);color:var(--ink)}
html[data-theme] body nav button.active{background:var(--selected);color:var(--ink);border-color:var(--border);box-shadow:inset 3px 0 0 #8fb989}
html[data-theme] body .tabs{gap:10px;padding:0 0 8px;border-bottom:1px solid var(--border)}
html[data-theme] body .tabs button{padding:10px 14px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted)}
html[data-theme] body .tabs button:hover:not(.selected){background:var(--hover);color:var(--ink)}
html[data-theme] body .tabs button.selected{background:var(--selected);color:var(--ink);border-color:var(--border);box-shadow:inset 0 -2px 0 #91b68d}
html[data-theme] body :is(.text-button,.close,.folder-button){background:transparent}
button:focus-visible,a:focus-visible{outline:2px solid #8bbd9c;outline-offset:3px}
html[data-theme] body .theme-toggle{background:var(--glass-chrome);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.import-options{display:grid;gap:18px;margin:24px 0}#import-preview{margin-top:24px}#import-preview td{white-space:normal;overflow-wrap:anywhere;padding:12px}#import-preview th{padding:12px}.import-options .checkbox{line-height:1.6}
@supports not (backdrop-filter:blur(1px)){html[data-theme] body :is(.panel,.stats article,.task-card,dialog){background:var(--bg)}}
@media(prefers-reduced-transparency:reduce){html[data-theme] body :is(.panel,.stats article,.task-card,aside,.topbar,dialog){background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}}
/* Built by Bibin Gokuldas — Gantt relationship overlay */
.gantt-chart{position:relative}.gantt-track{margin-right:30px}.dependency-lines{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:2}.dependency-lines>path{fill:none;stroke:#567b68;stroke-width:1.6;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:stroke}.dependency-lines>path:hover{stroke:#1b5841;stroke-width:3}[data-theme="dark"] .dependency-lines>path{stroke:#b1d8bc}[data-theme="dark"] .dependency-lines>path:hover{stroke:#e4f7cf}
html[data-theme] body nav button:not(.active){border-color:transparent;background:transparent;box-shadow:none}html[data-theme] body nav button:not(.active):hover{background:var(--hover)}
/* Built by Bibin Gokuldas — resource plans and seven-day timecards. */
.resource-section{margin-top:26px}.timecard-toolbar{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin-bottom:24px}.timecard-table{min-width:1160px}.timecard-table th,.timecard-table td{padding:14px 10px}.timecard-table td:first-child{min-width:240px;white-space:normal}.timecard-table input[type=number]{width:78px;padding:9px}.timecard-table input:disabled{opacity:.55}.time-note{margin-top:8px;width:100%;font-size:10px}.timecard-table tfoot th{font-size:12px}.resource-section .program-metrics h3{overflow-wrap:anywhere;line-height:1.6}
/* Keep all seven days visible on typical desktop widths; narrow screens scroll. */
.timecard-table{min-width:820px;table-layout:fixed}.timecard-table th,.timecard-table td{padding:12px 6px}.timecard-table th{font-size:8px;letter-spacing:.3px;white-space:normal}.timecard-table th:first-child{width:24%}.timecard-table th:last-child{width:13%}.timecard-table td:first-child{min-width:0}.timecard-table input[type=number]{width:100%;max-width:64px;padding:9px 5px}.timecard-table small{font-size:9px}.timecard-table tfoot th{font-size:11px}
