.project-edit { --pe-primary:#5146e5;--pe-text:#182033;--pe-muted:#8590a3;--pe-border:#e1e6ee;--pe-green:#09a675;--project-primary:var(--pe-primary);--project-border:var(--pe-border); padding:22px 28px 42px;color:var(--pe-text); }
.project-edit__heading,.project-edit-alert,.project-edit-card>header,.project-edit-switch,.project-edit-locked-field,.project-edit-side-card>header,.project-edit-side-card dl div,.project-edit__footer,.project-edit__footer>div,.project-edit-finance__body>div>span,.project-edit-progress__body dl div { display:flex;align-items:center; }
.project-edit__heading { gap:14px;margin-bottom:20px; }.project-edit__heading>a { display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:#8a95a6;text-decoration:none; }.project-edit__heading>a:hover { background:#eef0f5;color:var(--pe-primary); }.project-edit__heading h1 { margin:0;font-size:1.65rem;font-weight:850;letter-spacing:-.035em; }.project-edit__heading p { margin:4px 0 0;color:#7c8798;font-size:.85rem; }.project-edit__heading p strong { color:var(--pe-primary); }
.project-edit-alert { gap:13px;min-height:64px;margin-bottom:22px;padding:12px 16px;border-radius:11px; }.project-edit-alert>i { display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:8px; }.project-edit-alert>div { display:grid;gap:2px; }.project-edit-alert strong { font-size:.86rem; }.project-edit-alert span { font-size:.76rem; }.project-edit-alert>button { margin-left:auto;border:0;background:transparent;color:inherit; }.project-edit-alert--warning { border:1px solid #f3cf66;background:#fffaf0;color:#b46405; }.project-edit-alert--warning>i { background:#fff0be;color:#ed9900; }.project-edit-alert--danger { border:1px solid #f3a4a6;background:#fff5f5;color:#d93e44; }.project-edit-alert--danger>i { background:#ffe3e4; }
.project-edit__layout { display:grid;grid-template-columns:minmax(0,4fr) minmax(260px,1.05fr);gap:20px;align-items:start; }.project-edit__layout>main,.project-edit__layout>aside { display:grid;gap:18px;min-width:0; }
.project-edit-card,.project-edit-side-card { overflow:hidden;border:1px solid var(--pe-border);border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(23,32,51,.04); }.project-edit-card>header,.project-edit-side-card>header { min-height:52px;padding:0 18px;border-bottom:1px solid #edf0f4; }.project-edit-card>header>span,.project-edit-side-card>header>span { display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eef0ff;color:var(--pe-primary); }.project-edit-card>header>span.is-blue { background:#e8f2ff;color:#3183e8; }.project-edit-card>header>span.is-green,.project-edit-side-card>header>span.is-green { background:#e4faef;color:#09a675; }.project-edit-card h2,.project-edit-side-card h2 { margin:0 0 0 10px;font-size:.86rem;font-weight:800; }.project-edit-card__body { display:grid;gap:16px;padding:20px;transition:.2s; }.project-edit-card__body.is-disabled { opacity:.55; }
.project-edit-grid { display:grid;gap:14px; }.project-edit-grid--two { grid-template-columns:repeat(2,minmax(0,1fr)); }.project-edit-grid--three { grid-template-columns:repeat(3,minmax(0,1fr)); }.project-edit label { display:grid;gap:6px;margin:0; }.project-edit label>span:first-child { color:#536075;font-size:.73rem;font-weight:750; }.project-edit label b { color:#ef5358; }.project-edit input,.project-edit select,.project-edit textarea { width:100%;border:1px solid #d7dee8;border-radius:8px;background:#fff;color:#344054;font:inherit;font-size:.82rem;outline:0;transition:.18s; }.project-edit input,.project-edit select { min-height:42px;padding:0 12px; }.project-edit textarea { padding:10px 12px;line-height:1.5;resize:vertical; }.project-edit input:focus,.project-edit select:focus,.project-edit textarea:focus { border-color:#8780ed;box-shadow:0 0 0 3px rgba(81,70,229,.08); }.project-edit .is-invalid { border-color:#e5484d; }.project-edit label>small { color:#9aa4b4;font-size:.68rem; }.project-edit label>small.project-field-error { color:#e5484d; }.project-edit-counter { margin-left:auto; }.project-edit-input-icon { position:relative; }.project-edit-input-icon>i { position:absolute;left:12px;top:50%;color:#9ba5b4;transform:translateY(-50%); }.project-edit-input-icon input { padding-left:34px; }
.project-edit-locked-field { min-height:42px;padding:5px 11px;border:1px solid #f0c64f;border-radius:8px;background:#fffcf3; }.project-edit-locked-field .project-avatar { width:26px;height:26px;flex-basis:26px;margin:0 8px 0 0;border:0; }.project-edit-locked-field strong { font-size:.8rem; }.project-edit-locked-field em { display:flex;align-items:center;gap:5px;margin-left:auto;color:#c67608;font-size:.68rem;font-style:normal;font-weight:750; }
.project-deadline-help { min-height:14px; }.project-edit-switch { grid-template-columns:none!important;display:flex!important;gap:8px!important;margin-left:auto!important; }.project-edit-switch>span:first-child { color:#8993a4!important;font-size:.68rem!important; }.project-edit-switch input { position:absolute;opacity:0;width:1px; }.project-edit-switch>i { width:38px;height:21px;padding:3px;border-radius:99px;background:#d8dee7;transition:.2s; }.project-edit-switch>i::after { content:'';display:block;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:.2s; }.project-edit-switch input:checked+i { background:#10b981; }.project-edit-switch input:checked+i::after { transform:translateX(17px); }.project-edit-switch strong { color:#0a966d;font-size:.72rem; }
.project-edit-side-card>header h2 { color:#465165;font-size:.76rem;text-transform:uppercase;letter-spacing:.035em; }.project-edit-side-card>header>span { background:#f1f3f6;color:#8792a3; }.project-edit-side-card>dl { margin:0; }.project-edit-side-card>dl>div { justify-content:space-between;gap:12px;min-height:49px;padding:8px 16px;border-bottom:1px solid #edf0f4; }.project-edit-side-card>dl>div:last-child { border:0; }.project-edit-side-card dt { display:flex;align-items:center;gap:8px;color:#8792a3;font-size:.7rem;font-weight:500; }.project-edit-side-card dd { display:flex;align-items:center;gap:7px;margin:0;color:#445064;font-size:.7rem;font-weight:750;text-align:right; }.project-edit-side-card dd .project-avatar { width:23px;height:23px;flex-basis:23px;margin:0;border:0;font-size:.55rem; }.project-edit-side-card code { padding:3px 6px;border-radius:4px;background:#f1f3f5;color:#536075;font-size:.68rem; }
.project-edit-finance__body { display:grid;gap:14px;padding:16px; }.project-edit-finance__body>div { display:grid;grid-template-columns:1fr auto;gap:7px; }.project-edit-finance__body>div>span { gap:5px;color:#788497;font-size:.7rem; }.project-edit-finance__body>div>strong { font-size:.8rem; }.project-edit-finance__body>div>i { grid-column:1/3;height:5px;overflow:hidden;border-radius:99px;background:#edf0f4; }.project-edit-finance__body>div>i>b { display:block;height:100%;border-radius:inherit;background:#2dcca0; }.project-edit-finance__body>div>i>b.is-red { background:#ff7478; }.project-edit-finance__body .project-edit-margin { padding:10px;border-radius:8px;background:#f7f8fa; }.project-edit-margin small { grid-column:1/3;display:flex;justify-content:space-between;color:#9aa4b2;font-size:.66rem; }.project-edit-finance__body>p { margin:0;color:#9aa4b2;font-size:.66rem;line-height:1.5; }.project-edit-finance__body>p a { color:var(--pe-primary);text-decoration:none; }
.project-edit-progress__body { display:grid;place-items:center;padding:20px 16px 16px; }.project-edit-ring { display:grid;place-items:center;width:94px;height:94px;border-radius:50%;background:conic-gradient(var(--pe-primary) calc(var(--progress)*1%),#edf0f5 0); }.project-edit-ring::before { content:'';grid-area:1/1;width:72px;height:72px;border-radius:50%;background:#fff; }.project-edit-ring span { z-index:1;grid-area:1/1;font-size:1.25rem;font-weight:850; }.project-edit-progress__body dl { width:100%;margin:18px 0 0; }.project-edit-progress__body dl div { justify-content:space-between;min-height:30px; }.project-edit-progress__body dt,.project-edit-progress__body dd { margin:0;color:#6d788a;font-size:.69rem; }.project-edit-progress__body dd { font-weight:800; }.project-edit-progress__body p { margin:8px 0 0;color:#9da6b4;font-size:.65rem;text-align:center; }
.project-edit__footer { justify-content:space-between;gap:18px;margin-top:24px; }.project-edit__footer>div { gap:10px; }.project-edit-archive { min-height:42px;padding:0 15px;border:1px solid #f1a4a7;border-radius:8px;background:#fff;color:#e14147;font-weight:700; }.project-edit-archive i { margin-right:6px; }
.project-new { min-height:calc(100vh - 90px);}.project-new .project-edit__heading { padding:2px 0 4px; }.project-new .project-edit__heading>a { border:1px solid #e0e5ed;background:#fff; }.project-new-steps ol { display:grid;gap:0;margin:0;padding:5px 16px 10px;list-style:none;counter-reset:steps; }.project-new-steps li { display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #edf0f4; }.project-new-steps li:last-child { border:0; }.project-new-steps li>i { display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:8px;background:#eef0ff;color:var(--pe-primary); }.project-new-steps li span { display:grid;gap:2px; }.project-new-steps li strong { color:#465165;font-size:.72rem; }.project-new-steps li small { color:#929cac;font-size:.65rem;line-height:1.4; }.project-new__footer>a { min-height:42px; }.project-new__footer .project-button i { margin-right:6px; }
@media(max-width:1199.98px){.project-edit__layout{grid-template-columns:minmax(0,3fr) minmax(240px,1fr)}}
@media(max-width:991.98px){.project-edit{padding:18px 14px 36px}.project-edit__layout{grid-template-columns:1fr}.project-edit__layout>aside{grid-template-columns:repeat(3,minmax(0,1fr))}.project-edit-side-card>dl>div{padding:8px 12px}}
@media(max-width:767.98px){.project-edit-grid--two,.project-edit-grid--three,.project-edit__layout>aside{grid-template-columns:1fr}.project-edit-card>header{flex-wrap:wrap;padding:10px 14px}.project-edit-switch{width:100%;margin:8px 0 0!important}.project-edit__footer{align-items:stretch;flex-direction:column-reverse}.project-edit__footer>div{display:grid;grid-template-columns:1fr}.project-edit__footer .project-button,.project-edit-archive{width:100%}}