:root{font:16px/1.5 system-ui,sans-serif;color:#15253d;background:#f2f5fa;--navy:#122641;--blue:#1957bc;--border:#d8e1ee;--muted:#50637e}
*{box-sizing:border-box} body{margin:0} [hidden]{display:none!important} header{background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem max(1.25rem,calc((100vw - 1180px)/2));flex-wrap:wrap}
.brand,nav,.actions,.search,.heading{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.brand small{display:block;color:#bbcee6;font-size:.66rem;letter-spacing:.13em}.mark{display:grid;place-items:center;border-radius:.6rem;background:#2b6dd1;width:2.65rem;height:2.65rem;font-weight:750}
main{max-width:1220px;margin:auto;padding:2rem 1.25rem 4rem} h1,h2,p{margin:0 0 .75rem} h1{font-size:clamp(1.65rem,4vw,2.25rem);line-height:1.2} h2{font-size:1.2rem} p,small{color:var(--muted)} .heading{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}
.card{background:white;border:1px solid var(--border);border-radius:.9rem;padding:1.25rem;margin-bottom:1rem;box-shadow:0 3px 14px #182b4210}.login{max-width:440px;margin:8vh auto}.layout{display:grid;grid-template-columns:minmax(245px,310px) minmax(0,1fr);gap:1.25rem;align-items:start}.company-list{display:grid;gap:.45rem;max-height:65vh;overflow:auto}.company-list button{text-align:left;display:grid;gap:.18rem}.company-list .selected{border-color:var(--blue);background:#e9f1ff}
button,input{font:inherit} button{cursor:pointer;border-radius:.5rem;border:1px solid var(--border);background:#fff;color:var(--navy);padding:.5rem .8rem;font-weight:600} button:hover{background:#edf3fd} button:disabled{opacity:.55;cursor:wait} .primary{background:var(--blue);border-color:var(--blue);color:white}.primary:hover{background:#134694}.danger{color:#a31e32;border-color:#f0b9c2}.danger:hover{background:#fff0f2} nav button{background:#1d3554;border-color:#36516f;color:white}nav button:hover{background:#2b4c74}
input:not([type=checkbox]){width:100%;min-width:0;border:1px solid #aebed2;border-radius:.45rem;background:#fff;color:#15253d;padding:.55rem .65rem}input[type=color]{height:2.6rem}input:disabled{opacity:.65} label{display:grid;gap:.3rem;font-size:.9rem;font-weight:600} label:has(input[type=checkbox]){display:flex;align-items:center;gap:.55rem}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-bottom:1rem}.stack{display:grid;gap:.85rem}.search{flex-wrap:nowrap;margin-bottom:.85rem}.search input{flex:1}
.badge{display:inline-block;width:max-content;border-radius:999px;background:#e0f5e9;color:#165637;padding:.15rem .5rem;font-size:.76rem;font-weight:700}.blocked{background:#ffe8eb;color:#8a1b2b}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th,td{padding:.65rem .45rem;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-size:.8rem} td .actions{gap:.35rem}td button{font-size:.8rem;white-space:nowrap}.logo{display:block;max-width:165px;max-height:70px;margin-bottom:.5rem;object-fit:contain}.wide{grid-column:1/-1}
#notice{position:fixed;z-index:1;bottom:1rem;right:1rem;max-width:min(390px,calc(100vw - 2rem));background:#143557;color:white;border-radius:.55rem;padding:.8rem 1rem;box-shadow:0 4px 24px #13294935}#notice.error{background:#8a1b2b}.form-error{color:#992032;margin:0}dialog{width:min(480px,calc(100% - 2rem));padding:1.4rem;border:1px solid var(--border);border-radius:.85rem;color:#15253d}dialog::backdrop{background:#12264199}:focus-visible{outline:3px solid #4084df;outline-offset:2px}
@media(max-width:760px){.layout{grid-template-columns:1fr}.company-list{max-height:235px}.fields{grid-template-columns:1fr}main{padding-top:1.2rem}header{padding:.8rem 1rem}}