:root{font-family:system-ui,Arial,sans-serif;color:#102431;background:#eef3f5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:12px;background:#164b68;color:white;padding:14px 18px;min-height:48px;font-weight:700}button:hover{background:#0d344b}button:disabled{opacity:.45;cursor:not-allowed}.danger{background:#a3262b}.muted{background:#dbe7ec;color:#102431}.warn{background:#d28108}.ok{background:#137045}.shell{max-width:1500px;margin:auto;padding:20px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#10364b;color:white;padding:16px 22px;border-radius:0 0 18px 18px}.top h1{margin:0;font-size:26px}.top small{font-size:16px}.metrics{display:flex;gap:18px;flex-wrap:wrap}.online{color:#76e09e}.offline{color:#ff8585}.hero{min-height:235px;border-radius:20px;margin:18px 0;padding:32px;display:flex;align-items:center;justify-content:center;text-align:center;background:#dcecf5;color:#123d57}.hero h2{font-size:clamp(29px,4vw,52px);margin:0}.hero p{font-size:22px}.hero.ok{background:#d2f3dd;color:#073b22}.hero.warn{background:#fff0be;color:#654100}.hero.error{background:#f9d9d9;color:#6d0c13}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.actions button{min-height:64px;font-size:19px;flex:1}.panel{background:white;border-radius:18px;padding:22px;margin:16px 0;box-shadow:0 1px 8px #18384a14}.panel h2{margin:0 0 16px}.rows{max-height:45vh;overflow:auto}.row{display:grid;grid-template-columns:90px 1.4fr 1.2fr 100px;gap:10px;padding:14px;border-bottom:1px solid #dce6ea;font-size:19px;align-items:center}.row.warning{background:#fff2cb}.row.overdue{background:#ffe2e2}.login{max-width:460px;margin:10vh auto;padding:30px;background:white;border-radius:18px;box-shadow:0 8px 35px #16374722}.login h1{margin-top:0}.field{display:flex;flex-direction:column;gap:5px;margin:12px 0;font-size:17px;font-weight:600}.field input,.field select,.field textarea,.search{border:2px solid #9aabb4;border-radius:9px;padding:12px;min-height:48px;background:white;color:#102431}.field input:focus,.field select:focus{outline:3px solid #e5aa2d}.error-text{color:#a3262b;font-weight:700}.nav{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.nav button{background:#dbe7ec;color:#102431}.nav button.active{background:#164b68;color:white}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.tile{background:white;border-left:9px solid #137045;padding:16px;border-radius:10px}.tile.issued{border-color:#727d84}.tile.overdue{border-color:#b22a30}.tile.blocked{border-color:#101418}.dialog-back{position:fixed;inset:0;background:#071f2abc;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.dialog{background:white;border-radius:18px;padding:24px;width:min(650px,100%);max-height:90vh;overflow:auto}.dialog h2{margin-top:0}.keyboard{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-top:12px}.keyboard button{padding:8px;min-height:45px}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;background:white}.data-table th,.data-table td{text-align:left;padding:10px;border-bottom:1px solid #d6e0e4;vertical-align:top}.data-table th{background:#dce8ed}.small{font-size:14px;color:#526873}.pill{display:inline-block;border-radius:20px;padding:4px 9px;background:#e0ecf1}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.form-grid .field{margin:3px 0}@media(max-width:720px){.shell{padding:10px}.row{grid-template-columns:60px 1fr;font-size:16px}.row>*:nth-child(3),.row>*:nth-child(4){grid-column:2}.top{border-radius:0}.actions button{min-width:45%}.hero{min-height:180px}}@media print{.top,.nav,.actions,button,.dialog-back{display:none!important}.shell{max-width:none}.panel{box-shadow:none}}