:root{color:#1c1914;background:#f3efe6;font-family:Segoe UI,Sylfaen,sans-serif;font-size:15px;line-height:1.45}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button,.linkish{background:#1f4d3a;color:#f7f3ea;border:0;border-radius:4px;padding:.45rem .75rem;cursor:pointer}button.quiet,a.quiet{background:transparent;color:#1f4d3a;border:1px solid #1f4d3a}button:disabled{opacity:.5;cursor:default}a{color:#1f4d3a}.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}nav{background:#243028;color:#f3efe6;padding:1.25rem 1rem}nav h1{font-size:1.05rem;font-weight:650;margin:0 0 1rem}nav button{display:block;width:100%;text-align:left;background:transparent;color:#f3efe6;margin:.15rem 0;padding:.4rem .5rem}nav button.active{background:#1f4d3a}.company-picker{position:relative;margin:0 0 1rem}.company-picker>span{display:block;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:#c9c2b3;margin-bottom:.3rem}nav .company-picker button.current{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;background:#f7f3ea;color:#1c1914;border:2px solid #e2b15a;padding:.55rem .65rem}nav .company-picker button.current small{color:#5c564c;font-size:.8rem}.company-menu{position:absolute;z-index:30;top:calc(100% + .3rem);left:0;width:320px;background:#fffdf8;color:#1c1914;border:1px solid #c8c0b0;border-radius:6px;padding:.45rem;box-shadow:0 10px 28px #00000047}.company-menu input{width:100%;color:#1c1914;background:#fff;border:1px solid #c8c0b0;border-radius:4px;padding:.45rem .55rem}.company-menu ul{list-style:none;margin:.35rem 0 0;padding:0;max-height:320px;overflow:auto}nav .company-menu button{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:0;background:transparent;color:#1c1914;text-align:left;padding:.4rem .45rem}nav .company-menu button small{color:#5c564c;font-size:.8rem}nav .company-menu button.active,nav .company-menu button:hover{background:#e7f0ea}.company-menu .empty{color:#5c564c;padding:.45rem}main{padding:1.25rem 1.5rem 3rem}.top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem}h2{margin:0 0 .75rem;font-size:1.35rem}.note,.muted{color:#5c564c}.warn{color:#6d4a12;background:#f4ead4;padding:.6rem .8rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem}.card,.panel,table,.login{background:#fffdf8;border:1px solid #ddd4c4}.card{padding:.8rem}.card strong{display:block;font-size:1.4rem}.filters,.row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}input,select{background:#fff;border:1px solid #cfc4b0;border-radius:4px;padding:.4rem .5rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.45rem .55rem;border-bottom:1px solid #eee6d8;vertical-align:top}th{font-weight:650;background:#f7f1e6}tr.clickable{cursor:pointer}tr.clickable:hover,tr.selected{background:#eef5f0}.login{max-width:420px;margin:8vh auto;padding:1.5rem}.login label,.panel label{display:block;margin:.6rem 0}.login input,.panel input,.panel select{width:100%}.panel{max-width:560px;padding:1rem 1.1rem 1.2rem;margin-bottom:1rem}.panel label.check{display:flex;align-items:center;gap:.45rem}.panel label.check input{width:auto}a.quiet{display:inline-block;text-decoration:none;background:transparent;color:#1f4d3a;border:1px solid #1f4d3a;border-radius:4px;padding:.45rem .75rem}.error{color:#8a2b1b}.badge{display:inline-block;padding:.05rem .4rem;border-radius:999px;background:#efe6d4;font-size:.85rem}.badge.warn{background:#f3d2c4}.badge.ok{background:#d7eadc}.badge.muted{background:#e7e2d8}.split{display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1.1fr);gap:1rem;align-items:start}.pdf-frame{overflow:auto;max-height:80vh;border:1px solid #ddd4c4;background:#d9d3c7}.pdf-stage{position:relative;width:fit-content}.pdf-mark{position:absolute;border:2px solid #b45309;background:#f59e0b47;pointer-events:none}.pager{display:flex;gap:.5rem;align-items:center;margin-top:.75rem}@media (max-width: 900px){.app{grid-template-columns:1fr}nav{display:flex;flex-wrap:wrap;gap:.25rem}nav h1,.company-picker{width:100%}nav button{width:auto}.company-menu{width:min(320px,100%)}.split{grid-template-columns:1fr}}