:root{
    --blue:#0d47a1;
    --blue2:#1976d2;
    --bg:#eef4fb;
    --card:#ffffff;
    --text:#1f2a3b;
    --muted:#65758b;
    --border:#d8e3f0;
    --green:#0f8c4f;
    --yellow:#d6a400;
    --red:#c62828;
    --gray:#8a97ab;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text)}
.container{max-width:1200px;margin:0 auto;padding:20px}
.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;border-radius:20px;padding:24px 26px;box-shadow:0 14px 36px rgba(13,71,161,.20)}
.topbar h1{margin:0 0 8px;font-size:30px}
.topbar p{margin:0;max-width:760px;line-height:1.5;color:#e7efff}
.topbar nav{display:flex;gap:10px;flex-wrap:wrap}
.topbar nav a{color:#fff;text-decoration:none;background:rgba(255,255,255,.14);padding:10px 14px;border-radius:12px;font-weight:700}
.grid-main{display:grid;grid-template-columns:1.2fr .9fr;gap:20px;margin-top:20px}
.card{background:var(--card);border-radius:18px;padding:22px;box-shadow:0 10px 32px rgba(25, 45, 90, .08)}
.card h2,.card h3{margin-top:0}
.form-stack{display:flex;flex-direction:column;gap:16px}
label{display:flex;flex-direction:column;gap:8px;font-weight:700}
input[type=text],input[type=password],input[type=number],input[type=file],textarea,select{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#fff;font-size:15px}
textarea{resize:vertical;min-height:140px}
.btn-primary{appearance:none;border:none;background:var(--blue);color:#fff;border-radius:12px;padding:14px 18px;font-weight:700;cursor:pointer}
.alert{margin:18px 0;padding:14px 16px;border-radius:12px;font-weight:700}
.alert.success{background:#e8f7ef;color:#177745}.alert.error{background:#fdecec;color:#a72020}.alert.info{background:#eef5ff;color:#154d9a}
.help-box{margin-top:16px;padding:16px;border:1px solid var(--border);border-radius:14px;background:#f8fbff}
.help-box ul{margin:10px 0 0 18px;padding:0}
.muted{color:var(--muted)}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{font-size:13px;text-transform:uppercase;color:#5a6a82;letter-spacing:.03em}
a{color:var(--blue)}
.badge{display:inline-block;padding:7px 10px;border-radius:999px;color:#fff;font-weight:700;font-size:12px}.badge-take{background:var(--green)}.badge-negotiate{background:var(--yellow);color:#2b2500}.badge-pass{background:var(--red)}
.footer{margin:20px 0 10px;color:#617288;text-align:center;font-size:14px}
.hero-result{margin-top:20px;border-radius:18px;padding:24px;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#fff;box-shadow:0 14px 36px rgba(0,0,0,.12)}
.zone-green{background:linear-gradient(135deg,#0f8c4f,#1cab67)}
.zone-yellow{background:linear-gradient(135deg,#d6a400,#f0c02e);color:#2c2500}
.zone-red{background:linear-gradient(135deg,#c62828,#e53935)}
.zone-gray{background:linear-gradient(135deg,#7a879a,#9ca8ba)}
.eyebrow{text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:700;opacity:.9;margin-bottom:8px}
.price-box{background:rgba(255,255,255,.16);padding:16px 18px;border-radius:16px;min-width:220px}.price-box strong{display:block;font-size:34px;margin:6px 0}
.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.kpi{border:1px solid var(--border);border-radius:14px;padding:16px;background:#f8fbff}.kpi span{display:block;color:var(--muted);font-size:14px;margin-bottom:8px}.kpi strong{font-size:24px}
.details-table th{width:180px}
.reply-box{background:#f5f9ff;border:1px dashed #b7cae6;padding:14px 16px;border-radius:14px;margin-bottom:12px;font-weight:700}
.pre-box{white-space:pre-wrap;background:#0d1729;color:#e6eefb;border-radius:14px;padding:16px;min-height:180px}
small{font-weight:400;color:var(--muted)}
@media(max-width:900px){.grid-main{grid-template-columns:1fr}.topbar{flex-direction:column}.kpi-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.container{padding:14px}.topbar h1{font-size:24px}.card{padding:18px}.hero-result{flex-direction:column;align-items:flex-start}.kpi-grid{grid-template-columns:1fr}}