:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#172033;background:radial-gradient(circle at top left,rgba(242,162,92,.18),transparent 28%),linear-gradient(180deg,#f6efe5,#f2f5fb 55%,#fff);line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}code{padding:.15rem .35rem;border-radius:.4rem;background:#17203314}#root{min-height:100vh}.page-shell{max-width:1180px;margin:0 auto;padding:3rem 1.25rem 4rem}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(480px,100%);padding:1.5rem;border:1px solid rgba(23,32,51,.08);border-radius:1.2rem;background:#ffffffe0;box-shadow:0 18px 48px #27354e14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero,.status-grid,.content-grid{display:grid;gap:1.25rem}.hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-bottom:1.5rem}.eyebrow{margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:#7d4b22}.hero h1,.card h2{margin:0}.hero h1{max-width:12ch;font-size:clamp(2.4rem,6vw,4.5rem);line-height:.95}.lede{max-width:70ch;margin:1rem 0 0;color:#42516a}.compact{max-width:42ch}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1.5rem}.single-row{grid-template-columns:1fr}.panel,.card,.banner{border:1px solid rgba(23,32,51,.08);border-radius:1.2rem;background:#ffffffc7;box-shadow:0 18px 48px #27354e14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel{padding:1.2rem}.panel-label{display:block;margin-bottom:.6rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#627087}.panel strong{display:block;font-size:1.1rem}.panel p{margin:.5rem 0 0;color:#526076}.status-good{color:#17613c}.status-bad{color:#9f2c2c}.banner{margin-bottom:1.5rem;padding:1rem 1.1rem}.banner-success{background:#14683c14;color:#17613c}.banner-error{background:#a92d2d1a;color:#8b1f1f}.content-grid{grid-template-columns:minmax(300px,380px) minmax(0,1fr)}.card{padding:1.35rem}.card-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.hero-actions{display:flex;gap:.75rem}.route-form{display:grid;gap:1rem}.route-form label{display:grid;gap:.45rem;font-weight:600}.route-form input{width:100%;padding:.9rem 1rem;border:1px solid rgba(41,55,82,.15);border-radius:.9rem;background:#fffc}.route-list{display:grid;gap:.9rem}.route-item{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem;border-radius:1rem;background:#f6efe58c}.route-item p{margin:.4rem 0 0;color:#526076}.route-actions{display:flex;gap:.65rem}.primary-button,.ghost-button,.danger-button{border:0;border-radius:999px;padding:.8rem 1.1rem;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background .16s ease}.primary-button:hover,.ghost-button:hover,.danger-button:hover{transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled,.danger-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.primary-button{background:linear-gradient(135deg,#c45d19,#ee8f43);color:#fff}.ghost-button{background:#17203314;color:#172033}.danger-button{background:#ab37371f;color:#972727}.empty-state{display:grid;place-items:center;min-height:240px;border:1px dashed rgba(23,32,51,.16);border-radius:1rem;color:#526076;text-align:center}.empty-state p{margin:0;font-weight:600}@media (max-width: 900px){.hero,.status-grid,.content-grid{grid-template-columns:1fr}.hero h1{max-width:100%}.hero-actions{flex-wrap:wrap}.route-item{flex-direction:column;align-items:flex-start}}
