: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}.quota-panel{max-width:680px;margin:16px 0 24px;padding:16px 20px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px}.quota-panel>:first-child{margin-top:0}.quota-panel>:last-child{margin-bottom:0}.join-bond-card>.section-title:first-child{margin-top:0}.join-bond-button{min-height:56px;padding:0 28px;font-size:16px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:#0f172a8c}.modal-panel{width:min(440px,100%);max-height:90vh;overflow-y:auto;padding:24px;background:#fff;border-radius:12px;box-shadow:0 24px 48px #0f172a40}.modal-panel h2{margin:0 0 8px;font-size:20px}.modal-panel .actions{margin-bottom:0}.row-actions{text-align:right;white-space:nowrap}.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}a.primary-button,a.secondary-button{display:inline-flex;align-items:center;text-decoration:none}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}.meta-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px 16px}.meta-grid .meta-row-wide{grid-column:1 / -1}.meta-grid .meta-row{grid-template-rows:auto 1fr}.summary-list{display:grid;gap:8px;margin:20px 0 0}.summary-row{display:flex;align-items:baseline;gap:6px}.summary-label{color:#526277;font-weight:700}.summary-label:after{content:":"}.summary-value{margin:0;padding:4px 12px;border:1px solid #bfdbfe;border-radius:7px;background:#eff6ff;color:#2563eb;font-size:17px;font-weight:800}.summary-value.is-warning{border-color:#fecaca;background:#fef2f2;color:#dc2626}.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}.form-grid.form-grid-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;max-width:960px}.form-grid.form-grid-row>.form-error,.form-grid.form-grid-row>.actions{grid-column:1 / -1}.form-grid.form-grid-row>.actions{margin:0}.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}.input-with-action{display:flex;gap:8px}.input-with-action input{flex:1;min-width:0}.field-hint{font-size:12px;font-weight:400;color:#64748b}.no-spinner{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.no-spinner::-webkit-outer-spin-button,.no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.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}.table-link{color:#2563eb;font-weight:700;text-decoration:none}.table-link:hover,.table-link:focus-visible{text-decoration:underline}.meta-row>.table-link{justify-self:start}.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}.data-table tbody tr.row-own{background:#eff6ff}.own-badge{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:#2563eb;color:#fff;font-size:11px;font-weight:700;vertical-align:middle}.toast-viewport{position:fixed;z-index:60;top:20px;right:20px;display:grid;gap:10px;width:min(360px,calc(100vw - 40px))}.toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid #dbe4ee;border-radius:10px;background:#fff;box-shadow:0 16px 36px #0f172a1f;animation:toast-in .18s ease-out}.toast-message{flex:1;margin:0;font-size:14px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}.toast-close{padding:0 4px;border:0;border-radius:5px;background:none;color:inherit;font-size:18px;line-height:1;cursor:pointer;opacity:.6}.toast-close:hover,.toast-close:focus-visible{opacity:1}.toast-success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.toast-error{border-color:#fecaca;background:#fef2f2;color:#dc2626}.toast-info{border-color:#cfe0f5;background:#f4f8fd;color:#1d4ed8}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.toast{animation:none}}@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}}