*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#172b4d;font:15px system-ui,Arial}.shell{max-width:1200px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{font-size:26px}h1 span{color:#2877c9}h2{font-size:19px;margin:0 0 18px}.panel{background:#fff;border:1px solid #e0e6ef;border-radius:12px;padding:24px;margin:18px 0;box-shadow:0 2px 10px #20305009}.login{max-width:440px;margin:80px auto}.columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.columns .panel{margin:0}label{display:block;font-size:13px;font-weight:600;margin:12px 0}input,select{display:block;width:100%;margin-top:6px;border:1px solid #cbd5e1;border-radius:7px;padding:10px;background:#fff;color:#172b4d}button{background:#1267b4;color:#fff;border:0;border-radius:7px;padding:10px 15px;cursor:pointer}button:hover{background:#094e8c}.camera{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:15px 0;border-bottom:1px solid #e5eaf0}.camera p,small{color:#63748b}.camera select{max-width:220px}.message{padding:12px;background:#e8eef7;border-radius:8px}@media(max-width:800px){.columns{grid-template-columns:1fr}.camera{flex-wrap:wrap}}