:root{
  --bg:#f6f5f1; --surface:#fff; --border:#e5e5e5; --ink:#232722; --ink-dim:#5c655b; --accent:#3f6b52;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif}
.page{max-width:1400px;margin:0 auto;padding:28px 24px}
h1{font-size:20px;margin:0 0 16px}

.gdash-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.gdash-toolbar h2{font-size:17px;margin:0}
.gdash-toolbar button{padding:6px 12px;border:1px solid #ddd;background:#fff;border-radius:8px;cursor:pointer}
.gdash-toolbar button:hover{border-color:var(--accent);color:var(--accent)}
.gdash-msg{font-size:12px;color:var(--ink-dim);margin-left:auto}

.gdash-wrap{display:flex;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}
.gdash-left{flex:0 0 380px;max-width:55%;border-right:1px solid var(--border)}
.gdash-right{flex:1 1 auto;overflow-x:auto;position:relative}

.gdash-hrow{height:24px;line-height:24px;padding-left:10px;background:#fafafa;border-bottom:1px solid var(--border);font-size:12px;color:#888;font-weight:600}
.gdash-row{height:34px;display:flex;align-items:center;gap:6px;padding:0 8px;border-bottom:1px solid #f2f2f2;font-size:13px}
.gdash-row.cat{background:#fbfbfd;font-weight:700}
.gdash-row.item{padding-left:26px}
.gdash-row.sub{padding-left:48px;color:var(--ink-dim);font-size:12.5px}
.gd-toggle{width:16px;height:16px;border:none;background:none;cursor:pointer;color:#999;padding:0}
.gd-name{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gd-name.done{text-decoration:line-through;color:#aaa}
.gd-member{font-size:11px;color:var(--ink-dim);background:#eef0ea;padding:2px 6px;border-radius:6px}
.gd-addsub{border:none;background:#f0f3fa;border-radius:5px;font-size:11px;cursor:pointer;color:#567;padding:1px 6px;display:none}
.gdash-row.item:hover .gd-addsub{display:inline-block}
.row-actions{display:none;gap:2px}
.gdash-row.cat:hover .row-actions{display:inline-flex}
.row-actions button{border:none;background:#f0f3fa;border-radius:5px;cursor:pointer;font-size:11px;padding:1px 5px}

.gdash-canvas{position:relative}
.gd-gridcol{position:absolute;top:0;bottom:0;width:1px;background:#f4f4f4}
.gd-weekend{position:absolute;top:0;bottom:0;background:#f7f8fb}
.gd-todaycol{position:absolute;top:0;bottom:0;background:rgba(63,107,82,.08)}
.gd-todayline{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);z-index:3}
.gd-dh{position:absolute;top:0;height:24px;line-height:24px;font-size:10px;color:#999;text-align:center}
.gd-bar{position:absolute;height:12px;border-radius:6px;min-width:8px}
.gd-bar.parentbar{height:6px;background:#3d4a6b;opacity:.85;border-radius:3px}

.gdash-legend{display:flex;gap:14px;margin-top:10px;font-size:12px;color:var(--ink-dim);align-items:center}
.gdash-legend .dot{display:inline-block;width:10px;height:10px;border-radius:5px;margin-right:4px}