.my-work-panel{display:grid;gap:16px;margin:0 0 20px;padding:18px;border:1px solid #d5e1eb;border-radius:16px;background:linear-gradient(145deg,#f8fbfd 0%,#f3f7fb 100%);color:#172033}
.my-work-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.my-work-head>div:first-child{display:grid;gap:3px}.my-work-head span{color:#55708e;font-size:12px;font-weight:800;letter-spacing:.07em}.my-work-head h2{margin:0;font-size:24px}.my-work-head p{margin:0;color:#607087;font-size:15px}
.my-work-scope{display:flex;padding:4px;border:1px solid #d5e1eb;border-radius:12px;background:#fff}.my-work-scope button{border:0;border-radius:8px;background:transparent;padding:9px 12px;color:#5d6a7d;font-weight:800}.my-work-scope button.active{background:#17263d;color:#fff}
.my-work-filters{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:10px;align-items:end}.my-work-filters label{display:grid;gap:5px;color:#53627a;font-size:13px;font-weight:800}.my-work-filters select{width:100%;border:1px solid #ccd8e3;border-radius:10px;background:#fff;padding:10px;color:#172033;font-size:14px}.my-work-filters>button{border:0;border-radius:10px;background:#e9eef4;color:#23334a;padding:11px 15px;font-weight:800}
.my-work-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.my-work-metric{display:grid;gap:4px;text-align:left;padding:14px;border:1px solid #dbe4ed;border-radius:12px;background:#fff;color:#172033;cursor:pointer}.my-work-metric:hover,.my-work-metric:focus-visible{border-color:#8ca7bf;box-shadow:0 5px 14px rgba(31,50,73,.08)}.my-work-metric span{color:#5c6c80;font-size:13px;letter-spacing:0}.my-work-metric strong{font-size:28px;line-height:1.1}.my-work-metric small{color:#708096;font-size:12px}.my-work-metric.warning{border-left:4px solid #d59a26}.my-work-metric.danger{border-left:4px solid #bd3f4a}.my-work-metric.billing{border-left:4px solid #526fad}.my-work-metric.mail{border-left:4px solid #2f8a75}
.my-work-main{display:grid;grid-template-columns:minmax(460px,1.15fr) minmax(380px,.85fr);gap:14px}.my-work-main>section{display:grid;align-content:start;gap:9px;min-width:0}.my-work-section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.my-work-section-title>div{display:grid;gap:2px}.my-work-section-title strong{font-size:15px}.my-work-section-title small{color:#708096;font-size:12px}.my-work-section-title>span{padding:3px 9px;border-radius:999px;background:#e3eaf2;color:#53627a}
.my-work-responsible-list,.my-work-feed{display:grid;gap:8px;max-height:470px;overflow:auto;padding-right:3px}.my-work-responsible{display:grid;grid-template-columns:minmax(130px,1.4fr) repeat(3,minmax(80px,.7fr)) auto;gap:10px;align-items:center;text-align:left;padding:12px;border:1px solid #dce5ed;border-radius:10px;background:#fff;color:#27364b}.my-work-responsible:hover,.my-work-responsible:focus-visible{border-color:#88a4be;background:#fbfdff}.my-work-responsible>strong{font-size:14px}.my-work-responsible span{display:grid;color:#69788c;font-size:12px}.my-work-responsible span b{color:#25364e;font-size:16px}.my-work-responsible small{color:#55708e;white-space:nowrap}
.my-work-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:11px;border:1px solid #dce5ed;border-radius:10px;background:#fff}.my-work-row>div{display:grid;gap:3px}.my-work-row>div:last-child{justify-items:end;align-content:space-between}.my-work-row span,.my-work-row small,.my-work-row time{color:#64748b;font-size:12px}.my-work-row.deadline{border-left:4px solid #d59a26;background:#fffaf0}.my-work-row.deadline span{color:#8a6311}.my-work-row.mail{border-left:4px solid #2f8a75}.my-work-row.mail span{color:#25715f}.my-work-row .link{padding:3px 0}.my-work-empty,.my-work-loading,.my-work-error{padding:15px;border:1px dashed #c8d6e2;border-radius:10px;color:#607087;background:#fff}.my-work-error{color:#a82121}
@media(max-width:1150px){.my-work-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.my-work-main{grid-template-columns:1fr}.my-work-responsible-list,.my-work-feed{max-height:none}}
@media(max-width:760px){.my-work-panel{padding:13px}.my-work-head,.my-work-filters{display:grid}.my-work-scope{width:100%;box-sizing:border-box}.my-work-scope button{flex:1}.my-work-metrics{grid-template-columns:1fr 1fr}.my-work-responsible{grid-template-columns:1fr 1fr}.my-work-responsible>strong,.my-work-responsible small{grid-column:1/-1}.my-work-row{grid-template-columns:1fr}.my-work-row>div:last-child{justify-items:start}}
@media(max-width:480px){.my-work-metrics{grid-template-columns:1fr}}

.my-work-deadline-control{display:grid;gap:10px;padding:15px;border:1px solid #d5e1eb;border-radius:12px;background:#fff;min-width:0}
.my-work-deadline-table{overflow:auto;max-height:350px}.my-work-deadline-table table{border-collapse:collapse;width:100%;min-width:850px;text-align:left;font-size:13px}
.my-work-deadline-table th{position:sticky;top:0;background:#f3f6fa;color:#53627a;z-index:1}.my-work-deadline-table td,.my-work-deadline-table th{padding:10px 12px;border-bottom:1px solid #e5ebf2;vertical-align:top}
.my-work-deadline-table small{display:block;margin-top:3px;color:#708096}.my-work-deadline-table time{white-space:nowrap;font-weight:700}.my-work-deadline-table .is-overdue td:first-child,.my-work-deadline-table .is-overdue td:first-child small{color:#b53340}.my-work-deadline-table .is-overdue{background:#fff8f8}.my-work-deadline-table button{white-space:nowrap}