:root{--vp:#2864f0;--navy:#0d172b;--text:#10182b;--muted:#61708a;--line:#dce4f0;--soft:#f5f8fc}
.vpcp-app,.vpcp-auth,.vpcp-taskpage{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text);box-sizing:border-box}.vpcp-app *,.vpcp-auth *,.vpcp-taskpage *{box-sizing:border-box}
.vpcp-brand{font-size:21px;font-weight:800;letter-spacing:-1px}.vpcp-brand span{font-weight:400;color:var(--vp)}
.vpcp-auth{max-width:520px;margin:70px auto;padding:38px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 20px 60px rgba(13,23,43,.07)}.vpcp-auth h1{font-size:34px;margin:28px 0 8px}.vpcp-auth p{color:var(--muted)}.vpcp-auth label,.vpcp-form label{display:block;font-weight:650;font-size:13px;margin:18px 0}.vpcp-auth input,.vpcp-form input,.vpcp-form select,.vpcp-form textarea,.vpcp-panel textarea{width:100%;margin-top:7px;padding:13px;border:1px solid var(--line);border-radius:9px;background:#fff}.vpcp-btn{display:inline-block;background:var(--vp)!important;color:#fff!important;border:0;border-radius:9px;padding:13px 18px;font-weight:750;text-decoration:none;cursor:pointer}.vpcp-small{font-size:12px;color:var(--muted)}.vpcp-alert{background:#fff1f1;border:1px solid #ffd1d1;padding:12px;border-radius:8px}
.vpcp-app{min-height:75vh;display:grid;grid-template-columns:230px 1fr;background:var(--soft);border:1px solid var(--line);border-radius:20px;overflow:hidden;max-width:1240px;margin:38px auto}.vpcp-app aside{background:var(--navy);color:#fff;padding:28px 20px}.vpcp-app aside .vpcp-brand{margin:0 10px 30px}.vpcp-app nav{display:grid;gap:4px}.vpcp-app nav a{padding:11px 12px;border-radius:8px;color:#b9c5d7;text-decoration:none;font-size:13px}.vpcp-app nav a.active,.vpcp-app nav a:hover{background:#172642;color:#fff}.vpcp-new{display:block;margin-top:26px;background:var(--vp);padding:12px;border-radius:8px;color:#fff;text-decoration:none;text-align:center;font-weight:700}.vpcp-app main{min-width:0}.vpcp-app header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.vpcp-app header span{display:block;font-size:9px;letter-spacing:.14em;color:var(--muted)}.vpcp-app header strong{font-size:13px}.vpcp-app header a{font-size:12px;color:var(--muted)}.vpcp-content{padding:36px}.vpcp-content h1{font-size:34px;margin:0 0 8px}.vpcp-lede{color:var(--muted);margin-top:0}.vpcp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}.vpcp-stats>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.vpcp-stats strong{font-size:27px;display:block}.vpcp-stats span{font-size:12px;color:var(--muted)}.vpcp-sectionhead{margin:32px 0 12px}.vpcp-sectionhead h2{font-size:19px}.vpcp-list{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.vpcp-list>a{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid #edf1f6;text-decoration:none;color:var(--text)}.vpcp-list>a:last-child{border:0}.vpcp-list strong,.vpcp-list span{display:block}.vpcp-list span{font-size:11px;color:var(--muted);margin-top:4px}.status{font-style:normal;font-size:11px;padding:7px 9px;border-radius:20px;background:#edf2fb;color:#40536e;white-space:nowrap}.status-in_progress,.status-scheduled{background:#eaf1ff;color:#2456bd}.status-completed,.status-closed{background:#e8f7f1;color:#087555}.status-awaiting_client,.status-payment_due{background:#fff4df;color:#8a5a00}.vpcp-empty{padding:28px;color:var(--muted)}
.vpcp-form{max-width:720px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;margin-top:28px}.vpcp-taskpage{max-width:1180px;margin:38px auto;background:var(--soft);padding:34px;border-radius:20px;border:1px solid var(--line)}.vpcp-back{font-size:12px;text-decoration:none}.vpcp-taskhead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:28px 0}.vpcp-taskhead span{font-size:11px;color:var(--muted)}.vpcp-taskhead h1{font-size:34px;margin:5px 0}.vpcp-taskgrid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.vpcp-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:16px}.vpcp-panel h3{margin-top:0}.vpcp-meta{display:flex;gap:20px;border-top:1px solid #edf1f6;padding-top:16px;font-size:11px;color:var(--muted)}.vpcp-msg{border-top:1px solid #edf1f6;padding:15px 0}.vpcp-msg strong{font-size:12px}.vpcp-msg span{font-size:10px;color:var(--muted);margin-left:8px}.vpcp-msg p{margin-bottom:0}.vpcp-file{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid #edf1f6;text-decoration:none;font-size:12px}.vpcp-file span{color:var(--muted)}.vpcp-payment{border:2px solid var(--vp)}.vpcp-payment>span{font-size:9px;letter-spacing:.14em;color:var(--vp)}
@media(max-width:760px){.vpcp-app{grid-template-columns:1fr;margin:15px}.vpcp-app aside{padding:18px}.vpcp-app nav{grid-template-columns:repeat(3,1fr)}.vpcp-app nav a{text-align:center}.vpcp-content{padding:22px}.vpcp-stats,.vpcp-taskgrid{grid-template-columns:1fr}.vpcp-taskpage{margin:15px;padding:20px}.vpcp-taskhead{align-items:flex-start;flex-direction:column}}