:root{--ink:#253944;--muted:#687a80;--teal:#246b70;--line:#dfe7e6;--paper:#f5f7f5;--white:#fff;--pale:#e9f1ee}*{box-sizing:border-box}body{margin:0;background:var(--paper);font:15px/1.55 Arial,sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}a{color:var(--teal);text-underline-offset:4px}.brand{font:40px Georgia,serif;letter-spacing:-2px}.brand span{display:block;font:10px Arial;letter-spacing:2.4px;margin-top:4px;color:var(--muted)}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;padding:36px 24px;background:var(--ink);color:white;display:flex;flex-direction:column}.sidebar .brand span{color:#bbd2d2}.sidebar nav{display:grid;gap:7px;margin-top:42px}.sidebar button{border:0;background:transparent;color:#d8e6e6;padding:12px 15px;text-align:left;border-radius:7px}.sidebar button.active{background:#3d565e;color:white}.sidebar .foot{margin-top:auto;font-size:12px;color:#bdcfd1;overflow-wrap:anywhere}.sidebar .foot button{padding:10px 0}.workspace{margin-left:232px;padding:36px 4.5vw 70px;max-width:1600px}.topline{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);padding-bottom:24px;border-bottom:1px solid var(--line)}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:11px;font-weight:bold;color:var(--teal)}h1,h2,h3{font-family:Georgia,serif;font-weight:normal;line-height:1.18}h1{font-size:42px;letter-spacing:-1.1px;margin:10px 0 12px}h2{font-size:25px;margin:0 0 10px}h3{font-size:20px;margin:0 0 8px}.hero{padding:34px 0 26px;display:flex;justify-content:space-between;gap:20px;align-items:center}.hero p{color:var(--muted);max-width:620px;margin:0}.btn,button.primary{display:inline-block;border:1px solid var(--teal);background:var(--teal);color:white;border-radius:6px;padding:11px 17px;text-decoration:none}.btn.secondary{background:white;color:var(--ink);border-color:var(--line)}.btn.small{font-size:12px;padding:7px 11px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:0 0 24px}.metric,.card{background:white;border:1px solid var(--line);border-radius:10px;padding:23px}.metric small{display:block;color:var(--muted)}.metric strong{display:block;font:31px Georgia;margin:10px 0 5px}.metric span{font-size:11px;color:var(--muted)}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.card{margin-bottom:22px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.card-head h2{margin:0}.muted{color:var(--muted)}.small{font-size:12px}.banner{padding:15px 19px;border:1px solid #cbdcd9;border-radius:8px;background:var(--pale);margin-bottom:24px}.banner strong{display:block}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-weight:normal;background:#f5f8f7;padding:11px;white-space:nowrap}td{padding:14px 11px;border-bottom:1px solid var(--line);vertical-align:top}td strong{display:block}td small{display:block;color:var(--muted)}.pill{display:inline-block;padding:4px 9px;background:#edf2f1;border-radius:30px;font-size:11px;white-space:nowrap}.pill.pending{background:#fbf0da;color:#80621c}.pill.good{background:#e2f1e9;color:#236442}.empty{padding:35px 15px;text-align:center;color:var(--muted)}.row{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0}.row:last-child{border:0}.step{display:flex;gap:14px;padding:14px 0}.step b{display:grid;place-items:center;flex:0 0 28px;height:28px;background:var(--pale);color:var(--teal);border-radius:50%}.step p{margin:3px 0;color:var(--muted);font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{display:block;font-size:12px;color:var(--muted)}input,select,textarea{display:block;width:100%;padding:11px 12px;border:1px solid #ccd8d7;border-radius:6px;background:#fff;color:var(--ink);margin-top:6px}input[readonly]{background:#f5f7f5}textarea{resize:vertical;min-height:90px}.wide{grid-column:1/-1}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.login{max-width:480px;margin:8vh auto;background:white;padding:40px;border:1px solid var(--line);border-radius:14px}.login h1{font-size:31px}.login label{margin-top:18px}.login button{width:100%;margin-top:22px}.login .brand{margin-bottom:36px}.error{color:#9f3535}.note{padding:16px;background:var(--paper);border-radius:7px;font-size:13px}.link-list{display:flex;gap:14px;flex-wrap:wrap}.code{font:12px monospace;background:var(--paper);padding:14px;border-radius:6px;overflow-wrap:anywhere}#notice{position:fixed;right:25px;bottom:25px;max-width:440px;background:var(--ink);color:white;border-radius:8px;padding:0;z-index:5}#notice:not(:empty){padding:15px 20px}.divider{border:0;border-top:1px solid var(--line);margin:24px 0}.connections{display:grid;grid-template-columns:1fr 1fr;gap:20px}.checklist li{margin:12px 0}.subtle{border:0;background:none;color:var(--teal);text-decoration:underline;padding:0}.finance-period{margin:-10px 0 22px;color:var(--muted);font-size:12px}.loading{opacity:.6;pointer-events:none}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.sidebar{width:195px;padding:25px 18px}.workspace{margin-left:195px;padding:25px}.connections{grid-template-columns:1fr}}@media(max-width:680px){.sidebar{position:static;width:auto;padding:20px}.sidebar .brand{font-size:32px}.sidebar nav{display:flex;gap:4px;flex-wrap:wrap;margin-top:22px}.sidebar button{padding:9px 10px;font-size:12px}.sidebar .foot{display:none}.workspace{margin:0;padding:20px 15px 55px}.hero{display:block}.hero .btn{margin-top:18px}h1{font-size:33px}.metrics{gap:10px}.metric{padding:16px}.metric strong{font-size:27px}.card{padding:18px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.login{margin:25px 15px;padding:28px}.topline{font-size:11px}.connections{display:block}}
.client-header{background:white;border-bottom:1px solid var(--line);padding:22px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.client-header .brand{font-size:34px}.client-main{max-width:1240px;margin:auto;padding:15px 4vw 50px}.client-main .metric strong{font-size:27px}button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:680px){.client-header{align-items:flex-start;padding:20px}.client-header>div:last-child{max-width:50%;overflow-wrap:anywhere}.client-header .small{display:block;margin-bottom:9px}.client-main{padding:10px 15px}.client-main .metric strong{font-size:23px}}

.btn.danger{color:#a32635;border-color:#b9586555}.seat-controls{padding-block:8px} .seat-controls form{max-width:360px}