:root{color:#eaf4f4;background:#073b4c;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#073b4c,#159895);min-height:100dvh;margin:0}.app,.login form{color:#17313a;max-width:680px;min-height:100dvh;padding:calc(20px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));background:#fff;margin:auto}.login{min-height:100dvh;padding:calc(20px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));place-items:center;display:grid}.login form{border-radius:18px;width:min(100%,440px);min-height:auto;box-shadow:0 16px 50px #001b2266}.brand{color:#0b6e73;font-size:28px;font-weight:900}h1{margin:12px 0}h2{font-size:18px}header{justify-content:space-between;align-items:center;min-height:44px;display:flex}header small{color:#547078;display:block}.connection{margin:16px -20px 0;padding:9px 20px;font-size:13px}.online{color:#17603a;background:#dcfce7}.offline{color:#765b0b;background:#fff3cd}.notice{color:#075a5a;background:#e3f6f5;border-radius:8px;padding:10px}.error{color:#9b2020;background:#ffe5e5;border-radius:8px;padding:10px}.cliente-scope{background:#edf7f7;border-radius:8px;padding:10px}nav{border-bottom:1px solid #d5e4e5;grid-template-columns:repeat(5,1fr);gap:6px;margin:16px 0;padding-bottom:12px;display:grid}button{color:#fff;font:inherit;cursor:pointer;background:#087f8c;border:0;border-radius:8px;padding:12px;font-weight:700}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{color:#087f8c;background:0 0;padding:8px}nav button{color:#28606a;background:#e5f1f1;font-size:12px}nav button.active{color:#fff;background:#087f8c}label{gap:6px;margin:14px 0;font-weight:700;display:grid}input,select,textarea{font:inherit;color:#17313a;background:#fff;border:1px solid #adc7ca;border-radius:8px;padding:12px}textarea{resize:vertical;min-height:88px}.back{color:#087f8c;background:0 0;padding:0}.operation-menu{gap:10px;display:grid}.operation-menu button{text-align:left;color:#17313a;background:#e5f1f1}.operation-menu button small{color:#547078;margin-top:4px;font-weight:400;display:block}.cards{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;display:grid}.cards article{background:#e5f4f3;border-radius:10px;gap:5px;padding:15px;display:grid}.cards b{color:#087f8c;font-size:28px}.cards span{font-size:12px}.list{padding:0;list-style:none}.list li{border-bottom:1px solid #e0ecec;justify-content:space-between;gap:12px;padding:13px 0;display:flex}.list small,.list em{color:#607980;margin-top:3px;font-size:12px;display:block}.list em,.bad{color:#a92a2a}@media (width<=440px){.app{padding-left:16px;padding-right:16px}.connection{margin-left:-16px;margin-right:-16px;padding-left:16px}.cards{grid-template-columns:1fr}.cards article{align-items:baseline;gap:8px;display:flex}}