:root{--ink:#1f2a27;--muted:#65736f;--canvas:#f7faf7;--soft-shadow:0 10px 28px #202a2714;color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button,input{letter-spacing:0}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #1f6f5042}.app-shell{min-height:100svh;color:var(--ink);background:linear-gradient(#fffffff0,#f7faf7f0),radial-gradient(circle at 12% 0,#ffd66638,#0000 30%),radial-gradient(circle at 82% 8%,#2e7d3224,#0000 28%)}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border-bottom:1px solid #212d2b1a;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:14px clamp(18px,4vw,44px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:14px;min-width:0;display:flex}.brand-mark{color:#fff;background:#1f6f50;border-radius:8px;flex:none;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 14px 30px #1f6f5038}.day-label{color:var(--muted);margin:0 0 2px;font-size:.78rem;font-weight:700}h1,h2,h3,p{margin:0}h1{color:var(--ink);font-size:clamp(1.35rem,3vw,2rem);font-weight:800;line-height:1.05}.time-control{box-shadow:var(--soft-shadow);background:#fff;border:1px solid #212d2b1f;border-radius:8px;grid-template-columns:auto auto minmax(140px,220px);align-items:center;gap:10px;padding:10px 12px;display:grid}.time-control strong{min-width:56px;font-size:1.1rem}input[type=range]{accent-color:#1f6f50}.filters{grid-template-columns:minmax(210px,320px) 1fr;gap:14px;padding:18px clamp(18px,4vw,44px) 10px;display:grid}.searchbox{min-height:46px;box-shadow:var(--soft-shadow);background:#fff;border:1px solid #212d2b1f;border-radius:8px;align-items:center;gap:10px;padding:0 14px;display:flex}.searchbox input{width:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;font-size:.95rem}.role-tabs{gap:8px;padding:2px 0 6px;display:flex;overflow-x:auto}button{color:inherit;font:inherit}.role-tab{cursor:pointer;background:#fff;border:1px solid #212d2b1f;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:max-content;min-height:46px;padding:0 14px;transition:border-color .16s,box-shadow .16s;display:inline-flex}.role-tab svg{color:var(--role-color)}.role-tab:hover,.role-tab.active{border-color:color-mix(in srgb, var(--role-color) 42%, white);box-shadow:0 10px 24px #202a271a}.role-tab.active{background:color-mix(in srgb, var(--role-color) 10%, white)}.content-grid{grid-template-columns:minmax(0,1fr) minmax(310px,370px);gap:18px;padding:10px clamp(18px,4vw,44px) 34px;display:grid}.primary-flow{min-width:0}.status-strip{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.status-strip>div{min-height:78px;box-shadow:var(--soft-shadow);background:#ffffffc7;border:1px solid #212d2b1a;border-radius:8px;padding:15px 16px}.status-strip span{color:var(--muted);font-size:.82rem;font-weight:700;display:block}.status-strip strong{color:var(--ink);margin-top:4px;font-size:1.65rem;line-height:1;display:block}.focus-panel{background:#fff;border:1px solid #212d2b1a;border-radius:8px;margin-bottom:14px;padding:22px;position:relative;overflow:hidden;box-shadow:0 20px 45px #202a271f}.focus-panel:before{content:"";background:#2e7d32;width:7px;position:absolute;inset:0 auto 0 0}.focus-panel.next:before{background:#f59e0b}.focus-status{color:#2e7d32;justify-content:space-between;align-items:center;font-size:.84rem;font-weight:800;display:flex}.focus-panel.next .focus-status{color:#b45309}.focus-main{justify-content:space-between;align-items:flex-start;gap:16px;margin-top:12px;display:flex}.time-range{color:var(--muted);font-size:.92rem;font-weight:800}.focus-main h2{color:var(--ink);margin-top:5px;font-size:clamp(1.45rem,4vw,2.25rem);line-height:1.12}.role-badge,.task-head span{background:color-mix(in srgb, var(--role-color) 12%, white);color:var(--role-color);border-radius:999px;flex:none;font-size:.78rem;font-weight:800}.role-badge{padding:7px 10px}.focus-meta{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.focus-meta span{color:#31413d;background:#f4f7f2;border-radius:8px;align-items:center;gap:7px;min-height:38px;padding:0 11px;font-weight:700;display:inline-flex}.timeline-toolbar{min-height:42px;color:var(--muted);justify-content:space-between;align-items:center;font-weight:800;display:flex}.timeline-toolbar span,.timeline-toolbar button{align-items:center;gap:7px;display:inline-flex}.timeline-toolbar button{color:#fff;cursor:pointer;background:#23322f;border:0;border-radius:8px;min-height:34px;padding:0 11px}.timeline{gap:10px;display:grid;position:relative}.timeline:before{content:"";background:#212d2b1f;width:2px;position:absolute;top:10px;bottom:10px;left:83px}.task-row{grid-template-columns:64px 38px minmax(0,1fr);align-items:center;gap:10px;display:grid;position:relative}.task-time{text-align:right;gap:2px;display:grid}.task-time strong{color:var(--ink);line-height:1}.task-time span{color:var(--muted);font-size:.76rem;font-weight:700}.task-marker{z-index:1;color:#77807c;background:#ecf1eb;border:2px solid #fff;border-radius:999px;place-items:center;width:38px;height:38px;display:grid}.task-row.now .task-marker{color:#fff;background:#2e7d32}.task-row.next .task-marker{color:#fff;background:#f59e0b}.task-row.done{opacity:.66}.task-card{min-width:0;box-shadow:var(--soft-shadow);background:#ffffffdb;border:1px solid #212d2b1a;border-radius:8px;padding:15px 16px}.task-row.now .task-card{background:#f1faef;border-color:#2e7d3261}.task-row.next .task-card{background:#fff8eb;border-color:#f59e0b61}.task-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.task-head h3{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:800;line-height:1.28;overflow:hidden}.task-head span{padding:5px 8px}.task-meta{color:var(--muted);flex-wrap:wrap;gap:7px 10px;margin-top:10px;font-size:.85rem;font-weight:700;display:flex}.task-meta span{align-items:center;gap:5px;display:inline-flex}.side-panel{min-width:0;box-shadow:var(--soft-shadow);background:#ffffffd1;border:1px solid #212d2b1a;border-radius:8px;align-self:start;padding:18px;position:sticky;top:108px}.panel-title{align-items:center;gap:9px;margin-bottom:14px;display:flex}.panel-title h2{color:var(--ink);font-size:1rem;font-weight:800}.field-map{aspect-ratio:1.05;background-color:#9ccc65;background-image:linear-gradient(90deg,#ffffff52 1px,#0000 1px),linear-gradient(#ffffff52 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:2px solid #d6e2d5;border-radius:8px;width:100%;position:relative;overflow:hidden}.track{border:8px solid #ffffffb8;border-radius:999px;position:absolute;inset:16% 9% 12%;box-shadow:inset 0 0 0 2px #2e7d322e}.map-pin{color:#fff;cursor:pointer;background:#23322f;border:2px solid #fff;border-radius:999px;place-items:center;min-width:46px;height:34px;padding:0 8px;font-size:.76rem;font-weight:800;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 18px #23322f33}.map-pin.live{background:#d9480f}.map-pin.active{outline:3px solid #ffd666e6}.place-list{gap:8px;margin-top:14px;display:grid}.place-item{cursor:pointer;text-align:left;background:#fff;border:1px solid #212d2b1a;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:0 12px;display:flex}.place-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.place-item strong{color:#31413d;background:#edf3ec;border-radius:999px;place-items:center;min-width:30px;height:26px;font-size:.78rem;display:grid}.place-item.active{background:#f1faef;border-color:#2e7d32}@media (width<=960px){.topbar{flex-direction:column;align-items:flex-start;position:static}.time-control{box-sizing:border-box;grid-template-columns:auto auto 1fr;width:100%}.filters,.content-grid{grid-template-columns:1fr}.side-panel{position:static}}@media (width<=640px){.topbar,.filters,.content-grid{padding-inline:12px}.brand-mark{width:42px;height:42px}.filters{gap:10px;padding-top:12px}.status-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.status-strip>div{min-height:62px;padding:12px}.status-strip strong{font-size:1.28rem}.focus-panel{padding:18px 16px}.focus-main{flex-direction:column;gap:10px}.focus-meta span{box-sizing:border-box;width:100%}.timeline:before{left:73px}.task-row{grid-template-columns:54px 38px minmax(0,1fr);gap:8px}.task-card{padding:13px}.task-head{flex-direction:column;align-items:flex-start;gap:8px}.task-head h3{white-space:normal}}