:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}.app-layout{min-height:100vh;display:grid;grid-template-columns:236px 1fr}.sidebar{padding:28px 16px;background:#0f172a;color:#cbd5e1;display:flex;flex-direction:column}.logout-button{margin-top:12px}.brand{display:block;margin:0 12px 32px;color:#fff;font-size:20px;font-weight:800;text-decoration:none}.brand span{color:#38bdf8}.sidebar nav{display:grid;gap:4px}.nav-link{padding:10px 12px;border-radius:7px;color:inherit;text-decoration:none}.nav-link:hover,.nav-link.active{background:#1e293b;color:#fff}.sidebar-user{margin-top:auto;padding:16px 12px 0;border-top:1px solid #1e293b}.sidebar-user-name{margin:0;color:#fff;font-weight:700;font-size:14px}.sidebar-user-email{margin:4px 0 0;color:#94a3b8;font-size:12px;overflow-wrap:anywhere}.page-content{padding:48px}.company-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 28px;padding-bottom:16px;border-bottom:1px solid #dbe4ee}.company-bar-label{color:#64748b;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.company-bar-current{color:#172033;font-weight:700}.company-bar-note{margin:0;color:#526277}.company-switcher{display:flex;gap:8px;flex-wrap:wrap}.company-chip{min-height:36px;padding:0 16px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#334155;font-weight:700;cursor:pointer}.company-chip.is-active{background:#2563eb;border-color:#2563eb;color:#fff}h1{margin:0;font-size:clamp(26px,4vw,36px)}.section-title{margin:32px 0 12px;font-size:16px;font-weight:800;color:#172033}.eyebrow{margin:0 0 8px;color:#2563eb;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.lede{max-width:680px;color:#526277;line-height:1.55}.auth-panel{max-width:720px;padding:32px;background:#fff;border:1px solid #dbe4ee;border-radius:12px;box-shadow:0 16px 36px #0f172a14}.join-bond-card{max-width:680px;margin:24px 0;padding:24px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px}.join-bond-card>.section-title:first-child{margin-top:0}.join-bond-button{min-height:56px;padding:0 28px;font-size:16px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.primary-button,.secondary-button{min-height:44px;padding:0 16px;border:0;border-radius:7px;cursor:pointer;font-weight:700}.primary-button{background:#2563eb;color:#fff}.secondary-button{background:#e2e8f0;color:#172033}button:disabled{cursor:not-allowed;opacity:.5}.meta{display:grid;gap:12px}.meta-row{display:grid;gap:5px}.meta-label{color:#64748b;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.meta-value{overflow-wrap:anywhere;margin:0;padding:12px;border:1px solid #dbe4ee;border-radius:7px;background:#f8fafc;line-height:1.45}.login-shell{min-height:100vh;display:grid;place-items:center;padding:16px}.login-panel{width:100%;max-width:420px}.login-form,.form-grid{display:grid;gap:16px;margin-top:20px;max-width:420px}.field{display:grid;gap:6px;font-size:13px;font-weight:700;color:#344154}.field input,.field select{min-height:44px;padding:0 14px;border:1px solid #dbe4ee;border-radius:7px;font-size:15px;font-weight:400;color:#172033;background:#fff}.field input:focus,.field select:focus{outline:2px solid #2563eb;outline-offset:1px}.field-hint{font-size:12px;font-weight:400;color:#64748b}.field-radio-group{gap:10px}.radio-row{display:flex;gap:16px}.radio-option{display:flex;align-items:center;gap:6px;font-weight:400;color:#172033;cursor:pointer}.radio-option input{min-height:auto}.form-error{margin:0;color:#dc2626;font-size:13px;font-weight:600}.table-scroll{overflow-x:auto;border:1px solid #dbe4ee;border-radius:7px}.data-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff}.data-table th,.data-table td{padding:10px 14px;text-align:left;white-space:nowrap}.data-table td.cell-truncate{max-width:220px;overflow:hidden;text-overflow:ellipsis}.data-table thead th{background:#f8fafc;color:#64748b;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid #dbe4ee}.data-table tbody tr:not(:last-child) td{border-bottom:1px solid #eef2f7}.data-table tbody tr.row-company{background:#ecfdf3}.data-table tbody tr.row-employee{background:#fefce8}@media (max-width: 700px){.app-layout{grid-template-columns:1fr}.sidebar{padding:16px}.brand{margin:0 0 12px}.sidebar nav{grid-template-columns:repeat(3,1fr)}.nav-link{padding:8px;font-size:13px;text-align:center}.page-content{padding:24px 16px}.auth-panel{padding:22px}}