*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#17243a;font:14px Inter,"Segoe UI",system-ui,sans-serif;display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}aside{background:#102139;color:#aebdd0;padding:30px 17px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;color:#fff;font-size:25px;font-weight:750;letter-spacing:-1px;margin:0 10px 38px}.brand span{background:#58dfb1;color:#102139;border-radius:10px;padding:2px 9px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#99adbf;margin-top:3px}nav{display:grid;gap:5px}nav button{text-align:left;background:none;color:inherit;border:0;padding:12px;border-radius:8px}nav button span{display:inline-block;width:24px;color:#81b6af}nav button.active,nav button:hover{background:#20384c;color:#a4f2d5}footer{margin:auto 12px 0;padding-top:30px;font-size:10px;letter-spacing:1.4px}header{height:65px;border-bottom:1px solid #e4eaf0;background:white;padding:0 32px;display:flex;align-items:center;justify-content:space-between;color:#627188}.private{color:#147257;background:#e8f8f0;padding:6px 10px;border-radius:20px;font-size:12px}.wrap{padding:28px 32px;max-width:1500px;margin:auto}.hero{background:linear-gradient(110deg,#11263f,#1c4651);color:white;border-radius:16px;padding:31px;display:flex;justify-content:space-between;align-items:center;gap:18px}.hero p{margin:8px 0 0;color:#c5d9e1}.eyebrow{font-size:11px;color:#83e9c2;letter-spacing:1.6px;font-weight:750;text-transform:uppercase}h1{font-size:34px;letter-spacing:-1.1px;margin:8px 0 0}h2{font-size:19px;margin:0 0 4px}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #dce4eb;background:white;border-radius:8px;padding:8px 11px}button:hover{filter:brightness(.96)}.primary{background:#58dfb1;color:#112a31;border-color:transparent;font-weight:750;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:19px 0}.stat,section,.next{background:white;border:1px solid #e3e9ef;border-radius:13px}.stat{padding:16px;color:#526479;text-align:left}.stat strong{display:block;font-size:28px;color:#17243a;margin-top:8px}.next{padding:15px 18px;margin:18px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.next p{margin:4px 0;color:#54677b}section{margin-top:18px;overflow:hidden}.panelHead,.filters,.actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px}.panelHead span,.foot{color:#627188;font-size:12px}.filters{justify-content:flex-start;flex-wrap:wrap;border-top:1px solid #edf0f4}.filters input{min-width:170px;flex:1}input,select,textarea{min-width:0;border:1px solid #dce4eb;border-radius:8px;padding:9px;background:white;color:#17243a}.switch{display:flex;gap:4px}.switch .active{background:#e8f8f0;color:#126047;border-color:#bce8d7}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:12px 13px;border-top:1px solid #edf0f4}th{color:#5c6d81;background:#f8fafc;font-size:12px}td small,.card small{display:block;color:#64748b;margin-top:5px;white-space:pre-wrap}.edit{border:0;padding:0;text-align:left;font-weight:700}.tag{display:inline-block;border-radius:20px;padding:5px 8px;background:#eef2f7;color:#45586f;font-size:11px;white-space:nowrap}.tag[data-tone="done"]{background:#e1f7ec;color:#146149}.tag[data-tone="wait"]{background:#fff0d9;color:#844e10}.tag[data-tone="doing"]{background:#e6efff;color:#254f93}.kanban{display:grid;grid-auto-columns:minmax(215px,1fr);grid-auto-flow:column;overflow:auto;gap:12px;padding:12px}.column{background:#f4f7fa;border-radius:10px;padding:10px;min-height:170px}.column h3{font-size:12px;margin:5px 0 12px}.card{background:white;border:1px solid #e3e9ef;border-radius:9px;padding:10px;margin:8px 0}.card select{width:100%;margin-top:8px;font-size:12px}.empty{padding:25px;color:#627188}.day td{background:#eaf5f1;font-weight:650}dialog{width:min(560px,94vw);border:1px solid #dce4eb;border-radius:15px;color:#17243a;padding:0}dialog::backdrop{background:#10213999}#fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 18px}label{display:grid;gap:5px;font-size:12px}.wide{grid-column:1/-1}textarea{min-height:86px}.actions{justify-content:flex-end}#remove{margin-right:auto;color:#a33838}.foot{margin:15px 0}.month{margin:18px 0 0;display:flex;gap:8px;align-items:center}@media(max-width:850px){body{grid-template-columns:1fr}aside{padding:12px}.brand{margin:0 0 10px}nav{display:flex;overflow:auto}nav button{white-space:nowrap}footer{display:none}.wrap,header{padding-left:15px;padding-right:15px}}@media(max-width:570px){.stats{grid-template-columns:repeat(2,1fr)}.hero{padding:20px;align-items:flex-start;flex-direction:column}h1{font-size:26px}.panelHead,.filters{padding:12px}th,td{padding:9px}.private{white-space:nowrap}}
.note{font-size:12px;white-space:nowrap;margin:3px 5px 3px 0}.card .note{display:block;margin-top:8px}.noteField{padding:0 18px}
.row-status{font-size:12px;padding:6px 8px}
.row-status[data-status-tone]:not([data-status-tone=""]){font-weight:650}
.row-status[data-status-tone="pending"]{background:#fff0d9;color:#80480e}
.row-status[data-status-tone="todo"]{background:#eef2f7;color:#45586f}
.row-status[data-status-tone="progress"]{background:#e6efff;color:#254f93}
.row-status[data-status-tone="waiting"]{background:#faedfc;color:#743389}
.row-status[data-status-tone="sent"]{background:#e3f5fa;color:#155b6e}
.row-status[data-status-tone="done"]{background:#e1f7ec;color:#146149}
.row-status option{background:white;color:#17243a}

@media(max-width:700px){
 nav button,.switch button,.next button,.hero button{min-height:44px}
 .hero,.next{align-items:flex-start}
 .filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
 .filters input{grid-column:1/-1;min-width:0}
 .filters input,.filters select,.row-status{width:100%;min-height:44px;font-size:16px}
 .panelHead{flex-wrap:wrap}
 .scroll{padding:0 12px 12px}
 .scroll table,.scroll tbody{display:block}
 .scroll thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .scroll tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;border:1px solid #e3e9ef;border-radius:10px;margin:8px 0;padding:12px}
 .scroll tr.day{display:block;border:0;background:#eaf5f1;padding:8px 12px}
 .scroll td{display:block;padding:0;border:0;overflow-wrap:anywhere}
 .scroll tr:not(.day) td:first-child,.scroll tr:not(.day) td:nth-child(3){grid-column:1/-1}
 .scroll tr:not(.day) td:nth-child(4){grid-column:2;grid-row:2}
 .scroll tr:not(.day) td:nth-child(5){grid-column:1/-1}
 .scroll tr:not(.day) td:empty{display:none}
 .scroll tr:not(.day) td:nth-child(2),.scroll tr:not(.day) td:nth-child(4){font-size:12px;color:#54677b}
 .scroll tr:not(.day) td:nth-child(2){grid-column:1;grid-row:2}
 .kanban{grid-auto-columns:minmax(0,88%);scroll-snap-type:x proximity}
 .column{scroll-snap-align:start}
 .card select{font-size:16px}
 .note{min-height:44px}
 dialog{max-height:calc(100dvh - 24px)}
 dialog input,dialog select,dialog textarea{font-size:16px;width:100%}
}
@media(max-width:400px){
 .next{flex-direction:column}
 #fields{grid-template-columns:minmax(0,1fr)}
}

.mobile-nav{display:none}
main,aside,.wrap,.hero>div,.next>div{min-width:0}
@media(max-width:850px){
 body{grid-template-columns:minmax(0,1fr)}
 aside{padding:12px 14px;gap:8px}
 .brand{margin:0}
 nav{display:none}
 .mobile-nav{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;color:#dce8f4}
 .mobile-nav select{width:100%;min-height:44px;font-size:16px}
 header{height:auto;min-height:42px;padding-block:8px}
}
@media(max-width:700px){
 .wrap{padding:14px 12px}
 .hero{flex-direction:column;padding:17px}
 h1{font-size:clamp(23px,6vw,32px)}
 .hero p,.panelHead,.next{overflow-wrap:anywhere}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
 .stat{padding:11px;overflow-wrap:anywhere}
 .stat strong{font-size:24px}
 .filters select:last-child{grid-column:1/-1}
 .kanban{display:grid;grid-auto-flow:row;grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;overflow:visible}
 .column{min-height:0;overflow-wrap:anywhere}
 .card select,.row-status{max-width:100%}
 .switch button{white-space:nowrap}
 .scroll tr:not(.day) td:nth-child(4){text-align:right}
}

:root{
 --ink:#24211c;--muted:#625c53;--paper:#f8f6f0;--surface:#fffefa;
 --line:#e7e1d5;--gold:#efa916;--gold-dark:#744c08;--gold-soft:#fff2d2;
}
body{background:var(--paper);color:var(--ink)}
aside{background:#1c1b18;color:#d6d0c5}
.brand{margin:0 10px 27px;display:block}
.brand img{display:block;width:min(156px,100%);height:auto}
nav button{font-weight:550}
nav button span{color:#e5b451}
nav button.active,nav button:hover{background:#362d1e;color:#ffd77a}
footer{color:#bcb4a6;letter-spacing:.25px;font-size:12px}
header{background:var(--surface);border-color:var(--line);color:var(--muted);height:54px}
header b{color:var(--ink)}
.wrap{max-width:1370px}
.hero{background:#29251e;color:#fff;border:1px solid #3d3528;border-radius:16px;position:relative}
.hero p{color:#ddd4c6}
.hero p:empty{display:none}
.eyebrow{color:#ffc95c;letter-spacing:1.15px}
.primary{background:var(--gold);color:#231a0b}
.stat,section,.next,.focus{background:var(--surface);border:1px solid var(--line)}
.stat{color:var(--muted);border-top:2px solid #e5bd67}
.stat strong,.edit,h2{color:var(--ink)}
.stat strong{font-variant-numeric:tabular-nums}
button,input,select,textarea,dialog,.card{border-color:var(--line)}
input,select,textarea{color:var(--ink)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #aa7419;outline-offset:2px}
.switch .active{background:var(--gold-soft);color:var(--gold-dark);border-color:#eed69b}
.filters,th,td{border-color:var(--line)}
th,.column{background:#f6f2e9}
th,td small,.card small,.panelHead span,.foot,.next p{color:var(--muted)}
.day td,.scroll tr.day{background:#f6ecd5;color:#513d1d}
dialog::backdrop{background:#211b12a0}
.focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}
.focus{border-radius:13px;padding:17px 18px;min-width:0;overflow-wrap:anywhere}
.focus p,.focus li{color:var(--muted);line-height:1.5}
.focus p{margin:6px 0 12px}
.focus ul,.focus ol{margin:8px 0 12px;padding-left:20px}
.focus li+li{margin-top:4px}
.focus progress{width:100%;height:8px;display:block;appearance:none;border:0;border-radius:20px;overflow:hidden;background:#f2ebdc;color:var(--gold)}
.focus progress::-webkit-progress-bar{background:#f2ebdc}
.focus progress::-webkit-progress-value{background:var(--gold)}
.focus progress::-moz-progress-bar{background:var(--gold)}
.focus>button{color:var(--gold-dark);font-weight:650}
.workflow{margin:16px 0}
.workflow ol{margin-bottom:0}
.mobile-nav{color:#fff2d9}
@media(max-width:850px){
 .brand{margin:0}
 .brand img{width:112px}
 header{height:auto}
}
@media(max-width:700px){
 .focus-grid{grid-template-columns:minmax(0,1fr);gap:9px}
 .focus{padding:13px}
 .focus>button{min-height:44px}
 .scroll tr{border-color:var(--line)}
}
.deadline{color:var(--gold-dark);font-size:12px;white-space:nowrap}
.card .deadline{margin:6px 0 0}
@media(max-width:700px){.deadline{min-height:44px}}
.nav-group{display:grid;gap:2px}
.nav-group+ .nav-group{margin-top:7px}
.nav-group small{margin:4px 12px;color:#d0b782;font-size:11px}
.focus a{color:var(--gold-dark);font-weight:650}
.focus label{margin:10px 0}
.focus textarea{min-height:110px}
.implementation-actions{justify-content:flex-start;padding:0;flex-wrap:wrap}
#implementationDetail{margin-top:16px}
#implementationDetail details{border-top:1px solid var(--line);padding:10px 0}
#implementationDetail summary{cursor:pointer;font-weight:650}
#implementationDetail textarea{display:block;width:100%;margin:8px 0}