#supportDash{background:#071a27;color:#edf7ff;min-height:100vh}#supportDash .subhead{background:linear-gradient(180deg,#0d2b3b 0%,#0a2230 100%);border-bottom:1px solid #1f4d63;box-shadow:none}#supportDash .subhead h1,#supportDash .subhead .back{color:#f5fbff}#supportDash .subhead p{color:#8fb0c2}#supportDash .support-wrap{padding:16px 14px 96px}.support-card{background:#0b2433;border:1px solid #1c4a60;border-radius:20px;padding:16px;margin-bottom:13px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}.support-card h3{font-size:14px;margin:0 0 11px;color:#f3f9fd}.support-card-sub{font-size:10px;color:#84a6b8;margin:-6px 0 12px}.support-status-summary{display:flex;align-items:center;gap:18px;margin:8px 0 18px}.support-donut{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--donut) var(--done),#36586b 0);position:relative;flex:0 0 auto}.support-donut:after{content:"";position:absolute;inset:20px;border-radius:50%;background:#0b2433}.support-donut>div{position:relative;z-index:1;text-align:center}.support-donut b{display:block;font-size:23px;color:#f5fbff}.support-donut span{display:block;font-size:9px;color:#8fb0c2;text-transform:uppercase;letter-spacing:.45px;margin-top:2px}.support-status-copy b{display:block;color:#f2f9fd;font-size:14px;margin-bottom:5px}.support-status-copy span{display:block;color:#91aebb;font-size:10px;line-height:1.35}.support-completion-list{border-top:1px solid #173e52;padding-top:10px;display:grid;gap:10px}.support-project-status{border:1px solid #1b465b;background:#09202d;border-radius:14px;padding:0 14px 3px;overflow:hidden}.support-project-status-head{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:38px;border-bottom:1px solid #173e52;font-size:12px}.support-project-status-head b{color:#f4f9fc;font-size:12px}.support-project-status-head span{font-size:10px;color:#91aebb;text-align:right}.support-project-status.complete{border-color:#256552}.support-project-status.complete .support-project-status-head span{color:#6ce0c1}.support-task-lines{display:grid}.support-task-line,.support-task-line.todo,.support-task-line.doing,.support-task-line.done{display:grid;grid-template-columns:minmax(115px,1.1fr) minmax(120px,1fr) 3px auto;align-items:center;gap:12px;min-height:42px;border-bottom:1px solid #173e52;font-size:11px;background:transparent!important;color:inherit!important;border-radius:0!important;padding:0!important}.support-task-line:last-child{border-bottom:0}.support-task-line b{color:#f1f7fb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:11px}.support-task-people{color:#7898a9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.support-task-mark{width:3px;height:18px;border-radius:2px;justify-self:center}.support-task-state{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:10px;font-weight:700;min-width:88px}.support-task-state i{display:block;width:10px;height:10px;border-radius:50%;flex:0 0 auto}.support-task-line.todo .support-task-mark,.support-task-line.todo .support-task-state i{background:#ff575f}.support-task-line.todo .support-task-state{color:#ff6f75}.support-task-line.doing .support-task-mark,.support-task-line.doing .support-task-state i{background:#ffb21c}.support-task-line.doing .support-task-state{color:#ffc23d}.support-task-line.done .support-task-mark,.support-task-line.done .support-task-state i{background:#43d1ae}.support-task-line.done .support-task-state{color:#52ddb8}.support-person-row,.support-project-row{margin:12px 0}.support-person-head,.support-project-head{display:flex;justify-content:space-between;gap:8px;font-size:11px;margin-bottom:6px}.support-person-head b,.support-project-head b{color:#f1f8fc}.support-person-head span,.support-project-head span{color:#9ab6c5}.support-person-bar,.support-project-bar{height:8px;background:#10374a;border-radius:99px;overflow:hidden}.support-person-bar i,.support-project-bar i{display:block;height:100%;border-radius:99px;transition:width .25s ease,background .2s ease}.support-person-row.load-green .support-person-bar i{background:#43d1ae}.support-person-row.load-yellow .support-person-bar i{background:#f0c53a}.support-person-row.load-orange .support-person-bar i{background:#f49a31}.support-person-row.load-red .support-person-bar i{background:#ef5a5a}.support-person-row.load-red .support-person-head b,.support-person-row.load-red .support-person-head span{color:#ff7777}.support-person-row.off{opacity:.48}.support-note{font-size:11px;line-height:1.45;color:#84a6b8}.support-right-column{display:flex;flex-direction:column}.bottomnav{grid-template-columns:repeat(5,1fr)}#supportDash+.bottomnav{background:#0b2a3b}
@media(max-width:560px){.support-status-summary{gap:13px}.support-donut{width:100px;height:100px}.support-donut:after{inset:17px}.support-donut b{font-size:20px}.support-status-copy b{font-size:12px}.support-project-status{padding:0 11px 3px;border-radius:13px}.support-project-status-head{min-height:39px}.support-task-line,.support-task-line.todo,.support-task-line.doing,.support-task-line.done{grid-template-columns:minmax(0,1fr) 3px auto;grid-template-areas:'task mark state' 'people mark state';column-gap:9px;min-height:50px;padding:5px 0!important}.support-task-line b{grid-area:task;font-size:11px}.support-task-people{grid-area:people;font-size:8px;align-self:start}.support-task-mark{grid-area:mark;height:22px;align-self:center}.support-task-state{grid-area:state;font-size:9px;min-width:82px}.support-task-state i{width:9px;height:9px}}
@media(min-width:800px){#supportDash .support-wrap{padding-left:24px;padding-right:24px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.support-grid>.support-card{margin-bottom:0}.support-right-column .support-card:last-child{margin-bottom:0}.support-donut{width:132px;height:132px}.support-donut:after{inset:22px}.support-project-status{padding-left:16px;padding-right:16px}.support-project-status-head{min-height:42px}.support-task-line,.support-task-line.todo,.support-task-line.doing,.support-task-line.done{min-height:46px;font-size:12px}.support-task-line b{font-size:12px}.support-task-people{font-size:10px}.support-task-state{font-size:11px;min-width:98px}}