#workspace[data-view="dashboard"]{background:radial-gradient(ellipse at 96% 6%,#eec39a 0,transparent 52%),radial-gradient(ellipse at 20% 100%,#f5e9ce 0,transparent 58%),var(--sand)}
#workspace[data-view="dashboard"] .topbar{background:transparent}
.overview-highlights{display:grid;grid-template-columns:1.1fr 1fr;grid-template-areas:"quote deadline";gap:18px;margin-bottom:19px;align-items:stretch}
.dashboard-quote.overview-note{grid-area:quote;width:100%;max-width:none;background:#fff4e2;border:1px solid #fff8;border-radius:24px;padding:16px 23px 16px 11px;gap:18px;margin:0;min-height:145px}
.overview-note img{width:96px;height:96px}
.overview-note span{font-size:15px;line-height:1.7;color:#674c34;font-weight:550}
.overview-deadline{grid-area:deadline;position:relative;display:flex;align-items:center;min-width:0;min-height:145px;padding:21px 24px;background:#f6b575;border:1px solid #fff9;border-radius:24px;text-align:left;color:#513820;overflow:hidden}
.overview-deadline>div{position:relative;z-index:1;width:calc(100% - 105px);min-width:0}
.deadline-label{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.6;color:#68472e}
.deadline-label .icon{width:17px;height:17px}
.overview-deadline strong{display:block;font-size:27px;line-height:1.3;letter-spacing:-.7px;margin-top:9px;color:var(--ink)}
.overview-deadline .metric-detail{font-size:11px;line-height:1.6;color:#69462d;white-space:normal;overflow-wrap:anywhere;margin-top:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.overview-deadline small{display:block;font-size:9px;color:#765236;margin-top:5px;line-height:1.6;overflow-wrap:anywhere}
.overview-deadline>img{position:absolute;width:102px;height:102px;right:21px;top:50%;transform:translateY(-50%);object-fit:contain}
.overview-deadline>.icon{position:absolute;width:15px;height:15px;right:14px;bottom:12px}
button.overview-deadline:hover{background:#f7ae6b}
.overview-deadline.all-done{background:#f8e3b8}
.overview-deadline.all-done strong{font-size:24px}
.overview-metrics{background:transparent;border:0;padding:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 20px}
.overview-metrics .metric:nth-child(n){grid-column:auto;display:block;position:relative;border:1px solid #fff9;border-radius:24px;padding:20px 18px;background:#fffaf2;min-height:155px;text-align:left;overflow:hidden}
.overview-metrics .metric>.icon{display:block;position:absolute;left:18px;top:21px;width:18px;height:18px;margin:0;color:#886a4f;z-index:1}
.overview-metrics .metric-data{position:relative;z-index:1}
.overview-metrics .metric-label{font-size:10px;line-height:1.6;letter-spacing:0;padding-left:26px;margin:0 0 17px;color:#785d43;min-height:18px}
.overview-metrics strong{font-size:28px;line-height:1.2;letter-spacing:-1px}
.overview-metrics .metric-detail{font-size:9px;margin-top:13px;line-height:1.6;color:#806447}
.overview-metrics .progress-track{height:5px;margin-top:11px;max-width:72%}
.overview-metrics .progress-fill{margin:0}
.overview-metrics .metric-art{position:absolute;right:-9px;bottom:-13px;width:126px;height:126px;object-fit:contain;opacity:.27;pointer-events:none}
.overview-bento-main{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:20px;align-items:start}
.overview-bento-main>.overview-main,.overview-bento-main>.overview-side{display:flex;flex-direction:column;gap:20px}
.overview-bento-main .dashboard-tasks{display:flex;flex-direction:column;max-height:none;grid-row:auto;grid-column:auto}
.overview-bento-main .dashboard-tasks .task-list{max-height:360px;overflow-y:auto}
.overview-bento-main .dashboard-tasks .card-bottom{margin-top:auto}
@media(max-width:1100px){.overview-highlights{grid-template-columns:1fr 1.1fr}.overview-note span{font-size:13px}.overview-note img{width:80px;height:80px}.overview-deadline{padding:20px}.overview-deadline>img{width:90px;height:90px;right:12px}.overview-deadline>div{width:calc(100% - 86px)}.overview-deadline strong{font-size:25px}.overview-metrics .metric-art{width:110px;height:110px;opacity:.21}}
@media(max-width:1000px){.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-bento-main{grid-template-columns:minmax(0,1fr) minmax(265px,.85fr)}.overview-metrics .metric-detail{font-size:10px}.overview-metrics .metric-art{width:125px;height:125px;opacity:.28}}
@media(max-width:900px){.overview-bento-main{grid-template-columns:minmax(0,1fr)}.overview-highlights{grid-template-columns:1fr;grid-template-areas:"deadline" "quote";gap:12px}.overview-deadline{min-height:140px}.dashboard-quote.overview-note{min-height:90px}.overview-bento-main>.overview-side{display:grid;grid-template-columns:1fr 1fr;align-items:start}}
@media(max-width:760px){.dashboard-quote.overview-note{padding:10px 16px 10px 6px;gap:12px;border-radius:22px;min-height:79px}.overview-note img{width:64px;height:64px}.overview-note span{font-size:12px}.overview-metrics{gap:12px}.overview-metrics .metric:nth-child(n){min-height:140px;padding:18px 16px;border-radius:21px}.overview-metrics .metric-label{padding-left:25px;font-size:10px;margin-bottom:14px}.overview-metrics .metric>.icon{top:18px;left:16px;width:17px;height:17px}.overview-metrics strong{font-size:26px}.overview-metrics .metric-detail{font-size:9px;margin-top:10px}.overview-metrics .metric-art{width:105px;height:105px;opacity:.2;bottom:-7px;right:-10px}.overview-bento-main,.overview-bento-main>.overview-main,.overview-bento-main>.overview-side{gap:16px}.overview-bento-main>.overview-side{display:flex;flex-direction:column}.overview-bento-main .dashboard-tasks .task-list{max-height:440px}.overview-deadline{padding:19px 20px;border-radius:22px}.overview-deadline>div{width:calc(100% - 90px)}.overview-deadline strong{font-size:25px}.overview-deadline.all-done strong{font-size:22px}.overview-deadline>img{width:88px;height:88px;right:13px}.overview-deadline .metric-detail{font-size:11px}}
@media(max-width:360px){.overview-metrics{gap:10px}.overview-metrics .metric:nth-child(n){padding:16px 13px;min-height:132px}.overview-metrics .metric>.icon{left:13px;top:17px}.overview-metrics strong{font-size:24px}.overview-deadline{padding:17px}.overview-deadline>div{width:calc(100% - 76px)}.overview-deadline>img{width:75px;height:75px;right:10px}.overview-deadline.all-done strong{font-size:20px}}