:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#172033;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}.app{max-width:980px;margin:auto;padding:18px}.top{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px}.brand b{font-size:20px}.muted{color:#6b7280;font-size:13px}.nav{display:flex;gap:8px;flex-wrap:wrap}.card{background:white;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 4px 18px #0000000a;margin-bottom:14px}button,.btn{border:0;background:#172033;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:650}button.secondary{background:#eef1f5;color:#172033}button.danger{background:#fee2e2;color:#991b1b}button:disabled{opacity:.5}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}label{display:block;font-size:13px;font-weight:650;margin-bottom:5px}input,select,textarea{width:100%;border:1px solid #d7dce2;border-radius:10px;padding:10px 11px;background:#fff;font:inherit}textarea{min-height:90px;resize:vertical}h1{font-size:25px;margin:0 0 14px}h2{font-size:18px;margin:0 0 12px}.row{display:flex;gap:8px;align-items:center}.grow{flex:1}.item{display:grid;grid-template-columns:1fr 140px 40px;gap:8px;margin-bottom:8px}.material{grid-template-columns:1fr 80px 120px 40px}.executor{display:grid;grid-template-columns:1fr 140px;gap:8px;margin-bottom:8px}.orders{display:grid;gap:10px}.order{padding:14px;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer}.order:hover{border-color:#9ca3af}.order-head{display:flex;justify-content:space-between;gap:10px}.pill{display:inline-block;border-radius:99px;padding:4px 8px;background:#eef1f5;font-size:12px}.money{font-weight:750}.login{max-width:430px;margin:9vh auto}.notice{padding:10px 12px;border-radius:10px;background:#fff7ed;color:#9a3412;margin-bottom:12px}.success{background:#ecfdf5;color:#065f46}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{background:#f8fafc;padding:14px;border-radius:12px}.stat strong{display:block;font-size:22px;margin-top:5px}.footer-note{font-size:12px;color:#8a94a3;margin-top:16px}@media(max-width:700px){.grid,.grid3,.stats{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}.item,.material{grid-template-columns:1fr 90px 40px}.material{grid-template-columns:1fr 60px 85px 40px}}
.user-list{padding:6px 18px}.user-row{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #eef1f5}.user-row:last-child{border-bottom:0}.pill-off{background:#fee2e2;color:#991b1b}.checkline{display:flex;gap:8px;align-items:center;margin-top:16px}.checkline input{width:auto}.user-actions{margin-top:16px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.detail-grid span,.detail-grid b{display:block}.line{padding:8px 0;border-bottom:1px solid #eef1f5}.line:last-child{border-bottom:0}.worker-earning{font-size:30px;font-weight:800}.worker-stats{grid-template-columns:repeat(2,1fr)}
@media(max-width:700px){.user-row{align-items:flex-start;flex-wrap:wrap}.user-row .grow{min-width:65%}.detail-grid,.worker-stats{grid-template-columns:1fr}.mobile-stack{align-items:stretch;flex-direction:column}.mobile-stack input{max-width:none!important}.executor{grid-template-columns:1fr 110px}}

/* v0.4 */
.nav .nav-active{background:#172033;color:#fff;box-shadow:0 0 0 2px #17203322}
.order{transition:border-color .15s,background .15s,box-shadow .15s;border-left-width:6px}
.order.status-new{border-left-color:#94a3b8;background:#f8fafc}
.order.status-in_progress{border-left-color:#dc2626;background:#fef2f2}
.order.status-ready{border-left-color:#eab308;background:#fefce8}
.order.status-issued{border-left-color:#16a34a;background:#f0fdf4}
.order.status-cancelled{border-left-color:#64748b;background:#f1f5f9;opacity:.82}
.status-pill-in_progress{background:#fee2e2;color:#991b1b}
.status-pill-ready{background:#fef3c7;color:#92400e}
.status-pill-issued{background:#dcfce7;color:#166534}
.status-pill-new{background:#e2e8f0;color:#334155}
.status-pill-cancelled{background:#e2e8f0;color:#475569}
.executor-pay{grid-template-columns:minmax(180px,1fr) 150px 190px;align-items:end;padding:10px 0;border-bottom:1px solid #eef1f5}
.executor-pay:last-child{border-bottom:0}
.pay-summary{text-align:right;white-space:nowrap}
.payout-preview{margin-top:18px;border-top:1px solid #eef1f5;padding-top:14px}
.stat-paid{background:#f0fdf4}.stat-debt{background:#fff7ed}
@media(max-width:700px){.executor-pay{grid-template-columns:1fr}.pay-summary{text-align:left}}
/* v0.6: заметная подсветка заказов по статусу */
.order{border-left:7px solid #94a3b8;transition:.15s ease}
.order.status-in_progress{border-left-color:#dc2626;background:#fee2e2}
.order.status-ready{border-left-color:#eab308;background:#fef3c7}
.order.status-issued{border-left-color:#16a34a;background:#dcfce7}
.order.status-new{border-left-color:#94a3b8;background:#f8fafc}
.order.status-cancelled{border-left-color:#64748b;background:#e2e8f0;opacity:.82}
.order-total{display:flex;justify-content:space-between;align-items:center;background:#eef6ff}.order-total strong{font-size:25px}
.payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.payment-card{margin-bottom:0}.debt-text{color:#b91c1c}.line{padding:9px 0;border-bottom:1px solid #eef1f5}.line:last-child{border-bottom:0}
@media(max-width:700px){.payment-grid{grid-template-columns:1fr}.order-total strong{font-size:21px}}
/* v0.7 */
.percent-control{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid #eef1f5}
.percent-bad{color:#b91c1c;font-weight:750}.service-executor{background:#f8fafc;border-radius:10px;padding:10px}.order-fieldset{border:0;padding:0;margin:0;min-width:0}.order-fieldset:disabled{opacity:.78}.lock-notice{background:#fff7ed;color:#9a3412}
@media(max-width:700px){.percent-control{align-items:stretch;flex-direction:column}}


/* v0.10 — compact interface */
body{font-size:14px}
.app{padding:14px}
.top{margin-bottom:14px}
.brand b{font-size:18px}
.card{border-radius:13px;padding:14px;margin-bottom:10px}
button,.btn{padding:8px 11px;border-radius:9px;font-size:13px}
input,select,textarea{border-radius:9px;padding:8px 9px;font-size:14px}
textarea{min-height:72px}
h1{font-size:22px;margin-bottom:10px}
h2{font-size:16px;margin-bottom:9px}
label{font-size:12px;margin-bottom:4px}
.muted{font-size:12px}
.grid,.grid3{gap:9px}
.item{gap:6px;margin-bottom:6px}
.orders{gap:8px}
.order{padding:11px}
.stat{padding:11px}
.stat strong{font-size:19px}
.worker-percent-card{margin-top:10px}
.worker-percent-value{font-size:26px;font-weight:800;line-height:1.1;margin-bottom:5px}

@media(max-width:700px){
  body{font-size:13px}
  .app{padding:9px}
  .top{gap:8px;margin-bottom:10px}
  .brand b{font-size:16px}
  .nav{gap:5px}
  .nav button{padding:7px 9px;font-size:12px}
  .card{padding:10px;border-radius:11px;margin-bottom:8px}
  h1{font-size:19px;margin-bottom:8px}
  h2{font-size:14px;margin-bottom:7px}
  label{font-size:11px}
  .muted{font-size:11px}
  input,select,textarea{padding:7px 8px;font-size:13px}
  textarea{min-height:58px}
  button,.btn{padding:7px 9px;font-size:12px}
  .grid,.grid3{gap:7px}
  .item,.material{gap:5px;margin-bottom:5px}
  .order{padding:9px}
  .pill{font-size:11px;padding:3px 6px}
  .worker-percent-value{font-size:22px}
}

/* v0.11 */
.brand-user{font-size:13px;color:#6b7280;margin-top:2px}
.login-brand{font-size:18px;font-weight:750;margin-bottom:12px}
@media(max-width:700px){
  .brand-user{font-size:12px}
  .login-brand{font-size:16px}
}

/* v0.12 */
.payment-amount{font-size:20px;font-weight:800;padding:6px 0}
.stat-owe{background:#fff7ed}
@media(max-width:700px){.payment-amount{font-size:18px}}

/* v0.14 */
.order-datetime{font-size:16px;font-weight:750;margin-bottom:2px}
@media(max-width:700px){.order-datetime{font-size:14px}}