:root{--ink: #10201d;--muted: #66756f;--line: #dce7e2;--panel: #ffffff;--page: #f5f8f7;--brand: #0b6b58;--brand-strong: #064d40;--accent: #eebf55;--good: #087146;--good-bg: #e8fff4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--page)}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{min-height:42px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer}button.primary{background:var(--brand);border-color:var(--brand);color:#fff}button:disabled{cursor:not-allowed;opacity:.55}.topbar{height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:24px;font-weight:900}.brand-mark{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;background:var(--brand)}nav{display:flex;gap:8px}nav button{border-color:transparent;background:transparent}nav button.active{background:#e9f4f1;border-color:#b9d8cf;color:var(--brand-strong)}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:calc(100vh - 72px)}.rail{padding:32px 24px;border-right:1px solid var(--line);background:#fff;display:flex;flex-direction:column;gap:16px}.eyebrow{margin:0 0 8px;color:var(--brand);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:0}h1,h2,h3,p{margin-top:0}h1{font-size:34px;line-height:1.05;margin-bottom:10px}h2{font-size:28px;line-height:1.1;margin-bottom:0}h3{font-size:18px;margin-bottom:6px}p{color:var(--muted);line-height:1.55}.metric,.status,.booking-summary,.checklist{border:1px solid var(--line);border-radius:8px;background:#fff;padding:16px}.metric strong{display:block;font-size:32px;color:var(--brand)}.metric span{color:var(--muted);font-weight:700}.status{display:flex;align-items:center;gap:8px;color:#6b5a24;background:#fff8e5;border-color:#f0dda1;font-weight:700}.status.good{color:var(--good);background:var(--good-bg);border-color:#98dfbd}.panel{padding:28px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.content-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,.9fr);gap:20px;align-items:start}.cards-list,.queue{display:grid;gap:14px}.sitter-card,.detail,.form-surface,.queue article{background:var(--panel);border:1px solid var(--line);border-radius:8px}.sitter-card{padding:14px;display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:14px;cursor:pointer}.sitter-card.selected{border-color:var(--brand);box-shadow:0 0 0 2px #0b6b581f}.sitter-card img{width:92px;height:92px;object-fit:cover;border-radius:8px}.card-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-title h3,.card-title h2{margin:0}.rating,.verified,.pending-badge,.verify-marker,.file-input{display:inline-flex;align-items:center;gap:6px}.rating{color:#8b6500;font-weight:800}.rating span{color:var(--muted);font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chips span{border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:var(--muted);font-size:12px;font-weight:700}.rate{font-size:20px;color:var(--brand-strong)}.verified{padding:5px 9px;border:1px solid #87ddb5;border-radius:999px;background:var(--good-bg);color:var(--good);font-size:12px;font-weight:900}.pending-badge{padding:5px 9px;border:1px solid #ead28c;border-radius:999px;background:#fff8e5;color:#795b0a;font-size:12px;font-weight:900}.detail{overflow:hidden;position:sticky;top:92px}.detail>img{width:100%;height:240px;object-fit:cover}.detail-body{padding:20px}dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}dt{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}dd{margin:4px 0 0;font-weight:900}.actions,.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.two-col{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.8fr);gap:20px;align-items:start}.form-surface{padding:20px;display:grid;gap:14px}label{display:grid;gap:7px;font-weight:800}input,textarea{width:100%;border:1px solid var(--line);border-radius:8px;min-height:42px;padding:10px 12px;color:var(--ink);background:#fff}textarea{min-height:120px;resize:vertical}.file-input{min-height:42px;border:1px dashed #abc9c0;border-radius:8px;padding:10px 12px;color:var(--brand);font-weight:900;position:relative;overflow:hidden}.file-input input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.verify-marker{min-height:42px;border:1px solid #87ddb5;border-radius:8px;padding:0 12px;color:var(--good);background:var(--good-bg);font-weight:900}.checklist{display:grid;gap:12px}.checklist div{display:flex;align-items:center;gap:10px;font-weight:800}.booking-summary h3,.form-surface h3{margin-bottom:8px}.muted{color:var(--muted)}.queue article{padding:16px;display:grid;grid-template-columns:minmax(220px,1fr) 80px 90px 150px auto;align-items:center;gap:12px}.queue span{color:var(--muted);font-weight:800}.queue strong{color:var(--brand-strong)}@media(max-width:980px){.topbar{height:auto;padding:14px;align-items:flex-start;gap:12px;flex-direction:column}nav{width:100%;overflow-x:auto;padding-bottom:2px}nav button{flex:0 0 auto}.workspace,.content-grid,.two-col{grid-template-columns:1fr}.rail{border-right:0;border-bottom:1px solid var(--line)}.detail{position:static}.queue article{grid-template-columns:1fr}}@media(max-width:620px){.panel{padding:16px}.panel-head{align-items:flex-start;flex-direction:column}.sitter-card{grid-template-columns:76px 1fr}.sitter-card img{width:76px;height:76px}.rate{grid-column:2}dl{grid-template-columns:1fr}.button-row>button,.button-row>.verify-marker,.actions>button{width:100%}}
