@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg:#f4efe4;--ink:#20201c;--muted:#777064;--line:#ded4c0;--panel:#fffaf0;--panel-strong:#171812;--amber:#f2aa2e;--amber-dark:#9b5f00;--green:#356c4b;--red:#a33a2f;--blue:#315f86;--shadow:0 24px 70px #3a2b1224;--radius:26px}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 0 0,#f2aa2e47,#0000 34rem),linear-gradient(135deg,#f8f0df 0%,#ebe1cf 48%,#f7f3ea 100%);margin:0;font-family:Manrope,Trebuchet MS,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.shell{grid-template-columns:280px minmax(0,1fr);gap:24px;min-height:100vh;padding:24px;display:grid}.sidebar{color:#fbf5e9;border-radius:var(--radius);height:calc(100vh - 48px);box-shadow:var(--shadow);background:linear-gradient(160deg,#171812f5,#2b271cf5),repeating-linear-gradient(45deg,#ffffff0f 0 1px,#0000 1px 12px);flex-direction:column;gap:26px;padding:24px;display:flex;position:sticky;top:24px}.brand{align-items:center;gap:14px;display:flex}.brand-mark{color:#1b170d;background:var(--amber);letter-spacing:-.06em;border-radius:16px;place-items:center;width:48px;height:48px;font-family:IBM Plex Mono,monospace;font-weight:700;display:grid}.brand strong,.brand small{display:block}.brand small,.side-card small{color:#fbf5e99e}.nav{gap:8px;display:grid}.nav button{color:#fbf5e9b8;text-align:left;background:0 0;border-radius:16px;padding:14px 16px;transition:background .2s,color .2s,transform .2s}.nav button:hover,.nav button.active{color:#fffaf0;background:#ffffff1a;transform:translate(3px)}.side-card{background:#f2aa2e21;border:1px solid #f2aa2e52;border-radius:22px;margin-top:auto;padding:18px}.side-card span,.side-card strong,.side-card small{display:block}.side-card strong{letter-spacing:-.05em;margin:6px 0;font-size:42px}.workspace{flex-direction:column;gap:18px;min-width:0;display:flex}.topbar,.panel,.stats-grid,.notice{box-shadow:var(--shadow);border:1px solid #816f4e38}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:var(--radius);background:#fffaf0c7;justify-content:space-between;align-items:center;gap:18px;padding:28px;display:flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.07em;margin-bottom:8px;font-size:clamp(30px,4vw,56px);line-height:.95}h2{letter-spacing:-.04em;margin-bottom:8px;font-size:28px}h3{margin-bottom:8px;font-size:18px}p{color:var(--muted);line-height:1.55}.primary,.filters button,.bind-form button{color:#1e180b;background:var(--amber);border-radius:14px;padding:12px 18px;font-weight:800;box-shadow:0 10px 30px #f2aa2e3d}.primary:disabled{opacity:.55;cursor:wait}.notice{color:var(--red);background:#fff4ef;border-radius:18px;padding:14px 18px}.stats-grid{background:var(--line);border-radius:var(--radius);grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.metric{background:#fffaf0db;padding:20px}.metric span{color:var(--muted);margin-bottom:10px;font-size:13px;display:block}.metric strong{letter-spacing:-.06em;font-family:IBM Plex Mono,monospace;font-size:28px}.metric.good strong{color:var(--green)}.metric.bad strong{color:var(--red)}.panel{border-radius:var(--radius);background:#fffaf0e6;padding:24px}.panel-head{justify-content:space-between;align-items:start;gap:18px;margin-bottom:20px;display:flex}.panel-head.compact{align-items:center}.filters{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}input,select,textarea{min-height:44px;color:var(--ink);border:1px solid var(--line);background:#fffcf5;border-radius:14px;outline:none;padding:11px 12px}textarea{resize:vertical;min-height:96px}.table{display:grid;overflow:auto}.thead,.trow{grid-template-columns:170px 170px minmax(260px,1.4fr) 120px minmax(190px,.8fr) 110px;min-width:1040px;display:grid}.thead{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line);padding:12px 14px;font-size:12px;font-weight:800}.trow{border-bottom:1px solid #ded4c0cc;align-items:center;padding:14px}.trow:hover{background:#f2aa2e14}.message-cell{color:#3c382f;line-height:1.45}.status-pill{color:var(--blue);white-space:nowrap;background:#315f861a;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.status-pill.waiting_driver{color:var(--amber-dark);background:#f2aa2e2e}.status-pill.taken_manual,.status-pill.completed{color:var(--green);background:#356c4b1f}.status-pill.error,.status-pill.cancelled{color:var(--red);background:#a33a2f1f}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.chat-card,.driver-row,.log-row{border:1px solid var(--line);background:#fffcf5;border-radius:20px}.chat-card{justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.chat-card p,.chat-card small{color:var(--muted);margin:0}.switch{min-width:110px;color:var(--red);background:#a33a2f1a;border-radius:999px;padding:10px 12px;font-weight:800}.switch.on{color:var(--green);background:#356c4b1f}.split-panel{grid-template-columns:minmax(0,1fr) 340px;gap:18px;display:grid}.driver-list,.log-list{gap:10px;display:grid}.driver-row{grid-template-columns:70px 1fr 1.4fr 90px;align-items:center;gap:12px;padding:14px 16px;display:grid}.driver-row strong{font-family:IBM Plex Mono,monospace;font-size:20px}.driver-row small,.driver-row em{color:var(--muted);font-style:normal}.bind-form{color:#fff7e8;background:var(--panel-strong);border-radius:24px;align-content:start;gap:12px;padding:18px;display:grid}.bind-form label,.settings-form label{color:inherit;gap:7px;font-size:13px;font-weight:800;display:grid}.bind-form input{color:#fff7e8;background:#ffffff14;border-color:#ffffff1f}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-grid .check{border:1px solid var(--line);background:#fffcf5;border-radius:18px;align-items:center;gap:10px;padding:14px;display:flex}.settings-grid .check input{width:18px;height:18px;min-height:auto}.log-row{grid-template-columns:80px 190px 1fr 130px;align-items:center;gap:12px;padding:14px;display:grid}.log-row span{font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:700}.log-row.warn span{color:var(--amber-dark)}.log-row.error span{color:var(--red)}.log-row p,.log-row small{color:var(--muted);margin:0}@media (width<=980px){.shell{grid-template-columns:1fr;padding:14px}.sidebar{height:auto;position:relative;top:0}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar,.panel-head,.split-panel{flex-direction:column;grid-template-columns:1fr}.stats-grid,.settings-grid,.driver-row,.log-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference){.panel,.topbar,.stats-grid{animation:.45s both rise}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
