/* Same visual tokens and typography as the customer dashboard, explicit cockpit sidebar. */
:root{--ink:#24313b;--muted:#64737d;--line:#e1e7e9;--accent:#0f6b78;--accent-hover:#0b5863;--pale:#eaf4f5;--bg:#f5f7f8;--surface:#fff;--shadow:0 3px 14px rgb(36 49 59 / 3%)}*{box-sizing:border-box}body{margin:0;font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;color:var(--ink);background:var(--bg)}a{color:var(--accent)}button,input,textarea,select{font:inherit}button,.button-link{display:inline-block;min-height:42px;padding:10px 17px;border:1px solid #cfdade;border-radius:10px;background:white;color:var(--ink);font-weight:600;font-size:13px;text-decoration:none;cursor:pointer}button:hover,.button-link:hover{background:#f0f5f6;border-color:#b3c8cd}.primary{background:var(--accent);border-color:var(--accent);color:white}.primary:hover{background:var(--accent-hover);color:white}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #70b9c3;outline-offset:3px}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;padding:30px 18px;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:32px}.sidebar strong{font-size:25px;letter-spacing:-.7px;padding:0 12px;color:var(--accent)}.sidebar small{display:block;font-size:12px;letter-spacing:.6px;color:var(--muted);font-weight:500}.sidebar nav{display:flex;flex-direction:column;gap:7px;flex:1}.sidebar nav a{padding:13px 16px;border-radius:10px;text-decoration:none;color:var(--muted);font-weight:600;border-left:3px solid transparent}.sidebar nav a:hover,.sidebar nav a[aria-current]{background:var(--pale);color:var(--accent);border-left-color:var(--accent)}main{margin:0 0 0 252px;padding:38px 40px;max-width:1600px;min-height:calc(100vh - 70px)}h1{font-size:28px;letter-spacing:-.6px;margin:0 0 28px;font-weight:650}h2{font-size:19px;margin:0 0 16px}h3{font-size:16px}section{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--shadow)}p{line-height:1.6}.muted,small{color:var(--muted)}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.summary-card{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:20px}.summary-card p{margin-top:0}label{display:block;margin:18px 0;font-weight:500}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #cfdade;border-radius:9px;margin-top:8px;color:var(--ink);background:white}input:focus,select:focus,textarea:focus{outline:2px solid #70b9c3;outline-offset:1px}input[type=checkbox]{width:auto}textarea{min-height:100px}input[readonly]{background:var(--bg)}.settings-form{max-width:760px;padding:24px 0;border-bottom:1px solid var(--line)}.settings-form:first-child{padding-top:0}.settings-form:last-child{border:0}.form-status{overflow-wrap:anywhere}footer{margin-left:252px;padding:22px 40px;color:var(--muted)}.login{margin:10vh auto 0;padding:32px;max-width:480px;min-height:0;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.login h1{font-size:25px}table{width:100%;border-collapse:collapse;margin-top:20px}th,td{padding:15px 12px;text-align:left;border-bottom:1px solid var(--line);overflow-wrap:anywhere}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px}td button{white-space:nowrap}dialog{border:1px solid var(--line);border-radius:16px;width:min(600px,calc(100vw - 32px));padding:28px;color:var(--ink);box-shadow:0 12px 60px #24313b30}dialog::backdrop{background:#24313b70}dialog button{margin:8px 10px 0 0}.mfa-setup{padding:22px 0;overflow-wrap:anywhere}.mfa-setup canvas{max-width:100%;height:auto}.mfa-setup code,.mfa-setup pre{display:block;padding:15px;background:var(--bg);white-space:pre-wrap;word-break:break-all}.invitation-list{margin-top:24px;padding:16px;background:var(--pale);border-radius:12px}.badge{color:var(--accent)}@media(max-width:850px){.sidebar{position:static;width:100%;padding:20px;gap:18px;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.sidebar strong small{display:inline;margin-left:12px}.sidebar #logout{align-self:flex-start}main,footer{margin-left:0;padding:24px 18px}.summary-grid{grid-template-columns:1fr}section{padding:18px;overflow-x:auto}table{min-width:550px}.login{margin:6vh auto;max-width:calc(100% - 30px)}}
